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
