Dynamic Learning: Dreamweaver CS3 by Fred Gerantabee; Aquent Graphics Institute (AGI) Publisher: O'Reilly Pub Date: October 15, 2007 Print ISBN-10: 0-596-51057-8 Print ISBN-13: 978-0-59-651057-2 Pages: 416 Table of Contents | Index Overview Learning Dreamweaver CS3 is like having access to a top-notch team of your very own instructors Written by product experts and trainers who have produced many of Adobe's training titles, the book takes you step-by-step through the process of learning to use Dreamweaver X like a pro This full-color book is organized into lessons, with easy-tofollow instructions, tips, examples, and review questions at the end of every lesson Each lesson is self-contained, so you can go through the entire book sequentially or just focus on individual lessons Topics covered include: What's new in Dreamweaver CS3 Dreamweaver CS3 Jumpstart Creating web sites Styling pages with CSS Working with Snippets and library items Using tables and frames Adding Flash, video, and audio content In addition, the book comes with a companion DVD with video tutorials and all of the files needed for the lessons, including final, completed Dreamweaver files A free Instructor's Guide is available online Dynamic Learning: Dreamweaver CS3 by Fred Gerantabee; Aquent Graphics Institute (AGI) Publisher: O'Reilly Pub Date: October 15, 2007 Print ISBN-10: 0-596-51057-8 Print ISBN-13: 978-0-59-651057-2 Pages: 416 Table of Contents | Index Starting up Chapter 1 Dreamweaver CS3 Jumpstart Section 1.1 Starting up Section 1.2 What is Dreamweaver? Section 1.3 Spry Widgets and the Spry framework for Ajax Section 1.4 Photoshop CS3 integration Section 1.5 CSS layouts Section 1.6 Adobe Device Central Section 1.7 Adobe Bridge CS3 Section 1.8 An overview of features Section 1.9 How web sites work Section 1.10 An introduction to HTML Section 1.11 A look at the Welcome Screen Section 1.12 Creating, opening, and saving documents Section 1.13 Self study Section 1.14 Review Chapter 2 Creating a New Site Section 2.1 Starting up Section 2.2 Creating a new site Section 2.3 Adding pages Section 2.4 Defining page properties Section 2.5 Work views Section 2.6 A look at the Files panel Section 2.7 Self study Section 2.8 Review Chapter 3 Adding Text and Images Section 3.1 Starting up Section 3.2 Typography and images on the Web Section 3.3 Adding text Section 3.4 Understanding styles Section 3.5 Previewing pages in a web browser Section 3.6 Understanding hyperlinks Section 3.7 Creating hyperlinks Section 3.8 Creating lists Section 3.9 Using the Text Insert bar Section 3.10 Inserting images Section 3.11 Linking images Section 3.12 Using Image Placeholders Section 3.13 Editing images Section 3.14 Self study Section 3.15 Review Chapter 4 Styling Your Pages with CSS Section 4.1 Starting up Section 4.2 What are Cascading Style Sheets (CSS)? Section 4.3 A look at the CSS panel Section 4.4 Creating new styles Section 4.5 Internal vs external style sheets Section 4.6 Self study Section 4.7 Review Chapter 5 Creating Page Layouts with Tables Section 5.1 Starting up Section 5.2 Design and layout considerations Section 5.3 Tables vs CSS Section 5.4 Inserting a table Section 5.5 Selecting tables Section 5.6 Modifying tables Section 5.7 Nesting a table inside a row Section 5.8 Adding content to tables Section 5.9 Formatting tables Section 5.10 Other ways to work with tables Section 5.11 Importing table data Section 5.12 Self study Section 5.13 Review Chapter 6 Creating Page Layouts with CSS Section 6.1 Starting up Section 6.2 The CSS Box model Section 6.3 Positioning content with AP Divs Section 6.4 Box overlap and z-index Section 6.5 The Insert Div button Section 6.6 Styling boxes and adding content Section 6.7 Attaching a style sheet Section 6.8 Fine-tuning layouts Section 6.9 Self study Section 6.10 Review Chapter 7 Fine-Tuning Your Workflow Section 7.1 Starting up Section 7.2 Customizing panels and panel groups Section 7.3 Using the Favorites tab on the Insert bar Section 7.4 Resizing the Document window Section 7.5 Using guides Section 7.6 Using grids Section 7.7 The tag selector Section 7.8 Switching between tabs and cascading documents Section 7.9 Zooming Section 7.10 Self study Section 7.11 Review Chapter 8 Working with Frames Section 8.1 Starting up Section 8.2 How frames work Section 8.3 Creating framesets Section 8.4 The Frames panel Section 8.5 Splitting a frame Section 8.6 Specifying frame content Section 8.7 Self study Section 8.8 Review Chapter 9 Adding Flash, Video, and Sound Content Section 9.1 Starting up Section 9.2 Making web content interesting Section 9.3 Inserting Flash movies Section 9.4 Creating Flash content Section 9.5 Adding video Section 9.6 Inserting sound Section 9.7 Self study Section 9.8 Review Chapter 10 Getting Modular with Reusable Items Section 10.1 Starting up Section 10.2 Creating reusable page elements Section 10.3 Introducing snippets Section 10.4 Introducing library items Section 10.5 Introducing templates Section 10.6 Reusing templates Section 10.7 Modifying templates Section 10.8 Repeating regions Section 10.9 Self study Section 10.10 Review Chapter 11 Under the Hood: Editing in the Code View Section 11.1 Starting up Section 11.2 Getting to your code Section 11.3 Working in the Code view Section 11.4 Validating your code Section 11.5 Formatting code Section 11.6 Self study Section 11.7 Review Chapter 12 Building Web Forms Section 12.1 Starting up Section 12.2 Forms in everyday (web) life Section 12.3 Building a contact form Section 12.4 Adding form elements Section 12.5 Styling forms with CSS Section 12.6 Form processing and validation Section 12.7 Adding form validation Section 12.8 Self study Section 12.9 Review Chapter 13 Managing Your Web Site: Reports, Optimization & Maintenance Section 13.1 Starting up Section 13.2 Working with the Files panel Section 13.3 Using Check In/Check Out and design notes Section 13.4 Testing site integrity Section 13.5 Generating site reports Section 13.6 Optimizing pages for launch Section 13.7 Launching your site Section 13.8 Site Launch Checklist Section 13.9 Getting help and using the reference guides Section 13.10 Self study Section 13.11 Review Index Dynamic Learning: DreamweaverCS3 By Fred Gerantabee & AGI Creative Team Additional writing: Jeremy Osborn, Jeff Ausura, Sean McKnight, Greg Heald Series Editor: Christopher Smith Technical Editors: Caitlin Smith, Cathy Auclair, Haziel Olivera, Linda Forsvall Additional Editing: Edie Freedman Video Project Manager: Jeremy Osborn Cover Design: Edie Freedman, O'Reilly Media Interior Design: Ron Bilodeau, O'Reilly Media Graphic Production: Lauren Mickol Additional Production: Aquent Studios Indexing: Caitlin Smith Video Editor: Trevor Chamberlin Proofreading: Jay Donahue Copyright © 2007 Aquent Graphics Institute (AGI) All rights reserved Published by O'Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472 O'Reilly books may be purchased for educational, business, or sales promotional use Online editions are also available for most titles (safari.oreilly.com) For more information, contact our corporate/institutional sales department: 800.998.9938 or corporate@oreilly.com The O'Reilly logo is a registered trademark of O'Reilly Media, Inc Dynamic Learning Dreamweaver CS3, the cover images, and related trade dress are trademarks of O'Reilly Media, Inc Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks Where those designations appear in this book, and O'Reilly Media, Inc was aware of a trademark claim, the designations have been printed in caps or initial caps Adobe Dreamweaver™ is a registered trademark of Adobe Systems, Inc in the United States and other countries O'Reilly Media, Inc is independent of Adobe Systems, Inc While every precaution has been taken in the preparation of this book, the publisher and author assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein Please report any errors by sending a message to errata@aquent.com Print History: September 2007, First Edition ISBN 10: 0-596-51057-8 ISBN 13: 978-0-596-51057-2 [F] Printed in Canada Starting up About Dynamic Learning Adobe® Dreamweaver® CS3 lets you design, develop, and maintain web sites and web pages Both designers and developers use Dreamweaver CS3 which lets you create and edit content using a visual layout or a coding environment Dreamweaver CS3 also provides tight integration with other Adobe products such as Photoshop® CS3 and Flash® CS3 Professional Dynamic Learning: Dreamweaver CS3 is like having your own personal instructor guiding you through each lesson while you work at your own speed This book includes 13 self-paced lessons that let you discover essential skills and explore the new features and capabilities of Dreamweaver CS3 Each lesson includes step-by-step instructions and lesson files, along with video tutorials that complement the topics covered in each lesson These accompanying files are provided on the included Dynamic Learning: Dreamweaver CS3 DVD, developed by the same team of Adobe Certified Instructors and Dreamweaver experts who have created many of the official training titles for Adobe Systems Prerequisites Before you start the lessons in Dynamic Learning: Dreamweaver CS3, you should have a working knowledge of your computer and its operating system You should know how to use the directory system of your computer so that you can navigate through folders You need to understand how to locate, save, and open files You should also know how to use your mouse to access menus and commands Before starting the lessons files in Dynamic Learning: Dreamweaver CS3, make sure that you have installed Adobe Dreamweaver CS3 The software is sold separately, and not Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Open a Recent Item Optimization panel Optimizing images Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Padding boxes 2nd Expanded Tables mode Page color, sampling Page properties defining dialog box Page Type column Pages accessibility adding new defining page properties metatags optimizing saving titles Panels and panel groups, customizing Panes, adjusting size Paragraph selecting Paragraph align buttons PHP 2nd Playback POST command Prevent Overlaps Preview button behavior pages in a web browser 2nd Preview in Browser Preview/Debug in browser button Property inspector brightness and contrast CSS rules, applying 2nd CSS rules, creating 2nd 3rd 4th CSS rules, renaming editing for 2nd 3rd 4th formatting 2nd frame properties, setting frameset properties, setting 2nd image placeholders internal style sheets invalid tags, fixing 315 Library items, editing links, defining 2nd optimizing images paragraph align buttons playing 2nd plugin parameters, setting previewing properties of 2nd 3rd 4th 5th 6th Style drop-down menu tables, formatting with 2nd 3rd 4th tag selector and text, formatting 2nd 3rd turning on and off with 2nd 3rd 4th Pseudo-class selectors 2nd 3rd Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Quick Tag Editor QuickTime video Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Radio buttons, adding to forms Radio groups Reduce file size 2nd Reference panel Relative hyperlinks Remote Info Remote View Repeating regions Reset buttons, creating Resizing images 2nd Resizing the Document window Results panel RGB color spectrum Rich Internet applications RIAs) Rollover effects Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Samples, create from Save For Web & Devices Save Report Save Web Image dialog box Save Workspace Layout Scripting languages, client-and server-side Search Engine Optimization (SEO) 2nd Select Image Source dialog box 2nd 3rd Selectors, contextual and pseudo-class Server-scripting environments Servers 2nd 3rd check in/check out files connecting to downloading files from setting up sharing design notes on Testing 2nd 3rd 4th Unix uploading files to Set Class command Show Design view Site building from scratch creating new launching management 2nd Map Layout views Site Definition wizard 2nd Site definitions advanced options for creating new Size, entering manually Skins Small Screen Rendering (SSR) mode Smart collapse, disable Snap To Elements Snap to Grid Snap to Guides Snippets 2nd 3rd 4th built-in create new editing organizing panel preview Sorenson codec Sound, See also Audio inserting Source code, viewing Split cells into rows or columns Split Frame command Split View 2nd Splitter 2nd splitter bar Spry 2nd 3rd effects Widgets Widgets pane Src attribute about Style attribute create in new css file list rules, applying types Style sheets 2nd 3rd 4th defining modifying attached placing directly in page Styles advanced class creating new customizing defined export to external style sheet modifying tag-based Submit buttons, creating Swatches panel Switching between tabs and cascading documents System requirements Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Tables adding content to creating and using 2nd 3rd 4th 5th 6th Expanded Tables mode formatting importing data into inserting modifying percentage-based pixel-based selecting setting borders vs CSS Tag selector 2nd Tag-based styles 2nd 3rd Tags hierarchy structure styles, creating Target frames 2nd _blank 2nd _parent _self _top Content Templates about command create new create new pages from editable regions modifying repeating regions reusing Text area, on forms editor 2nd fields, adding to forms files 2nd inserting Text Insert bar Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Unclosed tags Unicode 4.0 Unicode Normalization Form Unix server Unordered List URL 2nd Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Validate Markup option Validating code form fields Video adding to sites Progressive Download Streaming unauthorized copying View Options Visited links Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Web about addresses (URLs) applications, building browsers hosting services servers and hosts video compression Web Consortium Accessibility Guide (WCAG) Web site design resources Welcome Screen 2nd Whitespace rules Windows Media with frames 2nd 3rd Word, selecting a Working locally Workspace customizing default 2nd managing resetting World Wide Web Consortium (W3C) Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] XHTML XML 2nd Index [SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Z] Z-index Zoom tool Zooming ... folder labeled Videos from the Dynamic Learning: Dreamweaver CS3 Digital Classroom DVD to your hard drive Copying the video tutorials to your hard drive: Insert the Dynamic Learning: Dreamweaver CS3 Digital Classroom DVD supplied with this book... Print History: September 2007, First Edition ISBN 10: 0-596-51057-8 ISBN 13: 978-0-596-51057-2 [F] Printed in Canada Starting up About Dynamic Learning Adobe® Dreamweaver CS3 lets you design, develop, and... your mouse to access menus and commands Before starting the lessons files in Dynamic Learning: Dreamweaver CS3, make sure that you have installed Adobe Dreamweaver CS3 The software is sold separately, and not included with this book