Step 2B: Linking the Site Root Folder to SVSU Server
With this done you can upload your index.html page to the server.
Step 2C: Adding a Google Font
Work Due
Download Main Site Root Folder. Store in secure location (flashdrive, external drive etc. Have back up for that Folder).
Make your index (home) page. Structure with at least three columns. Label the columns: Steps, Summaries, and Challenges.
Make a Step 1 page. Use the supplied text on Step 1. Open your index.html page. Save As step1.html. Then change the structure to remove the columns from the Main tag. Then insert the Step 1 copied text.
Tag the Step 1 text. Make a CSS file, save the file in your CSS folder. Then add CSS rules and properities for your site. Start with the text tag rules.
Now you can attach the CSS Stylesheet to your HTML file.
Take these steps every time you set up a website…
1) Have a plan (determine target audience, establish sitemap)
2) Have a Main Site Root Folder
3) Open Dreamweaver and first identify the Site Root Folder Site > Manage Sites
4) Work on the index.html. Establish that as the home page
5) Build and attach a CSS file
Materials for your web page…
Step 2
Site Root Folder
The Site Root Folder is key to your projects success. Computers are very sensitive to the placement of files. Every time you link a file to an HTML page, code is written identifying the location of that file on your web page. If the file is later moved, the computer will not find the linked file and some of your web page will not function.
For these reasons, please commit to keeping the Main Site Root Folder in one place and never moving it. It can be saved to any form of storage, as long as Dreamweaver can easily see the folder when it opens. I suggest a flash drive. It is also very wise practice to backup this folder on another form of storage in case the original is lost. (You do not want to build your site over from scratch!)
Next, if you are using the SVSU Lab Computers every time you turn on Dreamweaver, you will have to identify where the Site Root Folder is. I have named the Site Root Folder we are using for the Work Site, the Main Site Root Folder.
To explain to Dreamweaver where the folder is, follow these steps…
1) Go to the drag down menu, Sites
2) Choose Manage Sites…
3) In the lower right corner, click on New Site
4) Give the Site a Name (I suggest MSRF, for Main Site Root Folder)
5) Click on the small folder icon, across from the words “Local Site Folder”
6) Then click on Save
Again, if you will be using the SVSU Lab Computers, this will have to be done at the start of every class. If you are using your own computer, it will remember these settings and you will only have to enter this once.
As stated before, please do not move the placement of the Main Site Root Folder. The same applies to any items that should be stored in your Main Site Root Folder. For example, you cannot keep your index.html (home page) on one flash drive, outside of your Main Site Root Folder. That is because the computer will have a very difficult time locating them outside of the Main Site Root Folder.
Also, even if Dreamweaver could find a rouge file outside of the Main Site Root Folder, it would not be able to share the file with the rest of the world when the website is published. If however, you keep the proper files in their correct location and structure, you will have an easy time publishing your site for the world to see.
