O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adobe Dreamweaver CC Classroom in a Book (2019 Release), First Edition

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

  1. Cover Page
  2. Title Page
  3. Copyright Page
  4. Where are the Lesson Files?
  5. Contents
  6. 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. Bonus material
    11. On first launch
    12. Choosing the program color theme
    13. Setting up the workspace
    14. Defining a Dreamweaver site
    15. Checking for updates
    16. Additional resources
  7. 1 Customizing Your Workspace
    1. Touring the workspace
    2. Using the Start Screen
    3. Exploring New Feature guides
    4. Setting interface preferences
    5. Switching and splitting views
    6. Selecting a workspace layout
    7. Working with panels
    8. Personalizing Dreamweaver
    9. Working with Extract
    10. Working with toolbars
    11. Creating custom keyboard shortcuts
    12. Using the Property inspector
    13. Using the Related Files interface
    14. Using tag selectors
    15. Using the CSS Designer
    16. Using the Visual Media Query (VMQ) interface
    17. Using the DOM Viewer
    18. Using element dialogs, displays, and inspectors
    19. Setting up version control in Dreamweaver
    20. Exploring, experimenting, and learning
    21. Review questions
    22. Review answers
  8. 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
  9. 2 HTML Basics Bonus
    1. Lesson overview
    2. Writing your own HTML code
  10. 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
  11. 3 CSS Basics Bonus
    1. Lesson overview
    2. Previewing the completed file
    3. Formatting text
    4. Formatting objects
  12. 4 Web Design Basics
    1. Developing a new website
    2. Scenario
    3. Working with thumbnails and wireframes
    4. Review questions
    5. Review answers
  13. 4 Creating Web Assets Using Photoshop Generator Bonus
    1. Lesson overview
  14. 5 Creating a Page Layout
    1. Evaluating page design options
    2. Working with predefined layouts
    3. Styling an existing layout
    4. Styling elements using the Extract panel
    5. Extracting text from a Photoshop mockup
    6. Troubleshooting CSS styling
    7. Extracting text styling from a Photoshop mockup
    8. Creating a gradient background using Extract
    9. Extracting image assets from a mockup
    10. Adding CSS background effects in code
    11. Finishing up the layout
    12. Review questions
    13. Review answers
  15. 6 Working with Templates
    1. Creating a template from an existing layout
    2. Inserting editable regions
    3. Inserting HTML entities
    4. Inserting metadata
    5. Validating HTML code
    6. Producing child pages
    7. Moving CSS styles to a linked file
    8. Updating a template
    9. Review questions
    10. Review answers
  16. 7 Working with Text, Lists, and Tables
    1. Previewing the completed file
    2. Creating and styling text
    3. Creating lists
    4. Creating and styling tables
    5. Spell-checking webpages
    6. Finding and replacing text
    7. Optional self-paced exercise
    8. Review questions
    9. Review answers
  17. 8 Working with Images
    1. Web image basics
    2. Previewing the completed files
    3. Inserting an image
    4. Controlling image positions with CSS classes
    5. Working with the Insert panel
    6. Using the Insert menu
    7. Inserting non-web file types
    8. Working with Photoshop Smart Objects (optional)
    9. Copying and pasting images from Photoshop (optional)
    10. Inserting images by drag and drop
    11. Optimizing images with the Property inspector
    12. Review questions
    13. Review answers
  18. 9 Working with Navigation
    1. Hyperlink basics
    2. Previewing the completed file
    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. Locking an element on the screen
    9. Styling a navigation menu
    10. Checking your page
    11. Adding destination links (optional)
    12. Review questions
    13. Review answers
  19. 10 Adding Interactivity
    1. Learning about Dreamweaver behaviors
    2. Previewing the completed file
    3. Working with Dreamweaver behaviors
    4. Working with jQuery accordion widgets
    5. Inserting a jQuery accordion widget
    6. Styling a jQuery accordion
    7. Review questions
    8. Review answers
  20. 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
  21. 12 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
  22. 13 Designing for Mobile Devices
    1. Responsive design
    2. Media type properties
    3. Media queries
    4. Media query syntax
    5. Working with the Visual Media Queries interface
    6. Introducing web frameworks
    7. Identifying the Bootstrap structure
    8. Creating a Bootstrap layout
    9. Review questions
    10. Review answers
  23. Appendix: Tiny URLs
  24. Index
  25. 14 Working with a Web Framework
    1. Lesson overview
    2. Creating a responsive site template
    3. Creating a responsive template
    4. Transferring content to a responsive template
    5. Managing components in Bootstrap
    6. Creating a responsive template
    7. Optional exercise: Adding metadata placeholders
    8. Applying a new template to existing pages
    9. Review questions
    10. Review answers
  26. 15 Adapting Content to Responsive Design
    1. Lesson overview
    2. Updating responsive design
    3. Adapting content to responsive design
    4. Adapting tables to a Bootstrap layout
    5. Adapting images to smaller screens
    6. Hiding components on a responsive layout
    7. Trouble-shooting an interactive element
    8. Previewing pages using Real-Time Preview
    9. Fixing issues for mobile design and desktop
    10. Review questions
    11. Review answers
  27. 16 Working with Web Animation and Video Bonus
    1. Lesson overview
    2. Understanding web animation and video
    3. Previewing the completed file
    4. Adding web animation to a page
    5. Adding web video to a page
    6. Don’t host your own videos
    7. Review questions
    8. Review answers