MACROMEDIA DREAMWEAVER 8-EXTENDING DREAMWEAVER Manuel d'utilisateur

In this lesson, you learn about theDreamweaver 8 interface while settingup and preparing to develop the siteyou will use throughout this book.Dreamwea

Defining a Local SiteThe first step of creating a Website—before you begin to create any individual pages—isto designate or create the folder on your c

Suggestions for common locations to store local root folders:Macintosh: Macintosh HD/User Name/Sites/local root folderWindows: MyDocuments\local root

3. In the Basic tab of the Site Definition dialog box, Dreamweaver poses thequestion, “What would you like to name your site?” Type Yoga Sangha in the

This section of the Basic setup corresponds to the Testing Server category inthe Advanced View, which gives you additional options that are involved w

6. Also in this section, Dreamweaver asks, “Where on your computer do youwant to store your files?” Click the folder icon to the right of the text fie

The path to the local root folder, DW8_YogaSangha, is now displayed in the text field andits location is shown in relation to your hard disk.In this ca

7. Click Next to advance to the next section. Below the question “How do youconnect to your remote server?” choose None from the menu.At this time, yo

8. Click Next to advance to the next section. Review the information about the siteyou just defined and then click the Done button at the bottom of th

The Files panel now displays the DW8_YogaSangha folder. By default, the Files panel isdisplayed at the bottom of the panel groups that you’ll explore

You can use the keyboard commands Cmd+N (Macintosh) or Ctrl+N (Windows)to open the New Document dialog box. If you want to bypass the New Documentdial

by establishing a local site on your machine that will contain the pages that you createwhile developing portions of the Yoga Sangha site.This lesson

categories include Dynamic Pages (that use languages such as ASP, ColdFusion, and PHP)and Page Designs (that you can use as a starting point when crea

By default, Dreamweaver uses XHTML 1.0 Transitional as the DocumentType Definition in all new HTML documents unless you select a different type.You can

Don’t wait until you have text or graphics on the page to save—save your pages as soon asyou open new documents. Provided that your file is saved first,

New documents are given a default name of Untitled-1.html in the Save As text field, withthe numbers increasing sequentially for every new document tha

variety of elements that make up a Web page. As you work, the Document window displaysan approximation of the way your page should appear in a browser

window is shown split into two panes with code in one pane or a single pane with code,you need to select the Design View icon located on the document

closely related objects; click the black arrow once to open the pop-up menu. The lastoption in the Insert bar category pop-up menu is Show As Tabs, wh

lower-right corner of the panel. If the Property inspector is collapsed, there can be additionalproperties that are not visible until you expand the p

1. Click the arrow on the CSS panel group title bar to expand the group if it is notalready open.The CSS panel group is located (by default) at the to

2. Rest the pointer over the bottom of a line that separates two panel groups. Whenthe pointer changes to a vertical two-arrow pointer, click and drag

Exploring the WorkspaceTo get started using Dreamweaver, you need to become familiar with the interface and theinitial options that are available for

After you become familiar with the Dreamweaver panels and tools, you can customize theinterface by rearranging panels and reordering panel groups to m

Windows Users: Cascade, Tile Horizontally, and Tile Vertically are three options forviewing documents. If you have more than one Document window open

Giving Your Page a TitleEvery HTML document you create needs to have a title. The title is used primarily fordocument identification. It is displayed i

Specifying Preview BrowsersAs you develop Web pages, you’ll need to continually test how your work appears in differentbrowsers, such as Internet Expl

When you click a browser name in the browser list, the checkboxes below the list showwhether that browser is the primary or secondary browser. If you

The browser defined as the Primary Browser in the Preview In Browser preferencesbecomes active and displays the yoga.html file in a browser window. Noti

3. Use the starter pages and page designs available from the New Documentdialog box to create several placeholder pages within your new site.You can s

What You Have LearnedIn this lesson, you have:•Opened Dreamweaver (pages 4–5)•Learned about the phases of Website development (pages 5–9)•Prepared to

01_DW8 tfs(1-38).qxd 03/06/2006 12:20 PM Page 38ISBN: 0-558-13856-XMacromedia Dreamweaver 8: Training from the Source, by Khristine Annwn Page. Cop

Start PageUpon opening Dreamweaver 8, you should see the Start page that provides the following:•Quick links to recent documents•Options to create a n

Preparing to Develop Your SiteSpending the time to thoroughly address the research and planning stages that are necessaryfor the creation of a Website

Consider the purpose your site will serve and how each potential user will make use ofthe site. What does the site need to contain to serve its purpos

•What should the site communicate? It is essential to know exactly what you wantto express to your visitors. If you don’t know what you’re trying to s

Creating a thorough outline of the site as well as a detailed flowchart or storyboard isan important step of the planning process.More detailed individ

Additionally, the process of testing the visual design components to verify that what you’reenvisioning will work technically in a Web page should be