Dreamweaver Video Tutorials

Developer Adobe Systems Latest Release version CS3 Operating System Mac OS X, Microsoft Windows Website Adobe Systems Description Adobe Dreamweaver is a web development application originally created by Macromedia and now owned by Adobe Systems, which acquired Macromedia in 2005. Dreamweaver is available for both Mac and Windows operating systems. Recent versions have incorporated support for web technologies such as CSS, JavaScript, and various server-side scripting languages and frameworks including ASP.NET, ColdFusion, JavaServer Pages, and PHP.

Getting Started

The Start page  (Lynda.com)
Windows and Mac differences  (Lynda.com)
The Insert bar  (Lynda.com)
The Properties Inspector  (Lynda.com)
The Document toolbar  (Lynda.com)
The Document window  (Lynda.com)
Panel and panel groups  (Lynda.com)
Saving workspace layouts  (Lynda.com)
How to define your browser of choice  (Lynda.com)
The new code toolbar  (Lynda.com)
Code collapse  (Lynda.com)
Commenting code  (Lynda.com)
Quick tag selection  (Lynda.com)
Comparing code  (Lynda.com)
Customizing Dreamweavers toolbars  (Lynda.com)
Dynamic applications  (Lynda.com)
Application tour  (Lynda.com)
Choosing an application server  (Lynda.com)
Choosing a Web server  (Lynda.com)
Exploring the User Interface  (digitaltutors.com)
The Application  (TrainSimpleOnline.com)

Basics

Preview in Browser  (Video-Tutes.com)
Files Menu  (Video-Tutes.com)
Making New Pages  (Video-Tutes.com)
Define Your Site  (Video-Tutes.com)
Setting up your workspace  (Lynda.com)
Define a Site  (ViewDo.com)
Find and Replace Source Code  (ViewDo.com)
Use The Window Size Option: Set your screen size and change the screen size to Dreamweaver   (PhotoshopSupport.com)
Using The Assets Panel: Preview and insert images and apply colors  (PhotoshopSupport.com)
Using Search and Replace: make global changes in Dreamweaver. How to use options to search through the source  (PhotoshopSupport.com)
Creating a Template Page  (helpvideos.net/)
Creating a new page from a Template  (helpvideos.net/)
Start Page  (trainsimpleonline.com)
Create New Documents  (trainsimpleonline.com)
Document Type Declaration  (trainsimpleonline.com)
Properties Inspector  (trainsimpleonline.com)
New site - setting one up  (teach-ict.com)
Home page - setting one up  (teach-ict.com)
New pages - adding more pages  (teach-ict.com)
Page titles - labelling pages  (teach-ict.com)
Site map - viewing your site  (teach-ict.com)
Adding Page Content  (teach-ict.com)
Viewing the HTML code  (teach-ict.com)
Setting up a new template  (teach-ict.com)
Creating a new page from a template  (teach-ict.com)
Applying a template to an existing page  (teach-ict.com)
Creating a connection to a MySQL database and creating a dynamic table : Part 5  (adobe.com)

Basic Simulation

Simulation 1 : Get Started : Setting Up a Site  (adobe.com)
Simulation 2 : Get Started : Dreamweaver Workspace Preferences  (adobe.com)
Simulation 3 : Get Started : Creating a New Document  (adobe.com)
Simulation 4 : Creating a Table-Based Layout : Inserting Tables  (adobe.com)
Simulation 5 : Creating a Table-Based Layout : Setting Table Properties  (adobe.com)
Simulation 6 : Creating a Table-Based Layout : Inserting an Image Placeholder  (adobe.com)
Simulation 7 : Creating a Table-Based Layout : Adding Color to the Page  (adobe.com)
Simulation 8 : Adding Content to Pages : Inserting Images  (adobe.com)
Simulation 9 : Adding Content to Pages : Inserting and Playing Flash Files  (adobe.com)
Simulation 10 : Adding Content to Pages : Inserting Flash Video Files  (adobe.com)
Simulation 11 : Adding Content to Pages : Inserting Text  (adobe.com)
Simulation 12 : Adding Content to Pages : Creating Links  (adobe.com)
Simulation 13 : Adding Content to Pages : Inserting Lists  (adobe.com)
Simulation 14 : Adding Content to Pages : Previewing Pages in Your Browser  (adobe.com)
Simulation 15 : Adding Content to Pages : Publishing Your Site  (adobe.com)

Planning & Designing a Site

Design and Wireframing   (VTC.com)
Tracing Images   (VTC.com)
Defining a Site   (VTC.com)
Site Structure - Windows   (VTC.com)
Site Structure - Macintosh   (VTC.com)
Creating a Site Map   (VTC.com)
Other Resources  (VTC.com)
Design and Visualization   (VTC.com)
Naming Conventions   (VTC.com)
CSS and HTML Prototyping   (VTC.com)
Tracing Image   (VTC.com)
Resources   (VTC.com)

Text

WORKING WITH TEXT: Creating Lists (11:37)  (learnflash.com)
Flash text as a link  (teach-ict.com)
Font Style  (teach-ict.com)
Heading Style  (teach-ict.com)
Font Size  (teach-ict.com)
Font Colour  (teach-ict.com)
Bullet Points  (teach-ict.com)
Indenting Text  (teach-ict.com)
Flash text  (teach-ict.com)
Popup text box  (teach-ict.com)

Images

Adding Images  (Video-Tutes.com)
Tracing Images  (Video-Tutes.com)
Use Trace Image Feature  (ViewDo.com)
Insert A Background Image. In this sample video clip tutorial you will learn the following: How to select tables in Dreamweaver How to use the property inspector to center and work with tables. How to  (PhotoshopSupport.com)
Align Images And How To Use Alt Text In Links. In this sample video clip tutorial you will learn the following: How to make an image align left or right using CSS in Dreamweaver. How to include alt te  (PhotoshopSupport.com)
Photoshop Settings. In this video clip tutorial you will learn the following: How to make Photoshop the default image editor in Macromedia Dreamweaver. How to make Photoshop the default editor for oth  (PhotoshopSupport.com)
Images  (teach-ict.com)
Resizing Images  (teach-ict.com)
Aligning images and text  (teach-ict.com)
Creating hotspots on images  (teach-ict.com)
Creating hotspots on images  (teach-ict.com)
Swapping one image for another  (teach-ict.com)
Putting a picture on a web page  (helpvideos.net/)
Photoshop settings in Dreamweaver  (adobe.com)

Buttons

Make Radio Buttons and Dropdown List Menus. In this video clip tutorial you will learn the following: How to create Radio Buttons in Dreamweaver. How to use the Property Inspector to select your optio  (PhotoshopSupport.com)
Rollover buttons  (teach-ict.com)
Creating Buttons for a Navigation Bar  (helpvideos.net/)
Using the Update and Delete Record server behaviors : Part 7  (adobe.com)

Tables

Setting up a PHP site in Dreamweaver MX : Part 2  (adobe.com)
Working with Tables  (Video-Tutes.com)
Working With Tables And Cells  (PhotoshopSupport.com)
TABLES: Inserting Tables (10:11)  (learnflash.com)
Use Tables  (ViewDo.com)
Using Tables and Frames  (PhotoshopSupport.com)
Setting up a tables  (teach-ict.com)
Merging cells in a table  (teach-ict.com)
Working with Tables  (digitaltutors.com)
Website Navigation in Tables : Navigation setup in tables using Dreamweaver and GoLive  (rookiedesigner.com)
Setting Border of Tables to 1 Pixel  (YouTube.com)"

Forms

Simple Contact Form  (Video-Tutes.com)
Validate Forms  (Video-Tutes.com)
Validating a Form  (helpvideos.net/)

Layers

Animating Layers  (Video-Tutes.com)
Layer Visibility  (Video-Tutes.com)
Working with Layers  (Video-Tutes.com)
Ads by Layers  (Video-Tutes.com)
Use Layers  (ViewDo.com)

Databases

Create Database with SQLYOG - Step 1 video tutorial  (Video-Tutes.com)
Create a page to insert data - Step 2 video tutorial  (Video-Tutes.com)
Swap Text Input to Radio Buttons - Step 3 video tutorial  (Video-Tutes.com)
Display the records - Step 4 video tutorial  (Video-Tutes.com)
What is ColdFusion  (TrainSimpleOnline.com)
What is a Database  (TrainSimpleOnline.com)
Choosing a database type  (Lynda.com)
Installing ColdFusion  (Lynda.com)
Installing ColdFusion on the Mac  (Lynda.com)
Using the Update and Delete Record server behaviors (pt 7). Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)

Database Websites

Introducing database websites  (adobe.com)
Installing IIS  (adobe.com)
Installing a testing server  (adobe.com)
Setting up a data source name  (adobe.com)
Selecting security options  (adobe.com)
Preparing to create a dynamic website  (adobe.com)
Creating an ASP JavaScript page  (adobe.com)
The Paste Special Command  (adobe.com)

MYSQL

Insert a Record into MYSQL  (ViewDo.com)
Creating a MySQL database (pt 4). Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)
Creating a connection to a MySQL database and creating a dynamic table  (Adobe.com)

File Types

File Associations  (Video-Tutes.com)
XSL Transformation  (Video-Tutes.com)
HTML vs. XHTML  (Lynda.com)
What is DHTML  (Lynda.com)
File naming conventions  (Lynda.com)
Change File Associations  (ViewDo.com)
What is JavaScript  (Lynda.com)

Languages

HTML

WORKING WITH LINKS: Email Links (04:38)  (learnflash.com)
Linking to a document  (teach-ict.com)
Linking to an external website  (teach-ict.com)
Creating an email link  (teach-ict.com)
Making a link to another page  (helpvideos.net/)
Changing the colour of a link  (helpvideos.net/)
Adding Rollovers  (Video-Tutes.com)
Create Rollovers. In this video clip tutorial you will learn the following: How to use the Insert Rollover Image tool in Dreamweaver. How to work with the Preload Rollover Image and Alt Text options.   (PhotoshopSupport.com)
Pop Up Windows  (Video-Tutes.com)
Rollover Status Bar Message  (Video-Tutes.com)
Image Navigation Menu  (Video-Tutes.com)
Jump Menu  (Video-Tutes.com)
List Menus  (Video-Tutes.com)
What is an index page  (Lynda.com)
Adding Audio and Pictures  (digitalmediatraining.com)
Set Rollover Status Bar Message  (ViewDo.com)
Jump Links And Anchors. In this video clip tutorial you will learn the following: How to create jump links in Dreamweaver. How to create anchors on a page in Dreamweaver. How to use the Hyperlink Opti  (PhotoshopSupport.com)
Page Banners  (teach-ict.com)
Adding a coloured background  (teach-ict.com)
Menu - creating a simple menu  (teach-ict.com)
Anchors  (teach-ict.com)
Inserting a Date  (digitaltutors.com)
Changing the background colour of a page  (helpvideos.net/)
Creating a Navigation Bar  (helpvideos.net/)
Testing a PHP setup : Part 3  (adobe.com)

CSS

Style Sheets  (tutorials-4-you.com)
CSS Style Sheet  (tutorials-4-you.com)
Working with CSS  (Video-Tutes.com)
The unified CSS panel  (Lynda.com)
CSS DIV visualization  (Lynda.com)
What is CSS  (Lynda.com)
Apply a CSS Style in  (ViewDo.com)
Working With CSS And External Style Sheets. In this sample video clip tutorial you will learn the following: How to change options so that your CSS files open in Dreamweaver. How to use the Layers Cat  (PhotoshopSupport.com)
Intro to CSS - Custom Styles  (digitaltutors.com)
Formatting text on your website: Font vs. CSS  (adobe.com)
turn the internal styles in your HTML documents into external styles sheets  (adobe.com)
Reviewing of some of the options in the PHP Insert bar tab : Part 8  (adobe.com)

PHP

Testing a PHP setup (pt 3). Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)
Using the Insert server behavior (pt 6). Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)
Reviewing of some of the options in the PHP Insert bar tab (pt 8). Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)
Overview of PHP (pt 1) - Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)
Overview of PHP (pt 2) - Part of an Adobe.com PHP and Dreamweaver Series  (Adobe.com)

FTP

FTP Files  (ViewDo.com)
Troubleshooting FTP Problems. In this recorded Macrochat, Macromedia Product Support Engineer David Alcala covers a wide range of troubleshooting tips and techniques for Dreamweaver users encountering  (Adobe.com)
Creating a MySQL database : Part 4  (adobe.com)

ASP

Dynamic applications  (Lynda.com)
Application tour  (Lynda.com)
Choosing an application server  (Lynda.com)
Choosing a web server  (Lynda.com)
Choosing a database type  (Lynda.com)
Installing IIS  (Lynda.com)
Mac application development  (Lynda.com)
Defining your site  (Lynda.com)
Using the Insert server behavior : Part 6  (adobe.com)

Flash

Control Flash Movies  (Video-Tutes.com)
Flash Buttons  (Video-Tutes.com)
Adding Flash Content  (Video-Tutes.com)
FLASH CONTENT AND BEHAVIORS: Inserting Behaviors (03:17)  (learnflash.com)
Flash menu buttons  (teach-ict.com)
Use Flash text to display type in your website  (adobe.com)

Shortcuts

Overview of PHP and Dreamweaver MX : Part 1  (adobe.com)
Snippets and shortcuts  (Lynda.com)
Using code hints and tag libraries  (Lynda.com)
The Paste Special Command. Dreamweaver 8 has a new Paste Special command that lets you take control over how to place copied text onto your page. The following demo is one in a series on Dreamweaver 8  (Adobe.com)

Past Versions

Dreamweaver MX 2004

Choosing a workspace: windows  (Lynda.com)
Interface tour: macintosh  (Lynda.com)
Interface tour: windows  (Lynda.com)
The start page  (Lynda.com)
The insert bar  (Lynda.com)
The property inspector  (Lynda.com)
The document toolbar  (Lynda.com)
The document window  (Lynda.com)
Panelsandpanel groups: windows  (Lynda.com)
Panelsandpanel groups: macintosh  (Lynda.com)
Testing in web browsers  (Lynda.com)
Keyboard shortcuts  (Lynda.com)
CSS page properties  (Lynda.com)
Creating Pure CSS Layouts : CSS layout strategy  (lynda.com)
Building Usable Forms : building forms with labels  (lynda.com)
What is Dreamweaver   (VTC.com)
System Requirements   (VTC.com)
Dreamweaver Updater   (VTC.com)
The Lessons Folder  (VTC.com)
Creating a Site Definition - Win   (VTC.com)
Creating a Site Definition - Mac   (VTC.com)
Advanced Site Setup  (VTC.com)

Dreamweaver MX

whats new in Dreamweaver MX  (lynda.com)
Defining the site  (Lynda.com)
Insert and modify a table  (Lynda.com)
Putting files to the web server  (Lynda.com)
Get started with the file explorer  (Lynda.com)
Defining sites for the exercises  (Lynda.com)
The advantage of using CSS  (Lynda.com)
About library items  (Lynda.com)
What are layers  (Lynda.com)
Creating a Recordset  (Adobe.com)
PHP Include File  (Adobe.com)
Creating an Insert Page  (Adobe.com)
Flash MX and Dreamweaver MX Integration  (Adobe.com)
Creating a Recordset  (adobe.com)
PHP Include File  (adobe.com)
Creating an Insert Page  (adobe.com)
Flash MX and Dreamweaver MX Integration  (adobe.com)
Implementing the PayPal Add to Cart Button using Dreamweaver MX  (adobe.com)
Implementing the PayPal Single Item Purchase Button  (adobe.com)
Whats New   (VTC.com)
Fireworks MX Integration   (VTC.com)
Answers Panel   (VTC.com)
What is Dreamweaver   (VTC.com)
System Requirements   (VTC.com)
Lessons, Sites and Trial Software   (VTC.com)
Workspace - Windows   (VTC.com)
Workspace - Macintosh   (VTC.com)
Panels and Panels Groups   (VTC.com)
Properties Inspector   (VTC.com)
Preview in Browser   (VTC.com)
Websafe Colors   (VTC.com)
Behaviors   (VTC.com)
Extensibility  (VTC.com)

Dreamweaver 4.0

Preferences  (Lynda.com)
Keyboard Shortcuts  (Lynda.com)
The Site Window  (Lynda.com)
Building Site Maps  (Lynda.com)
Using Design Notes  (Lynda.com)
Working with Tables  (Lynda.com)
Default Table Behavior  (Lynda.com)
The Interface  (lynda.com)
Image Map Links  (lynda.com)
Basics  (lynda.com)
Adding Text  (lynda.com)
Tables  (lynda.com)

Dreamweaver 3.0

The Interface  (lynda.com)
Basics Overview  (lynda.com)
Frames Overview  (lynda.com)
Rollovers Overview  (lynda.com)

Future Categories