MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Specifications

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Tutorial – Macromedia Dreamweaver MX 2004 Introduction In

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 1. Hyperlink: Clicking on this brings up a window that let

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 3. Draw Layer: Physically draw a new “layer” onto your web

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 10. Image Field: Inserts an image field at the cursor; wil

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 17. Definition Description: Allows the placement of a defi

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Creating a New Page When Dreamweaver MX 2004 has loaded you

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Use the window that pops up to browse through your compute

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) You can name whatever other pages you create however you l

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) You will want to have multiple web pages on your site, most

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) When you're designing a website, you'll probably

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 1. Page Font: Allows you to set the default font face for

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) If you do not see this listed in the “Start” menu, look f

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 7. Underline style: Allows you to change the style that li

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 1. Title: Allows you to set a default title all pages wil

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 1. Tracing image: Allows you to browse for and set an imag

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 1. Minimize/Maximize: Collapses the Properties panel back

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 21. Text Outdent: ”Outdents” the text back to the left. 22

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Introduction to Style Sheets As you may have read in the p

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) From here, you can choose to make a new CSS style (it will

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) each work. However, the first word in the name should be lo

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) A new blank page will appear with the words “<< CSS

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) In Dreamweaver MX 2004, your styles sheet should now look s

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Different Views Dreamweaver MX 2004 is a flexible program

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Now that you have saved your style sheet, you can now apply

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Once you have found the file you want to attach, click the

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) The style will immediately be applied to the highlighted t

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Go down to the Properties panel, and click the “Style” men

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) each work. However, the first word in the name should be lo

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Edit a Style You can edit any of the styles you have made

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) When you select “Insert” >> “Table,” a pop up window

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 05. Border Thickness: The thickness of a border surrounding

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) 09. Align: The alignment of the table (left, center, right)

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Select Table: Just as the name implies, this option select

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Program Layout One of the main differences between Dreamwea

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Insert Column: Similar to the above, this option inserts on

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Before using any images from other websites, be sure to tak

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) PNG (*.png), or "Portable Network Graphics," is a

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) To wrap the text around an image, use the "Align"

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Resizing an image in Dreamweaver MX 2004 does not physical

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Alternatively, dark links on a light background are also ea

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) The "Select File" window lets you browse your co

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) There are several instances where you might want to make i

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) filename (for example, an image of Murray Hall might be nam

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) A "save" box will then pop up, asking you where

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Click on the button “Change Workspace,” which is located i

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Now it's time to learn how to do the second step in m

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) A dialogue box will pop up asking you to put in the name o

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) web. While that might sound difficult, fortunately Dreamwea

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) will be asked to define what is called a "New Site.&qu

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) The next screen will ask if you want to use a server techn

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Now, you’ll be asked how you want to edit your site files,

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) You’ll have to locate on your computer the folder where al

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) • For “What folder on the server do you want to store your

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) The next screen will ask if you want to enable check in / c

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) There are some disadvantages to using the “Basic” site def

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Panels For basic web designing tasks, many of these panels

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) On the left side of the window, you will see an area calle

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) • Next to "FTP Host," type in "ftp.rci.rutg

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) this feature is essential, since it helps to prevent people

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) If you have not saved your password, a new window will appe

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) You know your files have been published to your RCI account

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) A new window will appear asking which site you’d like to ed

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Done: Click on the "Done" button when you are fin

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) have not created a new one yet. In the "Save As"

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) In the "New Editable Region" box, give the regio

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Creating a New Page From a Template The reason why Template

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Application This panel is meant exclusively for managing d

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) that you cannot change what's there, since it hasn&apo

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) You're now ready to apply this new menu to all documen

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) project using Dreamweaver MX 2004. This is referred to as &

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) When you are done, click the “OK” button here, and then “D

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) In the “Synchronize Files” window that appears, select “En

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) The “Delete” checkbox at the bottom is a powerful tool that

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) Files Of all of the supplementary panels in Dreamweaver MX

Copyright © Rutgers Writing Program Contact Barclay Barrios ([email protected]) area without the panels cluttering up the main Dreamweaver