Table of Contents

Introduction

Chapter 1 Introducing Dreamweaver

A Quick Tour of Dreamweaver

Setting Up Your Workspace

What’s New in Dreamweaver CC

Synchronizing Site Settings

Chapter 2 Starting Your First Site

Understanding Local and Remote Sites

Creating the Local Site

Defining the Remote Server

Editing Site Definitions

Working with the Files Panel

Navigating Disks and Sites

Switching Between Local View and the Remote Server

Refreshing Views

Working with Files and Folders

Putting and Getting Files

Expanding the Files Panel

Synchronizing the Local and Remote Sites

Cloaking Files and Folders

Chapter 3 Building Your First Page

Creating a New Page

Titling Your Page

Adding Text to Your Page

Creating Links

Adding Images

Naming and Saving Your Page

Opening a Page

Previewing in a Browser

Preview Using Preset Screen Sizes

Setting Page Properties

Defining Meta Tags

Chapter 4 Adding Text to Your Pages

Adding Text

Cutting, Copying, and Pasting Text

Dragging and Dropping Text

Using Paste Special

Applying Headings

Applying Character Formats

Applying HTML Text Styles

Using Preformatted Text

Adding Line Breaks

Indenting and Aligning Text with HTML

Working with Lists

Inserting Special Characters

Working with Font Styles

Using Web Fonts

Adding Automatic Dates

Finding and Replacing

Finding Text with a Simple Search

Performing Advanced Text Searches

Finding and Replacing in Source Code

Finding and Replacing with a Specific Tag

Using Regular Expressions for Searching

Checking Spelling

Chapter 5 Including Images and Media

Adding Images

Inserting Images from the Assets Panel

Setting Image Properties

Editing Images

Optimizing Images

Working with Photoshop

Adding a Background Image

Adding a Favicon

Adding HTML5 Video and Audio

Adding Edge Animate Compositions

Adding Flash and Shockwave

Adding Flash Video

Adding QuickTime and Other Media

Chapter 6 Working with Links

Creating Text Links

Changing Link Relative To

Targeting Links

Linking to Specific Places on a Page

Adding Links to Graphics

Creating Image Maps

Adding Email Links

Chapter 7 Styling Page Content

Understanding CSS

Creating a Style Rule for a Tag

CSS Categories

Creating a Custom Class or ID

Applying Attributes

Creating Contextual Selectors

Working with the CSS Properties Pane

Formatting Links

Editing Styles with the Property Inspector

Modifying a Style

Working with Related Files

Using the Code Navigator

Chapter 8 Using Styles for Layout

CSS Layout Basics

Using the Included Layouts

Laying Out Your Page

Laying Out Your Navigation

Modifying Your Navigation

Chapter 9 Managing Styles

Renaming Styles

Deleting Styles

Creating Rules from Inline Styles

Creating a New External Style Sheet

Attaching a Style Sheet

Dragging and Dropping Styles

Using CSS Inspection

Using the Visual Aids

Experimenting with CSS Enable/Disable

Using Design-Time Style Sheets

Chapter 10 Inserting Tables

Moving Away from Tables for Layout

Creating a Table

Selecting Table Elements

Making Table Selections Easier

Adding Rows and Columns

Merging and Splitting Cells

Resizing Table Elements

Deleting Table Elements

Specifying Table Alignment

Setting Cell Properties

Sorting Table Content

Formatting Tables

Importing and Exporting Tabular Data

Chapter 11 Using Forms and Fields

Creating Forms with the Insert Panel

Adding a Form to a Page

Adding Text Fields

Adding a Text Area

Adding Check Boxes

Adding a Fieldset

Adding a Radio Button Group

Adding a Select Menu or List

Adding a Submit or Reset Button

Chapter 12 Using Dreamweaver’s Layout Tools

Using the Grid

Using Rulers and Guides

Zooming In on Your Page

Setting Page Dimensions

Using Structural Tags

Adding Iframes

Adding Media Queries

Using Fluid Grid Layouts

Chapter 13 Using Behaviors and Navigation Objects

Using the Behaviors Panel

Adding Rollovers

Opening a New Browser Window

Using Jump Menus

Validating Forms

Chapter 14 Building Pages with Dynamic Elements

What Is jQuery?

Adding jQuery UI Elements

Adding CSS3 Transitions

Chapter 15 Working with Content Management Systems

About Content Management Systems

Connecting to Your CMS

Using Dynamically Related Files

Filtering Related Files

Using Live View Navigation

Freezing or Disabling JavaScript

Chapter 16 Making Life Easier: Using Templates, Libraries, and Snippets

Creating a Template

Adding Editable Regions

Removing Editable Regions

Building Pages Based on a Template

Modifying a Template

Creating a Library Item

Using a Library Item

Editing a Library Item

Working on Library Items with the Property Inspector

Using Dreamweaver Snippets

Chapter 17 Editing Code

Using the Coding Toolbar

Using Split View

Using Live Code View

Using the Quick Tag Editor

Collapsing Code

Using Code Hints

Using the Code Inspector

Using the JavaScript Extractor

Using the W3C Validator

Chapter 18 Managing Your Site

Planning for Site Expansion

Expanding the Files Panel

Setting Up Check In and Check Out

Checking Files In and Out

Using Design Notes

Setting Up Subversion

Generating Site Reports

Checking for Broken Links

Finding External Links and Orphaned Files

Deleting Sites

Exporting and Importing Site Definitions

Chapter 19 Working with Other Applications

Assigning External Editing Programs

Editing Images with Fireworks

Cleaning Up Word HTML

Using Content from Excel

Working with Contribute

Appendix A Where to Learn More

Websites

Other Online Resources

Web Design and JavaScript Books

Appendix B Customizing and Extending Dreamweaver

Customizing Keyboard Shortcuts

Finding and Installing Extensions

Index