Coding a Mockup

100 points

Coding a Mockup

Requirements

XHTML is valid20
CSS is valid10
Documents appearance closely resembles supplied mockup40
Document is Search Engine Optimized15
Document is accessible15
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.

Extras