Dreamweaver CC - Essential Training

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

4.45 (88 reviews)
Udemy
platform
English
language
Web Design
category
instructor
Dreamweaver CC - Essential Training
445
students
19.5 hours
content
Mar 2017
last update
$44.99
regular price

What you will 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

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.

Content

Introducing Dreamweaver CC

What is Dreamweaver CC?
What is the Creative Cloud?
What are we building with Dreamweaver?
HTML, CSS, and JavaScript
Browsers to download
The Welcome Screen and The Menu Bar
The Document Window and The Tabbed File Chooser
The Document and Standard Toolbars
The Status Bar
The Property Inspector
Tabs and Tab Groups
Customizing your working environment
Setting up browsers for testing
Setting up external code editors
Defining preferences - part 1
Defining preferences - part 2
Setting up keyboard shortcuts

Setting Up a Site

About Dreamweaver Sites
Identifying a Web Host Provider
The Vecta Corp Project
Creating a Site - Defining the Local Site Properties
Creating a Site - Defining the Remote Server Properties
Additional Settings to Consider
Managing Sites
Other Options within the Site Menu
Uploading Your Files : The Site Management Window

Building a Web Page

Setting Up
Creating a New Page
Working with Text
Working with Word Documents
Line Breaks versus Paragraph Breaks
The Property Inspector : HTML vs. CSS
Headings and Paragraphs
Working with Font Weights
Working with Lists
Indenting & Spacing
Special Characters
Spell Checking
Validating your Web Page
Adding a Horizontal Rule
Adding a Date Stamp
Modifying Page Properties
Working with Images / Image Formats
Inserting Images
Setting Image Properties
Optimizing Images

Cascading Style Sheets in Dreamweaver - Part 1

Introduction to CSS - Why Use CSS?
Introduction to CSS - How CSS Works
Introduction to CSS - Defining Styles
Introduction to CSS - Selector Types
Using the CSS Designer
Using the CSS-Based Property Inspector
Creating a New Style - Using the CSS Designer
Creating a New Style - The Classic Style Definition Dialog
Creating a New Style - The Page Properties Dialog
Structuring a Web Page with DIVs and CSS
Creating the Container Rule
Creating the Header Rule
Creating the Nav Rule
Creating the Content Rule
Creating the Footer Rule
Finishing Up the Design

Cascading Style Sheets in Dreamweaver - Part 2

Creating and Applying Classes
Creating and Applying Descendant Selectors / Duplicating Classes
Creating and Applying Pseudo Class Selectors / Working with Multiple Selectors
Creating and Applying Styles using Document-Wide Style Sheets
Creating and Applying Inline Styles / Renaming Classes
Introducing HTML5 Section Elements
The New Vecta Corp Web Site : An Overview
The New Vecta Corp Web Site : Adding the HTML5 Markup
The New Vecta Corp Web Site : Attching Existing Style Sheet Files (Normalize.css
The New Vecta Corp Web Site : The New Vecta Corp Web Site : Adding the CSS Code
The New Vecta Corp Web Site : Building the Headings and Navigation Menu
The New Vecta Corp Web Site : Making the Structure Backward Compatible
Using Pre-Designed CSS Layouts

Templates and Library Items

Working with Templates and Library Items
Library Items and the Assets Panel
Creating Library Items: The Copyright & Public Navigation Menu
Inserting Library Items
Editing and Pushing Changes out to the Site
Creating a Second Library Item: Navigation Menu for Intranet Use
Templates and the Assets Panel
Creating and Saving Templates
Setting Editable Regions
Creating a Template-Derived Web Page
Applying a Template to an Existing Page
Editing Templates and Pushing Changes to the Site
Creating an Editable Tag Attribute
Defining Optional Regions
Repeating Regions and the Repeating Table
Breaking the Inheritance - Detaching from Template
Working with Multiple Library Items within a Template

Hyperlinks

Working with Links
Absolute vs. Relative Paths
Getting Started / Linking Text
Linking Images
Email and Phone Links
Named Anchors / Placeholder
Working with Targets
Image Maps
Changing Link Colors
Changing and Checking Links

Enhancing Interactivity with Behaviors

Adding Interactivity Using Behaviors
Applying Behaviors with the Behaviors Panel (The Popup Message Behavior)
Change Property
Check PlugIn
Drag AP Element
Effects Behaviors
Go to URL
Jump Menu and Jump Menu Go
Open Browser Window
Call JavaScript
Set Text Behaviors
Show-Hide Elements
Creating a Rollover Image (Swap Image and Swap Image Restore)
Validate Form

Responsive Web Design with Media Queries and the Flex Grid Layout

Introduction to Responsive Web Design
Introduction to Media Queries
Working with Media Queries in Dreamweaver
Introduction to 960.gs
RWD Part 1: Adding the Media Queries and HTML5
RWD Part 2: Adding Images and Content
RWD Part 3: Adding the CSS3 for the Desktop View
RWD Part 4: Adding the CSS3 for Tablet and Mobile Views
RWD Part 5: Building the Navigation Menu
Fluid Grid Layouts
How to Set Up a Fluid Grid Layout
How to Add and Manage Fluid Grid Layout Elements
How to Add Content to Fluid Grid Layout Elements
How to Create a Fluid Navigation Menu

Using jQuery, jQuery UI, and jQuery Mobile in Dreamweaver

Introduction to jQuery and jQuery UI
How Dreamweaver implements jQuery : The Datepicker Widget
jQuery UI : The Accordion Widget
jQuery UI : The Tabs Widget
jQuery UI : The Dialog Widget
jQuery UI : The Autocomplete Widget
jQuery UI : The Slider Widget
jQuery UI : The Button and Buttonset Widgets
jQuery UI : The Checkbox, Radio Buttons, and Progressbar Widgets
Introduction to jQuery Mobile
jQuery Mobile : Creating a Mobile Web Page
jQuery Mobile : Creating Multiple Mobile Web Pages
jQuery Mobile : Creating Dialog Boxes and Adding Transitions
jQuery Mobile : Working with Buttons
jQuery Mobile : Creating a Navigation Bar
jQuery Mobile : Theme a jQuery Mobile Web Page with Swatches
jQuery Mobile : How to Layout Content in Columns
jQuery Mobile : How to Create Collapsible Content Blocks
jQuery Mobile : How to Create a Contents List

Tables

Introduction to Tables
Inserting Tables
Modifying Table Properties
Selecting & Modifying Table Cells
Adding & Removing Columns & Rows
Resizing, Splitting, & Merging Table Cells
Adding Content to Tables
Nested Tables
Tracing Images
Styling Tables and Table Content

Working More Effeciently in Dreamweaver

Workflow Enhancement and Task Automation
The Assets Panel
Snippets
Design Notes
Custom File View Columns
The History Panel
Site Reports
Site Synchronization
Checking Links Sitewide
Using Find and Replace
Recording, Playing, and Managing Commands
Inserting Flash Files
Other Commands

Reviews

Thomas
October 21, 2021
This class was created in 2014. It is currently 2021. I expected this to be able to teach me the latest version of Dreamweaver. Tough luck since the description for the class never clued me in to this little detail. The formatting of Dreamweaver has changed significantly (and the instructor is apparently not responding to questions any longer). I was able to overcome a lot of this by going to adobe dreamweaver help site and search for commands and the like. But it was fairly intimidating at first.
Dr
September 27, 2021
Seems to be explaiing things well. Slight problemin that my CC toolbar is slightly different from the Instructors but I guess that adobe are changing things all the time
William
July 5, 2020
I don't want to know the history of website softwares. I really just want to learn how to build my website. The teacher seems to be in love with the sound of his voice. If this doesn't get to the point pronto, I'm writing it off as a loss.
Paul
January 4, 2020
History is important, but the key is to achieve our goals fast. I would suggest to 1) explain a few typical workflows first, then 2) allow the students to follow them in the order the student decides. I used to program in GoLive: great program, but slow and full of bugs... the IT industry destroyed it and now I am struggling with Dreamweaver... this is my workflow challenge: create nicely formatted text, image, video, etc. web pages with many hyperlinks, that work on any device... With a good overview of Dreamweaver features / achievable / examples is the way I would have started, rather than the history... also, pls. be more excited about the topic when you talk... else we'll fall asleep... Best, Paul
Jennifer
December 16, 2018
Great course so far! I've been wanting to refresh my Dreamweaver skills and this seems to be the perfect class just for that!
John
December 4, 2018
Really enjoyed this course ! I learned a lot would recommend it to anyone interested in learning Dreamweaver.
Bill
November 20, 2018
This is a helpful course to me. The title covers many recent topics of dreamweaver; media queries, jquery.
Matthew
November 15, 2018
Learning web development is a personal aspiration of mine and learning to use an application like Dreamweaver really helps engage me in this subject. This course completely surpassed my expectations with its in-depth lessons while still being fun.
Ron
March 14, 2018
We really have to look at each and every item in the menu bar? I'm doing something else while this is rambling "and whatnot"...
Lina
January 26, 2018
If there was an option to give 10 stars out of five for this course, I would! It is the most engaging and easy to understand online course I have ever taken. There is a lot of information and a lot to learn, but it is so engaging that you won't be overwhelmed. The instructor is very quick to reply emails and answer questions.
Christina
January 25, 2018
I've taken Zak Ruvalcaba's courses before and I've never been disappointed. His is extremely knowledgable in web design and he always explains everything in a clear way. If you're hoping to get valuable skills in web development, I highly recommend taking his courses.
Ronald
November 29, 2017
It is an old version of Dreamweaver cc (suspect 2014) which I found to be confusing at times. Loved the content and examples provided are real world and challenges ones thinking. Excellent content so far, so onwards and upwards we go.
Boyd
March 9, 2017
Great for learning Dreamweaver cc. Goes through a lot of the basic concepts. If you are new to design and coding, you will get a great start with this product.
Jeff
July 20, 2016
Well done, but a LOT of time spent ramping up to using the tool. Would much prefer to dive in and learn about more advanced features or about providers and such later on. If you need a lot of that basic explanation about how web services work, then this is a terrific overview. If you don't, either skip ahead or sit tight for a while. It's hard for me to skip ahead because I'm afraid I'll miss something. :)
David
January 26, 2016
The only thing that I could say is that the instructors version of Dreamweaver CC was slightly different to mine, but that could have been due to updates that came after the course was recorded

Charts

Price

Dreamweaver CC - Essential Training - Price chart

Rating

Dreamweaver CC - Essential Training - Ratings chart

Enrollment distribution

Dreamweaver CC - Essential Training - Distribution chart

Related Topics

607118
udemy ID
9/9/2015
course created date
10/17/2020
course indexed date
Bot
course submited by