Home » Dreamweaver Training Classes » Dreamweaver Books » Dreamweaver CC Digital Classroom Book with video training

Dreamweaver CC Digital Classroom Book with video training

"Excellent Dreamweaver training, I love this book."

Adobe Dreamweaver CC Digital Classroom book with video training is like having a personal instructor guiding you through each lesson, while you work at your own pace. This Dreamweaver CC book with video training includes 18 self-paced lessons helping you learn essential skills and explore new features and capabilities of Adobe Dreamweaver.

  • Full color lessons with easy to follow step-by-step instructions
  • Video tutorials highlight key topics in each lesson 
  • Covers all essential Dreamweaver skills 
  • Gets you up-and-running quickly with included Dreamweaver lesson files and videos you can access online
  • Written by expert Dreamweaver instructors who regularly teach Dreamweaver training courses – it's like having your own personal tutor
  • Used by hundreds of schools and more than 100,000 readers

Dreamweaver CC Digital Classroom Book with video training Sample Video

Dreamweaver CC Digital Classroom Book with video training Contents

Starting Up

  • About Dreamweaver Digital Classroom
  • Prerequisites
  • System requirements
  • Starting Adobe Dreamweaver CC
  • Resetting the Dreamweaver CC workspace
  • Loading lesson files
  • Working with the video tutorials
  • Setting up for viewing the video tutorials
  • Viewing the video tutorials with the Adobe Flash Player
  • Hosting Your websites
  • Additional resources 

Lesson 1: Dreamweaver CC Jumpstart

  • Starting up with Dreamweaver CC
  • What is Dreamweaver?
  • Design and layout tools
  • Site management and File Transfer Protocol
  • Coding environment and text editor
  • Mobile design and development features
  • Who uses Dreamweaver?
  • Dreamweaver's workspace features
  • Live View and Live Code
  • CSS Inspection and the Enable/Disable Feature
  • Related files
  • Code Navigator
  • Photoshop smart objects
  • Support for Content Management Systems
  • HTML5, CSS3, and PHP code hinting
  • HTML and CSS Starter Pages
  • Subversion
  • Business Catalyst integration
  • How websites work
  • A simple flow chart
  • Domain names and IP addresses
  • Servers and web hosts
  • The role of web browsers
  • An introduction to HTML
  • Tag structure and attributes
  • The structure of an HTML document
  • Placing images in HTML
  • Colors in HTML
  • Case sensitivity and whitespace rules
  • Element hierarchy
  • HTML5
  • Explorations in code
  • A look at the Welcome Screen
  • Creating, opening, and saving documents in Dreamweaver CC
  • Creating new documents
  • Self study
  • Review

Lesson 2: Setting Up a New Site

  • Starting up with Dreamweaver CS6
  • Creating a new site
  • Advanced site-creation options
  • Adding pages using Dreamweaver CC
  • Saving a page to your site
  • Defining page properties
  • Work views
  • A deeper look into the Files panel
  • Viewing local files in Dreamweaver CC
  • Selecting and editing files
  • Self study
  • Review

Lesson 3: Adding Text and Images

  • Starting up with Dreamweaver CC
  • Typography and images on the Web
  • Adding text
  • An introduction to styles
  • Previewing pages in a web browser
  • Understanding hyperlinks
  • Creating hyperlinks
  • Relative versus absolute hyperlinks
  • Linking to an e-mail address
  • Creating listsin Dreamweaver CC
  • Using the Text Insert panel
  • Inserting images in Dreamweaver CC
  • Image resolution
  • Image formats
  • Creating a simple gallery page
  • Linking images
  • Editing images in Dreamweaver CC
  • Adjusting brightness and contrast
  • Optimizing images in Dreamweaver CC
  • Updating images in Dreamweaver CC
  • Self study
  • Review

Lesson 4: Styling Your Pages with CSS

  • Starting up with Dreamweaver CC
  • What are Cascading Style Sheets?
  • CSS replaces inefficient HTML styling
  • The benefits of CSS styling
  • How do you create CSS rules in Dreamweaver?
  • Understanding Style Sheets
  • Understanding why they’re called Cascading
  • Creating and modifying styles
  • Creating a class style with the CCS Designer Panel
  • Creating and modifying styles
  • Advanced text formatting with CSS
  • Fine-tuning page appearance with 
    contextual and pseudo-class selectors
  • Div tags and CSS IDs
  • Internal versus external style sheets
  • Attaching an external style sheet to your page
  • Modifying attached style sheets
  • Creating a new .css file (external style sheet)
  • Self study
  • Review 

Lesson 5: Creating Page Layouts with CSS

  • Starting up
  • The CSS Box model
  • The basics of CSS margins, padding, and borders
  • Reviewing the div element
  • Reviewing the ID selector
  • Creating a centered container for your page
  • Absolute versus relative positioned div
  • Creating a header using a relative positioned div
  • Positioning content with absolute-positioned divs
  • Adding an introduction section to your page
  • Adding images to your layout
  • Photoshop Integration
  • Adding Main and Sidebar content areas
  • Adding additional content and styles
  • Setting margins and borders
  • Overriding default margins in CSS
  • Adding borders to elements
  • Future proofing your layout
  • The pros and cons of Absolutely 
    Positioned CSS layouts
  • Self study
  • Review

Lesson 6: Advanced Page Layout

  • Starting up with Dreamweaver CS6
  • Layout with absolute-position divs versus layout with floats
  • Creating a floated image
  • Creating columns with HTML and CSS
  • Creating the structure with divs and HTML5 semantic elements
  • Setting the width and floating the columns
  • Using the clear property
  • Creating a list-based navigation bar
  • Changing column layout and size
  • Creating the appearance of equal height columns
  • Browser compatibility in Dreamweaver CS6
  • Applying finishing touches
  • Creating more sophisticated layouts
  • Dreamweaver Fluid Grid Layout
  • Self study
  • Review

Lesson 7: CSS3 Transitions and Styles

  • Starting up
  • Understanding the role of CSS3
  • Adding a CSS Transition
  • Modifying a CSS Transition
  • Adding CSS Transitions to a navigation menu
  • Adding a CSS Gradient
  • Applying a CSS Gradient to the page background
  • Creating rounded borders
  • Self study
  • Review

Lesson 8: Using Web Fonts

  • Starting up
  • The basics of web fonts
  • Web Fonts in Dreamweaver CC
  • Using Adobe Edge Web Fonts
  • Creating a custom font stack using web fonts
  • Styling your content with Adobe Edge Web Fonts
  • Adding local web fonts with @font-face
  • Styling your heading with a local web font
  • Self study
  • Review

Lesson 9: Working with Tables

  • Starting up
  • Using tables in web design
  • Importing table data
  • Selecting table elements
  • Modifying table size
  • Modifying table structure
  • Creating a table
  • Formatting and styling tables in HTML
  • Formatting and styling tables with CSS
  • Advanced CSS styling of tables
  • Controlling cell alignment, padding,
    and borders with CSS
  • Creating alternate row styling with CSS
  • Reusing CSS for other tables
  • Data sorting tables
  • Self study
  • Review

Lesson 10: Fine-tuning your workflow

  • Starting up
  • Customizing panels and panel groups
  • Using the Favorites tab on the Insert bar
  • Resizing the document window
  • Using guides in Dreamweaver CC
  • Using grids in Dreamweaver CC
  • The tag selector in Dreamweaver CC
  • Tiling documents
  • Self study
  • Review

Lesson 11: Adding Video, Audio, and Interactivity

  • Starting up with Dreamweaver CC
  • Making web content interesting
  • Adding video
  • HTML5 video
  • Flash video
  • QuickTime and Windows Media
  • Inserting Flash animations
  • Inserting Edge Animate animations
  • Inserting sound with the HTML5 audio element
  • Self study
  • Review

Lesson 12: Maximizing Site Design

  • Starting up with Dreamweaver CC
  • Creating modular page elements
  • Introducing snippets
  • The Snippets panel in Dreamweaver CC
  • Creating new snippets
  • Introducing library items
  • Modifying and updating library items
  • Introducing templates
  • Creating a new template
  • Working with editable regions
  • Creating new pages from templates
  • Modifying templates
  • Repeating regions with Dreamweaver CC
  • Putting repeating regions into action
  • Detach from Template command
  • Self study
  • Review

Lesson 13: Working with Code-editing Features

  • Starting up
  • Working with code
  • Accessing code with the Quick Tage editor
  • Using HTML5 Code-hinting
  • Working in the Code view
  • Modifying the Code view Workspace
  • The Coding toolbar
  • Collapsing and expanding tags and code blocks
  • Validating your code
  • Highlighting and correcting invalid code
  • Running a Report in Dreamweaver CC
  • Formatting code
  • Indenting in Dreamweaver CC
  • Self study
  • Review 

Lesson 14: Building HTML5 Web Forms

  • Starting up
  • The basics of HTML5 forms
  • How forms work
  • Building a contact form
  • Inserting the form tag
  • Setting form properties
  • Adding form elements
  • Adding text fields with Dreamweaver CC
  • Adding a new HTML5 text field
  • Adding check boxes
  • Adding radio buttons
  • Adding radio groups
  • Adding lists and menus
  • Adding a Text area
  • Adding a File Upload field
  • Creating Submit and Reset buttons
  • Styling forms with CSS
  • Attaching external styles
  • Setting a background color
  • Styling form elements
  • Form processing and validation
  • HTML5 validation
  • The Validate Form behavior
  • A look at the Behaviors panel
  • Setting an event or trigger
  • Validating form fields
  • Changing a form field’s behavior order
  • Verifying field contents
  • Self study
  • Review 

Lesson 15: Adding Interactivity with the jQuery UI Library

  • Starting up with Dreamweaver CS6
  • Introducing the jQuery UI Widgets
  • The jQuery UI Library
  • A look at the project
  • The jQuery Tabbed panel
  • Styling jQuery UI Widgets with CSS
  • The Spry Tabbed panel
  • The jQuery UI Accordion panel
  • Create a single collapsible panel
  • Self study
  • Review

Lesson 16: Responsive Design and Layout for Mobile Devices

  • Starting up
  • The rise of the mobile web
  • Dreamweaver tools for mobile layout
  • Mobile website features in Dreamweaver
  • Previewing your web page using window sizes
  • Media Queries defined
  • Creating media queries
  • Creating a layout optimized for mobile
  • Creating styles for navigation and 
    a single-column layout
  • The basics of Fluid Grid Layout
  • Creating your mobile layout
  • Creating a tablet layout
  • Creating a three-column fluid layout for the desktop
  • Styling elements in your fluid grid layout
  • Self study
  • Review

Lesson 17: Managing Your Website: Reports, Optimization, and Maintenance

  • Starting up
  • Working with the Files panel
  • Creating a remote connection
  • Viewing files on a remote web server
  • Transferring files to and from a remote
    server with Get and Put
  • Using Check In/Check Out and Design Notes
  • Check In and Check Out
  • Checking files in and out
  • Using Design Notes
  • Sharing Design Notes in Dreamweaver CS6
  • Displaying Design Notes in the Files panel
  • Testing site integrity
  • Using Check Links in Dreamweaver CS6
  • Checking links sitewide
  • Generating site reports
  • Understanding report results
  • Addressing a listed item
  • Optimizing pages for launch
  • Search engine visibility and 
    Search Engine Optimization
  • Titling your documents with the title tag
  • Adding meta keywords and descriptions
  • Launching your site
  • Site Launch Checklist
  • Uploading your site
  • Getting help
  • Suggested next steps
  • Website design resources
  • Self study
  • Review 

Lesson 18: Dreamweaver CC New Features

  • What’s new in Dreamweaver CC?
  • CSS Designer panel
  • CSS3 transitions and styles
  • jQuery UI widgets
  • Additional New Features in Dreamweaver CC
  • Adobe Edge Web Fonts
  • Faster HTML5 elements insertion
  • Streamlined HTML5 audio and video
  • Edge Animate composition support
  • Additional features

 

American Graphics Institute BBB Business Review