NHS Designs
Web Design
HTML

HTML 08: Web page construction

The Rough Design Sketch

Tony's journal look a lot like a Web page: all we need to do to create the design sketch is get all his entries on one page and map out the general organization. It looks like, for each day that Tony creates an entry, he has a date heading, an optional picture, and a description of what happened that day. Let's look at the sketch...

design sketch
Click for a larger image.

From a Sketch to an Outline

Now that you've got a sketch of the page, you can take each section and draw something that looks more like an outline or blueprint for the HTML page.

All you need to do now is figure out which HTML element maps to each content area.

exercise: web page construction

outline

 

Source: "Head First HTML: with CSS & XHTML" by Elisabeth Freeman and Eric Freeman

Take the HTML 08 Quiz

1 | 2


ABOUT MISS PEDERSEN · EMAIL MISS PEDERSEN
resources · copyright information · Natomas High School Design Department