Adobe Dreamweaver Classroom in a Book (2021 release) by Jim Maivald -- Read -- Imperial Library of Trantor

Index

Cover Page Title Page Copyright Page Where are the Lesson Files? Contents 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 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 the New Feature guides Setting interface preferences Switching and splitting views Selecting a workspace layout Working with panels Personalizing Dreamweaver Working with toolbars 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 (VMQ) interface Using the DOM Viewer Using element dialogs, displays, and inspectors Exploring, experimenting, and learning Review questions Review answers

2. HTML Basics

What is HTML? Where did HTML begin? Frequently used HTML elements What’s new in HTML5 Review questions Review answers

3. CSS Basics

What is CSS? HTML vs. CSS formatting HTML defaults CSS box model Applying CSS styling Multiples, classes, and ids, oh my! Review questions Review answers

4. 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 Review questions Review answers

5. Web Design Basics

Developing a new website Scenario Working with thumbnails and wireframes Review questions Review answers

6. Creating a Page Layout

Evaluating page design options Working with predefined layouts Styling a predefined layout Styling elements using the Extract panel Troubleshooting CSS conflicts Extracting text from a Photoshop mockup Deleting components and attributes from a template Inserting new menu items Creating new elements with the DOM panel Creating menu items with copy and paste Extracting text styling Creating a gradient background using Extract Extracting image assets from a mockup Creating new Bootstrap structures Adding a background image to the header Finishing up the layout Review questions Review answers

7. Working with Templates

Creating Dreamweaver templates Removing unneeded components Modifying a Bootstrap layout Modifying text formatting in a Bootstrap element Adding template boilerplate and placeholders Fixing semantic errors Inserting metadata Validating HTML code Working with editable regions Working with child pages Updating a template Review questions Review answers

8. Working with Text, Lists, and Tables

Previewing the completed file Creating and styling text Creating lists Basing content structures on lists Creating and styling tables Spell-checking webpages Finding and replacing text Review questions Review answers

9. Working with Images

Web image basics Previewing the completed files Inserting an image Inserting images in Design view Resizing images Inserting Photoshop Images Inserting images using the Assets panel Adapting images to mobile design Using the Insert menu Working with the Insert panel Inserting images into the site template Adding CSS classes to template structures Adding images to a Bootstrap carousel Styling headings and text in a Bootstrap carousel Self-paced exercise: Inserting images in child pages Review questions Review answers

10. Working with Navigation

Hyperlink basics Previewing the completed files Creating internal hyperlinks Creating an external link Setting up email links Creating an image-based link Targeting page elements Creating a destination link in the Element Display Locking an element on the screen Styling a navigation menu Adding a telephone link Checking your page Self-paced exercise: Adding additional links Review questions Review answers

11. 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 Review questions Review answers

Appendix. Tiny URLs Index Production Notes

Images Screenshot credits Contributors Special thanks

12. Working with Mobile Design

Responsive design Media type properties Media queries Media query syntax Working with the Visual Media Query interface Introducing web frameworks Setting up web-hosted fonts Creating custom media queries Controlling Bootstrap element alignment Revising Bootstrap template structure Adapting content to mobile design Previewing pages using Real-Time Preview Fixing issues for mobile design and desktop Review questions Review answers

Code Snippets