Beginning Dreamweaver CC2014

Name: Beginning Dreamweaver CC2014
Rating: 4.4 (25 reviews)

An introduction to Dreamweaver Creative Cloud, from making a single page to a full website posted online.

Created byMichael Glasser

Last updated 2/2016

English

English [Auto],

What you'll learn

Build and publish a website using Dreamweaver CC2014
Use online resources to make sites work even better
Understand not just the HOW but the WHY of using the tools in Dreamweaver

Course content

14 sections • 68 lectures • 5h 1m total length

Introduction2:19
An introduction to Beginning Dreamweaver Creative Cloud 2014, including who this course is for and who it is not. Covers the basics of what the class will teach you.

Web & HTML Concepts8:05
Introduces many of the basic terms we will use in this course and explains what they mean.
Creating a Page in a Text Editor7:47
We create our first simple webpage in a text editor and see what HTML code looks like and how it works in a browser.
Creating a Page in a Dreamweaver8:09
We recreate the same page we did with a text editor, but this time do so with Dreamweaver. This gives us a chance to understand the benefits of using Dreamweaver and gives as a good introduction to setting it up for best use.
Creating a Page in a MS Word5:32
Now we make the same page again, this time with MS Word. It some ways Dreamweaver seems similar to working in a word processor, but we will see where Dreamweaver has clear advantages.
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos, and questions and a project for the students to challenge themselves.

Site Concepts3:51
Introduces the concepts needed to understand how to organize the files and folder in your website so they will work best, and how Dreamweaver works with such assets to create a complete website.
Working with Images6:29
We create our first Dreamweaver site and add multiple images onto our page. With Dreamweaver this is all easy: just drag and drop.
Creating Pages8:08
We now add multiple pages to our website and link them together. We have gone from a single page to a real site.
Metadata for Pages8:18
We find there is more to a webpage that what meets the eye. There is also data that helps search engines and more. We look into this and show how Dreamweaver makes it easy to add this data about our data - our metadata.
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos, and questions and a project for the students to challenge themselves.

Uploading Concepts2:57
We look at the concepts involved in uploading a site to the web. Once you do this, you have a real, live site that can be viewed by people around the world!
Settings & Uploading a Full Site5:24
We now add the remote host information to our Dreamweaver site and upload our content to the web.
Synchronizing6:43
We look at options to help us find what files have been changed and to make sure we do not leave anything out as we alter and update our site.
Downloading & Using the Demo Site2:21
How to use the attached copies of the Critter Services site so you can work on your own and see the details of my demo site.
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

Image Concepts6:06
Page Properties8:49
Adding Individual Images7:41
Add and manage images in Dreamweaver cc2014 using insert image, set alternate text, and copy files into your site. Adjust brightness, contrast, sharpen, crop, and resize to 250 pixels.
Image Maps & Adding Multiple Images9:59
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

CSS Tag Selector Concepts4:18
Web Typography4:45
Explore web typography in Dreamweaver by learning font stacks, font families such as Times New Roman, Arial, and Courier, plus serif, sans serif, and monospace.
Styling Common Tags & Working with Color7:29
Styling Navigation6:09
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

CSS Class & Combination Selector Concepts7:44
Explore how to use class and combination selectors in CSS, including tag, class, and ID selectors, with practical examples for paragraphs, images, and navigation lists.
CSS Classes and Pseudo-classes5:54
Explore css classes and pseudo-classes in Dreamweaver cc2014, creating a transparent image class to remove borders, applying it across pages, and styling link states with hover, visited, and active colors.
CSS IDs and Combination Selectors5:35
Styling Navigation3:19
Style the navigation by making the entire button clickable and removing underlines. Copy and apply styles to list items, adjust padding, and set text to black.
Providing Feedback with your Navigation4:30
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

CSS Layout Concepts3:15
Box Model2:52
Creating our First Layout5:45
Set up the first Dreamweaver layout by creating header, navigation, content sections with IDs and a wrapper, then style them to a centered 960px-wide design across pages.
Creating a New Layout4:38
Create a second layout by moving navigation to the left with CSS, back up the site, resize the nav to 165px, and enable a persistent vertical scrollbar with overflow-y: always.
Wrapping Text Around Images4:37
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

Table Concepts2:49
Explore how tables organize data on a web page with headers, columns, and rows. Learn Dreamweaver features for sorting, converting headers to cells, and styling with alternating row colors.
Creating Tables and Adding Data9:24
Create and style tables in Dreamweaver CC2014 by importing assets, adding data and headers, and using CSS for borders, padding, text justification, and centered images with a transparent class.
Styling Tables3:32
Table Sorting & Merging6:18
Learn to sort table data by column, merge cells, and create new table classes while applying transparent images, alt text, and links that open in a target for accessible layouts.
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

Template & Library Concepts3:43
Templates8:10
Learn to convert a site to a template in Dreamweaver cc2014 by creating a main template with editable regions and applying it to pages.
Template Attributes7:33
Learn how to create and manage template attributes in Dreamweaver CC2014, making per-page editable regions and adding a new contact page that updates across all pages.
Library Items7:23
Explore Dreamweaver CC2014 library items to create reusable blocks, like an ad, apply them consistently across pages, and update all instances from a single library item.
Unit Resources2:00
Provides a PDF with a summary of the unit, resources used in the videos including a copy of the entire site demonstrated in the videos, and questions and a project for the students to challenge themselves.

Requirements

You should have Dreamweaver CC. The course uses the 2014 version but any CC version will do. The older CS versions will not.
You should know how to save and find files on your computer. If you can create a folder on your desktop, add some folders inside of that, and then save and find files in those folders then you have all the skills you need!

Description

This course is for beginning web design students and is ideal for students who wish to learn on their own or who are working in a classroom setting.

No experience with HTML or CSS is required, but you should be familiar with the concepts of files and folders on your computer.

Materials include the videos for each unit, starting with a concept video and then showing specific steps to take within the program. You are also provided with a copy of the site for each section along with a PDF file with a summary of the material, activities recommended to complete, and questions to challenge yourself.

The course is designed to take about 13 weeks to complete, though some people complete it in less than half that time. The more motivated you are to learn the more you will get from the course.

Who this course is for:

This Dreamweaver class is meant for people new to web development who know little if anything about HTML, CSS, programming, or other similar technologies. If you can save and find files on your computer you are ready to take this course.
This class is not meant for experienced web developers. While you might pick up tips and tricks you did not know, much of the time is spent on skills for beginners.

Beginning Dreamweaver CC2014

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

Our First Web Page5 lectures • 32min

Dreamweaver Sites5 lectures • 29min

Publishing Sites5 lectures • 19min

Graphics & Page Properties5 lectures • 35min

Cascading Style Sheets: Tags Selectors5 lectures • 25min

Cascading Style Sheets: Class & Combination Selectors6 lectures • 29min

Cascading Style Sheets: Layout6 lectures • 23min

Tables5 lectures • 24min

Templates & Libraries5 lectures • 29min

Requirements

Description

Who this course is for: