LearnKey Training

Dreamweaver CC

Dreamweaver CC

Back to Product Page

Dreamweaver CC

3 Sessions -
9 Hours of Interactive Training

LearnKey's Dreamweaver CC course provides an intuitive and visual interface for users to leave about the website creating and editing capabilities of Dreamweaver CC. Join LearnKey expert Chad Chelius as he teaches you how to effectively use the new Dreamweaver CC software. He will also teach you the new tools and features found in Dreamweaver CC such as: enhanced fluid grid layout, CSS designer panel, and more. As of November 1, 2016 this course is up to date with the Dreamweaver CC 2015 Exam. This course includes our Dreamweaver CC 2015 Test Prep course to help you prepare for the exam.

  • Learn how to navigate and master new Adobe CC features
  • View your online courseware anytime and anywhere
  • Put your skills to the test with hundreds of Pre/Post test questions, labs, and MasterExams

About The Author
Chad is an Adobe Certified Instructor and has a formal education in publishing technology. He has the trial-by-fire production experience that makes him a valuable contributor to every project on which he works. He’s served as the lead consultant for major InDesign migrations for publishing companies throughout the U.S. and is skilled in all aspects of print production, Web production, automation and XML. He is a contributing author of Adobe InDesign CS3 Digital Classroom, Adobe InDesign CS4 Digital Classroom, Adobe Photoshop CS4 Digital Classroom, Adobe Photoshop Elements 7 Digital Classroom and a Technical Editor of Adobe Flash CS3 Professional Dynamic Learning, and Adobe Illustrator CS4 Digital Classroom books.

Session 1

Section A: Design Considerations

  • Set Requirements, Identify Content
  • Copyright Considerations
  • Project Plan and Specifications
  • Accessibility
  • Website Development Decisions
  • Plan a Website and Flowchart
  • Wireframes, Design Comps, Feedback
  • Design Principles

Section B: Define a Site

  • New Dreamweaver Site
  • Advanced Settings
  • Uses of the Files Panel
  • Assets Panel
  • Insert Images and Asset Panel Favorites
  • Delete and Rename in Files Panel

Section C: Dreamweaver Workspace

  • Understand the Workspace
  • Document Toolbar, Coding Toolbar
  • Tag Selector
  • Properties Inspector
  • Understand Panels
  • Workspace Presets and Custom Workspaces
  • Insert Panel
  • Image Maps

Section D: Preview Webpages

  • Preview Webpages, Browser Preview Site
  • Preview in Browser
  • Primary Browser
  • Multiscreen Preview Panel
  • Live View for CSS Inspection
  • Test CSS Layouts in Multiple Browsers

Section E: Navigate Code

  • View and Navigate Code
  • Related Files Toolbar
  • Code Navigator
  • Difference in HTML Versions
  • Create New HTML Page
  • Name HTML Files
  • Multiple Folder Layers
  • Document or Page Titles

Section F: Create a Webpage

  • Head Content, Meta Tags
  • Code View, Description
  • HTML Tags

Section G: Add Content to a Webpage

  • Add Content, Heading Levels
  • Return and Shift+Return
  • Add Content with Copy and Paste
  • Blockquote
  • Ordered and Unordered Lists
  • Definition List
  • Import Excel Document
  • Import Word Document
  • Link a Word Document

Section H: Add Tables

  • Create a Table
  • Alter a Table
  • Select a Cell
  • Change Background Color
  • Merge Cells
  • Create Split Cells
  • Add Rows and Columns
  • Import Tabular Data
  • Delete a Row and Column

Session 2

Section A: Images

  • Insert an Image
  • Add Alternative Text to an Image
  • Image File Types
  • Add a Photoshop PSD File
  • Modify a PSD File
  • Rescale a Photoshop Image
  • Modify Images
  • Additional Resizing Options
  • Resample and Optimize an Image
  • Crop, Brightness, Contrast, Sharpen

Section B: Hyperlinks

  • Introduction to Hyperlinks
  • Create a Hyperlink
  • Email Link
  • Link an Image
  • Use Point to File
  • ID Linking
  • Preview ID Links in Browser
  • Browse for File
  • Link to an External Website
  • Target Links
  • Improve Website Usability
  • Consistent Navigation
  • Alternative Text and Tables
  • Additional Usability Considerations
  • Disable Styles

Section C: Role of CSS

  • Cascading Style Sheets
  • CSS Zen Garden
  • Dreamweaver CSS Designer
  • Advantages of CSS
  • Basics of CSS
  • Tag Selectors
  • CSS Formatting
  • Internal Style Sheet
  • External Style Sheet
  • Internal and External CSS in Code View

Section D: Adjust Layout with CSS

  • CSS Starter Layouts
  • Define Structure to Layout
  • Insert Sections
  • Insert Div Tags
  • Div Tag Attributes
  • Create ID Selector
  • Background Images
  • Change Div Properties
  • Add Properties
  • Distinctions of Position
  • Div Position Property

Session 3

Section A: Format Text with CSS

  • Format Header and Text
  • Global Adjustment
  • Inheritance Principle
  • Align Paragraph
  • Adjust Font Position
  • Web Fonts
  • Typekits
  • Use Different Selector Types
  • Class Selector
  • Float Left, Float Right
  • Pseudo Class Selector
  • Group Selector
  • CSS for Print

Section B: Troubleshoot in CSS

  • Troubleshoot
  • Live View Inspection
  • Code Navigator, Validation
  • Responsive Layout
  • Fluid Grid Layout
  • Rollover Image
  • Navigation
  • Forms
  • Create a Form
  • Methods to Transmit Form Data

Section C: Add Multimedia

  • Add Adobe Flash File
  • HTML5 Video
  • HTML5 Video and Audio
  • Video Conversion Resources
  • Templates
  • Editable Region
  • Create New Template
  • Change Template
  • Detach a Template

Section D: Local Remote File Management

  • Post Site to Remote Server
  • Files Panel
  • Delete, Rename Files in Files Panel
  • Subversion Server
  • Check-In, Check-Out
  • Get, Put
  • Synchronize