MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Bedienungsanleitung PDF herunterladen (Seite 32)

Chapter 432

Before You Begin

If you haven’t already done so, before you start the tutorial, create a new folder into which you’ll

transfer the GettingStarted sample files.

1 At the root level of your local disk, create a new folder and name it Sites—for example, C:\Sites

(Windows) or Hard Drive:Sites (Macintosh).

If you are using Windows XP or Macintosh OS X, create the Sites folder inside your user folder.

2 Locate the Tutorials folder in the Dreamweaver application folder on your hard disk. The path

to the folder is:

\Macromedia|Dreamweaver MX\Samples\GettingStarted\ Tutorials

3 Copy the Tutorial folder into the Sites folder.

4 In Dreamweaver, define the Tutorials folder you copied as your local site. If you do not know

how to define a local site in Dreamweaver, you can follow the directions provided in “Creating

Your First Website in Dreamweaver,” in Getting Started with Dreamweaver MX (Help > Using

Dreamweaver)

You can also use the Dreamweaver Site Definition Wizard to be guided through the site

setup process. In Dreamweaver, choose Site > New Site, then click the Basic tab to begin

setting up your site.

Working with code snippets

Using code snippets can be a real time-saver in creating a professional looking page layout. Code

snippets are reusable bits of code. You can insert existing code snippets that come with

Dreamweaver or you can easily create you own code snippets to reuse in pages in your sites. You

can create snippets of HTML, JavaScript, CFML, ASP, JSP, and more.

You’ll start by working with some of the code snippets that come with Dreamweaver.

You can create a new document that is based on a Page Design document in the New Document

dialog box.

1 Select File > New.

The New Document dialog box appears.

2 In the General tab, the Basic Page category is already selected.

3 In the Basic Page document list, select HTML, then click Create.

The document opens in the Document window.

4 Save the document as myCodeSnippets in your site (File > Save).

Insert a code snippet

Dreamweaver comes with quite a variety of code snippets from which to choose. Code snippets

are located in the Code panel. As you complete this tutorial, you’ll insert a navigation code

snippet, a content snippet, and a footer snippet.

1 Place the insertion point in the document where you want the snippet inserted.

2 Open the Snippets panel by doing one of the following:

• Choose Window > Snippets.

1 2 ... 27 28 29 30 31 32 33 34 35 36 37 ... 65 66

Keine Kommentare

MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Bedienungsanleitung Seite 32