Dreamweaver CC Introduction Training
3 days (10:00 AM - 5:00 PM Eastern)
$1,295.00
Register for a live online class.
Details
Subjects Covered
Prerequisites
Setup Requirements
Details
Course Details
This course focuses on the tools necessary to build a functional website and prepares students for the Web Authoring Using Adobe Dreamweaver CC objectives to help students prepare for the Adobe Certified Associate (ACA) exam. This course is also designed to cover much of the Adobe Certified Expert (ACE) exam objectives.
In this intensive course, you learn how to navigate the workspace, define a site, create web pages, layout web pages, format and modify text, working with HTML and CSS, add and manage links, adding images and rich media, working with templates and library items, work with mobile devices and launch a site.
Subjects Covered
Dreamweaver CC - Introduction
- Customizing Your Workspace
- Touring the Workspace
- Using the Start Screen
- Exploring New Feature Guides
- Setting Interface Preferences
- Switching and Splitting Views
- Selecting a Workspace Layout
- Working with Panels
- Personalizing Dreamweaver
- Working with Extract
- Working with Toolbars
- Creating Custom Keyboard Shortcuts
- Using the Property Inspector
- Using the Related Files Interface
- Using Tag Selectors
- Using the CSS Designer
- Using the Visual Media Query (VMQ) Interface
- Using the DOM Viewer
- Using Element Dialogs, Displays, and Inspectors
- Setting up Version Control in Dreamweaver
- HTML Basics
- What is HTML?
- Where did HTML begin?
- Frequently Used HTML Elements
- What's New in HTML5
- CSS Basics
- What is CSS?
- HTML vs. CSS Formatting
- HTML Defaults
- CSS Box Model
- Applying CSS Styling
- Multiples, Classes, and IDs
- Web Design Basics
- Developing a New Website
- Scenario
- Working with Thumbnails and Wireframes
- Creating a Page Layout
- Evaluating Page Design Options
- Working with Predefined Layouts
- Styling an Existing Layout
- Styling Elements Using the Extract Panel
- Extracting Text from a Photoshop Mockup
- Troubleshooting CSS Styling
- Extracting Text Styling from a Photoshop Mockup
- Creating a Gradient Background Using Extract
- Extracting Image Assets from a Mockup
- Adding CSS BAckground Effects in Code
- Finishing up the Layout
- Working with Templates
- Creating a Template from an Existing Layout
- Inserting Editable Regions
- Inserting HTML Entities
- Inserting Metadata
- Validating HTML Code
- Producing Child Pages
- Moving CSS Styles to a Linked File
- Updating a Template
- Working with Text, Lists, and Tables
- Creating and Styling Text
- Creating Lists
- Creating and Styling Tables
- Spell-checking Web Pages
- Finding and Replacing Text
- Working with Images
- Web Image Basics
- Inserting an Image
- Controlling Image Positions with CSS Classes
- Working with the Insert Panel
- Using the Insert Menu
- Inserting Non-Web File Types
- Working with Photoshop Smart Objects
- Copying and Pasting Images from Photoshop
- Inserting Images by Drag and Drop
- Optimizing Images with the Property Inspector
- Working with Navigation
- Hyperlink Basics
- Creating Internal Hyperlinks
- Creating an External Link
- Setting up Email Links
- Creating an Image-Based Link
- Targeting Page Elements
- Locking an Element on the Screen
- Styling a Navigation Menu
- Adding Destination Links
- Adding Interactivity
- Learning About Dreamweaver Behaviors
- Working with Dreamweaver Behaviors
- Working with jQuery Accordion Widgets
- Inserting a jQuery Accordion Widget
- Styling a jQuery Accordion
- Publishing to the Web
- Defining a Remote Site
- Cloaking Folders and Files
- Putting your Site Online
- Synchronizing Local and Remote Sites
- Working with Code
- Creating HTML Code
- Working with Multicursor Support
- Commenting your Code
- Working with CSS Preprocessors
- Selecting Code
- Collapsing Code
- Expanding Code
- Accessing Split Code View
- Previewing Assets in Code View
- Designing for Mobile Devices
- Responsive Design
- Media Type Properties
- Media Queries
- Media Query Syntax
- Working with the Visual Media Queries Interface
- Introducing Web Frameworks
- Identifying the Bootstrap Structure
- Creating a Bootstrap Layout
Prerequisites
Before Taking this Class
You should have basic Windows skills and a basic knowledge of HTML5 and CSS.Setup Requirements
Software/Setup For this Class
Adobe® Dreamweaver® CC (2015.1 or higher)
Onsite Training
Do you have five (5) or more people needing this class and want us to deliver it at your location?