LearnKey Training

Dreamweaver CS6

Dreamweaver CS6

Back to Product Page


Dreamweaver CS6

3 Sessions -
11 Hours of Interactive Training

Adobe® Dreamweaver® CS6 web design software provides an intuitive and visual interface for creating and editing website and mobile apps with confidence. Use fluid grid layouts, which are designed for cross-platform compatibility, to create pages. Review designs with Multiscreen Preview before publishing. LearnKey expert Debbie Berg will teach your students what they need to know in order to effectively and easily prepare for and test their skills through the ACA Visual Communication using Adobe Dreamweaver CS6 certification.

Benefits
  • Learn how jQuery makes it simple to add interactivity to any webpage
  • Test your knowledge on the newly reorganized Insert panel, which allows you to quickly add HTML5 tags, audio, and video
  • Learn how the new FTP operates, allowing you to create more cool designs and concepts even faster

About The Author
Debbie Berg is a web designer and the owner of WebDeb Productions, Inc. She has been designing web sites since 1996. Berg is also an instructor and a keynote speaker and has trained thousands of individuals and hundreds of corporations on web-related topics since 1997. Berg holds a bachelor's degree in technical writing from the University of South Florida and when not training others, she's designing web sites for clients throughout the U.S. Debbie currently holds Dreamweaver and Photoshop CS6 certifications.

Session 1

Section A: Introduction

  • Keeping Current with Dreamweaver
  • Welcome Screen
  • Document Toolbar
  • Menus and Panels
  • Insert Panel
  • Expand and Collapse Button
  • Files Panel
  • Files Panel Organization
  • Dreamweaver Workspace
  • Document Window
  • Custom Workspaces
  • Properties Inspector
  • Workspace Layout

Section B: Planning a Website

  • Designer and Client Questionnaire
  • Project Requirements
  • Page Elements
  • Website Flowchart
  • Know Your Target Audience
  • Website Planning
  • Website Wireframe
  • Website Storyboard
  • Project Management
  • Copyrighted Material
  • Target Resolution
  • Defining Your Website
  • Manage Sites
  • Filenames

Section C: Design and Consistency

  • Graphic Design Elements
  • Graphic Design Principles
  • Symmetry and Consistency
  • Website Usability
  • Design and Consistency Example
  • Creating Files
  • Page Titles
  • HTML Page Properties
  • CSS Page Properties

Section D: Formatting Text

  • Paragraphs and Line Breaks
  • Paragraph Alignment
  • Headings
  • Lists
  • Import Text
  • Character Formatting
  • Custom Font Stack

Section E: File Formats

  • File Size and Image Quality
  • GIF
  • JPG
  • PNG
  • Other File Types
  • Background Images (HTML)
  • Background Images (CSS)
  • Foreground Images
  • Navigation Bar
  • Alt Tag and Tag Editor
  • Image Maps
  • Editing Images
  • Changing Image Size
  • Image Editing Tools
  • Photoshop Smart Objects
  • Fireworks Smart Objects
  • Adobe InContext Editing

Section F: Creating a Link

  • Document-Relative Links
  • HTML Code
  • Image Link
  • Email Link
  • Image Map
  • Named Anchor
  • Absolute Links
  • Site-Relative Links
  • Target Links

Section G: HTML Syntax

  • HTML
  • HTML Tags
  • HTML Element Types
  • Standard HTML Tags
  • HTML4
  • Creating an HTML4 Document
  • Div Tags
  • HTML5
  • HTML5 Advantages
  • New Elements
  • Creating an HTML5 Document
  • HTML Code View
  • Code View and Design View
  • Tag Inspector
  • Edit Head Content

Session 2

Section A: CSS Fundamentals

  • What Is CSS?
  • Anatomy of a Style Rule
  • CSS Styles Panel
  • Tag Selectors and Lists
  • Class Selectors and Headings
  • Pseudo Class Selectors and Links
  • ID Selectors and Footers
  • Descendant Selectors
  • Group Selectors
  • Reviewing Embedded Style Rules
  • Setting Up External Style Sheets
  • Style Sheets
  • Multiple Class Selectors

Section B: CSS Version 3

  • Web Safe Fonts
  • Web Fonts
  • Add a Web Font Kit
  • Drop Shadows in CSS3
  • Transitions in CSS3
  • Organize Webpage Layouts
  • Media Queries
  • Multiscreen Preview
  • Create a New Media Query
  • Media Queries in Code View
  • CSS Positioning

Section C: HTML Layouts

  • Customizing HTML Layouts
  • Div Tags
  • Column Property
  • Fluid Grid Layouts
  • Overlapping Div Tags
  • Print Safe

Section D: Tables

  • Tables in HTML
  • Editing Tables
  • Applying Style Rules to a Table
  • Import Tabular Data
  • Insert Tabular Data
  • Import Excel Document

Section E: Templates

  • Create a Template
  • Editable Regions
  • Editing Editable Regions
  • Editing Optional Regions
  • Page from Template
  • Assets Panel
  • CSS Starter Layout

Session 3

Section A: Form Objects

  • Insert a Form
  • Text Fields
  • Check Boxes
  • Radio Buttons
  • List Menus
  • Text Areas
  • Buttons
  • Form Properties
  • Submit Form

Section B: Interactivity

  • Rollover Images
  • Flash Content
  • HTML5 Video
  • HTML5 Video Codecs
  • Insert HTML5 Video
  • HTML5 Audio
  • Insert HTML5 Audio

Section C: Uploading and Downloading

  • Web Publishing
  • Site Setup
  • Local Network Server
  • Connect to Remote Host
  • Check In and Check Out
  • Synchronize Files
  • Cloaking

Section D: Managing a Website

  • Library Items
  • Adobe BrowserLab
  • CSS Inspection Mode
  • CSS Visual Aids
  • Check Links Sitewide
  • Check Spelling
  • Edit Browser List
  • Related Files Toolbar
  • Assets Panel
  • Integration with Apache Subversion
  • Subversion Tools
  • Website Testing

Section E: Accessibility Standards

  • Accessibility
  • Accessibility 1
  • Accessibility 2
  • Accessibility 3
  • Accessibility 4
  • Accessibility 5
  • Accessibility 6