The purpose of this assignment is for you to get some practice with creating web pages and CSS styles and uploading them using Dreamweaver. It is better if you do this in Dreamweaver to get experience with this tool. However, if this is not feasible for you, you may do it a text editor such as Notepad, Notepad++, Sublime Text and upload using an FTP client such as CoreFTP. Steps 11-13 can be done in code view now, but soon we will learn how to link to external stylesheets and create styles using the CSS Designer Panel.
- If you do not already have one, create a folder on your computer or external drive called ite170
- Inside the ite170 folder create a folder called hw6 -- all your files for this assignment will be inside this hw6 folder
- Create a site definition in Dreamweaver with the root directory as the ite170 folder created in step 1
- Make two pages about the Olympics
- Each page should have a relative link to the other page (10 points)
- The indoor.html page should have an absolute link to some external site about an Olympic indoor sport (10 points)
- The outdoor.html page should have an absolute link to some external site about an Olympic outdoor sport (10 points)
- Each page should have some appropriate text about the sport discussed in that page (10 points)
- Each page should display an inline image relevant to the page (10 points) with an appropriate alt attribute specified (10 points). The image should be stored at the root of the hw6 folder (not in a subfolder)
- Each page should reference the same external stylesheet. (10 points)
- This external stylesheet should style at least one tag that appears in one or both of your pages (10 points)
- This external stylesheet should also create a class (10 points)
- This class should be applied at least twice in the indoor.html page (10 points)
- Upload the hw6 folder to your student webspace. Try to do this in Dreamweaver but if that is not possible, you may do it in CoreFTP or another FTP client. If you want the hw6 to be at the root of your student server, you will not need to specify the root directory when you specify the server in Dreamweaver, However, if you want the hw6 folder to be inside of another folder, then that other folder should be specified in Dreamweaver as the root directory on the server.
- Submit the URL to this folder against the assignment on Blackboard
Revised: October 21, 2017
Comments to William Pegram, email@example.com.