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

Book Description

This Web Edition is available for free with the purchase of the Adobe Dreamweaver CC Classroom in a Book (2015 release) print book or eBook. A Web Edition is an electronic version of the book that can be accessed with any Internet connection from your account on www.peachpit.com. This Web Edition includes over 10 hours of step-by-step video tutorials and interactive review questions. As Adobe releases new features for Creative Cloud customers, the content of the Web Edition will be updated to accommodate the changes. Note: Web Editions cannot be viewed on an eReader. To view this book on an eReader, please purchase an eBook.


Creative professionals who seek the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC (2015 release) choose this Classroom in a Book® from the best-selling series of hands-on software training workbooks. This series 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 (2015 release) contains 14 lessons that cover the basics and beyond, 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. As with all Classroom in a Book products, online companion files include all the necessary assets you need to complete the projects featured in each lesson.


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, text, animation, and video; build rich interactive applications; add links to text and images; add interactive elements to your sites, such as HTML5-compatible video and animation; work with HTML5 and CSS3 code and structures; and publish a finished site to the web.


What you need to use this book: Adobe Dreamweaver CC (2015 release) software, for either Windows or Mac OS. (Software not included.) 

Table of Contents

  1. About This E-Book
  2. Title Page
  3. Copyright Page
  4. How to Get Your Lesson Files
    1. What to do with the Lesson files once you’ve downloaded them
    2. Important!
  5. Contents
  6. 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
      1. To download the Lesson files
    9. Recommended lesson order
    10. Web Edition
      1. Accessing the free Web Edition
    11. Bonus material
    12. Defining a Dreamweaver site
    13. Setting up the workspace
    14. Checking for updates
    15. Additional resources
      1. Adobe Authorized Training Centers
  7. 1. Customizing Your Workspace
    1. Touring the workspace
    2. Using the Welcome Screen
      1. Create
      2. New Features
      3. Getting Started
      4. Tips & Techniques
    3. Exploring New Feature Guides
    4. Switching and splitting views
      1. Code view
      2. Design view
      3. Live view
      4. Split view
      5. Live Source Code
      6. Inspect mode
    5. Working with panels
      1. Minimizing panels
      2. Closing panels and panel groups
      3. Dragging
      4. Floating
      5. Grouping, stacking, and docking
    6. Selecting a workspace layout
      1. Beginner workspace
      2. Code workspace
      3. Default workspace
      4. Design workspace
      5. Extract workspace
    7. Working with Extract
    8. Adjusting toolbars
    9. Personalizing Dreamweaver
      1. Saving a custom workspace
      2. Editing preferences
    10. Creating custom keyboard shortcuts
    11. Using the Property inspector
      1. Using the HTML tab
      2. Using the CSS tab
      3. Image properties
      4. Table properties
    12. Using the Related Files interface
    13. Using tag selectors
    14. Using the CSS Designer
      1. Sources
      2. @Media
      3. Selectors
      4. Properties
      5. All and Current modes
    15. Using the Visual Media Query interface (VMQ)
    16. Using the DOM Viewer
    17. Using the heads-up displays
      1. Position Assist HUD
      2. Element HUD
      3. Image HUD
      4. Text HUD
      5. Linting support
    18. Introducing Emmet
    19. Exploring, experimenting, and learning
    20. Review questions
    21. 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. 2. Html Basics Bonus Online Lesson
    1. 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
  10. 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. CSS3 overview and support
      1. CSS3 features and effects
    9. Review questions
    10. Review answers
  11. 3. CSS Basics Bonus Online Lesson
    1. Formatting objects
      1. Width
      2. Fixed widths
      3. It’s all relative, or not
      4. Borders and backgrounds
      5. Positioning
      6. Height
      7. Margins and padding
  12. 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
  13. 5. Creating a Page Layout
    1. Evaluating page design options
    2. Working with predefined layouts
      1. Introducing the Visual Media Queries interface
      2. Introducing Bootstrap
      3. Creating a layout with Bootstrap
      4. Adding HTML5 elements to Bootstrap
    3. Review questions
    4. Review answers
  14. 6. Working with a Web Framework
    1. Creating header content
      1. Working with the CSS Designer
      2. Working with Type
      3. Creating Custom Classes
      4. Adding a background image
      5. Adding other background effects
    2. Creating a navigation menu
      1. Adding new items to a navigation menu
      2. Cleaning up Bootstrap components
      3. Styling a navigational menu
      4. Centering the navigation menu
    3. Building semantic content
      1. Inserting main content placeholders
      2. Creating custom element classes
    4. Managing Bootstrap component width
    5. Inserting HTML entities
    6. Creating global type styles
      1. Using Edge Web Fonts
      2. Building font stacks with web fonts
      3. Specifying font size
    7. Review questions
    8. Review answers
  15. 7. Designing for Mobile Devices
    1. Responsive design
      1. Mobile-first design
      2. Media type properties
      3. Media queries
      4. Media query syntax
    2. Adapting Bootstrap layouts to different screen sizes
      1. Working with the responsive Scrubber
      2. Hiding Bootstrap elements
      3. Creating a mobile-first structure
      4. Manipulating column widths in Bootstrap
    3. Working with media queries
      1. Identifying media queries
      2. Adding rules to a media query
      3. Copying and pasting CSS properties
      4. Completing the mobile design
    4. More information on media queries
    5. Review questions
    6. Review answers
  16. 8. Working with Templates
    1. Creating a template from an existing layout
    2. Inserting editable regions
    3. Inserting metadata
    4. Producing child pages
      1. Creating a new page
      2. Adding content to child pages
      3. Formatting content in editable regions
      4. Updating a template
    5. Review questions
    6. Review answers
  17. 9. 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. Adding and formatting caption elements
      8. Making tables responsive
    5. Spellchecking web pages
    6. Finding and replacing text
    7. Optional self-paced exercise
    8. Review questions
    9. Review answers
  18. 10. 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 (optional)
      1. Adapting images to smaller screens
    10. Inserting images by drag and drop
    11. Optimizing images with the Property inspector
    12. Review questions
    13. Review answers
  19. 11. 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 HUD
      2. Creating text links using the Text HUD
    7. Targeting page elements
      1. Creating internal targeted links
      2. Creating a link destination using an id
      3. Creating a destination link in the Element HUD
      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
  20. 12. 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 Bootstrap Accordion widgets
      1. Inserting a Bootstrap Accordion widget
      2. Styling a Bootstrap Accordion
    5. Review questions
    6. Review answers
  21. 13. 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
  22. 14. Publishing to the Web
    1. Defining a remote site
      1. Setting up a remote FTP 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
  23. Appendix: Tiny URLs
  24. Index
  25. Code Snippets