Dreamweaver CC - Essential Training

Name: Dreamweaver CC - Essential Training
Rating: 4.0 (96 reviews)

Learn everything from the basics of Dreamweaver CC to applying it to build a fully interactive and engaging website.

Created byZak Ruvalcaba

Last updated 3/2017

English

What you'll learn

Navigate the new Dreamweaver CC interface
Create web pages with basic and advanced formatting
Upload web pages to a web hosting provider
Link between web pages
Format web pages using Cascading Style Sheets (CSS)
Work with advanced structuring techniques using CSS and DIV tags
Work with HTML5 section elements and CSS3 to structure a website
Create adaptive layouts for print and mobile using Media Queries
Design dedicated mobile web pages using jQuery Mobile
Automate workflows using Templates and Library Items
Automate tasks using Commands, the Assets panel, and Snippets
Use team collaborative features like Design Notes, reports, and more
Use Behaviors to simplfy JavaScript development tasks
Create engaging and interactive web pages with jQuery UI

Course content

12 sections • 172 lectures • 19h 21m total length

What is Dreamweaver CC?15:40
What is the Creative Cloud?5:37
What are we building with Dreamweaver?17:03
HTML, CSS, and JavaScript11:50
Browsers to download4:32
The Welcome Screen and The Menu Bar15:14
The Document Window and The Tabbed File Chooser5:31
The Document and Standard Toolbars9:20
The Status Bar3:53
The Property Inspector3:27
Tabs and Tab Groups7:43
Customizing your working environment6:26
Setting up browsers for testing4:33
Setting up external code editors7:22
Defining preferences - part 19:05
Defining preferences - part 213:41
Setting up keyboard shortcuts4:02

Setting Up4:07
Creating a New Page10:50
Working with Text7:04
Working with Word Documents4:55
Line Breaks versus Paragraph Breaks7:14
The Property Inspector : HTML vs. CSS3:08
Headings and Paragraphs5:46
Working with Font Weights4:29
Working with Lists7:15
Indenting & Spacing3:15
Special Characters3:12
Spell Checking2:49
Validating your Web Page3:33
Adding a Horizontal Rule2:24
Adding a Date Stamp2:46
Modifying Page Properties10:04
Working with Images / Image Formats7:59
Inserting Images5:11
Setting Image Properties8:18
Optimizing Images4:40

Introduction to CSS - Why Use CSS?19:32
Introduction to CSS - How CSS Works6:34
Introduction to CSS - Defining Styles7:38
Introduction to CSS - Selector Types9:19
Using the CSS Designer4:42
Using the CSS-Based Property Inspector3:32
Creating a New Style - Using the CSS Designer7:50
Creating a New Style - The Classic Style Definition Dialog3:32
Creating a New Style - The Page Properties Dialog4:06
Structuring a Web Page with DIVs and CSS4:02
Creating the Container Rule5:05
Creating the Header Rule4:40
Creating the Nav Rule3:05
Creating the Content Rule1:48
Creating the Footer Rule4:03
Finishing Up the Design4:42

Creating and Applying Classes8:23
Creating and Applying Descendant Selectors / Duplicating Classes15:24
Creating and Applying Pseudo Class Selectors / Working with Multiple Selectors5:59
Creating and Applying Styles using Document-Wide Style Sheets6:58
Creating and Applying Inline Styles / Renaming Classes2:07
Introducing HTML5 Section Elements7:43
The New Vecta Corp Web Site : An Overview2:15
The New Vecta Corp Web Site : Adding the HTML5 Markup10:41
The New Vecta Corp Web Site : Attching Existing Style Sheet Files (Normalize.css2:39
The New Vecta Corp Web Site : The New Vecta Corp Web Site : Adding the CSS Code8:32
The New Vecta Corp Web Site : Building the Headings and Navigation Menu10:00
The New Vecta Corp Web Site : Making the Structure Backward Compatible5:11
Using Pre-Designed CSS Layouts3:02

Working with Templates and Library Items11:30
Library Items and the Assets Panel6:14
Creating Library Items: The Copyright & Public Navigation Menu5:34
Inserting Library Items5:51
Editing and Pushing Changes out to the Site3:30
Creating a Second Library Item: Navigation Menu for Intranet Use5:50
Templates and the Assets Panel2:04
Creating and Saving Templates4:30
Setting Editable Regions1:40
Creating a Template-Derived Web Page4:22
Applying a Template to an Existing Page3:14
Editing Templates and Pushing Changes to the Site2:46
Creating an Editable Tag Attribute6:58
Defining Optional Regions7:26
Repeating Regions and the Repeating Table6:33
Breaking the Inheritance - Detaching from Template2:07
Working with Multiple Library Items within a Template3:46

Adding Interactivity Using Behaviors8:17
Applying Behaviors with the Behaviors Panel (The Popup Message Behavior)11:05
Change Property5:45
Check PlugIn5:01
Drag AP Element8:30
Effects Behaviors7:40
Go to URL1:19
Jump Menu and Jump Menu Go3:25
Open Browser Window6:00
Call JavaScript2:07
Set Text Behaviors2:01
Show-Hide Elements1:45
Creating a Rollover Image (Swap Image and Swap Image Restore)9:50
Validate Form3:51

Introduction to Responsive Web Design21:07
Introduction to Media Queries13:54
Working with Media Queries in Dreamweaver3:59
Introduction to 960.gs10:01
RWD Part 1: Adding the Media Queries and HTML513:33
RWD Part 2: Adding Images and Content6:30
RWD Part 3: Adding the CSS3 for the Desktop View10:09
RWD Part 4: Adding the CSS3 for Tablet and Mobile Views14:45
RWD Part 5: Building the Navigation Menu15:54
Create a responsive mobile navigation for a dreamweaver cc project, converting the desktop menu into a styled list, refining padding and borders, and integrating a plugin for mobile portrait behavior.
Fluid Grid Layouts2:04
Move to fluid grid layouts in Dreamweaver, where everything is managed by the fluid grid system using percentage values so designs adapt to viewport sizes without touching media queries.
How to Set Up a Fluid Grid Layout11:03
How to Add and Manage Fluid Grid Layout Elements5:19
How to Add Content to Fluid Grid Layout Elements6:52
How to Create a Fluid Navigation Menu17:21

Introduction to jQuery and jQuery UI9:15
How Dreamweaver implements jQuery : The Datepicker Widget10:09
jQuery UI : The Accordion Widget10:47
jQuery UI : The Tabs Widget6:57
jQuery UI : The Dialog Widget7:22
jQuery UI : The Autocomplete Widget5:30
jQuery UI : The Slider Widget2:03
jQuery UI : The Button and Buttonset Widgets4:14
jQuery UI : The Checkbox, Radio Buttons, and Progressbar Widgets3:11
Introduction to jQuery Mobile9:16
jQuery Mobile : Creating a Mobile Web Page12:24
jQuery Mobile : Creating Multiple Mobile Web Pages7:45
jQuery Mobile : Creating Dialog Boxes and Adding Transitions3:47
jQuery Mobile : Working with Buttons6:42
jQuery Mobile : Creating a Navigation Bar9:16
jQuery Mobile : Theme a jQuery Mobile Web Page with Swatches4:27
jQuery Mobile : How to Layout Content in Columns2:15
jQuery Mobile : How to Create Collapsible Content Blocks2:09
jQuery Mobile : How to Create a Contents List6:35

Requirements

Download and install Adobe Creative Cloud including Dreamweaver CC
Exercise files and support PowerPoint presentations are provided as additional resources at the beginning of each lecture.

Description

In Adobe Dreamweaver CC - Essential Training, instructor, author, and trainer Zak Ruvalcaba delves into the many powerful features of the latest version of this powerful web design application. This 19 hour course covers everything from the simplest basics of using Dreamweaver CC to applying it to develop a fully interactive and engaging website. Zak explains the new interface features, and demonstrates how to create, edit, manage, design, and publish a professional website with Dreamweaver CC and complementary applications.

Who this course is for:

This course is meant for beginning to intermediate web developers looking to expand their skills to a visual editor

Dreamweaver CC - Essential Training

What you'll learn

Explore related topics

Course content

Introducing Dreamweaver CC17 lectures • 2hr 25min

Setting Up a Site9 lectures • 1hr 33min

Building a Web Page20 lectures • 1hr 49min

Cascading Style Sheets in Dreamweaver - Part 116 lectures • 1hr 34min

Cascading Style Sheets in Dreamweaver - Part 213 lectures • 1hr 29min

Templates and Library Items17 lectures • 1hr 24min

Hyperlinks10 lectures • 56min

Enhancing Interactivity with Behaviors14 lectures • 1hr 17min

Responsive Web Design with Media Queries and the Flex Grid Layout14 lectures • 2hr 33min

Using jQuery, jQuery UI, and jQuery Mobile in Dreamweaver19 lectures • 2hr 4min

Requirements

Description

Who this course is for: