Lab 4: HTML and CSS Practice

For the two exercises in this lab, use the mockup images and the following guidelines.

  1. Design an efficient box model for the website.
  2. Create the folder and file structure for your website. Store an image in the correct folder.
  3. Write the HTML code for the website (provided for you). Do not apply any styles directly to the HTML tags.
  4. Write the CSS document to format the webpage.
  5. Test this webpage.


exercise1_done.html

Exercise 1:

Note: For this exercise, you must not use a Float attribute to create alignment.
exercise1_done.html


Exercise 2:

Note: The menu buttons must have a hover color.