GETTING STARTED                                                                                                                                

About Classroom in a Book

TinyURLs

Prerequisites

Conventions used in this book

Windows vs. macOS instructions

Installing the program

Updating Dreamweaver to the latest version

Online Content

Recommended lesson order

Bonus material

On first launch

Choosing the program color theme

Setting up the workspace

Defining a Dreamweaver site

Checking for updates

Additional resources

1       Customizing Your Workspace                                                                                       

Touring the workspace

Using the Start Screen

Exploring New Feature guides

Working with toolbars

Switching and splitting view

Selecting a workspace layout

Working with panels

Personalizing Dreamweaver

Working with Extract

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

Using the DOM Viewer

Using the heads-up displays

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                                                                                

3       CSS Basics                                                                                                                                      

What is CSS?

HTML vs. CSS formatting

HTML defaults

CSS box model

Applying CSS styling

Multiples, classes, and ids, oh my!

3B    CSS BASICS Bonus Online Lesson                                                                                     

4       Web Design Basics                                                                                                                   

Developing a new website

Scenario

Working with thumbnails and wireframes

5       Creating a Page Layout                                                                                                       

Evaluating page design options

Working with predefined layouts

6       Working with a Web Framework                                                                                

Creating a navigation menu

Creating header content

Building semantic content

Managing Bootstrap component width

Inserting HTML entities

Creating global type styles

7       Designing for Mobile Devices                                                                                        

Responsive design

Adapting the site 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

Spell-checking webpages

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 nonweb 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    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

14    Working with Code                                                                                                               

Creating HTML code

Working with multicursor support

Commenting your code

Working with CSS preprocessors

Selecting code

Collapsing code

Expanding code

Accessing split Code view

Previewing assets in Code view

Appendix: Tiny URLs                                                                                                                          

Index                                                                                                                                                         

The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.

The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.