SKIP THE SHIPPING
Use code NOSHIP during checkout to save 40% on eligible eBooks, now through January 5. Shop now.
Publishers of technology books, eBooks, and videos for creative people
Register your product to gain access to bonus material or receive a coupon.
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC (2017 release) choose Adobe Dreamweaver CC Classroom in a Book (2017 release) from the best-selling series of hands-on software training workbooks from Adobe Press. The 13 project-based lessons in this book show users step by step the key techniques for working in Dreamweaver. Learn how to create webpages for the modern web; use and customize web frameworks to build responsive designs 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 sites, such as HTML5-compatible interactivity; work with the latest HTML5 and CSS3 code and structures; and publish a finished site to the web. A 14th lesson in this book provides valuable hands-on experience with Dreamweaver’s new and improved tools for coders and developers that can vastly increase your productivity. In addition, three bonus online lessons give you more information on the basics of CSS and HTML and show you how to add HTML5 animation and video to your websites.
The online companion files include all the necessary assets for readers to complete the projects featured in each chapter. 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.
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