Fall 2012

Lab07
Coding a Mockup

Due: Monday December 12, 2011 11:59 PM

Lab07 - Coding a Mockup

Requirements

XHTML is valid20 pts
CSS is valid10 pts
Documents appearance closely resembles supplied mockup40 pts
Document is Search Engine Optimized15 pts
Document is accessible15 pts
Total100 pts

Resources

Objective

To code a webpage based on an existing mockup

Instructions

For this lab we will assume that you have been hired to create a website for a client who has a graphic artist on staff who has creates a website template image for the client. Your job is to take the image of the template and code it using XHTML and CSS, turing it into an actual working webpage. In the template everything in the left column are links as are the orange bits of text in the bottom section. The client would like some type of rollover effect for all of the links on the page. The only graphic to be used on the site is the photograph in the top section.

The client insists that only valid HTML5 and CSS be used.