Dreamweaver Manual

Adobe Dreamweaver CS6 Tutorial

G ETTI NG S TA RT ED

This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout, insert images and text, create links, and how to upload your site to the Internet. This tutorial offers information for Mac and PC users.

TABLE O F C O NT ENTS

In this tutorial, you will learn the following: 1. ACTIVATING YOUR WEBSPACE 2. GETTING STARTED 3. CREATING A HOMEPAGE 4. DESIGN AND LAYOUT 5. INSERTING AND USING TABLES 6. ADDING DESIGN ELEMENTS 7. PREVIEWING IN BROWSER 8. CREATING HYPERLINKS 9. INSERTING SPECIAL MEDIA 10. UPLOADING YOUR SITE Pg. 3 Pg. 4 Pg. 7 Pg. 8 Pg. 9 Pg. 12 Pg. 13 Pg. 14 Pg. 16 Pg. 18

2

1. ACTIVATING YO U R W EB S PAC E

Before you get started, it is important that you have somewhere to upload your Web site when it is completed. To activate your personal Web space, either: 1. Visit the Technology Support Center (TSC), located at 110 Hayes Hall, and apply for personal web space. 2. Ask your instructor (if the project is for class work) about setting up a ClassWorks server space for your class. Information about applying for a personal web space from the TSC can be found at: http://www.bgsu.edu/its/tsc/self-help/page9436.html

3

2 . G ETT I NG S TA RT ED

CREATING YOUR LOCAL ROOT FOLDER First, you need to decide what you want to put on your website: images, buttons, 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. This folder is important because this is where Dreamweaver looks for all your files. To create a root folder, follow these steps: 1. Create a new folder on your desktop. On a Mac, click File > New Folder. On a PC, right-click and choose New Folder. 2. Give the folder a brief, but descriptive name. Do...