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 (2018 release)

Book Description

Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC (2018 release) choose Adobe Dreamweaver CC Classroom in a Book (2018 release) from the best-selling series of hands-on software training workbooks from Adobe Press. The 12 project-based step-by-step lessons in this book show users the key techniques for working in Dreamweaver. Learn how to create webpages for the modern web 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. Four additional online lessons provide valuable hands-on experience in working with code and how to use and customize web frameworks to build a fully responsive site design to support a wide variety of desktop computers and mobile devices. The online assets also include three bonus exercises for HTML and Cascading Style Sheets, and creating web assets, essential to your understanding of web design and website development. That’s 16 total lessons chock full of invaluable information and real world examples.


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
      1. Bolded text
      2. Code font
      3. Strikethrough
      4. Missing punctuation
      5. Element references
    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
      1. Adobe Authorized Training Centers
  7. 1. Customizing Your Workspace
    1. Touring the workspace
    2. Using the Start Screen
      1. Recent
      2. CC Files
      3. Quick Start
      4. Starter Templates
      5. Create New and Open
      6. Learn
    3. Exploring New Feature guides
    4. Setting interface preferences
    5. Switching and splitting views
      1. Code view
      2. Design view
      3. Live view
      4. Split view
      5. Live Source Code
      6. Inspect mode
    6. Selecting a workspace layout
      1. Standard workspace
      2. Developer workspace
    7. Working with panels
      1. Minimizing panels
      2. Closing panels and panel groups
      3. Dragging
      4. Floating
      5. Grouping, stacking, and docking
    8. Personalizing Dreamweaver
      1. Saving a custom workspace
    9. Working with Extract
    10. Working with toolbars
      1. Document toolbar
      2. Standard toolbar
      3. Common toolbar
    11. Creating custom keyboard shortcuts
    12. Using the Property inspector
      1. Using the HTML tab
      2. Using the CSS tab
      3. Accessing image properties
      4. Accessing table properties
    13. Using the Related Files interface
    14. Using tag selectors
    15. Using the CSS Designer
      1. Sources
      2. @Media
      3. Selectors
      4. Properties
      5. All and Current modes
    16. Using the Visual Media Query (VMQ) interface
    17. Using the DOM Viewer
    18. Using Element dialogs, displays, and inspectors
      1. Position Assist dialog
      2. Element Display
      3. Image Display
      4. Text Display
    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?
      1. Basic HTML code structure
    3. Frequently used HTML elements
      1. HTML tags
      2. HTML character entities
    4. What’s new in HTML5
      1. HTML5 tags
      2. Semantic web design
      3. New techniques and technology
    5. Review questions
    6. Review answers
  9. 3. CSS Basics
    1. What is CSS?
    2. HTML vs. CSS formatting
    3. HTML defaults
      1. HTML5 defaults?
      2. Browser antics
    4. CSS box model
    5. Applying CSS styling
      1. Cascade theory
      2. Inheritance theory
      3. Descendant theory
      4. Specificity theory
      5. Code Navigator
      6. CSS Designer
    6. Multiples, classes, and ids, oh my!
      1. Applying formatting to multiple elements
      2. Using CSS shorthand
      3. Creating class attributes
      4. Creating id attributes
      5. CSS3 features and effects
      6. CSS3 overview and support
    7. Review questions
    8. Review answers
  10. 4. Web Design Basics
    1. Developing a new website
      1. What is the purpose of the website?
      2. Who is the audience?
      3. How do they get here?
    2. Scenario
    3. Working with thumbnails and wireframes
      1. Creating thumbnails
      2. Creating a page design
      3. Creating wireframes
    4. Review questions
    5. Review answers
  11. 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
  12. 6. Working with Templates
    1. Creating a template from an existing layout
    2. Inserting editable regions
      1. Building semantic content
    3. Inserting HTML entities
    4. Inserting metadata
    5. Validating HTML code
    6. Producing child pages
      1. Creating a new page
      2. Adding content to child pages
    7. Moving CSS styles to a linked file
    8. Updating a template
      1. Formatting content in editable regions
    9. Review questions
    10. Review answers
  13. 7. Working with Text, Lists, and Tables
    1. Previewing the completed file
    2. Creating and styling text
      1. Importing text
      2. Creating semantic text structures
      3. Creating headings
      4. Adding other HTML structures
    3. Creating lists
      1. Creating indented text
    4. Creating and styling tables
      1. Creating tables from scratch
      2. Copying and pasting tables
      3. Styling tables with CSS
      4. Styling table cells
      5. Controlling table display
      6. Inserting tables from other sources
      7. Adding and formatting caption elements
    5. Spell-checking webpages
    6. Finding and replacing text
    7. Optional self-paced exercise
    8. Review questions
    9. Review answers
  14. 8. Working with Images
    1. Web image basics
      1. Vector graphics
      2. Raster graphics
      3. Raster image file formats
    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
  15. 9. Working with Navigation
    1. Hyperlink basics
      1. Internal and external hyperlinks
      2. Relative vs. absolute hyperlinks
    2. Previewing the completed file
    3. Creating internal hyperlinks
      1. Creating relative links
      2. Creating a home link
      3. Updating links in child pages
    4. Creating an external link
      1. Creating an absolute link in Live view
    5. Setting up email links
    6. Creating an image-based link
      1. Creating image-based links using the Element Display
      2. Creating text links using the Text Display
    7. Targeting page elements
      1. Creating internal targeted links
      2. Creating a destination link in the Element Display
      3. Targeting id-based link destinations
    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
  16. 10. Adding Interactivity
    1. Learning about Dreamweaver behaviors
    2. Previewing the completed file
    3. Working with Dreamweaver behaviors
      1. Applying a behavior
      2. Applying a Swap Image Restore behavior
      3. Removing applied behaviors
      4. Adding behaviors to hyperlinks
    4. Working with jQuery Accordion widgets
    5. Inserting a jQuery Accordion widget
    6. Styling a jQuery Accordion
      1. Applying a background effect to the Accordion tab
      2. Formatting a conditional state for an accordion tab
      3. Using Live Code to identify dynamic styling
      4. Styling the background of the accordion content
    7. Review questions
    8. Review answers
  17. 11. Publishing to the Web
    1. Defining a remote site
      1. Setting up a remote FTP site
      2. Establishing a remote site on a local or network web server (optional)
    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
  18. 12. Working with Code
    1. Creating HTML code
      1. Writing code manually
      2. Writing code automatically
    2. Working with multicursor support
    3. Commenting your code
    4. Working with CSS preprocessors
      1. Enabling a preprocessor
      2. Creating the CSS source file
      3. Compiling CSS code
      4. Nesting CSS selectors
      5. Importing other style sheets
      6. Learn more about preprocessors
      7. Linting support
    5. Selecting code
      1. Using line numbers
      2. Using tag selectors
      3. Using parent tags
    6. Collapsing code
    7. Expanding code
    8. Accessing Split Code view
    9. Previewing assets in Code view
    10. Review questions
    11. Review answers
  19. Appendix
    1. TinyURLs
  20. Index
  21. Code Snippets