The visibooks guide to Dreamweaver 8

TABLE OF CONTENTS i

Table of Contents

Dreamweaver Basics......................................1

Set up a Web site....................................................................................2

Format text............................................................................................27

Create links to new pages ...................................................................57

Create e-mail and external links .........................................................73

Insert graphics .....................................................................................80

Create a basic navigation system.......................................................95

Change page and link colors ............................................................108

Layout & Navigation ...................................119

Lay out pages using tables ...............................................................120

Create navigation bars.......................................................................146

Add subsections to site.....................................................................163

Utilities........................................................173

Find and Replace................................................................................174

Check spelling....................................................................................178

Change HTML code............................................................................180

Check for broken links.......................................................................184

ii TABLE OF CONTENTS

Interactivity.................................................187

Employ forms..................................................................................... 188

Employ Templates ............................................................................. 204

Upload sites to a Web server............................................................ 214

Advanced Layout.........................................227

Employ background graphics .......................................................... 228

Employ custom styles....................................................................... 234

Employ spacer GIFs .......................................................................... 239

Specify page margins........................................................................ 243

Create rollover effects....................................................................... 246

DREAMWEAVER BASICS 1

Dreamweaver Basics

In this section, you’ll learn how to:

• Set up a Web site

• Format text

• Create links to new pages

• Create e-mail and external links

• Insert graphics

• Create a navigation system

• Change page, link colors

2 DREAMWEAVER BASICS

Set up a Web site

Set up Dreamweaver on first-time use

1. Open Dreamweaver.

The first time you open it, the Workspace Setup window will

appear:

DREAMWEAVER BASICS 3

2. Leave the Designer radio button checked, then click the

button.

Dreamweaver will open and look like this:

4 DREAMWEAVER BASICS

3. When the Start Page appears, click the Don’t show again

checkbox.

4. When the alert window appears, check the Don’t show me this

message again checkbox, then click the button.

DREAMWEAVER BASICS 5

5. Close Dreamweaver.

6 DREAMWEAVER BASICS

Create a new site

1. Open Dreamweaver.

It should look like this:

2. In the Files pane, click Manage Sites in the Files list.

DREAMWEAVER BASICS 7

3. When the Manage Sites window appears, click the

button.

4. When the menu appears, click Site.

8 DREAMWEAVER BASICS

5. When the Site Definition window appears, type:

Dogs

in the first text box, then click the button.

DREAMWEAVER BASICS 9

6. When the second screen appears, check the No, I do not want

to use a server technology radio button.

Then click the button.

10 DREAMWEAVER BASICS

7. When the next screen appears, leave the Edit local copies on

my machine radio button checked.

Then click the button.

8. When the next screen appears, click FTP in the How do you

connect to your remote server? list.

DREAMWEAVER BASICS 11

9. In the What is the hostname or FTP address of your Web

server? box, type:

www.yourserver.com

then click the button.

Tip: Not this literal server address, but the real address of your

Web server.

12 DREAMWEAVER BASICS

10. When the next screen appears, leave the No, do not enable

check in and check out radio button checked.

Then click the button.