Web Design 12: Dreamweaver Tutorials

Along with Photoshop and Flash, Dreamweaver is a professional tool that allows you to create and manage websites effectively and efficiently. Unlike text editors, Dreamweaver is considered to be a WYSIWYG editor, meaning that HTML and CSS are automatically coded as you visually edit your webpage. However, it is sometimes necessary to manually edit HTML and CSS to get the desired visual effects. You will spend the majority of Term 2 mastering the basics of Dreamweaver and other commercial titles to deliver professional-grade websites. 

For the next couple of weeks, you will familiarize yourself with the basic interface and features of Adobe Dreamweaver CS5 by completing a series of video tutorials. These videos are available online at Adobe TV and are accompanied by sample exercise files, which can be downloaded on the same page.


  1. Click on the first Getting Started video and work your way in order.
    1. For each video, you need to first download the sample files below the video and then unzip them onto your Documents (or USB) before watching the video. The link to sample files can be found below the video.adobetv
    2. Play the video and follow along with their examples. It takes about 5 times the length of the video to fully learn the content. For example, if the video is 3 min 23 sec long, it will take the average person no longer than 16 min 55 sec to learn its content. This includes the time to follow the video step-by-step and watch the instructions at least thrice.
  2. After watching each video, write a short summary on Google Documents (shared with the teacher): (a) What have you learned? (b) Why is it useful? (c) How do you do it, step by step? The summary will be checked and evaluated by the teacher on a weekly basis.

Videos – Getting Started: