Adobe Dreamweaver CC 2017 Training: Level 1

Dreamweaver CC Splash

CC 2017

Level 1: 4-Day Training

Students receive a course text, Adobe Dreamweaver CC 2017 Classroom in a Book, which includes downloadable class files. These resources provide students with a valuable tool for post-training practice, using familiar files and lessons.

All Mira Images Adobe authorized training is provided by certified instructors at our location or yours. Because we know your time is valuable…

We will never cancel your class.*

The Mira Images Classroom is located just outside of Philadelphia, PA and is convenient to Harrisburg, PA; New York, NY; New Jersey; Baltimore, MD; Wilmington, DE; and Washington DC.

Open Enrollment

Hands-on Training


  • Adobe Certified instructors
  • Hands on classes
  • Personal attention
  • Small class size

See Calendar


Class Links

Photoshop CC Icon

  Photoshop CC 2017

InDesign CC Icon

  InDesign CC 2017

Dreamweaver CC icon

  Dreamweaver CC 2017

Animate CC icon

  Animate CC 2017

Fireworks icon


Captivate icon

  Captivate 9

Acrobat icon

  Acrobat DC

Muse icon

  Muse 2017

InDesign icon for ePub training

  EPUB with InDesign

Class Description

The foremost web development application, Adobe Dreamweaver includes CSS tools, Ajax components for building dynamic user interfaces, and intelligent integration with other Adobe software. In this 4-day intensive hands-on training you will learn to use Dreamweaver for professional website creation and file management, how to conceptualize and plan a website, get comfortable with the fundamentals of HTML and cascading style sheets, learn best practices, create pages with links & interactivity and employ the power of Dreamweaver for site maintenance. Topics include:

  • Web design basics
  • Writing your own HTML code
  • Creating new CSS rules
  • Creating links and interactivity
  • Fundamentals of forms
  • Placing images
  • Working with templates
  • Putting your site online

Course Curriculum

Customizing your Workspace

  • Touring the workspace
  • Switching and splitting views
  • Working with panels
  • Selecting a workspace layout
  • Adjusting tool-bars
  • Personalizing preferences
  • Creating custom keyboard shortcuts

HTML Basics

  • What is HTML?
  • Where did HTML begin?
  • Writing your own HTML code
  • Frequently used HTML 4 codes
  • Introducing HTML5

CSS Basics

  • What is CSS?
  • HTML vs. CSS formatting
  • CSS box model
  • HTML defaults
  • Formatting text/objects
  • Formatting objects
  • Multiples, Class, and IDs
  • CSS3 overview and support

Creating a page layout

  • Defining a Dreamweaver site
  • Welcome screen
  • Selecting a CSS layout
  • Saving a page
  • Modifying the page title
  • Changing headings
  • Inserting text and images
  • Selecting and modifying CSS styles
  • Adjusting text fonts, colors, and sizes
  • Using the Property inspector
  • Web design basics
  • Working with thumbnails and wireframes
  • Previewing your completed file
  • Modifying an existing CSS layout
  • Adding a background image to the header
  • Inserting new <div> components
  • Modifying the page width and background color
  • Modifying existing content and formatting
  • Inserting an image placeholder
  • Inserting placeholder text
  • Modifying the footer
  • Checking browser compatibility

Working with Cascading Style Sheets

  • Working with the CSS Styles panel
  • Working with types
  • Creating new CSS rules
  • Creating an interactive menu
  • Using images for graphical effects
  • Modifying hyperlink behavior
  • Creating faux columns
  • Moving rules to an external stylesheet
  • Creating style sheets for other media types

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 a completed file
  • Creating and styling text
  • Creating and styling tables
  • Spell checking web pages
  • 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
  • Inserting incompatible file types
  • Working with Photoshop Smart Objects
  • Copying and pasting images from Fireworks and Photoshop
  • Inserting images by drag and drop
  • Optimizing images with the Property inspector

Working with Navigation

  • Hyperlink basics
  • Previewing your completed file
  • Creating internal hyperlinks
  • Creating an image-based link
  • Creating an external link
  • Setting up e-mail links
  • Targeting page elements
  • Inserting Spry menu bars
  • Inserting Spry menus as Library items
  • Checking your page

Adding Interactivity

  • Learning about Dreamweaver behaviors
  • Previewing a completed file
  • Working with Dreamweaver behaviors
  • Working with Spry Accordion widgets

Working with Flash

  • Understanding Flash
  • Previewing a completed file
  • Adding Flash animation to a page
  • Adding an FLV file to a page

Working with Forms

  • Previewing a completed file
  • Learning about forms
  • Adding a form to a page
  • Inserting text form elements
  • Incorporating text areas
  • Inserting checkboxes
  • Creating radio buttons
  • Working with lists
  • Adding a submit button
  • Specifying a form action
  • Emailing form data
  • Styling forms

Working with Online Data

  • Working with dynamic content
  • Previewing the completed file
  • Using HTML and XML data
  • Choosing a server model
  • Configuring a local web server
  • Setting up a testing server
  • Building database applications

Building Dynamic Pages with Data

  • Building pages with ASP, ColdFusion, or PHP
  • Creating a master/detail page set
  • Creating a detail page

Working with Code

  • Code tools overview
  • Selecting, Collapsing, and Expanding Code
  • Adding new code
  • Using Code Navigator
  • Accessing Live Code
  • Using Inspect mode
  • Working in related files
  • Accessing Split Code view
  • Commenting your code

Publishing to the Web

  • Defining a remote site
  • Cloaking folders and files
  • Wrapping things up
  • Putting your site online
  • Synchronizing local and remote sites