Buying for a Team? Gift This Course
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.0 (7 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.
269 students enrolled
Last updated 10/2016
English
$10 $20 50% off
2 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 1 Article
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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
Requirements
  • Mac or PC
  • Dreamweaver software
Description

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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 41 Lectures Collapse All 41 Lectures 02:27:52
+
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.

Workspaces
03:40

Scott demonstrates how to sync settings to the Creative Cloud.

Sync Settings
03:20

Scott walks through how to best use Dreamweaver panels.

Panels
02:16

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
03:59

Scott explains how to use related files with the document.

Related Files
01:59

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

Element Quick View & Tags in Status Bar
02:25

Scott demonstrates the important features in Code View.

Code View
04:54

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
02:40

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

Screen Size
02:25

Scott walks through the powerful feature, Element Display.

Element Display
05:39

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
02:46

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
08:14

Scott shows how to best use the Assets Panel.

Assets
05:05

Scott demonstrates how to use the Insert Panel.

Insert
06:46

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

CSS Designer
10:19

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

Property Inspector
09:27

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

Extract
06:43

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.

Backgrounds
04:56

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.

Text
05:17

Scott shows how to use Adobe Edge Web Fonts.

Adobe Edge Web Fonts
04:59

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.

Introduction
00:42

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

Organizing Files and Templates
04:16

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

Going Live
06:12

Conclusion
00:24

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

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

Bonus
00:32
About the Instructor
4.4 Average rating
3,573 Reviews
139,719 Students
43 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.

4.5 Average rating
23 Reviews
387 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.

Report Abuse