Dreamweaver CC · Visual QuickStart Guide by Smith, Dori -- Read -- Imperial Library of Trantor

Index

Title Page Copyright Page Dedication Special Thanks to Table of Contents Introduction

Using This Book Getting the most from Dreamweaver A note for our Mac-using friends There’s more online Let’s get started

1. Introducing Dreamweaver

A Quick Tour of Dreamweaver Setting Up Your Workspace What’s New in Dreamweaver CC Synchronizing Site Settings

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

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

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

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

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

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

8. Using Styles for Layout

CSS Layout Basics Using the Included Layouts Laying Out Your Page Laying Out Your Navigation Modifying Your Navigation

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

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

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

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

13. Using Behaviors and Navigation Objects

Using the Behaviors Panel Adding Rollovers Opening a New Browser Window Using Jump Menus Validating Forms

14. Building Pages with Dynamic Elements

What Is jQuery? Adding jQuery UI Elements Adding CSS3 Transitions

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

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

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

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

19. Working with Other Applications

Assigning External Editing Programs Editing Images with Fireworks Cleaning Up Word HTML Using Content from Excel Working with Contribute

A. Where to Learn More

Websites Other Online Resources Web Design and JavaScript Books

B. Customizing and Extending Dreamweaver

Customizing Keyboard Shortcuts Finding and Installing Extensions

Index