Adobe Dreamweaver CS6/CC Free Tutorial

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

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, ordered lists, and definition lists. 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.

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.

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