Adobe has a number of Dreamweaver tutorials and support materials on their site. Some of the material is good but students should be aware that Adobe houses tutorials for earlier versions of the software too.

How to Create a Website with Dreamweaver CS3 (Part 1) from Christopher Heng is another Dreamweaver tutorial which shows you how to set up a working website with multiple pages, including a main page, a feedback form, an About Us page, and a Site Map.

Enthos web has a Free Dreamweaver Tutorial section which is worth checking out

Vineyar Designs has provided some Dreamweaver CS 3 tutorials including setting up your site

Smashing magazine put together a huge list of Dreamweaver tutorials

Guides and have a number of CS3 tutorials

Many students in the class were introduced to Dreamweaver 2 years ago in their first year. Today we will have a bit of refresher as since then there has been a few changes to Dreamweaver.

The main changes I will be talking about in class are:

  • CSS: in this latest version compatibility and handling of CSS styles have improved.
  • Dreamweaver has added “Preview in Device central” to the Preview in Browser menu which allows you to preview your page for different kinds of media (mobile phones, PDAs etc).
  • Dreamweaver integrates well with Photoshop CS3
  • Accessibility: Dreamweaver includes a number of features that let you design and develop accessible web pages
  • New Panel: on the left side the Tag inspector.

This tutorial on the Basics of Dreamweaver CS3 covers the key entry points of the pragram

Guides and have a number of CS3 tutorials if you scroll down past the advertising!

Adobe has a number of Dreamweaver tutorials and support materials on their site. Some of the material is good but be aware that they house tutorials for earlier versions. The version that is in the lab is CS3 ie Dreamweaver 8. It can be very confusing for students if they are trying to follow a tutorial that is written for a different version of the program.

Also see in the adobe developer section Creating your first website – Part 1: Setting up your site and project files

Since we are now in week 9 of the course, this morning I thought a round up of some Image Ready tutorials that may be useful for my students and are applicable to this mornings lesson.

Also listed are some odd links to articles that i have found recently that pertain to areas of discussion in class.

ImageReady tutorials online
Interfaces and ImageReady explains how to slice a Photoshop image into an web interface. Please note what is said about PNG file format on page 2

The use of PNGs is controversial. Based on a newer graphical standard, PNGs are not supported by all browsers and have a tendency to sport quite large filesizes.

Accessibility Alert on this technique:
With any slice you create you should also add Alternate text. To do this
select the desired slice and add alt text using the Slice Palette which you can pull up by going to Window > Slice. Type in the Alt Text in the Alt field.

Building a website with Photoshop and Dreamweaver by Colin Smith is a great tutorial which covers Preparing the background, adding the design elements, preparing rollovers, slicing in ImageReady, rollovers in ImageReady, optimizing and publishing Imageready, bringing it into Dreamweaver, and turning the page into a website Dreamweaver.

A selection of ImageReady tutorials from Vecpix

One-Day ImageReady Tutorial by Michael Kay of Web Monkey

Animation in Adobe Photoshop / ImageReady shows you how to create an animation using Adobe ImageReady. Animations can be exported as an animated GIF or Macromedia Flash file.

Here is another Animation primer

Using the same principal you can create fade in and fade out effect see Creating a Fade-in Fade-out Effect in ImageReady by Fast Hacking

Here is a cluster of tutorials on animation effects in ImageReady

Adobe ImageReady Droplet Tutorial which enables you do batch processing

Here is another on creating Optimization Droplets

Found through the week
John Tokash’s Aggcompare compares RSS aggregators.

Your audience
It is crucial to ask who you are creating a website for. In How To Create Pen Portraits and Understand Your Target Audience Chris Garrett discusses pen portraits as a way to visualise who your audience/readers are. This is a marketing technique but many visual artists who are developing an online presence will find it useful to stop and think about who it is they are trying to communicate with.


Get every new post delivered to your Inbox.