Dreamweaver Web Design for Complete Beginners

Create Your First Site in Hours! Learn "No Code Needed" Web Design with Adobe Dreamweaver.
3.9 (6 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.
249 students enrolled
$20
Take This Course
  • Lectures 41
  • Contents Video: 2 hours
    Other: 20 mins
  • Skill Level Beginner Level
  • 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 6/2015 English

Course 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.

What are the requirements?

  • Mac or PC
  • Dreamweaver software

What am I going to get from this course?

  • 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

What 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

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: Getting Started
03:46

Scott explains a popular workflow for building websites.

01:51

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

01:49

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

Section 1 Lab Exercise
1 page
Section 2: Getting To Know The Interface
00:53

In this section Scott introduces the Dreamweaver interface.

03:40

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

03:20

Scott demonstrates how to sync settings to the Creative Cloud.

02:16

Scott walks through how to best use Dreamweaver panels.

Section 2 Lab Exercise
3 pages
Section 3: Document Window
00:55

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

03:59

Scott gives an overview of the document.

01:59

Scott explains how to use related files with the document.

02:25

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

04:54

Scott demonstrates the important features in Code View.

Section 3 Lab Exercise
2 pages
Section 4: Live View
00:58

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

02:40

Scott demonstrates how Live View can work as a browser.

02:25

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

05:39

Scott walks through the powerful feature, Element Display.

02:46

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

Section 4 Lab Exercise
3 pages
Section 5: Panels and Inspectors
00:49

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

08:14

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

05:05

Scott shows how to best use the Assets Panel.

06:46

Scott demonstrates how to use the Insert Panel.

10:19

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

09:27

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

06:43

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

Section 5 Lab Exercise
4 pages
Section 6: Extracting from a Photoshop File
Introduction
Preview
00:58
04:56

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

07:01

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

05:17

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

04:59

Scott shows how to use Adobe Edge Web Fonts.

Section 6 Lab Exercise
4 pages
Section 7: Site Settings
00:42

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

04:16

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

06:12

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

Conclusion
00:24
Section 7 Lab Exercise
2 pages
Section 8: Bonus Lecture
Article

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

LearnToProgram, Inc., 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.

Instructor Biography

Scott Reynolds, 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.

Ready to start learning?
Take This Course