CSU Ram's Head

Layout Exercise #4

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


  1. Right click to download ex4.html into /exercises and ex4-style.css into /css.
  2. All text is provided to you in a text file. Right-click and save air-services-text.txt into your NonWeb folder.
  3. You can sample colors from the header image.
  4. Size your text in ems.
  5. All text is Google font Open Sans.
  6. #wrapper is 900px wide with 10px padding and a solid 2px border #d5d4d2.
  7. Navigation is not a list. It is text in a paragraph.

Use the following files (Right-click and save to /images):

Image #1 (364px x 100px)

Air Services

Image #2 (870px x 147px)

Monitoring Stations Collage

Background Image

Page Background