|
|
Table of Contents
Introduction
- Background
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?
- Interface
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
- Site Control
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
- Basics
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
- Linking
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
- Typography
CSS versus XHTML Text Formatting
Valid XHTML Type Elements
Default CSS Formatting
Exercise 1: Adding and Formatting HTML Text
Exercise 2: Font Lists
Exercise 3: Aligning Text
Aligning Text and Images
Exercise 4: Ordered, Unordered, and Definition Lists
Exercise 5: Color Schemes
Exercise 6: Formatting Text in Tables
What Is Flash Text?
Exercise 7: Creating Flash Text
- Tables
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
- Layout
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
- Cascading Style Sheets
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
- Frames
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
Target Names
Exercise 4: Adding a Background Image
Units
Frame Properties
Exercise 5: Seamless Background Across Two Frames
Exercise 6: Frames Objects
- Rollovers
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
- XHTML
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 HTM
- Forms
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
- Behaviors
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
Exercise 5: Downloading from Dreamweaver Exchange
- Fireworks Integration
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
- Automation
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
- Templates/Libraries
Exercise 1: Templates in Action
Exercise 2: Creating a New Template
Exercise 3: Modifying a Template
Exercise 4: Library Items in Action
Exercise 5: Creating a Library Item
Exercise 6: Modifying a Library Item
- Accessibility
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
- Inserting Media Objects
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
- Getting It Online
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
- Troubleshooting
- Resources
Index
|
Back to top