Dreamweaver4 Tut

1 CHAPTER 1 Dreamweaver Tutorial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The Dreamweaver tutorial walks you through the steps of building Web pages. You’ll learn how to use Macromedia Dreamweaver to define a local site, and you’ll use Dreamweaver panels and tools to create and edit Web documents. In this tutorial, you’ll create Web pages for Compass, a fictitious company that specializes in adventure travel. If you’re new to Dreamweaver, start at the beginning of the tutorial and work your way through the end. If you’re already familiar with Dreamweaver, you may want to start at “Use the Assets panel” on page 56; this section and those that follow it focus on new or changed features in Dreamweaver such as the Assets panel, Flash buttons and text, using a template, running a site report and adding a Design Note. The tutorial takes approximately one to two hours to complete, depending on your experience, and focuses on the following Dreamweaver tasks: • Defining a local site • Creating a page in Layout view • Inserting an image and a rollover image • Working with tables in Standard view • Creating a link to another document • Inserting assets from the Assets panel • Inserting Flash Text and Flash Button objects • Creating and applying a template • Running a site report • Adding a Design Note Note: This tutorial demonstrates some features that are supported only in 4.0 or later browsers. 27 Take a guided tour of Dreamweaver Before you get started, watch the Guided Tour movies to familiarize yourself with the Web development process and with Dreamweaver features. 1 In Dreamweaver, choose Help > Guided Tour. 2 Click a movie title. 3 Close the movie when you finish. The Dreamweaver work area Let’s start with a brief overview of the Dreamweaver work area. • If you haven’t already launched Dreamweaver, double-click the Dreamweaver icon to launch it. The Dreamweaver work area accommodates different styles of working and levels of expertise. When you launch Dreamweaver, the following work area items open: Toolbar …