COMP 101 Spring 2013

Lab 5: Easter Island (Pictures)

For Lab 5, you are to download two files and two pictures, make the required changes, and upload them to isis under your onyen as index.html in a folder named Lab5. That means that we will be able to access it using http://www.unc.edu/~onyen/Lab5.

Before you download the files, create the Lab5 folder in COMP101/public_html. You are to download index.html, easter.css, easter_map.gif, and moai.jpg. To download a file, right click on the file and select "Save link as..." or "Save target as..." When the dialogue box appears asking where to save them, put them in the Lab5 folder. index.html is the main page, easter.css is the style sheet, and easter_map.gif and moai.jpg are the pictures that you are to add.

You are to make the following changes:

• On index.html, add the picture easter_map.gif centered directly below the "Location" header.
• On index.html, add the picture moai.jpg centered directly below the "Statues" header.
• The images are to have a border around them that is the same color as the h1 header ("Easter Island"), is 2px away from the picture and they are to have a margin of 5px away from the text and headers.
• You are to add your name and today's date to the web page in a footer section that is in a smaller font.
• You are to add your name and today's date as a comment in the css.

The HTML and CSS for the page are to be properly formatted with appropriate indentation.

As with all labs in this class, you may finish posting the lab after class, up until 10 pm.

By submitting the lab you are pledging that you have neither given nor received unauthorized help.

HTML Validator and CSS Validator