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

Book Description

With the release of Adobe Creative Suite CC, Dreamweaver again solidifies its role as the de facto tool of choice for anyone designing for the Web. Adobe Dreamweaver CC: 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 CC, with completely revised sections on critical tools like styling pages with CSS, managing styles, and inserting tables. You'll also learn to take advantage of Dreamweaver's 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 CC.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication
  4. Special Thanks to
  5. Table of Contents
  6. Introduction
    1. Using This Book
    2. Getting the most from Dreamweaver
    3. A note for our Mac-using friends
    4. There’s more online
    5. Let’s get started
  7. 1. Introducing Dreamweaver
    1. A Quick Tour of Dreamweaver
    2. Setting Up Your Workspace
    3. What’s New in Dreamweaver CC
    4. Synchronizing Site Settings
  8. 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
  9. 3. Building Your First Page
    1. Creating a New Page
    2. Titling Your Page
    3. Adding Text to Your Page
    4. Creating Links
    5. Adding Images
    6. Naming and Saving Your Page
    7. Opening a Page
    8. Previewing in a Browser
    9. Preview Using Preset Screen Sizes
    10. Setting Page Properties
    11. Defining Meta Tags
  10. 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. Working with Font Styles
    14. Using Web Fonts
    15. Adding Automatic Dates
    16. Finding and Replacing
    17. Finding Text with a Simple Search
    18. Performing Advanced Text Searches
    19. Finding and Replacing in Source Code
    20. Finding and Replacing with a Specific Tag
    21. Using Regular Expressions for Searching
    22. Checking Spelling
  11. 5. Including Images and Media
    1. Adding Images
    2. Inserting Images from the Assets Panel
    3. Setting Image Properties
    4. Editing Images
    5. Optimizing Images
    6. Working with Photoshop
    7. Adding a Background Image
    8. Adding a Favicon
    9. Adding HTML5 Video and Audio
    10. Adding Edge Animate Compositions
    11. Adding Flash and Shockwave
    12. Adding Flash Video
    13. Adding QuickTime and Other Media
  12. 6. Working with Links
    1. Creating Text Links
    2. Changing Link Relative To
    3. Targeting Links
    4. Linking to Specific Places on a Page
    5. Adding Links to Graphics
    6. Creating Image Maps
    7. Adding Email Links
  13. 7. Styling Page Content
    1. Understanding CSS
    2. Creating a Style Rule for a Tag
    3. CSS Categories
    4. Creating a Custom Class or ID
    5. Applying Attributes
    6. Creating Contextual Selectors
    7. Working with the CSS Properties Pane
    8. Formatting Links
    9. Editing Styles with the Property Inspector
    10. Modifying a Style
    11. Working with Related Files
    12. Using the Code Navigator
  14. 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
  15. 9. Managing Styles
    1. Renaming Styles
    2. Deleting Styles
    3. Creating Rules from Inline Styles
    4. Creating a New External Style Sheet
    5. Attaching a Style Sheet
    6. Dragging and Dropping Styles
    7. Using CSS Inspection
    8. Using the Visual Aids
    9. Experimenting with CSS Enable/Disable
    10. Using Design-Time Style Sheets
  16. 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
  17. 11. Using Forms and Fields
    1. Creating Forms with the Insert Panel
    2. Adding a Form to a Page
    3. Adding Text Fields
    4. Adding a Text Area
    5. Adding Check Boxes
    6. Adding a Fieldset
    7. Adding a Radio Button Group
    8. Adding a Select Menu or List
    9. Adding a Submit or Reset Button
  18. 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 Structural Tags
    6. Adding Iframes
    7. Adding Media Queries
    8. Using Fluid Grid Layouts
  19. 13. Using Behaviors and Navigation Objects
    1. Using the Behaviors Panel
    2. Adding Rollovers
    3. Opening a New Browser Window
    4. Using Jump Menus
    5. Validating Forms
  20. 14. Building Pages with Dynamic Elements
    1. What Is jQuery?
    2. Adding jQuery UI Elements
    3. Adding CSS3 Transitions
  21. 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
  22. 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
  23. 17. Editing Code
    1. Using the Coding Toolbar
    2. Using Split View
    3. Using Live Code View
    4. Using the Quick Tag Editor
    5. Collapsing Code
    6. Using Code Hints
    7. Using the Code Inspector
    8. Using the JavaScript Extractor
    9. Using the W3C Validator
  24. 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. Deleting Sites
    11. Exporting and Importing Site Definitions
  25. 19. Working with Other Applications
    1. Assigning External Editing Programs
    2. Editing Images with Fireworks
    3. Cleaning Up Word HTML
    4. Using Content from Excel
    5. Working with Contribute
  26. A. Where to Learn More
    1. Websites
    2. Other Online Resources
    3. Web Design and JavaScript Books
  27. B. Customizing and Extending Dreamweaver
    1. Customizing Keyboard Shortcuts
    2. Finding and Installing Extensions
  28. Index