LearnKey Training

Dreamweaver CS6 for Mac Course

Dreamweaver CS6 for Mac Course


Dreamweaver CS6 for Mac Course

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 layout 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 and to 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 new reorganized Insert panel which allows you to quickly add HTML5 tags, audio, and video
  • Learn how the new FTP operates allowing you to create even 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
  • Custom Workspaces
  • Properties Inspector, Workspace Layout
  • Creating a New Document

Section B: Planning a Website

  • Designer and Client Questionnaire
  • Know Your Target Audience
  • Project Requirements
  • Page Elements
  • Website Flowchart
  • Website Planning
  • Website Wireframe
  • Website Storyboard
  • Project Management
  • Copyright
  • Resolution Guidelines
  • Creating a Website
  • Manage Sites
  • Filenames

Section C: Design and Consistency

  • Graphic Design Elements
  • Graphic Design Principles
  • Symmetry
  • Website Usability
  • Consistency and Symmetry
  • Design and Consistency Example

Section D: Page Properties

  • Page Title
  • HTML Page Properties
  • CSS Page Properties

Section E: Formatting Text

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

Section F: 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 G: Creating a Link

  • Document-Relative Links
  • HTML Code
  • Image Link
  • Email Link Method 1
  • Email Link Method 2
  • Links in Image Maps
  • Named Anchor
  • Absolute Links
  • Site-Relative Links
  • Target Links

Section H: HTML Syntax

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

Session 2

Section A: CSS Fundamentals

  • What is CSS?
  • Anatomy of a Style Rule
  • CSS Styles Panel
  • Class Selectors
  • Applying Class Selectors
  • Pseudo Class Selectors
  • Link States with Pseudo Classes
  • ID Selectors
  • Descendant Selector
  • Group Selectors
  • Style Sheets
  • Apply Multiple Styles

Section B: CSS Version 3

  • Web Safe Fonts
  • Web Fonts
  • Add Web Font Kit
  • Adding a Drop Shadow
  • Adding a Transition
  • Organize Webpage Layouts
  • Media Queries
  • Setting Up Media Queries
  • Multiscreen Preview
  • Adding Media Queries
  • Media Query Code
  • CSS Positioning

Section C: HTML Layouts

  • Customizing HTML Layouts
  • Customize a Starter Layout
  • Div Tags
  • CSS3 Column Property
  • Fluid Grid Layouts
  • Overlapping Div Tags
  • Print Safe

Section D: Tables

  • Creating a Table
  • Tables in HTML
  • Editing Tables
  • Insert Tabular Data
  • Import Tabular Data
  • Import Excel Document

Section E: Templates

  • Create a Template
  • Editable Regions
  • Optional Regions
  • Page from Template
  • Assets Panel
  • Regions in Templates
  • Additional Information

Session 3

Section A: Form Objects

  • Insert a Form
  • Text Field
  • Check Boxes
  • Radio Buttons
  • List Menus
  • Text Area
  • Button
  • 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
  • Upload to a Remote Server
  • Check In and Check Out
  • Synchronize Files
  • Cloaking

Section D: Managing a Website

  • Library Item
  • Adobe BrowserLab
  • CSS Inspect Mode
  • CSS Visual Aids
  • Check Links Sitewide
  • Check Spelling
  • Edit Browser List
  • Related Files Toolbar
  • Assets Panel
  • Subversion Integration
  • Subversion Tools
  • Website Testing
  • Accessibility
  • Accessibility # 1
  • Accessibility # 2
  • Accessibility # 3
  • Accessibility # 4
  • Accessibility # 5
  • Accessibility # 6
  • Additional Information