macromedia® Dreamweaver® 8 By Khristine Annwn Page Publisher: Macromedia Press Pub Date: March 28, 2006 Print ISBN-10: 0-321-33626-7 Print ISBN-13: 978-0-321-33626-2 Pages: 608 Table of Contents | Index Learn by doing! The lessons in this book guide you step-by-step through the creation of a project Web site, "Yoga Sangha." With Macromedia's official guide, you'll learn how to use the leading, best-selling Web editor and gain a thorough understanding of how you can use Dreamweaver 8 to effectively manage and maintain Web sites, develop sites that are accessible to a wide audience, and work in an environment that integrates visual and code editing As you complete the tasks, you'll develop the skills and techniques that you need to create Web sites on your own In addition to the basics of creating a Web page that incorporates text, graphics and tables, you'll learn about all that's new in Dreamweaver 8: visual authoring with XML data, advanced CSS support including a unified CSS panel and a style rendering toolbar, integration with the latest Web technologies and standards, and more The companion CD-ROM contains all of the lesson files as well as a free trial version of Dreamweaver 8 macromedia® Dreamweaver® 8 By Khristine Annwn Page Publisher: Macromedia Press Pub Date: March 28, 2006 Print ISBN-10: 0-321-33626-7 Print ISBN-13: 978-0-321-33626-2 Pages: 608 Table of Contents | Index Copyright Credits Bio Acknowledgments Introduction Lesson 1 Dreamweaver 8 Basics What You Will Learn Approximate Time Lesson Files Exploring the Workspace Preparing to Develop Your Site Defining a Local Site Creating and Saving a New Page Exploring the Tools Working with Panels and Documents Giving Your Page a Title Specifying Preview Browsers Exploring the Basics On Your Own What You Have Learned Lesson 2 Adding Content to a Page What You Will Learn Approximate Time Lesson Files Importing Text Identifying Content Structure Creating Line Breaks Inserting a Nonbreaking Space Aligning Text Identifying Quotes Making Lists Making Definition Lists Nesting Lists Inline Character Formatting Adding Special Characters Creating Multilingual Documents Adding Horizontal Rules Adding a Date Automatically Formatting Content On Your Own What You Have Learned Lesson 3 Creating Links What You Will Learn Approximate Time Lesson Files Specifying Link Color and Format Creating Hypertext Links Understanding Links and File Structure Adding New Folders and Files to a Site Creating a Site Map Working with Links in Site Map View Viewing a Subset of the Entire Site Saving the Site Map Targeting Links Inserting and Linking to Named Anchors Inserting E-mail Links Working with Links On Your Own What You Have Learned Lesson 4 Developing Style Sheets What You Will Learn Approximate Time Lesson Files Specifying a Background Color Changing the Font Changing the Font Size Specifying Font Color Understanding Styles Working With Internal Styles Converting Internal Styles to External Styles Linking to an Existing External Style Sheet Creating External Styles Creating Styles for Tag Combinations Editing an Existing Style Working with Style Precedence Creating a Basic CSS Layout Working With CSS On Your Own What You Have Learned Lesson 5 Working with Graphics What You Will Learn Approximate Time Lesson Files Using a Background Graphic Placing Graphics on the Page Resizing and Refreshing Graphics Positioning Graphics Adding a Border Around an Image Assigning Image Names Inserting an Image from the Assets Panel Managing Images with the Favorites List Adjusting the Space Around an Image Inserting an Image Placeholder Replacing an Image Placeholder Setting Image-Editing Preferences Basic Image Editing Creating Graphic Links Creating Image Maps Using Graphics On Your Own What You Have Learned Lesson 6 Creating Tables What You Will Learn Approximate Time Lesson Files Creating a Table Importing Spreadsheet Data Copying and Pasting Table Cells Selecting a Table Selecting and Formatting Table Cells Sorting a Table Modifying a Table Exporting a Table Using Images in Tables Nesting Tables Designing for Computer Screens Using Window Size to Check Layout Creating a Table in Layout View Modifying Table Layout Applying Cell Formatting Specifying Layout Width Using a Tracing Image What You Have Learned Lesson 7 Using Multimedia What You Will Learn Approximate Time Lesson Files Creating Flash Text Modifying Flash Text Adding Flash Buttons Modifying Flash Buttons Adding Flash Animations Using the Image Viewer Embedding Quicktime Movies What You Have Learned Lesson 8 Adding User Interactivity What You Will Learn Approximate Time Lesson Files Inserting a Rollover Image Adding Behaviors Swapping Multiple Images with One Event Adding Behaviors to Image Maps Editing Actions and Events Creating a Status Bar Message Checking the Browser Opening a New Browser Window Creating a Pop-Up Menu What You Have Learned Lesson 9 Creating Layers What You Will Learn Approximate Time Lesson Files Creating Layers Naming Layers Modifying Layers Changing the Stacking Order of Layers Nesting and Unnesting Layers Changing Layer Visibility Setting Grid and Ruler Options Using the Drag Layer Behavior Using the Show-Hide Layers Behavior Converting Layers to Tables Using the Netscape Resize Layer Fix Animating with Timelines Understanding How Timelines Work Timelines Panel Adding an Object to a Timeline Using Keyframes Controlling Timelines with Behaviors Positioning an Object Recording the Path of a Layer Changing Image Properties Changing the Visibility and Size Previewing the Animation in Dreamweaver What You Have Learned Lesson 10 Creating Frames What You Will Learn Approximate Time Lesson Files Creating a Frameset Saving a Frameset Resizing Frames in a Frameset Specifying Frame Properties Creating and Editing Frames Content Creating Other Content Documents Opening an Existing Page in a Frame Checking Frame Content Controlling Frame Content with Links Creating NoFrames Content Using Frames On Your Own What You Have Learned Lesson 11 Creating Forms What You Will Learn Approximate Time Lesson Files Building Your Form Grouping Form Content Adding Single-Line Text Fields Adding Radio Buttons Adding Checkboxes Adding List and Menu Items Adding Multiline Text Fields Adding Buttons Creating Hidden Fields Formatting Forms Processing Forms Testing Your Forms Creating Jump Menus Creating Forms On Your Own What You Have Learned Lesson 12 Using Library Items What You Will Learn Approximate Time Creating a Library Item Placing a Library Item on a Page Re-creating a Library Item Modifying a Library Item Updating Library References What You Have Learned Lesson 13 Using Templates What You Will Learn Approximate Time Lesson Files Creating Templates Adding Editable Areas to a Template Removing Editable Regions Creating Optional Content Inserting Repeating Regions Building Pages Based on a Template Controlling Optional Content Adding Repeating Entries Modifying a Template Creating Editable Tag Attributes Modifying an Editable Tag Attribute Creating Nested Templates What You Have Learned Lesson 14 Managing Your Site What You Will Learn Approximate Time Lesson Files Using the Files Panel Accessing Files Outside a Dreamweaver Site on Your Computer Modifying Pages from the Files Panel Connecting to a Remote Site Uploading Files Cloaking Files and Folders Checking In and Checking Out Using Design Notes Exporting Site Definitions Creating Server Connections Enabling Contribute Compatibility What You Have Learned Lesson 15 Accessibility and Testing What You Will Learn Approximate Time Lesson Files Testing for Accessibility Checking Browser Compatibility Checking Links in Your Site Checking for Orphaned Files Generating Reports for a Site Checking Spelling What You Have Learned Lesson 16 Editing the Code What You Will Learn Approximate Time Lesson Files Switching Document Views Editing HTML in Code View Using the Code Toolbar Adjusting New Window Placement Meta Tags Using the Tag Inspector Editing Code with Quick Tags Using Snippets Using Clean Up XHTML Working with Microsoft Word HTML Printing from Code View Advanced Customization What You Have Learned Lesson 17 Using Find and Replace What You Will Learn Approximate Time Lesson Files Searching Your Document Removing HTML Tags Using Find and Replace to Attach External Style Sheets Applying Custom Styles with Find and Replace Saving and Reusing Your Search Criteria Searching and Replacing with Regular Expressions Finding Variations in a Name What You Have Learned Appendix A Regular Expressions Appendix B Macintosh Shortcuts Menu Shortcuts Code Shortcuts Files Panel Menus Appendix C Windows Shortcuts Menu Shortcuts Code Shortcuts Files Panel Menus Index spell check Split attribute Split button 2nd Split Cell button Split Cell command (Modify menu) Split Cell Into Rows Or Columns button Split view Split view button spreadsheets, importing data Src option (Property inspector) stacking order, layers Standard command (View menu) Start pages status bars creating messages, user interactivity window attributes tag structural markup structures, content tag Style command (Text menu) style sheets [See CSS (Cascading Style Sheets).] styles Submit button Swap Image command (Actions menu) Swap Image dialog box switching document views, editing code Synchronize command (Site menu) Synchronize tool (Files panel) synchronizing local and remote sites system requirements Index [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Tab Index (accessibility attribute) tag Table button Table command File menu Insert menu 2nd Modify menu 2nd Table dialog box Table menu commands, Insert Rows Or Columns Table Mode command (View menu) 2nd Table Objects command (Insert menu) Table Width option (Table dialog box) Table Widths command (View menu) 2nd tables cells copying and pasting formatting 2nd checking layout with window size converting tables to creating designing for monitor types exporting graphics importing spreadsheet data layout modification width Layout view modifying nesting selecting sorting tracing image versus CSS (Cascading Style Sheets) Tabular Data button Tag Accessibility Attributes dialog box Tag inspector (Image Viewer) Tag Inspector command (Window menu) 2nd Tag inspector, editing code Tag Libraries command (Edit menu) Tag Library Editor Tag selectors tags HTML, removing Meta selector Target Browser Check tab (Results panel) Target menu options targeting links tags Template Objects command (Insert menu) Template Properties command (Modify menu) Template Properties dialog box templates adding editable areas to adding repeating entries building pages based on changing name creating editable tag attributes inserting repeating regions modifications nested optional content 2nd removing editable regions Templates command (Modify menu) 2nd testing accessibility Check Link feature checking browser compatability checking spelling forms generation of site reports orphaned files project sites text aligning Flash text fonts changing color size change importing inline formatting Text Color Picker button Text Field command (Insert menu) text fields multiline forms Press Key Preview single-line forms Text Indent button Text menu commands Check Spelling CSS Styles Font Indent keyboard shortcuts 2nd List Style Text Outdent button Textarea button Textarea command (Insert menu) TextTop option, alignment Tile Horizontally option Tile Vertically option Timeline command (Modify menu) 2nd Timelines command (Window menu) Timelines panel timelines, layer animation title attribute title attribute title bars titles toolbars 2nd Toolbars command (View menu) 2nd tools interface Rectangular Hotspot Top option, alignment tag Tracing Image command (View menu) tracing images Index [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z]

tag Uncloak All commands (Site menu) undocking panels Uniform Resource Locators (URLs) units of measurement unnesting layers Unordered List button Unordered List command (Text menu) unordered lists Update Files dialog box Update Library Items dialog box Update Page When Template Changes checkbox Update Pages command Update Pages command (Modify menu) Update Pages dialog box Update Template Files dialog box uploading files, site management URLs (Uniform Resource Locators) Use regular expression option (Find and Replace dialog box) user interactivity adding behaviors to image maps Check Browser behavior creating pop-up menus creating status bar message editing actions and events open new browser rollover images swapping multiple images with one event Index [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Validate Markup command (File menu) values Vertical attribute videos, QuickTime movies View as Root command (View menu) View menu commands Code Code and Design Code View Options Design Grid Head Content keyboard shortcuts 2nd Rulers 2nd Show Hidden Files Site Map Options 2nd Table Mode 2nd Toolbars 2nd Tracing Image Visual Aids 2nd View Options control (document toolbar) View Options menu Virtual (Wrap menu item) visibility, layers 2nd Visible Overflow option (Property inspector) visited links, colors Visual Aids command (View menu) 2nd 3rd Index [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] WCAG (Web Content Accessibility Guidelines), Section 508 Web Content Accessibility Guidelines (WCAG), Section 508 Web ReDesign 2.0: Workflow that Works, Web-safe colors Websites development plan design maintenance research structure testing links adding files site structure viewing subsets local sites, defining Macromedia multilingual documents new page structure, links user interactivity adding behaviors to image maps Check Browser behavior creating pop-up menus creating status bar message editing actions and events open new browser rollover images swapping multiple images with one event weight declaration, CSS (Cascading Style Sheets) Width And Height attribute WIDTH attribute Window menu Window menu commands Arrange Panels 2nd Assets 2nd 3rd Behaviors Code Inspector Files Frames History Insert 2nd keyboard shortcuts 2nd Layers Others Properties Results Tag Inspector 2nd Workspace Layout 2nd Windows font sizes keyboard shortcuts previewing images system requirements user workspace windows attributes naming placement, hand coding Workspace Layout command (Window menu) 2nd workspaces Wrap menu items Wrap Tag mode (Quick Tag Editor) Wrap With Label Tag option (form objects) Index [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] XHTML (Extensible Hypertext Markup Language) XML (Extensible Markup Language) Index [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] z-index (layers) ... Khristine Annwn Page authored Macromedia Dreamweaver MX 2004 Training from the Source and Macromedia Dreamweaver MX Training from the Source as well as coauthored the Macromedia Dreamweaver MX 2004 Certified... Copyright Macromedia Dreamweaver 8 Training from the Source Khristine Annwn Page Adobe Press books are published by: Peachpit 1249 Eighth Street Berkeley, CA 94710 510/524-21 78 800/ 283 -9444 510/524-2221 (fax).. .macromedia Dreamweaver 8 By Khristine Annwn Page Publisher: Macromedia Press Pub Date: March 28, 2006 Print ISBN- 10: 0-321-33626-7 Print ISBN- 13: 9 78- 0-321-33626-2 Pages: 6 08 Table of Contents