Basic Web Design with Dreamweaver

Keep all site files in root folder.
It takes organization and practice.
Simply follow basic instructions.
Stupid goofs can be avoided.

Keep it simple, stupid!

 
Thanks, Jim, for reminding me!
 

Learning the Basics:

  • Organizing Your Site
  • Panels and Windows
  • Defining Local Site
  • Specifying Preview Browsers
  • Saving Files
  • Naming Files
  • Creating New Pages
  • Titling Pages

More Basics:

  • Specifying Background Color
  • Using Background Graphics
  • Specifying Default Font Color
  • Specifying Link Colors
  • Adding Text, Positioning Text, and Making Lists

Cool Stuff:

  • Using the Assets Panel
  • Adding E-Mail Links
  • Adding Flash Text
  • Inserting Flash Buttons

Creating Tables:

  • Designing in Layout View
  • Creating in Standard View

Working with Graphics:

  • Inserting Graphics
  • Aligning Graphics
  • Wrapping Text
  • Practice

Creating Hyperlinks:

  • Linking to a document
  • Linking to an external Web site
  • Practice

Creating Image Maps:

  • Creating the map
  • Adding hotspots
  • Hyperlinking hotspots
  • Practice

Linking to Named Anchors:

  • Inserting anchors
  • Linking to anchors
  • Practice

FTP'ing to the HSTA Server

  • Defining a Homepage
  • Checking Links Sitewide
  • Setting Up a Connection
  • Connecting to the Server
  • Uploading Folders and Files
  • Downloading Folders and Files

Coming Soon:

  • Creating Forms (Under Construction)
  • Using Site Maps
  • Creating Framesets
  • Creating and Working with Templates
  • Cascading Style Sheets
  • Using Behaviors

 

 

 

Dreamweaver is a powerful web authoring tool. It takes a bit of getting used to, but by establishing some good habits and with a bit of practice, you will be able to create basic web pages. Dreamweaver applications make it easier to add enhanced tools and touches to your web pages.

The materials presented here provide step by step instructions in the use of Dreamweaver applications. Enough materials to get you started are here now and other, more advanced applications will be added later. Practice pages are included for some of the applications.

A free 30-day trial version of Dreamweaver is available. A tutorial comes with the trial version. Get started with the trial version or use the tutorials to find answers to your questions, acquire new skills, or complete additional practice.

 
 
We're working on it!
 
 
get started with basics
HSTA Home