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

Book Description

Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC choose Adobe Dreamweaver CC: Classroom in a Book from the Adobe Creative Team at Adobe Press. The 15 project-based lessons in this book show you step by step everything you need to know to work in Dreamweaver. You’ll learn to create a professional website without having to write code by hand. This completely revised Creative Cloud edition also covers HTML5, CSS3, and media queries for responsive web design. The book also shows how to create HTML-based headings, paragraphs, lists, and tables; insert graphics and Photoshop Smart Objects; add links to text and images; apply cascading styles sheets; and customize the Dreamweaver workspace. You’ll also learn to add interactive elements to your sites, such as HTML5-compatible video and animation, get guidance for working with code, and finally publish a finished site to the Web. The online companion files include all lesson files so you can work along with the 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

Classroom in a Book®, the best-selling series of hands-on software training workbooks, helps you learn the features of Adobe software quickly and easily. Classroom in a Book 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.

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. Installing the program
    5. Downloading the Classroom in a Book files
    6. Recommended lesson order
    7. Jumpstart
    8. Setting up the workspace
    9. Windows vs. OS X instructions
    10. Finding Dreamweaver information
    11. Checking for updates
    12. Additional resources
    13. Adobe certification
  6. 1. Customizing Your Workspace
    1. Touring the workspace
    2. Switching and splitting views
    3. Working with panels
    4. Selecting a workspace layout
    5. Adjusting toolbars
    6. Personalizing preferences
    7. Creating custom keyboard shortcuts
    8. Using the Property inspector
    9. Using the CSS Designer
    10. Explore, experiment, learn
    11. Review questions
    12. Review answers
  7. 2. HTML Basics
    1. What is HTML?
    2. Where did HTML begin?
    3. Writing your own HTML code
    4. Frequently used HTML 4 codes
    5. Introducing HTML5
    6. Review questions
    7. Review answers
  8. 3. CSS Basics
    1. What is CSS?
    2. HTML vs. CSS formatting
    3. HTML defaults
    4. CSS box model
    5. Multiples, classes, and IDs, oh my!
    6. Formatting text
    7. Formatting objects
    8. CSS3 overview and support
    9. Review questions
    10. Review answers
  9. 4. Creating a Page Layout
    1. Web design basics
    2. Working with thumbnails and wireframes
    3. Defining a Dreamweaver site
    4. Using the Welcome screen
    5. Previewing your completed file
    6. Modifying an existing CSS layout
    7. Adding a background image to the header
    8. Inserting new components
    9. Inserting a navigation component
    10. Changing element alignment
    11. Modifying the page width and background color
    12. Modifying existing content and formatting
    13. Inserting an image placeholder
    14. Inserting placeholder text
    15. Modifying the footer
    16. Validating webpages
    17. Review questions
    18. Review answers
  10. 5. Working with Cascading Style Sheets
    1. Previewing the completed file
    2. Working with the CSS Designer
    3. Working with type
    4. Working with background graphics
    5. Working with classes, IDs, and descendant selectors
    6. Creating an interactive menu
    7. Creating faux columns
    8. Moving rules to an external style sheet
    9. Creating style sheets for other media
    10. Review questions
    11. Review answers
  11. 6. Working with Templates
    1. Previewing completed files
    2. Creating a template from an existing layout
    3. Inserting editable regions
    4. Producing child pages
    5. Updating a template
    6. Using library items
    7. Using server-side includes
    8. Review questions
    9. Review answers
  12. 7. Working with Text, Lists, and Tables
    1. Previewing the completed file
    2. Creating and styling text
    3. Creating and styling tables
    4. Spell checking webpages
    5. Finding and replacing text
    6. Review questions
    7. Review answers
  13. 8. Working with Images
    1. Reviewing web image basics
    2. Previewing the completed file
    3. Inserting an image
    4. Adjusting image positions with CSS classes
    5. Working with the Insert panel
    6. Using Adobe Bridge to insert images
    7. Inserting non-web file types
    8. Working with Photoshop Smart Objects
    9. Copying and pasting images from Photoshop and Fireworks
    10. Inserting images by drag and drop
    11. Optimizing images with the Property inspector
    12. Review questions
    13. Review answers
  14. 9. Working with Navigation
    1. Hyperlink basics
    2. Previewing the completed file
    3. Creating internal hyperlinks
    4. Creating an image-based link
    5. Creating an external link
    6. Setting up email links
    7. Targeting page elements
    8. Checking your page
    9. Review questions
    10. Review answers
  15. 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. Review questions
    6. Review answers
  16. 11. 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. Review questions
    6. Review answers
  17. 12. Working with Forms
    1. Previewing the completed file
    2. Learning about forms
    3. Adding a form to a page
    4. Inserting text form elements
    5. Inserting checkboxes
    6. Creating radio buttons
    7. Incorporating text areas
    8. Working with lists
    9. Adding a Submit button
    10. Specifying a form action
    11. Emailing form data
    12. Styling forms
    13. More form information
    14. Review questions
    15. Review answers
  18. 13. Publishing to the Web
    1. Defining a remote site
    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. 14. Designing for Mobile Devices
    1. Previewing your completed file
    2. Designing for mobile devices
    3. Creating a media query for smart phones
    4. Adding rules to a media query
    5. Adapting CSS navigation to mobile environments
    6. Styling the main content
    7. Testing a media query
    8. Responsive design
    9. Creating style sheets for tablets
    10. Edge Inspect
    11. More information
    12. Review questions
    13. Review answers
  20. Appendix: TinyURLs
  21. Index
  22. 15. Bonus Lesson: Working with Code
    1. Code tools overview
    2. Selecting code
    3. Collapsing code
    4. Expanding code
    5. Adding new code
    6. Identifying CSS styling
    7. Working with Live Code
    8. Using Inspect mode
    9. Working in related files
    10. Accessing Split Code view
    11. Commenting your code
    12. Review questions
    13. Review answers
  23. Where are the Lesson Files?