Book description
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC (2019 release) choose Adobe Dreamweaver CC Classroom in a Book (2019 release) from the best-selling series of hands-on software training workbooks from Adobe Press. The 15 project-based step-by-step lessons in this book show users the key techniques for working in Dreamweaver while editing and creating HTML and Cascading Style Sheets (CSS). Learn how to create webpages for the modern web; use and customize popular web frameworks to build webpages for a wide variety of desktop computers and mobile devices with a minimum of hand coding; incorporate graphics and text; add links to text and images; add interactive elements to your pages, such as HTML5-compatible interactivity; work with the latest HTML5 and CSS3 code and structures; and publish a finished site to the web. A 16th lesson (online) provides valuable hands-on experience in writing and working with code using shorthand and various productivity enhancements. The online assets also include bonus exercises for HTML and CSS, essential to a full understanding of web design and website development.
The online companion files include all the necessary assets for readers to complete the projects featured in each lesson as well as ebook updates when Adobe releases relevant new features for Creative Cloud customers. All buyers of the book get full access to the Web Edition: a Web-based version of the complete ebook enhanced with video and multiple-choice quizzes.
Table of contents
- 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
- 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
- Setting interface preferences
- Switching and splitting views
- Selecting a workspace layout
- Working with panels
- Personalizing Dreamweaver
- Working with Extract
- 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
- 2 HTML Basics Bonus
- 3 CSS Basics
- 3 CSS Basics Bonus
- 4 Web Design Basics
- 4 Creating Web Assets Using Photoshop Generator Bonus
-
5 Creating a Page Layout
- Evaluating page design options
- Working with predefined layouts
- Styling an existing layout
- Styling elements using the Extract panel
- Extracting text from a Photoshop mockup
- Troubleshooting CSS styling
- Extracting text styling from a Photoshop mockup
- Creating a gradient background using Extract
- Extracting image assets from a mockup
- Adding CSS background effects in code
- Finishing up the layout
- Review questions
- Review answers
- 6 Working with Templates
- 7 Working with Text, Lists, and Tables
-
8 Working with Images
- Web image basics
- Previewing the completed files
- Inserting an image
- Controlling image positions with CSS classes
- Working with the Insert panel
- Using the Insert menu
- Inserting non-web 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
- Review questions
- Review answers
-
9 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
- Locking an element on the screen
- Styling a navigation menu
- Checking your page
- Adding destination links (optional)
- Review questions
- Review answers
- 10 Adding Interactivity
- 11 Publishing to the Web
- 12 Working with Code
- 13 Designing for Mobile Devices
- Appendix: Tiny URLs
- Index
-
14 Working with a Web Framework
- Lesson overview
- Creating a responsive site template
- Creating a responsive template
- Transferring content to a responsive template
- Managing components in Bootstrap
- Creating a responsive template
- Optional exercise: Adding metadata placeholders
- Applying a new template to existing pages
- Review questions
- Review answers
-
15 Adapting Content to Responsive Design
- Lesson overview
- Updating responsive design
- Adapting content to responsive design
- Adapting tables to a Bootstrap layout
- Adapting images to smaller screens
- Hiding components on a responsive layout
- Trouble-shooting an interactive element
- Previewing pages using Real-Time Preview
- Fixing issues for mobile design and desktop
- Review questions
- Review answers
- 16 Working with Web Animation and Video Bonus
Product information
- Title: Adobe Dreamweaver CC Classroom in a Book (2019 Release)
- Author(s):
- Release date: December 2018
- Publisher(s): Adobe Press
- ISBN: 9780135262535
You might also like
book
Adobe Dreamweaver CC Classroom in a Book (2018 release)
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC (2018 release) …
book
Adobe Dreamweaver Classroom in a Book (2021 release)
The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver Classroom in a Book®, the best-selling …
book
Adobe Dreamweaver CC Classroom in a Book (2017 release), First Editon
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC (2017 release) …
book
Adobe XD CC Classroom in a Book (2019 Release), First Edition
Creative professionals and UX designers seeking the fastest, easiest, most comprehensive way to learn Adobe XD …