Welcome to Part 7 of the Building a website with Web Premium CS4 tutorial series. This part of the tutorial shows you how to finalize the home page of the AdventureTours site by completing the following tasks:

• Create a Photoshop Smart Object to facilitate editing the banner graphic of the home page.
• Add placeholder links to the top and bottom navigation text.
• Use the Adobe BrowserLab service to check how different browsers render the page on the Mac OS X and Windows XP platform.

You'll begin where you left off in Part 6. If you've just arrived at this section, you may want to go to Part 1 and start following along from the beginning. Or, if you prefer, you can download the sample files provided below and start following the instructions that are outlined here.

Note: The steps in this tutorial assume that you've installed the web server and application server as described in Part 2, and defined a Dreamweaver site pointing to the directory on your hard disk where the local site files will be stored. In order to use BrowserLab, you must have FTP access to upload your files to a hosted server.

Requirements

In order to make the most of this article, you need the following software and files:

Dreamweaver CS4

• Try
• Buy

Photoshop CS4

• Try
• Buy

Sample files:

• adventuretours_pt_7_starter.zip (ZIP, 847 KB)
• adventuretours_pt_7_solution.zip (ZIP, 933 KB)

Prerequisite knowledge

Prior experience working with Dreamweaver is helpful. Some experience working with graphic editing programs is also beneficial.

Building a website with Adobe Creative Suite 4 Web Premium

For your reference, here are all the parts in this series:

Introduction
Part 1: Planning the website
Part 2: Creating a local site
Part 3: Creating a remote site
Part 4: Creating a visual design
Part 5: Slicing and exporting site assets with Fireworks
Part 6: Adding styles to finalize the page design
Part 7: Finalizing and reviewing the home page
Part 8: Creating a database
Part 9: Presenting dynamic data
Part 10: Adding Ajax functionality with Spry
Part 11: Creating an interactive web form
Part 12: Creating and presenting a Flash animation
Part 13: Adding video to the website
Part 14: Creating a blog with InContext Editing

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Page 1 of 4

Next Page

About the author