Adobe Dreamweaver CS6/CC Free Tutorial

Welcome to our free Adobe Dreamweaver CS6/CC tutorial. This tutorial is based on Webucator's Introduction to Dreamweaver CS6 course.

Contact Us or call 1-877-932-8228
Start Tutorial or choose from a lesson below

Lesson 1: A Quick Overview of Web Development

Web development involves a combination of client-side programming and server-side programming.

Lesson 2: Getting Started with Dreamweaver

Dreamweaver is an integrated development environment (IDE) for creating web pages and websites. It was first introduced in 1997 by Macromedia, which was taken over by Adobe in 2005. Adobe has since released several versions. In this lesson, we'll introduce you to the Dreamweaver interface and get you started with your first website. Throughout the course you will see images and video presentations of both the CS6 and the Creative Cloud (CC) environment. The interfaces are very similar and any differences are pointed out.

Lesson 3: Creating HTML Pages

In this lesson, you will begin adding simple content to an HTML page.

Lesson 4: Links

The "HT" in HTML stands for HyperText. HyperText is text that, when clicked, can take the user to other content. So, what makes HTML HTML is the fact that the pages can contain links. In this lesson, you will learn how to create them.

Lesson 5: Images

Modern browsers generally support three types of images: GIFs, JPEGs, and PNGs. The PNG and GIF are generally used for simple images such as drawings; whereas the JPEG format is used for more complicated images such as photographs. Dreamweaver makes it simple to add images to your page.

Lesson 6: Lists

HTML provides three types of lists: unordered lists, ordered lists, and definition lists. In this lesson, we will learn how to create all three.

Lesson 7: Tables

HTML Tables are quite cumbersome to hand code, but Dreamweaver makes it easy to add and modify them. In this lesson, you will learn how.

Lesson 8: Styling Content

Whereas HTML is a language for structuring web pages, Cascading Style Sheets (CSS) is the language used for styling and laying out web pages. Although Dreamweaver provides a nice interface for working with CSS, to use it effectively, you must understand the different ways CSS styles can be applied to elements and pages. In this lesson, you will learn how CSS works in general and how Dreamweaver implements it.

Lesson 9: Installing Database Panel for CC

The Database panels are still available in CC version. Follow the steps below to invite them back in to the interface.

Try The Complete Course

In addition to the free course material here, our complete self-paced course includes:

  • Video Presentations from Expert Instructors
  • Exercises
  • Interactive Quizzes
  • Readings and Tasks
Learn More