You are previewing Adobe Dreamweaver CC Classroom in a Book® (2014 release).
O'Reilly logo
Adobe Dreamweaver CC Classroom in a Book® (2014 release)

Book Description

The fastest, easiest, most comprehensive way to learn Dreamweaver  CC (2014 release)

Classroom in a Book, the best-selling series of hands-on software training workbooks, offers what no other book or training program does–an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts.

Adobe Dreamweaver  CC Classroom in a Book contains 19 lessons that cover the basics, providing countless tips and techniques to help you become more productive with the program. You can follow the book from start to finish or choose only those lessons that interest you.

In addition to learning the key elements of the  Adobe Dreamweaver interface, this completely revised CC (2014 release) edition covers top features including features unique to Dreamweaver CC, such as support for HTML5 and CSS3 structures, smartphones, tablets, and other mobile devices; video and animation; and the latest semantic web design.

Purchasing this book gives you access to the downloadable lesson files you need to work through the projects in the book, and to electronic book updates covering new features that Adobe releases for Creative Cloud customers. For access, goto and redeem the unique code provided inside this book.

“The Classroom in a Book series is by far the best training material on the market. Everything you need to master the software is included: clear explanations of each lesson, step-by-step instructions, and the project files for the students.”

Barbara Binder,
Adobe Certified Instructor
Rocky Mountain Training

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Where are the Lesson Files?
  4. Contents
  5. Getting Started
    1. About Classroom in a Book
    2. TinyURLs
    3. Prerequisites
    4. Conventions used in this book
      1. Code font
      2. Strikethrough
      3. Missing punctuation
      4. Element references
    5. Windows vs. OS X instructions
    6. Installing the program
    7. Updating Dreamweaver to the latest version
    8. Accessing the Classroom in a Book files
    9. Recommended lesson order
    10. Defining a Dreamweaver site
    11. Setting up the workspace
    12. Checking for updates
    13. Additional resources
  6. 1. Customizing Your Workspace
    1. Touring the workspace
    2. Switching and splitting views
      1. Design view
      2. Code view
      3. Split view
      4. Live view
      5. Live Code
      6. Inspect mode
    3. Working with panels
      1. Minimizing
      2. Closing panels and panel groups
      3. Floating
      4. Dragging
      5. Grouping, stacking, and docking
    4. Selecting a workspace layout
    5. Working with Extract
    6. Adjusting toolbars
    7. Personalizing preferences
    8. Creating custom keyboard shortcuts
    9. Using the Property inspector
      1. Using the HTML tab
      2. Using the CSS tab
      3. Image properties
      4. Table properties
    10. Related files interface
    11. Using tag selectors
    12. Using the CSS Designer
    13. Element Quick View
    14. Element View
    15. Explore, experiment, learn
    16. Review questions
    17. Review answers
  7. 2. HTML Basics
    1. What is HTML?
    2. Where did HTML begin?
      1. Basic HTML code structure
    3. Writing your own HTML code
      1. Understanding HTML syntax
      2. Inserting HTML code
      3. Formatting text with HTML
      4. Applying inline formatting
      5. Adding structure
      6. Writing HTML in Dreamweaver
    4. Frequently used HTML 4 codes
      1. HTML tags
      2. HTML character entities
    5. Introducing HTML5
      1. What’s new in HTML5
      2. HTML5 tags
      3. Semantic web design
      4. New techniques and technology
    6. Review questions
    7. Review answers
  8. 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. Previewing the completed file
    6. Formatting text
      1. Cascade theory
      2. Inheritance theory
      3. Descendant theory
      4. Specificity theory
      5. Code Navigator
      6. CSS Designer
    7. Multiples, classes, and ids, oh my!
      1. Applying formatting to multiple elements
      2. CSS shorthand
      3. Creating class attributes
      4. Creating id attributes
    8. Formatting objects
      1. Width
      2. Borders and backgrounds
      3. Positioning
      4. Height
      5. Margins and padding
      6. Normalization
      7. Final touches
    9. CSS3 overview and support
      1. CSS3 features and effects
    10. Review questions
    11. Review answers
  9. 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. Creating web assets using Adobe Generator (optional)
      1. Working with Adobe Generator
      2. Exporting assets from Photoshop
      3. Creating multiple assets using Generator
    5. Review questions
    6. Review answers
  10. 5. Creating a Page Layout
    1. Using the Welcome Screen
    2. Previewing your completed file
    3. Working with predefined layouts
    4. Working with the CSS Designer
    5. Working with type
      1. Using Edge Web Fonts
      2. Building font stacks with web fonts
      3. Specifying font size
    6. Creating a CSS background
      1. Adding a background image
      2. Adding other background effects
      3. Creating custom CSS styling
    7. Modifying existing content
      1. Adding new items to a navigation menu
      2. Styling a navigational menu
    8. Building semantic content
    9. Positioning elements with Element Quick View
    10. Inserting placeholder text
    11. Inserting HTML entities
    12. Validating HTML code
    13. Review questions
    14. Review answers
  11. 6. Designing for Mobile Devices
    1. Responsive design
      1. Media type property
      2. Media queries
      3. Media query syntax
    2. Previewing your completed file
    3. Working with media queries
      1. Identifying media queries
      2. Targeting media queries
      3. Targeting selectors
    4. Troubleshooting styles across media queries
    5. Using Element Quick View
    6. Adding rules to a media query
    7. Edge Inspect
    8. More information on media queries
    9. Review questions
    10. Review answers
  12. 7. Working with Templates
    1. Previewing completed files
    2. Moving embedded CSS to an external file
    3. Creating a template from an existing layout
    4. Inserting editable regions
    5. Inserting metadata
    6. Producing child pages
      1. Creating a new page
      2. Adding content to child pages
      3. Updating a template
    7. Review questions
    8. Review answers
  13. 8. Working with Text, Lists, and Tables
    1. Previewing the completed file
    2. Creating and styling text
      1. Importing text
      2. Creating semantic structures
      3. Creating headings
      4. Adding other HTML structures
    3. Creating lists
      1. Creating indented text
      2. Making it responsive
    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. Adjusting vertical alignment
      8. Adding and formatting caption elements
      9. Making tables responsive
    5. Spellchecking web pages
    6. Finding and replacing text
    7. Optional self-paced exercise
    8. Review questions
    9. Review answers
  14. 9. Working with Images
    1. Web image basics
      1. Vector graphics
      2. Raster graphics
      3. Raster image file formats
    2. Previewing the completed file
    3. Inserting an image
    4. Adjusting 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
      1. Adapting images to smaller screens
    10. Inserting images by drag and drop
      1. Making images responsive
    11. Optimizing images with the Property inspector
    12. Review questions
    13. Review answers
  15. 10. 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 in Design view
      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 Element View
      2. Creating text links using Element View
    7. Targeting page elements
      1. Creating internal targeted links
      2. Creating a link destination using an id
      3. Creating a destination link in Element View
      4. Targeting id-based link destinations
    8. Checking your page
    9. Adding destination links to the same page (optional)
    10. Review questions
    11. Review answers
  16. 11. 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
      5. Making it responsive
    4. Working with jQuery Accordion widgets
      1. Inserting a jQuery Accordion widget
      2. Customizing a jQuery Accordion
      3. Editing dynamic jQuery styling
    5. Review questions
    6. Review answers
  17. 12. Working with Web Animation and Video
    1. Understanding web animation and video
    2. Previewing the completed file
    3. Adding web animation to a page
    4. Adding web video to a page
    5. Choosing HTML5 video options
    6. Review questions
    7. Review answers
  18. 13. 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
    2. Cloaking folders and files
    3. Wrapping things up
    4. Putting your site online
    5. Synchronizing local and remote sites
    6. Review questions
    7. Review answers
  19. Appendix: Tiny URLs
  20. Index
  21. Production Notes
    1. Images
    2. Typefaces used
    3. Team credits
  22. Code Snippets