Description

Geoffrey Matthews
Goals: Get familiar with the basics of HTML.
Zip your folder: Put all your files (including the image file) in a single folder and make a compressed (zip) archive of the folder.
• On Windows, right-click on the folder, select “Send to”, and then “Compressed (zipped) folder.”
• On a Mac, right-click the folder, select “Compress items”.
• On linux, enter “zip foldername” on the command line.
• On each system, you will then see a newly created file with the .zip extension. This is what you want to turn in to canvas.
Files: You will create five .html files:
index.html The title and h1 header of this page will be Main.
This file will have an ordered list of links to the other four files.
page01.html The title and h1 header of this page will be Search Engines.
This file will have an unordered list of links to three search engines, such as google. Search the web for search engines, and remember to put their complete URL in the link. (You can copy and paste links from your browser into your file.)
page02.html The title and h1 header of this page will be Image Scaling.
Find a nice image, not too big. You can take one from the internet, provided you have rights to it, or use one of your own photos.
Create a definition list with the terms Small, Medium, and Large. The item under each term will be your image, inline, resized to half its original dimensions under small, original size under medium, and double its original dimensions under large.
The same image will be placed inline under each item, but it will be resized by the width and height attributes of the img tag.
Be sure to provide alt text for each image.
page03.html The title and h1 header of this page will be User Information.
page04.html The title and h1 header of this page will be Schedule.
At the bottom of each of the four numbered pages you will also have a next link, which will take you to the next page in a cyclic order (1 → 2 → 3 → 4 → 1 → etc.), and a top link, which takes you back to the index page.
All pages should pass the W3C validator with no errors.
1