Book description
Adobe Dreamweaver CC Classroom in a Book (2020 release) is the best-selling guide to Adobe’s powerful web design application, fully updated. The 12 project-based lessons in this book show students step-by-step everything they need to know in order to create a professional website without having to write code by hand. Because it’s often useful to understand the code underlying a web site, the book starts with primers on HTML and CSS (the building blocks of website code) and shows students how to plan a web site. They then learn to design individual web pages, adding styled text, images, and interactive elements to make their designs attractive and engaging. Along the way, the book provides guidance and best practices for working with code, and in the end shows how to publish a finished site to the Web.
The online companion files include all the necessary assets for students to complete the projects featured in each chapter as well as eBook updates when Adobe releases new features for Creative Cloud customers. And all buyers of the book get full access to the Web Edition: a Web-based version of the complete eBook enhanced with video and interactive multiple-choice quizzes.
Table of contents
- Cover
- 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
- 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 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
- Setting up version control in Dreamweaver
- Exploring, experimenting, and learning
- Review questions
- Review answers
- 2. HTML Basics
- 3. Working with Code
- 4. CSS Basics
- 5. Web Design Basics
-
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
-
9. Working with Images
- Web image basics
- Previewing the completed files
- Inserting an image
- Inserting images in Design view
- Optimizing images with the Property inspector
- Inserting non-web file types
- Working with Photoshop Smart Objects (optional)
- Copying and pasting images from Photoshop (optional)
- Inserting images using the Asset panel
- Adapting images to mobile design
- Using the Insert menu
- Working with the Insert panel
- Inserting images in 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
- Appendix: TinyURLs
- Index
- Production Notes
-
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
- 13. Working with Web Animation and Video Bonus
Product information
- Title: Adobe Dreamweaver Classroom in a Book (2020 release)
- Author(s):
- Release date: March 2020
- Publisher(s): Adobe Press
- ISBN: 9780136412243
You might also like
book
Adobe Dreamweaver Classroom in a Book (2022 release)
Learn how to create webpages for the modern web; incorporate graphics and text; build rich interactive …
book
Adobe InDesign Classroom in a Book (2020 release)
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe InDesign choose from Adobe …
book
Adobe Animate Classroom in a Book (2020 release)
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Animate choose from Adobe …
book
Adobe InDesign Classroom in a Book (2023 Release)
Learn graphic design using Adobe InDesign Adobe InDesign Classroom in a Book (2023 release) uses real-world, …