Introduction to Adobe Dreamweaver Creative Cloud

Introduction to Adobe Dreamweaver Creative Cloud

Course Number: ADDW-CC
Duration:2 days

Dreamweaver CC Training Overview

Accelebrate's Adobe Dreamweaver CC training class teaches attendees how to build conventional and mobile web sites using Adobe Dreamweaver Creative Cloud.

Location and Pricing

Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client listto see organizations for whom we have delivered private in-house training.These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, pleasecontact us.

Dreamweaver CC Training Prerequisites

Prior experience using the Web is required. This course does not require knowledge of HTML, but attendees with HTML knowledge will find Dreamweaver much easier to use in both the short- and long-run. Toward this end, we would be delighted to teach a one-day HTML primer immediately prior to this course.

Hands-on/Lecture Ratio

This Dreamweaver CC training class is 60% hands-on, 40% lecture, with the longest lecture segments lasting for 15 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

Dreamweaver CC Training Materials

All students will receive a copy of Adobe'sDreamweaver CC Classroom in a Book.

Software Needed on Each Student PC

• Adobe Dreamweaver CC or later (for Windows or Mac)
• Windows 7 or later, or Mac OS X 10.7 or later
• At least 3 GB of RAM; 4GB or more recommended
• A recent version of Chrome, Firefox, Internet Explorer, or Safari web browser
• Related lab files that Accelebrate will provide
• Note:This class can be taught for Windows or Mac audiences

Dreamweaver CC Training Objectives

• Create Web pages with Dreamweaver CC
• Set up a new site
• Work with HTML and understand the basics of CSS
• Create a page layout with text, images, lists, and tables
• Use CSS to enhance page design
• Create Dreamweaver templates for reusable design and site branding

Dreamweaver CC Training Outline

• Introduction
• Customizing Your Workspace
  • Touring the workspace
  • Switching and splitting views
  • Working with panels
  • Selecting a workspace layout
  • Adjusting toolbars
  • Personalizing preferences
  • Creating custom keyboard shortcuts
  • Using the Property inspector
  • Using the CSS Designer
  • Explore, experiment, learn
• HTML Basics
  • What is HTML?
  • Where did HTML begin?
  • Writing your own HTML code
  • Frequently used HTML 4 codes
  • Introducing HTML
• CSS Basics
  • What is CSS?
  • HTML vs. CSS formatting
  • HTML defaults
  • CSS box model
  • Multiples, classes, and IDs, oh my!
  • Formatting text
  • Formatting objects
  • CSS3 overview and support
• Web Design Basics
  • Developing a new website
  • Scenario
  • Working with thumbnails and wireframes
  • Creating web assets using Adobe Generator (optional)
• Creating a Page Layout
  • Using the Welcome Screen
  • Previewing your completed file
  • Working with predefined layouts
  • Working with the CSS Designer
  • Working with type
  • Creating a CSS background
  • Modifying existing content
  • Building semantic content
  • Positioning elements with Element Quick View
  • Inserting placeholder text
  • Inserting HTML entities
  • Validating HTML code
• Working with Templates
  • Previewing completed files
  • Creating a template from an existing layout
  • Inserting editable regions
  • Producing child pages
  • Updating a template
  • Using library items
  • Using server-side includes
• Working with Text, Lists, and Tables
  • Previewing the completed file
  • Creating and styling text
  • Creating and styling tables
  • Spell checking webpages
  • Finding and replacing text
• Working with Images
  • Reviewing web image basics
  • Previewing the completed file
  • Inserting an image
  • Adjusting image positions with CSS classes
  • Working with the Insert panel
  • Using Adobe Bridge to insert images
  • Inserting non-web file types
  • Working with Photoshop Smart Objects
  • Copying and pasting images from Photoshop and Fireworks
  • Inserting images by drag and drop
  • Optimizing images with the Property inspector
• Conclusion