Dreamweaver Web Design for Complete Beginners
4.3 (13 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.
301 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Dreamweaver Web Design for Complete Beginners to your Wishlist.

Add to Wishlist

Dreamweaver Web Design for Complete Beginners

Create Your First Site in Hours! Learn "No Code Needed" Web Design with Adobe Dreamweaver.
4.3 (13 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.
301 students enrolled
Last updated 10/2016
Current price: $12 Original price: $20 Discount: 40% off
4 days left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 1 Article
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Understand Web Development Workflow
  • Create a new project
  • Use built-in templates
  • Understand how to optimize your Dreamweaver workspace
  • Save your customized workspaces
  • Synch your Dreamweaver settings to the creative cloud
  • Understand use of Dreamweaver panels
  • Understand the Dreamweaver document window
  • Include external documents in your Dreamweaver page
  • Use the element quick view feature to be more efficient
  • Efficiently use Dreamweaver's code view
  • Use live view to preview dynamic documents
  • Understand how live view relates to various screen sizes
  • Use Dreamweaver's powerful element display features
  • Become more efficient by using the quick tag editor
  • Learn to use the files panel to manage multipage sites
  • Manage site assets with the Dreamweaver assets panel
  • Understand Cascading Style Sheets (CSS)
  • Easily apply CSS styles with the CSS panel
  • Use the properties panel to make quick changes to HTML and CSS
  • Create pages with gradient backgrounds
  • Create pages with image backgrounds
  • Bring Photoshop images in to Dreamweaver for inclusion in your pages
  • Understand the best ways to work with text
  • Include Adobe Edge Web Fonts in your web site
  • Use the site panel to organize files and templates
  • How to make a Dreamweaver site "live" on the internet
View Curriculum
  • Mac or PC
  • Dreamweaver software

So, you want to create a web site, but HTML makes your head spin?

Dreamweaver is your answer. With this course from Adobe expert Scott Reynolds you'll gain confidence as you develop increasingly complex web sites. Scott will give you a tour of all of the features in Dreamweaver that make web design easy. You'll also be introduced to some of the most powerful features within Dreamweaver that will keep you organized as you work with larger and more complex sites.

This course includes dozens of video lectures and demonstrations in which Scott will show you exactly how to use the features you need-- Step by step! Included activities where you build sites and site components will help you retain all of the material. In just a few hours you'll be competently creating your own sites.

If you've wanted to build web sites or have tried but had difficulty with the complex tools, then this is the perfect course for you! Enroll today and start building sites tomorrow.

Who is the target audience?
  • People who want to develop web sites without coding
  • Web designers looking for a quick tool to develop and manage pages
  • Teachers and students who want to create pages for school
  • Graphic designers who want an easy way to enter web design
Compare to Other Dreamweaver Courses
Curriculum For This Course
41 Lectures
Getting Started
4 Lectures 07:26

Scott explains a popular workflow for building websites.

Preview 03:46

Scott shows how to use the first screen when Dreamweaver opens.

Preview 01:51

Scott demonstrates how to start a new project using built-in Dreamweaver templates.

Preview 01:49

Section 1 Lab Exercise
1 page
Getting To Know The Interface
5 Lectures 10:09

In this section Scott introduces the Dreamweaver interface.

Preview 00:53

Scott explains how to customize and switch workspaces to maximize effeciency.


Scott demonstrates how to sync settings to the Creative Cloud.

Sync Settings

Scott walks through how to best use Dreamweaver panels.


Section 2 Lab Exercise
3 pages
Document Window
6 Lectures 14:12

In this section Scott walks through the most important parts of the Document Window.

Preview 00:55

Scott gives an overview of the document.

Document Overview

Scott explains how to use related files with the document.

Related Files

Scott walks through the Status Bar to show how to use Element Quick View and Tags.

Element Quick View & Tags in Status Bar

Scott demonstrates the important features in Code View.

Code View

Section 3 Lab Exercise
2 pages
Live View
6 Lectures 14:28

In this section Scott explains how the Live View works when designing a Dreamweaver site.

Preview 00:58

Scott demonstrates how Live View can work as a browser.

Browser and Inspect Mode

Scott shows how to view Live View at various screen sizes.

Screen Size

Scott walks through the powerful feature, Element Display.

Element Display

Scott explains why using the Quick Tag Editor is a quick way of making changes to tags without needing to go to Code View.

Quick Tag Editor

Section 4 Lab Exercise
3 pages
Panels and Inspectors
8 Lectures 47:23

In this section Scott explains why understanding Dreamweaver panels is so important.

Preview 00:49

Scott explains how to use the Files Panel to help build a Dreamweaver site.

Customizing Files

Scott shows how to best use the Assets Panel.


Scott demonstrates how to use the Insert Panel.


Scott walks through the CSS Designer Panel to make updating CSS quick and painless.

CSS Designer

Scott shows how to use the Properties Panel to make quick changes to HTML and CSS.

Property Inspector

Scott gives an overview of the Extract Panel, to prepare for the next section.


Section 5 Lab Exercise
4 pages
Extracting from a Photoshop File
6 Lectures 23:11

Scott demonstrates how to add an image and gradient to elements in Dreamweaver.


Scott shows several ways to bring images from a Photoshop file to Dreamweaver.

Preview 07:01

Scott explains how to quickly move Text from a Photoshop file to Dreamweaver.


Scott shows how to use Adobe Edge Web Fonts.

Adobe Edge Web Fonts

Section 6 Lab Exercise
4 pages
Site Settings
5 Lectures 11:34

In this section Scott explains why converting a project into a Dreamweaver site has its advantages.


Scott shows how to manage a project's documents to make maintenance easier.

Organizing Files and Templates

Scott explains how to upload a Dreamweaver site to the internet, including how to configure SFTP settings.

Going Live


Section 7 Lab Exercise
2 pages
Bonus Lecture
1 Lecture 00:32

Here's some bonus material to help you continue learning.

About the Instructor
LearnToProgram, Inc.
4.3 Average rating
4,574 Reviews
143,725 Students
46 Courses
Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

Scott Reynolds
4.5 Average rating
32 Reviews
441 Students
2 Courses
Founder of Thrise, LLC

Thrise, LLC is an Adobe Business Catalyst Premium Partner with several Business Catalyst Apps, including the most installed BC App "Google Analytics Manager".

BC Apps Developed by Thrise, LLC:

  • - BC Video Gallery
  • - CSS Builder
  • - BC Client Training (US & AUS)
  • - Google Analytics Manager
  • - Bootstrap Builder

About Scott B Reynolds (founder and president of Thrise, LLC):

Scott has had his hands in HTML since the 90’s and often presents on topics related to design, front-end development and marketing. Scott is the official Adobe Business Catalyst podcaster, interviewing Business Catalyst Partners from across the globe.

Scott is a Business Catalyst Consultant & Trainer, who frequently presents in-person, at webinars, and in several online courses, including:

  • - Adobe Business Catalyst Fundamentals
  • - Muse CC Business Catalyst Integration
  • - Introduction to Web Personalization
  • - An Introduction to BC Next
  • - BC Apps: Making A Dynamic List
  • - Introduction to BC Apps
  • - Getting to Know Your Online Forms
  • - The Five W's of Responsive Web Design

Scott is an Adobe Community Professional and Adobe User Group Manager. He runs the Hartford Adobe User Group, and is the founder of Hartford Tech Week. Scott lives in West Hartford, Connecticut and can be found participating in events all across New England.