Basics Getting Ready First Page Tutorial Finished First Page Second Page Tutorial

Finished Second Page

Basics

Buttons: Hold your cursor over any button to see its label
Tools: 

Property Tools are found at Window > Property (used to change font, font size, font color, bold, italicize, text and object justification, help, links, bullets, number lists, and indentation.)
Page Tools are found at Modify > Page Properties (used to insert background images, change the background color, and change link colors.)
Main Window Tools are found at the top of the main Dreamweaver page. Some of the most useful tools are labeled in the diagram below.

 

 

 

  Views: Most students prefer to develop webpages in Design View instead of Code View.
Title: This is what shows up on the title bar of a browser and is the major link label used by search engines.
Preview in Browser: Most students will use the F12 key to see how the page would look like on the Internet.
Grid lines and Rulers: These allow you to even be more accurate when placing items on your page.
Naming:

Many web servers are UNIX based; UNIX servers are case sensitive. File names need to be typed exactly with correct upper/lower case letters. It is recommended that you keep your page names and image names short and in lower case.

 

 

Getting Ready for the Tutorial

Organize:

Before starting the tutorial, in the student folder on your desktop create a new folder called burpquest (lower case). Then create a new folder in the burpquest folder called images (lower case). Place a copy of your picture in this folder. Make sure it is a jpeg picture and the name is short and in lower case. Also place a copy of the barney.gif image in your images folder.

barney.gif

Wav Sound

barneyburp.wav

barneyklein.gif (animated gif)