Intro & Account Setup | Getting Started With Dreamweaver MX | Program Layout | Making a Page | Page Properties
Text and Text Properties | Cascading Style Sheets | Tables | Images | Links
Publishing | Templates | Collaborating | Outside Resources

Opening Dreamweaver MX
To start working with Dreamweaver MX, you will need to open the program. Most campus computer labs are now equipped with this program on its computers, and it can also be found on all Computer Classroom computers. You can open it by clicking on the "Start" button located in the bottom left corner of your screen. Then, navigate to the "Programs,” and then to the “Macromedia” folder. From there, select “Macromedia Dreamweaver MX.” Please note that many computers in Rutgers labs have BOTH Dreamweaver MX and Dreamweaver 4 installed, and may both be listed in the “Start” menu. Make sure you open Dreamweaver MX, the more recent version of the program.

If you do not see this listed in the “Start” menu, look for an icon for Dreamweaver MX on your Desktop.

When you open up the program, you may be asked to choose between working in the Dreamweaver MX workspace or the Dreamweaver 4 workspace.

For the purposes of this tutorial, select “Dreamweaver MX Workspace” and click “OK” to proceed. If you are more comfortable using the Dreamweaver 4 workspace, select that option and continue.

For more information about selecting the Dreamweaver 4 workspace and changing back to the Dreamweaver MX workspace, please go to the “Program Layout” section.

Different Views
Dreamweaver MX is a flexible program that allows you to code in different “views”: Code View, Code and Design View, and Design View. You can switch between these views by using a series of three button icons located near the top left corner of the screen.

In the Code view, Dreamweaver MX displays a web page in its raw form: HTML code. If you are familiar with hand-coding HTML, you may wish to edit your web pages in this view.

The Code and Design View splits the screen in half, displaying the HTML code for the web page in the top, and the WYSIWYG, or Design View, in the bottom half.

Finally, the Design View displays a web page purely in the WYSIWYG style. Here, you can physically manipulate your web page elements, rather than coding them in HTML. This is the ideal view to use for beginners.

>> next