Adobe Dreamweaver Classroom in a Book (2022 release)

Book description

Learn how to create webpages for the modern web; incorporate graphics and text; build rich interactive applications; add links to text and images; add interactive elements to your sites; work with HTML5 and CSS3 code and structures; adapt webpage designs to a wide variety of desktop computers and mobile devices with a minimum of hand coding; and publish a finished site to the web.

The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver

Classroom in a Book®, the best-selling series of hands-on software training workbooks, offers what no other book or training program doesan official training series from Adobe, developed with the support of Adobe product experts.

Adobe Dreamweaver Classroom in a Book (2022 release) contains 12 lessons that cover the basics and beyond, providing countless tips and techniques to help you become more productive with the program. You can follow the book from start to finish or choose only those lessons that interest you.

Purchasing this book includes valuable online extras. Follow the instructions in the book's "Getting Started" section to unlock access to:

  • Downloadable lesson files you need to work through the projects in the book

  • Web Edition containing the complete text of the book, interactive quizzes, and videos that walk you through the lessons step by step

What you need to use this book: Adobe Dreamweaver (2022 release) software, for either Windows or macOS. (Software not included.)

Note: Classroom in a Book does not replace the documentation, support, updates, or any other benefits of being a registered owner of Adobe Dreamweaver software.

Table of contents

  1. Cover Page
  2. Title Page
  3. Copyright Page
  4. Where are the Lesson Files?
  5. Getting Started
    1. About Classroom in a Book
    2. TinyURLs
    3. Prerequisites
    4. Conventions used in this book
    5. Windows vs. macOS instructions
    6. Installing the program
    7. Updating Dreamweaver to the latest version
    8. Online content
    9. Recommended lesson order
    10. On first launch
    11. Choosing a color theme after first launch
    12. Setting up the workspace
    13. Defining a Dreamweaver site
    14. Checking for updates
    15. Additional resources
  6. 1. Customizing Your Workspace
    1. Touring the workspace
    2. Using the Start Screen
    3. Exploring the New Feature guides
    4. Switching and splitting views
    5. Working with panels
    6. Personalizing Dreamweaver
    7. Working with toolbars
    8. Creating custom keyboard shortcuts
    9. Using the Property inspector
    10. Using the Related Files interface
    11. Using the Tag Selector interface
    12. Using the CSS Designer
    13. Using the Visual Media Query (VMQ) interface
    14. Using the DOM Viewer
    15. Using element dialogs, displays, and inspectors
    16. Exploring, experimenting, and learning
    17. Review questions
    18. Review answers
  7. 2. HTML Basics
    1. What is HTML?
    2. Where did HTML begin?
    3. Frequently used HTML elements
    4. What’s new in HTML5
    5. Review questions
    6. Review answers
  8. 3. CSS Basics
    1. What is CSS?
    2. HTML vs. CSS formatting
    3. HTML defaults
    4. CSS box model
    5. Applying CSS styling
    6. Multiples, classes, and ids, oh my!
    7. Review questions
    8. Review answers
  9. 4. Working with Code
    1. Creating HTML code
    2. Working with multicursor support
    3. Commenting your code
    4. Working with CSS preprocessors
    5. Selecting code
    6. Collapsing code
    7. Expanding code
    8. Accessing Split Code view
    9. Previewing assets in Code view
    10. Review questions
    11. Review answers
  10. 5. Web Design Basics
    1. Developing a new website
    2. Scenario
    3. Working with thumbnails and wireframes
    4. Review questions
    5. Review answers
  11. 6. Creating a Page Layout
    1. Evaluating page design options
    2. Working with predefined layouts
    3. Styling a predefined layout
    4. Styling elements using the Extract panel
    5. Troubleshooting CSS conflicts
    6. Extracting text from a Photoshop mockup
    7. Deleting components and attributes from a template
    8. Inserting new menu items
    9. Creating new elements with the DOM panel
    10. Creating menu items with copy and paste
    11. Extracting text styling
    12. Creating a gradient background using Extract
    13. Extracting image assets from a mockup
    14. Creating new Bootstrap structures
    15. Adding a background image to the header
    16. Finishing up the layout
    17. Review questions
    18. Review answers
  12. 7. Working with Templates
    1. Creating Dreamweaver templates
    2. Removing unneeded components
    3. Modifying a Bootstrap layout
    4. Modifying text formatting in a Bootstrap element
    5. Adding template boilerplate and placeholders
    6. Fixing semantic errors
    7. Inserting metadata
    8. Validating HTML code
    9. Working with editable regions
    10. Working with child pages
    11. Updating a template
    12. Review questions
    13. Review answers
  13. 8. Working with Text, Lists, and Tables
    1. Previewing the completed file
    2. Creating and styling text
    3. Creating lists
    4. Basing content structures on lists
    5. Creating and styling tables
    6. Spell-checking webpages
    7. Finding and replacing text
    8. Review questions
    9. Review answers
  14. 9. Working with Images
    1. Web image basics
    2. Inserting an image
    3. Inserting images in Design view
    4. Resizing images
    5. Inserting Photoshop Images
    6. Inserting images using the Assets panel
    7. Adapting images to mobile design
    8. Using the Insert menu
    9. Working with the Insert panel
    10. Inserting images into the site template
    11. Adding CSS classes to template structures
    12. Adding images to a Bootstrap carousel
    13. Styling headings and text in a Bootstrap carousel
    14. Self-paced exercise: Inserting images in child pages
    15. Review questions
    16. Review answers
  15. 10. Working with Navigation
    1. Hyperlink basics
    2. Previewing the completed files
    3. Creating internal hyperlinks
    4. Creating an external link
    5. Setting up email links
    6. Creating an image-based link
    7. Targeting page elements
    8. Creating a destination link in the Element Display
    9. Locking an element on the screen
    10. Styling a navigation menu
    11. Adding a telephone link
    12. Checking your page
    13. Self-paced exercise: Adding additional links
    14. Review questions
    15. Review answers
  16. 11. Publishing To the Web
    1. Defining a remote site
    2. Cloaking folders and files
    3. Wrapping things up
    4. Putting your site online (optional)
    5. Synchronizing local and remote sites
    6. Review questions
    7. Review answers
  17. 12. Working with Mobile Design
    1. Responsive design
    2. Media type properties
    3. Media queries
    4. Media query syntax
    5. Working with the Visual Media Query interface
    6. Introducing web frameworks
    7. Setting up web-hosted fonts
    8. Creating custom media queries
    9. Controlling Bootstrap element alignment
    10. Revising Bootstrap template structure
    11. Adapting content to mobile design
    12. Previewing pages using Real-Time Preview
    13. Fixing issues for mobile design and desktop
    14. Review questions
    15. Review answers
  18. Appendix: TinyURLs
  19. Index
  20. Production Notes
    1. Images
    2. Screenshot credits
    3. Contributors
    4. Special thanks
  21. Pearson’s Commitment to Diversity, Equity, and Inclusion
  22. Code Snippets

Product information

  • Title: Adobe Dreamweaver Classroom in a Book (2022 release)
  • Author(s): James J. Maivald
  • Release date: January 2022
  • Publisher(s): Adobe Press
  • ISBN: 9780137623310