Dreamweaver
Dreamweaver Web Design
1. Background 2
What is Dreamweaver MX 2004?
HTML versus XHTML
Roundtrip XHTML
Do You Need to LEarn XHTML to Use Dreamweaver?
XHTML Resources
What Does XHTML Do?
What Does XHTML Look Like?
XHTML Code Deconstructed
File-Naming Conventions
File Name Extensions
What is CSS
What is XML?
Extending Dreamweaver
What is DHTML?
What is JavaScript?
What is a Web Application?
2. Interface 16
Setting Up Your Workspace (Windows Users Only)
A Tour of the Interface
Windows Interface
Macintosh Interface
The Start Page
The Insert Bar
Types of Insert Bar Groups
The Properties Inspector
The Document Toolbar
The Document Window
Document Window Views
Multiple Document Windows (Windows Users Only)
Panels and Panel Groups
Preferences
External Editors
Preset Window Sizes
How to Define Your Browser of Choice
Shortcut Keys
3. Site Control 44
What is a Local Root Folder?
Exercise 1_Defining a Site
Exercise 2_Relative and Absolute Links
Exercise 3_File and Folder Management
Exercise 4_Understanding Path Structure
Different Path Notations
Exercise 5_Using the File Browser
Exercise 6_Creating a Site Map
Exercise 7_Creating a Site from Nothing
4. Basics 78
Exercise 1_Defining the Site
Exercise 2_Creating and Saving a New Document
The Significance of Index.html
Exercise 3_Inserting Images
Exercise 4_Inserting Text
Exercise 5_Centering Images and Text
Exercise 6_Modifying Page Properties
The Page Properties Panel
The Dreamweaver MX 2004 Color Pickers
Exercise 7_Creating Links with Images and Text
Exercise 8_<meta> Tags
5. Linking 120
Exercise 1_Linking with Point to File
Exercise 2_Linking to New Source Files
Exercise 3_Creating Email Links
Exercise 4_Named Anchors
Exercise 5_Image Maps
Exercise 6_Linking to Files
6. Typography 158
CSS versus XHTML Text Formatting
Valid XHTML Type Elements
Default CSS Formatting
Exercise 1_Adding and Formatting HTML Text
Exercising 2_Font Lists
Exercising 3_Aligning Text
Aligning Text and Images
Exercise 4_Ordered, Unordered, and Definition
Exercise 5_Color Schemes
Exercise 6_Formatting Text in Tables
What Is Flash Text?
Exercise 7_Creating flash Text
7. Tables 196
What is a Table?
Exercise 1_Changing the Border of a Table
Exercise 2_Sorting the Table
Exercise 3_Formatting a Table
The Format Table Command
Exercise 4_Creating and Modifying a Table
Exercise 5_Aligning Images and Text with Tables
Exercise 6_Percentage-Based Table Alignment
Exercise 7_Combining Pixels and Percentages
Exercise 8_Inserting Tab-Delimited Data
Import Tabular Data Settings
Exercise 9_Nested Tables and Borders
Exercise 10_Rounded-Corner Tables
8. Layout 256
What are Tracing Images, Layers, and Tables?
Exercise 1_Applying a Tracing Image
Tracing Images, Background Colors, and Images
Exercise 2_Adding Layers
Exercise 3_Converting Layers to Tables
Convert Layers to Table Options
Exercise 4_Converting Tables to Layers
What Is the Layout View?
Layers to Tables versus Layout View
Exercise 5_Layout Tables and Layout Cells
Anatomy of Layout Cells
9. Cascading Style Sheets 294
Levels of CSS
The Cascading Part of Style Sheets
Types of Style Sheets
Anatomy of a Style Sheet
CSS Preferences in Dreamweaver
Exercise 1_CSS and Page Properties
Exercise 2_Exporting and Linking External CSS Files
Exercise 3_Creating CSS-Redefining HTML Tags
Redefine HTML, Custom Class, or Selectors?
Exercise 4_Creating Classes
The Relevant CSS Panel
Exercise 5_Using the Relevant CSS Panel
Exercise 6_CSS Rollovers
10. Frames 362
What are Frames?
Frames: A Love-or-Hate Proposition
Exercise 1_Saving Your First Frameset
Different Ways to Save Frames
Exercise 2_Modifying Frames
Exercise 3_Links and Targets
Targets Names
Exercise 4_Adding a Background Iamge
Units
Frame Properties
Exercise 5_Seamless Background Across Two Frames
Exercise 6_Frames Objects
11. Rollovers 396
Rollover Rules
Exercise 1_Creating a Simple Rollover
Exercise 2_Creating Pointer Rollovers
Exercise 3_Creating Multiple-Event Rollovers
What Are Flash Buttons?
Exercise 4_Creating Flash Buttons
Exercise 5_Inserting a Navigation Bar Rollover
Different Rollover States
12. XHTML 432
Exercise 1_Viewing the Markup
Options in Code View
Exercise 2_Editing in Code View
Exercise 3_Using the Quick Tag Editor
Exercise 4_Using the Tag Editor and Tag Chooser
Exercise 5_Adding XHTML using a Code Snippet
Exercise 6_Cleaning Up XHTML
Options for Cleaning Up XHTML
Exercise 7_Cleaning Up Word HTML
13. Forms 468
The Forms Panel
Form Objects
Exercise 1_Working with Form Objects
Exercise 2_Laying Out a Form with Tables
Exercise 3_Creating a Jump Menu
14. Behaviors 490
Exercise 1_Creating a Set Text of Status Bar Behavior
Exercise 2_Creating a Set Text of Text Field Behavior
Exercise 3_Opening a New Browser Window
Exercise 4_Validating Forms with Behaviors
The Macromedia Dreamweaver Exchange
15. Fireworks Integration 520
The Importance of Design Notes
External Image Editor and Launch and Edit Preferences
Exercise 1_Inserting Fireworks MX 2004 Images
Exercise 2_Editing Images with Built-in Fireworks MX 2004 Tools
Exercise 3_Editing a Fireworks MX 2004 Image
Exercise 4_Inserting Simple Rollovers from Fireworks MX 2004
Exercise 5_Updating Fireworks HTML in Dreamweaver
About Fireworks MX 2004 Export Settings
Exercise 6_Editing an HTML-Based Pop-Up Menu
Exercise 7_Editing an Image-Based Pop-Up Menu
Exercise 8_Adding a Dreamweaver MX 2004 Pop-Up Menu Behavior
16. Automation 558
What is the History Panel?
Exercise 1_Using the History Panel for Undo\Redo
Exercise 2_Using Find and Replace
What is a Web Photo Album?
Getting More Commands
Exercise 3_Creating a Web Photo Album
17. Templates/Libraries
Exercise 1_Templates in Actions
Exercise 2_Creating a New Template
Exercise 3_Modifying a Template
Exercise 4_Library Items in Action
Exercise 5_Creating Library Item
Exercise 6_Modifying a Library Item
18. Accessibility 608
W3C Accessibility Guidelines
Exercise 1_Accessibility Preferences
IBM Home Page Reader
Exercise 2_Inserting Accessible Images
Exercise 3_Inserting Accessible Tables
Exercise 4_Inserting Accessible Frames
Exercise 5_Inserting Accessible Form Objects
Input Tag Accessibility Attributes
19. Inserting Media Objects 630
Plug-Ins Require Viewer Participation
Exercise 1_Linking to Sounds
Different Sound Formats
Exercise 2_Embedding Sounds
Exercise 3_Inserting Flash Content
Exercise 4_Inserting Director (Shockwave) Content
What is QuickTime?
Exercise 5_Inserting a QuickTime Movie
20. Getting It Online 648
Free Web Hosting With Tripod
Exercise 1_Signing Up with Tripod
Exercise 2_Setting the FTP Preferences
What is FTP?
Exercise 3_Putting Files onto the Web Server
Exercise 4_Getting Site Reports
The Reports Dialog Box
A. Troubleshooting FAQ and Technical Support 668
Macromedia Technical Support
Peachpit Press
lynda.com
Dreamweaver MX 2004-Emerging Issues
Frequently Asked Questions
B. Online Resources 674
Discussion Groups
Listservs
A Few Third-Party Dreamweaver Web Sites
Index 680
