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