Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CS6
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Transcription

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

What We Accomplished in the Course

  • We learned how to create, modify and format content on a web page
  • We learned how to work with CSS formatting and positioning
  • We learned how to add drop-shadows, gradients, rounded corners to web content
  • We had Dreamweaver create a jQuery Mobile web page and add all the files we needed
  • We worked with Flash files, Flash and HTML5 videos, and added images to our pages
  • We worked with Library Items and Templates
  • We added content to web pages from a variety of programs
  • You learned how to create a web form and add Dreamweaver behaviors to validate the form
  • You also learned how to use the Widget Browser and extensions to add additional features within the program
  • Thank you for allowing me to assist you in learning Dreamweaver!

What We Accomplished in the Course

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • CSS 3 Properties 0:42
  • Images and Slideshows 1:35
  • Using Web Fonts 2:14
  • HTML 5 Video 2:42
  • Web Forms 3:08
  • FlexSlider Widget 3:31
  • Dreamweaver Interface 3:56

Transcription: What We Accomplished in the Course

I wanted to give you a course wrap-up to begin to show you some of the things that we accomplished throughout this course--and there are quite a few.0000

In addition to getting the basics of Dreamweaver--getting familiar with the interface, working and building web pages, learning about HTML and CSS, as well as CSS3 features--we also took a look at templates and library items and built some pages using those.0010

But, on top of all of those basics, we did some more visually appealing features, as well: let's take a look at those so you can see how much you got done.0030

We used CSS3 properties; we took a look at HTML (or should I say, XHTML, which is the present standard for websites); we also learned about HTML5.0042

And along with HTML5, there is an emerging technology called CSS3 that allows us to do some interesting things like this.0056

So, here is a drop shadow on a basic box of content within a web page--no images used; right here, we have some nice rounded corners added.0067

In addition to those rounded corners, this particular example brings together our gradients that we created and a more subtle type of drop shadow.0079

Here is the gradient piece we added to our pages, as well; we also made images fade and appear, which is always fun: when I click on this, they can fade completely, or we even just made them fade halfway.0090

You can control that, and each time you click on the image, it adjusts.0107

We took a look at adding a slideshow, and this particular slideshow is a Flash file of a slideshow that was created; when I hover over this, you can see, it even adds captions to each of the images.0111

This will get our users excited about traveling to other places through our company.0128

Over here, we took a look at using some web fonts--some free web fonts that are available, including FontSquirrel, a website that can help provide fonts for your websites.0135

We took a look at what Google Fonts and Google had to offer in that regard and used an interesting font that, even a couple of years ago, we would not have been able to implement on our website.0148

We took a look at HTML5 video and the ability to create videos directly within your web pages, without any type of plugin.0163

Also, when we did that, we created a fall-back video, just in case our page does not support HTML5; we have a Flash version of this particular video that is available to them.0173

We also, over here, took a look at working with our web pages, creating forms; now, this particular web page still has a little work to do--this mobile has not been styled yet--but we created a basic web form that is all set to add a few more additional styles to.0189

And one of the other pieces we did was: we worked with a FlexSlider, which is a Dreamweaver widget; you can see, this particular one creates a slideshow of images on your website.0210

This is actually using jQuery; and notice, we can flip through these manually, or this particular website will rotate itself automatically.0224

So, we took a look at a lot of different features for websites, and what we did was used the Dreamweaver interface in order to create all of those.0237

Dreamweaver is a very popular program; it is also the Web standard program for creating websites; and we certainly took advantage of many of the features built into Dreamweaver.0248

Thank you for watching and this lesson on Dreamweaver CS6.0260