Macromedia Dreamweaver 8 Developer Training Class

1. Introduction

• 
  What's new to Dreamweaver 8?


• 
  What is Hypertext Markup Language (HTML)?


• 
  Why are web documents published in HTML?


• 
  The basic structure of HTML documents
  Introduction to our case study

2. The Dreamweaver 8 interface

• 
  Panels in Dreamweaver

3 Building a Web Page

• 
  Changing the page's title


• 
  Adding and formatting text


• 
  Inline styles


• 
  Block-level styles


• 
  Lists


• 
  Horizontal rules


• 
  Formatting the text of your home page

4. Images, Colors, and Backgrounds

• 
  Working with images


• 
  Web safe color


• 
  Adding images and color to your site

5. Adding Links

• 
  The three types of links: http, file, and mailto:


• 
  Adding hyperlinks in Dreamweaver 8


• 
  Adding hyperlinks to your site

6. Tables for Data

• 
  Inserting a table in Dreamweaver 8


• 
  Resizing table cells
  Adding rows and columns


• 
  Joining and splitting table cells


• Cellpadding, cellspacing, and border


• 
  Importing table data


• 
  Adding a table of data


• 
  Using Dreamweaver 8's preformatted tables

7. Tables for Page Layout

• 
  Creating tables for page layout

8. Dreamweaver 8's Layout View

• 
  Creating tables in layout view


• 
  Customizing layout cells


• 
  Switching between layout view and standard view


• 
  Adding spacer images


• 
  Nested tables in layout view


• 
  Dreamweaver 8's tracing image


• 
  Using the layout view to create a web page

9. Image Maps

• 
  Named anchors


• 
  Creating an image map using named anchors

10. Meta Tags and Search Engines

• 
  How search engines work


• 
  Meta tags


• Inserting meta tags in Dreamweaver 8


• 
  Adding meta tags to your home page

11. Working with Forms

• 
  How form elements work


• 
  What form elements may I choose from?


• 
  Inserting form elements


• 
  Completing an information request form

12. Designing Dynamic Elements

• 
  What is JavaScript?


• 
  Which browsers support JavaScript?


• 
  Dreamweaver 8: Behaviors, Events and Actions


• 
  Form validation


• 
  Adding validation to your information request form

13. Dynamic Rollover Buttons

• 
  Adding rollovers to our menu buttons


• 
  A possible solution to exercise 12

14. Flash Buttons and Text

• 
  What is Macromedia Flash?


• Adding Flash text with Dreamweaver 8

15. Navigation Bars

• 
  Inserting a navigation bar


• 
  Modifying a navigation bar

16. HTML Styles

• 
  Building and applying HTML styles

17. Cascading Style Sheets

• 
  Creating a new style in Dreamweaver 8


• 
  Editing a style
  Adding CSS styles to your site

18. Positioning with Layers

• 
  Designing with layers in Dreamweaver 8


• 
  Using layers to layout the rates page

19. Converting Layers to Tables

20. Site Management

• 
  The site window


• 
  Mapping your site


• 
  Checking your links

21. Site Manager: Creating a Local Site

• 
  Introduction to our case study


• 
  The site menu


• 
  Defining a local site


• The assets panel: manage your resources


• 
  Creating a local site

22. Server-Side Includes (SSI)

• 
  Brief review: basic structure of an HTML document


• 
  Creating files to be included


• 
  Inserting SSIs

23. The Dreamweaver Library

• 
  Creating library items


• Editing library items


• 
  SSI vs. library items


• 
  Using the Dreamweaver library

24. Code Snippets

• 
  Creating a code snippet


• 
  Editing a code snippet


• 
  Creating code snippet folders and managing code snippets


• 
  Editing and inserting code snippets

25. Template Design and Management

• 
  Creating a Dreamweaver template from an existing document


• 
  To create a template from scratch


• 
  Generating new pages from a template


• 
  Modifying a template


• 
  Nested templates


• 
  Creating a drag and drop garden planner

26. Cascading Style Sheets Review

• 
  CSS in Dreamweaver


• 
  Using a custom style class


• 
  Checking target browsers


• 
  Attaching a cascading style sheet

27. Cumulative Exercise/Review

• 
  Inserting Fireworks HTML

28. Dreamweaver 8's Layout View

• 
  Creating tables in layout view


• 
  Customizing layout cells


• 
  Switching between layout view and standard view


• 
  Adding spacer images


• 
  Nested tables in layout view


• 
  Dreamweaver 8's tracing image


• 
  Using the layout view to create a web page

29. Behaviors: Adding Dynamic Elements

• 
  What is JavaScript and dynamic HTML?


• 
  Dreamweaver 8: behaviors, events and actions

30. Behaviors: Creating a Status Bar Message

31. Behaviors: "Jump Menus"

• 
  Adding a jump menu


• 
  Editing a jump menu

32. Behaviors: Opening a Pop-Up Message

33. Behaviors: Review of Layers 101

• 
  Creating layers in Dreamweaver 8


• 
  Managing multiple layers

34. Behaviors: Dynamic Visibility Changes

• 
  Why have invisible page elements?


• 
  Controlling the visibility of layers


• 
  Adding dynamic visibility

35. Behaviors: Creating "DragableContent"

• 
  Using the drag layer behavior


• 
  Advanced drag layer options


• 
  Calling JavaScript from drag layer behaviors


• 
  Creating a drag and drop garden planner

36. Behaviors: Creating A Pop-up Menu

• 
  Using the "pop-up menu" behavior

37. Site Management

• 
  About the site panel


• 
  Using the Dreamweaver 8 FTP client


• 
  File check-in and check-out


• 
  Connecting to the server and viewing the files


• 
  Managing files


• 
  Design notes


• 
  Running reports


• 
  Checking target browsers


• 
  Creating a site map


• 
  Local site management

This course is for web development professionals who would like to master the
design and manag