Adobe Dreamweaver

ADOBE DREAMWEAVER CS3 TUTORIAL

Adapted from www.bgsu.edu/downloads/cio/file17760.pdf

1

TABLE OF CONTENTS
I. GETTING S TARTED.................................................................................................... 2 II. CREATING A WEBPAGE ........................................................................................... 2 III. DESIGN ANDLAYOUT............................................................................................. 3 IV. INSERTING AND USING TABLES .......................................................................... 4 A. WHY USE TABLES ................................................................................................. 4 B. HOW TO INSERT A TABLE................................................................................... 4 C. PROPERTIES OF TABLES ...................................................................................... 5 Properties of a Table Itself.......................................................................................... 5 Properties of Cells Inside Table.................................................................................. 6 D. CREATING YOUR DESIREDLAYOUT................................................................ 7 V. ADDING DESIGN E LEMENTS ................................................................................. 8 A. ADDING TEXT......................................................................................................... 8 B. INSERTING IMAGES.............................................................................................. 8 C. IMAGE PROPERTIES INSPECTOR ....................................................................... 9 D. FORMATTING PAGE PROPERTIES ..................................................................... 9 VI. PREVIEWING IN BROWSER.................................................................................. 10 VII. CREATINGHYPERLINKS..................................................................................... 10 A. INTERNAL LINKS................................................................................................. 11 B. EXTERNAL LINKS ................................................................................................ 11 C. BASIC EMAIL LINK.............................................................................................. 11 VIII. AFEW TIPS ON WEB DESGN ............................................................................. 12 IX. TESTING YOUR WEBSITE ..................................................................................... 12 X. UPLOADING YOUR WEBSITE TO THE AUI SERVER ........................................ 12

Adapted from www.bgsu.edu/downloads/cio/file17760.pdf

2

I. GETTING S TARTED
First,you need to decide what you want to put on your website: images, files, videos, PDF documents, PowerPoint presentations, etc. To create and maintain an organized website, you need to establish a hierarchy of folders that contain all of the components that make up your site. This folder is called your Local root folder. It is important because this is where Dreamweaver looks for all your files. Tocreate a root folder, follow these steps: 1. Create a new folder on your desktop or personal partition. On the desktop, right-click and choose New Folder. 2. Give the folder a brief, but descriptive name. Do not use capital letters, spaces, or special characters when naming folders and files for your website. All of your pages will be saved within this folder. 3. Open the folder, and createanother new folder inside. Name this folder images. Put all of your images, buttons, movie files, etc. inside the images folder. 4. Make sure that all your pages and images are saved in your root folder, or they will not appear the next time your website is opened. 5. Now you are ready to launch Dreamweaver CS3. Click the Dreamweaver CS3 icon from Start > Programs > Macromedia Dreamweaver CS3. Or use...