CSU Ram's Head

Layout Exercise #3

In class, create the page shown below in HTML and and apply CSS styles as appropriate. When you are done, publish it to the web server and show it to me online for credit.

See below to download several files you will need to complete the exercise.

Exercise #3 Screenshot


Use the following files:

Right click each of the following two images and save into /exercises/images.

Denver Barn Dance Logo

Dalhart Imperials



  1. Partially marked-up file is ex3.html. Right-click to download if you want it.
  2. Filename should be ex3.html, and style sheet should be named ex3-style.css, and saved in the /css folder.
  3. Use HTML Reference and CSS Reference if necessary.
  4. #wrapper has width: 750px; and border: 1px solid #000;
  5. Set the header background color to be the same red color as the logo, and use padding on the logo image to position the logo appropriately.
  6. Set font-family: Arial, Helvetica, sans-serif; in an appropriate CSS rule.
  7. aside has the background color #ffffcc;
  8. Set the document title to be Denver Barn Dance.
  9. Consult List Navigation Example if you need help styling navigation.
  10. Us the br tag to get the line breaks in the aside.
  11. Use Blind Text Generator to create your dummy text. Make sure it's different from mine.
  12. Publish when you are done, verify, and submit the URL in the Canvas assignment.