You are previewing Visual QuickStart Guide: Dreamweaver CS6.
O'Reilly logo
Visual QuickStart Guide: Dreamweaver CS6

Book Description

&>Adobe Dreamweaver CS6: Visual QuickStart Guide uses a combination of task-based instruction and strong visuals to teach beginning and intermediate users how to create, design, and publish powerful, innovative Web sites with Dreamweaver. Leading technology authors Tom Negrino and Dori Smith take you step-by-step through the new features in Adobe Dreamweaver CS6, with completely revised sections on critical tools like styling pages with CSS and adding user interactivity with JavaScript dynamic elements. You'll also learn to take advantage of Dreamweaver's new ability to simultaneously design sites for a variety of screen sizes, including desktops, tablets, and mobile phones. If you're new to Dreamweaver and web design, you'll learn to create your first Web site, add text, style and lay out page content, manage styles, work with links, incorporate images, media, tables, forms, design site navigation, and so much more. If you're an experienced user, you'll find this a convenient reference to the new features of Dreamweaver CS6.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication
  4. Special Thanks to
  5. Contents at a Glance
  6. Table of Contents
  7. Introduction
    1. Using this Book
  8. 1. Introducing Dreamweaver
    1. A Quick Tour of Dreamweaver
    2. Setting Up Your Workspace
    3. What’s New in Dreamweaver CS6
  9. 2. Starting Your First Site
    1. Understanding Local and Remote Sites
    2. Creating the Local Site
    3. Defining the Remote Server
    4. Editing Site Definitions
    5. Working with the Files Panel
    6. Navigating Disks and Sites
    7. Switching Between Local View and the Remote Server
    8. Refreshing Views
    9. Working with Files and Folders
    10. Putting and Getting Files
    11. Expanding the Files Panel
    12. Synchronizing the Local and Remote Sites
    13. Cloaking Files and Folders
  10. 3. Building Your First Page
    1. Creating a New Page
    2. Using Sample Pages
    3. Titling Your Page
    4. Adding Text to Your Page
    5. Creating Links
    6. Adding Images
    7. Naming and Saving Your Page
    8. Opening a Page
    9. Previewing in a Browser
    10. Preview Using Preset Screen Sizes
    11. Viewing Pages in BrowserLab
    12. Setting Page Properties
    13. Defining Meta Tags
  11. 4. Adding Text to Your Pages
    1. Adding Text
    2. Cutting, Copying, and Pasting Text
    3. Dragging and Dropping Text
    4. Using Paste Special
    5. Applying Headings
    6. Applying Character Formats
    7. Applying HTML Text Styles
    8. Using Preformatted Text
    9. Adding Line Breaks
    10. Indenting and Aligning Text with HTML
    11. Working with Lists
    12. Inserting Special Characters
    13. Adding Automatic Dates
    14. Finding and Replacing
    15. Finding Text with a Simple Search
    16. Performing Advanced Text Searches
    17. Finding and Replacing in Source Code
    18. Finding and Replacing with a Specific Tag
    19. Using Regular Expressions for Searching
    20. Checking Spelling
  12. 5. Including Images and Media
    1. Adding Images
    2. Inserting Images from the Assets Panel
    3. Adding Image Placeholders
    4. Setting Image Properties
    5. Editing Images
    6. Optimizing Images
    7. Working with Photoshop
    8. Adding a Background Image
    9. Adding a Favicon
    10. Adding Flash and Shockwave
    11. Adding Flash Video
    12. Adding QuickTime and Other Media
  13. 6. Working with Links
    1. Creating Text Links
    2. Changing Link Relative To
    3. Formatting Links
    4. Targeting Links
    5. Adding Named Anchors
    6. Adding Links to Graphics
    7. Creating Image Maps
    8. Adding Email Links
  14. 7. Styling Page Content
    1. Understanding CSS
    2. Creating a Style Rule for a Tag
    3. Dreamweaver CSS Categories
    4. Creating a Custom Class
    5. Creating Compound Selectors
    6. Working with the CSS Styles Panel
    7. Adding CSS3 Properties with the CSS Styles Panel
    8. Applying Attributes
    9. Working with Browser-Specific CSS Properties
    10. Creating Styles with the Property Inspector
    11. Modifying a Style
    12. Working with Related Files
    13. Working with Font Groups
    14. Using Web Fonts
    15. Using the Code Navigator
  15. 8. Using Styles for Layout
    1. CSS Layout Basics
    2. Using the Included Layouts
    3. Laying Out Your Page
    4. Laying Out Your Navigation
    5. Modifying Your Navigation
  16. 9. Managing Styles
    1. Renaming Styles
    2. Deleting Styles
    3. Creating Rules from Inline Styles
    4. Creating a New External Style Sheet
    5. Moving Internal Styles to External
    6. Attaching a Style Sheet
    7. Using Drag-and-Drop Styles
    8. Using CSS Inspection
    9. Using the Visual Aids
    10. Experimenting with CSS Enable/Disable
    11. Using Design-Time Style Sheets
  17. 10. Inserting Tables
    1. Moving Away from Tables for Layout
    2. Creating a Table
    3. Selecting Table Elements
    4. Making Table Selections Easier
    5. Adding Rows and Columns
    6. Merging and Splitting Cells
    7. Resizing Table Elements
    8. Deleting Table Elements
    9. Specifying Table Alignment
    10. Setting Cell Properties
    11. Sorting Table Content
    12. Formatting Tables
    13. Importing and Exporting Tabular Data
  18. 11. Using Forms and Fields
    1. Adding a Form to a Page
    2. Adding Text Fields
    3. Adding a Text Area
    4. Adding Check Boxes
    5. Adding a Fieldset
    6. Adding a Radio Button Group
    7. Adding a List/Menu
    8. Adding a Button
  19. 12. Using Dreamweaver’s Layout Tools
    1. Using the Grid
    2. Using Rulers and Guides
    3. Zooming In on Your Page
    4. Setting Page Dimensions
    5. Using Multiscreen Preview
    6. Adding Media Queries
    7. Using Fluid Grid Layouts
  20. 13. Using Behaviors and Navigation Objects
    1. Using the Behaviors Panel
    2. Adding Rollovers
    3. Opening a New Browser Window
    4. Checking for Plug-ins
    5. Using Jump Menus
    6. Validating Forms
    7. Inserting Fireworks Pop-Up Menus
  21. 14. Building Pages with Dynamic Elements
    1. What Are Spry and jQuery?
    2. Adding Spry Elements
    3. Using the Adobe Widget Browser
    4. Using Widgets
    5. Adding CSS3 Transitions
  22. 15. Working with Content Management Systems
    1. About Content Management Systems
    2. Connecting to Your CMS
    3. Using Dynamically Related Files
    4. Filtering Related Files
    5. Using Live View Navigation
    6. Freezing or Disabling JavaScript
  23. 16. Making Life Easier: Using Templates, Libraries, and Snippets
    1. Creating a Template
    2. Adding Editable Regions
    3. Removing Editable Regions
    4. Building Pages Based on a Template
    5. Modifying a Template
    6. Creating a Library Item
    7. Using a Library Item
    8. Editing a Library Item
    9. Working on Library Items with the Property Inspector
    10. Using Dreamweaver Snippets
  24. 17. Editing Code
    1. Using the Coding Toolbar
    2. Using Split View
    3. Using Live Code View
    4. Using the Quick Tag Editor
    5. Using the Tag Editor
    6. Using the Tag Chooser
    7. Collapsing Code
    8. Using Code Hints
    9. Using the Tag Inspector
    10. Using the JavaScript Extractor
    11. Using the Code Reference
    12. Using the W3C Validator
  25. 18. Managing Your Site
    1. Planning for Site Expansion
    2. Expanding the Files Panel
    3. Setting Up Check In and Check Out
    4. Checking Files In and Out
    5. Using Design Notes
    6. Setting Up Subversion
    7. Generating Site Reports
    8. Checking for Broken Links
    9. Finding External Links and Orphaned Files
    10. Checking Browser Compatibility
    11. Deleting Sites
    12. Exporting and Importing Site Definitions
  26. A. Where to Learn More
    1. Web Sites
    2. Other Online Resources
    3. Other Dreamweaver Books
    4. Web Design and JavaScript Books
  27. B. Customizing and Extending Dreamweaver
    1. Customizing Keyboard Shortcuts
    2. Finding and Installing Extensions
  28. Index
  29. Bonus Chapters
    1. B1. Adding Frames
      1. How Frames Work
      2. Creating a Frameset
      3. Using the Frames Panel
      4. Inserting Pages into Frames
      5. Saving Framesets and Frames
      6. Targeting Frames with Links
      7. Adding noframes Content
    2. B2. Using Spry Widgets
      1. What Is Spry?
      2. Adding Spry Elements
      3. Using the Menu Bar Widget
      4. Using the Accordion Widget
      5. Using the Collapsible Panel Widget
      6. Validating Forms with Spry
      7. Adding Spry Tooltips
      8. Adding Spry Effects
    3. B3. Working with Other Applications
      1. Assigning External Editing Programs
      2. Editing Images with Fireworks
      3. Using Adobe Bridge
      4. Cleaning Up Word HTML
      5. Using Content from Excel
      6. Working with Contribute