Examine the design comp
Typically, you dont begin building a website by opening Dreamweaver and laying out pages right away. The first steps to creating a website begin on a piece of paper, or in a graphics-editing application like Macromedia Fireworks. Graphic designers usually sketch out a piece of comprehensive artwork (also known as a "comp") for the website in order to show it to the client and make sure that the initial ideas for the site meet with their clients approval.
A comp consists of any number of page elements that the client has requested for their website. For example, the client might say, "I want to have a logo at the top of the page, a navigation that links to these other pages, a section for an online store, and a place where I can insert video clips." Based on that discussion, the designer begins planning the layout of the site, and makes sketches of sample pages that fulfill the clients requirements.
This tutorial provides you with the completed and approved comp for Cafe Townsend, a fictional restaurant that has requested a website. As the web designer, its your job to transform the comp into a working web page (most likely with the help of other graphics designers and Flash developers).
Youll notice that the graphic designer has provided you with a web page comp that includes a number of content areas, as well as some graphic ideas. In the next sections, youll use Dreamweaver to lay out this design.
You can also open the original comp file if you want to see it on the computer screen. You can find the comp, homepage-mockup.jpg, in the fireworks_assets folder of the cafe_townsend folder that you copied to your hard drive in Tutorial: Setting Up Your Site and Project Files You might even want to print out the comp so that you can have it in front of you as you build your page.