1. Dreamweaver Basics

2. Start -> Dreamweaver

3. VIEW Code and/or Design NOT LIVE View

4. View Rulers in Pixels

5. Display Code, Split, Design

6. Preview in Browser

7. Windows

8. Page Properties
Help (F1)

9. Link Options

10. At this point Save As -- home (lowercase h) in M:\Home
Even before you add content

11. Setting Up Tables according to your design

12. Split and Merge Cells to fit your design Each object should have it’s own cell
Split or Merge Cells

13. Split and Merged Cell Examples

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

15. File -> Save periodically

16. Links
hyperlink
anchor
Link Name
Browse for file
Or type URL

17. 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

18. Inserting an Image

19. Inserting an Image

20. Preview WebPage (click here or F12) Will ask you to Save

21. Consider using a Photoshop image(s) for all/much of your webpage with Image Mapping