Dreamweaver - Plymouth State...

Dreamweaver Basics

Start -> Dreamweaver

VIEW Code and/or Design NOT LIVE View

View Rulers in Pixels

Display Code, Split, Design

Preview in Browser

Windows

Page PropertiesHelp (F1)

Link Options

At this point Save As --

•home (lowercase h) in M:\Home

Even before you add content

Setting Up Tables according to your design

Split and Merge Cells to fit your designEach object should have it’s own cell

Split or Merge Cells

Split and Merged Cell Examples

Place a Table inside a cell of another Table for more layout detail

File -> Save periodically

Links hyperlink

anchor

Browse for fileOr type URL

Link Name

Controlling Link Display

In the Target pop-up menu, select the window in which the file should open in the Target text box.

•Use properties panel

•Attribute Values–Value Description

–_blank Opens the linked document in a new window or tab

–_self Opens the linked document in the same frame as it was clicked (this is default)

–_parent Opens the linked document in the parent frame

–_top Opens the linked document in the full body of the window

Inserting an Image

Inserting an Image

Preview WebPage(click here or F12)

Will ask you to Save

Consider using a Photoshop image(s) for all/much of your

webpage with Image Mapping