Planning and Designing a Successful Web Site - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 109

14. Set the following page properties. Set the page font to Arial, Helvetica, sans-serif, set
the font size to 12 pixels, set the text color to #333, and set the background color to
white #fff, and set all the margins to 0.
15. Set links, visited links, and active links color to #ffa011, set rollover links to #ffffff,
and set the underline style to hide underline on rollover. Set heading 1 to size
24 pixels and color #ffa011. Set heading 2 to 16 pixels and color #333. Save and
close the page.
16. Preview the page in your browser. The page should have a background color, and
the page title you assigned to it should appear in the browser title bar and in the
page tab.
17. Review the HTML tags for the home page in Code view, and then close any
open pages.
18. Upload the site to the remote server. Remember to select all of the fi les and the
folder for upload.
19. View the page on the Web. Again, the page should have a background color, and the
page title you assigned to it should appear in the browser title bar and in the page tab.
20. Submit your fi nished fi les to your instructor.

Plan and design
a Web site for a
coffee lounge
and begin
to create the
site based on
your plan.

Case Problem 4

Data File needed for this Case Problem: bg.jpg

Coffee Lounge Tommy Caddell asks you to develop a Web site plan and design to pres-
ent to the Coffee Lounge staff at the next scheduled staff meeting. You will have to do
further research to defi ne the target audience as well as to develop content for the site, as
the business has not yet generated any informational materials. Use the notes you made
from your research on coffee bars and the Portland scene.

1. Construct a list of goals for the site.
2. Defi ne a target audience and a user profi le for the site.
3. Complete your market research. Review at least eight Web sites including coffee
bars; art galleries; sites geared at your target audience; sites about Portland, Oregon;
and sites about the local music scene.
4. Write a paragraph documenting the fi ndings from your market research. Include the
URLs of the Web sites that you visited.
5. Compose two end-user scenarios for the site.
6. Develop an information category outline for the site.
7. Create a fl owchart for the site.
8. Develop a concept and metaphor for the site. Be creative, but make sure that your
metaphor will support the site goals.
9. Design a color palette, choose the fonts, and select a graphic style for the site. Write
a paragraph explaining your choices.
10. Create rough sketches of two layouts of the site. Write a paragraph explaining which
layout you prefer and why.
11. Check the layout of the design you prefer for logic by reviewing the decisions that
you have made. Make sure that your design reinforces the site goals and supports the
site metaphor.
12. Set up the site, using Coffee Lounge as the site name and coffeelounge\web in the
folder and location where you are storing your Web sites as the local root folder.
Create a folder named graphics in the local root folder and select that folder as the
default images folder. Use case-sensitive link checking and enable cache.
13. Set up the Live Server defi nition using FTP access for the Coffee Lounge site.