Working with Dreamweaver

Up to this point, you’ve learned to create various web graphics in Photoshop. Unfortunately, while Photoshop lets you save images as web pages, that’s all you can do. There’s no way to enter text (content) on your web page when working with Photoshop unless you make that text part of your image (by using the Text tool).

There are a couple reasons why you would want to use a web editing program (such as Dreamweaver) to add content to your web page rather than Photoshop:

• 
  
  Search engines (such as Google and Yahoo) use the text on your web pages when visitors perform searches. The text has to be part of the HTML code, however. Google and Yahoo have no way to read text that’s an image (that is, text created in Photoshop).
• 
  
  Visitors enjoy web pages that change. That means revising your content often. Updating content is easier from a web editing program than having to go into Photoshop and retype text using the Text tool.

In this tutorial, you’ll explore Macromedia Dreamweaver. Dreamweaver is a professional HTML (web page) editor that allows users to design and code anything you can think of for the World Wide Web, including websites, web pages, web applications, and more. Dreamweaver is one of the web editing programs of choice for professional web designers.

In this tutorial, you’ll learn the basics of Dreamweaver. This tutorial will get you up and running with the program, and you’ll specifically learn how to work further with the web images you’ve created in Photoshop.

In this tutorial:

1. Working with Dreamweaver
2. The Dreamweaver Environment
3. Exploring Dreamweaver Environment