Adobe Dreamweaver CS6 - Beginner to Professional

A-Z guide to learn Adobe Dreamweaver for everyone.
4.3 (277 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,601 students enrolled Bestselling in Dreamweaver
Instructed by Joshua Kywn Design / Web Design
$19
$150
87% off
Take This Course
  • Lectures 42
  • Length 10.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2015 English

Course Description

This course focuses on building website skills from the scratches. We begin from the basics to intermediate level. In this Dreamweaver tutorial we will also discuss the entire course including the two projects we'll be working on in Dreamweaver CS6. 

*It is completely optional to Purchase the Project Files for the Project.*

Requirements: Adobe Dreamweaver CS6 Software.

Target Audience: Anyone interested in designing websites using Dreamweaver CS6

What am I going to get from this course?

  • To introduce users to the features and tools in Adobe Dreamweaver CS6
  • To teach students how to create beautiful, functional websites in Dreamweaver

What are the requirements?

  • No prior knowledge is required to start this course
  • All you need to have is, to be proactive and enthusiastic to learn webdesign

What am I going to get from this course?

  • Learn the basics of Webdesign and create professional webpage
  • Learn the basics of HTML and CSS
  • Create Professional Webpage

What is the target audience?

  • Anyone interested in Web design can take this course
  • English is required to fully grasp the course

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introductory Remark
15:43

This is a quick overview of Dreamweaver Tutorial Series. In this Dreamweaver tutorial we will discuss the entire course including the two projects we'll be working on in Dreamweaver CS6.

14:23

In this Dreamweaver tutorial video we will discuss the different areas within the main Dreamweaver window, the names of the different working panels and an overview of each.

16:35

In this Dreamweaver tutorial video we will discuss how to create sites in Dreamweaver CS6,, adding folders, adding html files, and organizing content.

Section 2: Introduction to HTML
07:43

In this Dreamweaver tutorial video we'll begin to work with HTML in Dreamweaver's code view and discuss what tags are and the role they play in building webpages and some of the basic fundamental tags such as paragraph p tags and heading h tags.

25:04

This lecture continues the introductory section of HTML

12:11

In this video we'll work in Dreamweaver CS6's code view and introduce what Structural Tags are and how they are used to organize content. We will also begin to discuss what tag attributes are and what role they play with tags

11:50

This is continuation of Structural tags. In this video we'll work in Dreamweaver CS6's code view and introduce what Structural Tags are and how they are used to organize content. We will also begin to discuss what tag attributes are and what role they play with tags

08:00

In this Dreamweaver tutorial video we'll discuss how to create links with anchor tags and how navigation elements are structured in HTML using Dreamweaver CS6 code view. The updated Manchester Project link is given in the additional resource section of this lecture

12:21

In this Dreamweaver tutorial video we will create the site structure and basic files for our project website in Dreamweaver

05:45

In this Dreamweaver tutorial video we will setup the optional resources for the project.

17:02

In this Dreamweaver tutorial video we will add some simple content to our sample page

22:38

In this Dreamweaver tutorial video we will add some simple content to our sample page

3 questions

This quiz is based on Basic HTML

Section 3: Introduction to CSS
22:19

In this Dreamweaver tutorial video we will discuss the basics of what CSS is, the basic syntax of CSS selectors and Property Value statements using Dreamweaver's Code view.

17:42

In this Dreamweaver tutorial video we will talk about the basic font and text formatting properties in CSS using Dreamweaver's code view.

14:47

In this Dreamweaver tutorial video we will introduce the CSS Box model and the related CSS properties using Dreamweaver's code view.

14:09

In this Dreamweaver tutorial video we will introduce the CSS Box model and the related CSS properties using Dreamweaver's code view.

13:50

In this Dreamweaver tutorial video we will discuss how to format ordered and unordered lists in CSS using Dreamweaver's code view.

15:14

In this Dreamweaver tutorial video we will discuss the basics of setting up navigation elements and formatting them with CSS in Dreamweaver's code view. We will also discuss the difference between block level elements and inline level elements in HTML.

Setting up navigation Continued
14:14
23:24

In this Dreamweaver tutorial video we will introduce how to use CSS to position elements on a page using CSS floats and the box model properties in Dreamweaver's code view.

16:35

In this Dreamweaver tutorial video we will see how to link our main project HTML page to our CSS stylesheet and define the styles for the wrapper and background of the page.

22:54

In this Dreamweaver tutorial video we will begin to layout the top div area with the logo and social media divs, position our top navigation div and our page banner.

20:01

In this Dreamweaver tutorial video you will see how to position your content area, right side bar area and the page footer

11:17

In this Dreamweaver tutorial video we will discuss how to set your type styles on a web page and how to use different non-standard fonts using services such as Google Web Fonts

14:04

In this Dreamweaver tutorial video we will discuss how to set your type styles on a web page and how to use different non-standard fonts using services such as Google Web Fonts

14:02

In this Dreamweaver tutorial, we will look at the various views in Dreamweaver that allow you to preview your web pages

21:12

In this Dreamweaver tutorial, we will see how to finish up the CSS styles for our basic webpage and prepare to create web templates and pages from our sample page.

21:49

In this Dreamweaver tutorial we will learn what templates are, how to create them in Dreamweaver and how to apply them to pages. We'll also discuss what editable regions are and how they work with Dreamweaver templates.

3 questions

This quiz tests your basics of CSS

Section 4: Introduction to Javascript
11:38

In this Dreamweaver tutorial we will begin to create the rotating banner on our project website and you will see how to setup JQuery on your pages.

16:19

In this Dreamweaver tutorial we will see how to setup the rotating banner on our template

13:24

In this Dreamweaver Tutorial we will see how to configure the options for the banner slider

Update to Browser Lab tool
03:00
11:10

In this Dreamweaver tutorial you will learn how to use Dreamweaver behaviors to create different image swap effects and how to use Adobe Fireworks to create the images for the swap behavior

12:39

In this Dreamweaver tutorial you will learn how to use Dreamweaver behaviors to create different image swap effects and how to use Adobe Fireworks to create the images for the swap behavior

17:45

In this Dreamweaver tutorial, you will learn how to setup the drop down menus on our project website.

14:15

In this Dreamweaver tutorial you will learn how to setup a media gallery to display images and videos. In Part 1 we will learn how to create thumbnail images for our galleries

15:02

In this Dreamweaver tutorial you will learn how to setup a media gallery to display images and videos. In Part 2 we will learn how to setup the media gallery tool.

15:11

In this Dreamweaver tutorial you will learn how to setup a media gallery to display images and videos. In Part 1 we will learn how to create thumbnail images for our galleries

Section 5: Project Creation & Uploading to live servers.
17:40

In this Dreamweaver tutorial, you will learn how to add basic tags for search engine optimization and prepare your site to be listed by Google, Bing and other search engines.

Simple Contact Form
14:08
12:10

In this Dreamweaver tutorial, we will continue learning how to setup a contact form and learn how to add the validation script to our contact form

16:12

In this Dreamweaver tutorial, we will continue learning how to setup a contact form and learn how to use CSS to format your form.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Joshua Kywn, Web Designer, Publicist, Tutor

I am a Web Designer & Publicist from Florida City, Florida, United States. I was very much interested in computer science till the age of 12. At the age of 15, I got certificate from a renowned web designing company and therefore had chance to learn the skills more efficiently from various famous web designers out there.

My field of study was "Business Multimedia" which I define as the "Art of designing a great concept on the web - without compromising the effective work-flow".

After developing many websites, I was caught the attention of NYC casting director Doriane Elliott when I reached out to her to blog casting tips for New York Acting's talent.

Right now my main focus is to make Web Design Tutorials on Dreamweaver, Expression Web, PHP/MySQL, JavaScript, and WordPress.

Ready to start learning?
Take This Course