Contents

Getting Started

About Classroom in a Book

TinyURLs

Prerequisites

Conventions used in this book

Windows vs. OS X instructions

Installing the program

Updating Dreamweaver to the latest version

Accessing the Classroom in a Book files

Recommended lesson order

Web Edition

Bonus material

Defining a Dreamweaver site

Setting up the workspace

Checking for updates

Additional resources

1 CUSTOMIZING YOUR WORKSPACE

Touring the workspace

Using the Welcome Screen

Exploring New Feature Guides

Switching and splitting views

Working with panels

Selecting a workspace layout

Working with Extract

Adjusting toolbars

Personalizing Dreamweaver

Creating custom keyboard shortcuts

Using the Property inspector

Using the Related Files interface

Using tag selectors

Using the CSS Designer

Using the Visual Media Query interface (VMQ)

Using the DOM Viewer

Using the heads-up displays

Introducing Emmet

Exploring, experimenting, and learning

2 HTML BASICS

What is HTML?

Where did HTML begin?

Frequently used HTML elements

What’s new in HTML5

2B HTML BASICS BONUS ONLINE LESSON

Writing your own HTML code

3 CSS BASICS

What is CSS?

HTML vs. CSS formatting

HTML defaults

CSS box model

Previewing the completed file

Formatting text

Multiples, classes, and ids, oh my!

CSS3 overview and support

3B CSS BASICS BONUS ONLINE LESSON

Formatting objects

4 WEB DESIGN BASICS

Developing a new website

Scenario

Working with thumbnails and wireframes

Creating web assets using Adobe Generator (optional)

5 CREATING A PAGE LAYOUT

Evaluating page design options

Working with predefined layouts

6 WORKING WITH A WEB FRAMEWORK

Creating header content

Creating a navigation menu

Building semantic content

Managing Bootstrap component width

Inserting HTML entities

Creating global type styles

7 DESIGNING FOR MOBILE DEVICES

Responsive design

Adapting Bootstrap layouts to different screen sizes

Working with media queries

More information on media queries

8 WORKING WITH TEMPLATES

Creating a template from an existing layout

Inserting editable regions

Inserting metadata

Producing child pages

9 WORKING WITH TEXT, LISTS, AND TABLES

Previewing the completed file

Creating and styling text

Creating lists

Creating and styling tables

Spellchecking web pages

Finding and replacing text

Optional self-paced exercise

10 WORKING WITH IMAGES

Web image basics

Previewing the completed file

Inserting an image

Adjusting image positions with CSS classes

Working with the Insert panel

Using the Insert menu

Inserting non-web file types

Working with Photoshop Smart Objects (optional)

Copying and pasting images from Photoshop (optional)

Inserting images by drag and drop

Optimizing images with the Property inspector

11 WORKING WITH NAVIGATION

Hyperlink basics

Previewing the completed file

Creating internal hyperlinks

Creating an external link

Setting up email links

Creating an image-based link

Targeting page elements

Checking your page

Adding destination links to the same page (optional)

12 ADDING INTERACTIVITY

Learning about Dreamweaver behaviors

Previewing the completed file

Working with Dreamweaver behaviors

Working with Bootstrap Accordion widgets

13 WORKING WITH WEB ANIMATION AND VIDEO

Understanding web animation and video

Previewing the completed file

Adding web animation to a page

Adding web video to a page

Choosing HTML5 video options

14 PUBLISHING TO THE WEB

Defining a remote site

Cloaking folders and files

Wrapping things up

Putting your site online (optional)

Synchronizing local and remote sites

APPENDIX: TINY URLS

INDEX