Dreamweaver Homework:

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 with Notepad or Notepad++ and upload using an FTP client such as CoreFTP.

  1. If you do not already have one, create a folder on your computer or external drive called ite170
  2. Inside the ite170 folder create a folder called hw6 -- all your files for this assignment will be inside this hw6 folder
  3. Create a site definition in Dreamweaver with the root directory as the ite170 folder created in step 1
  4. Make two pages about the Olympics
    1. indoor.html
    2. outdoor.html
  5. Each page should have a relative link to the other page (10 points)
  6. The indoor.html page should have an absolute link to some external site about an Olympic indoor sport (10 points)
  7. The outdoor.html page should have an absolute link to some external site about an Olympic outdoor sport (10 points)
  8. Each page should have some appropriate text about the sport discussed in that page (10 points)
  9. 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)
  10. The height and width attributes of the img tag, or the CSS properties of the image, should specify the size of the image, but should not resize the image; if your image is too large, resize it in a graphics program such as Fireworks or Paint (10 points)
  11. Each page should reference the same external stylesheet (10 points)
  12. This external stylesheet should style at least one tag (10 points)
  13. This external stylesheet should also create a class (10 points)
  14. This class should be applied at least twice in the indoor.html page (10 points)
  15. 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.
  16. Submit the URL to this folder against the assignment on Blackboard

Revised: March 23, 2016

Comments to William Pegram, bill@billpegram.com.