facebook google plus twitter

Webucator's Free Adobe Dreamweaver Tutorial

Welcome to our free Adobe Dreamweaver tutorial. This tutorial is based on Webucator's Introduction to Dreamweaver Creative Cloud (CC) Training course.
Start Tutorial or choose from a lesson below
Web development involves a combination of client-side programming and server-side programming.
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.
In this lesson, you will begin adding simple content to an HTML page.
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.
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.
HTML provides three types of lists: Unordered Lists - used to create lists in which the order of the list items is not important (e.g., a grocery list or a list of people in a group). Ordered Lists - used to create lists in which the order is important (e.g., a recipe or setup instructions). Definition Lists - used to create lists containing terms and definitions (e.g., a dictionary or glossary). In this lesson, we will learn how to create all three.
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.
While 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.
There are many new features and enhancements in Dreamweaver since the 2015 version. We review some of them here.