Adobe Dreamweaver CC Classroom in a Book (2017 release)

Jim Maivald is a graphic designer and artist with 25 years of experience in publishing and production. He has written five editions of Adobe Dreamweaver Classroom in a Book, as well as courseware on Adobe InDesign and XML geared for designers, Adobe Photoshop and CorelDRAW, and dozens of articles for national magazines on electronic publishing and production. He leads popular seminars and training for individuals and Fortune 500 companies on InDesign and XML. An Adobe Certified Expert (ACE) in Dreamweaver, InDesign, and Acrobat, Jim is also the co-leader for the InDesign User Group chapter in Chicago.

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                                                                                                                                                         

15        WORKING WITH WEB ANIMATION AND VIDEO
BONUS ONLINE LESSON