Sections
ITS Home Button
Students Button
Faculty & Staff Button
Help & FAQ button
Merlin Button
Webmail Button
Online Course Resources Button
Policies & Procedures Button
NCC Homepage Button
About ITS Button
Comments Button

Google

 

 
Dreamweaver Basics
What is Dreamweaver Property Inspector
Document Window Keboard Shortcuts
Object Palette  

What is Dreamweaver?

Dreamweaver by Macromedia is a professional web site development program. Designed by web developers for web developers.

Dreamweaver Workspace:

Document Window - Dreamweavers primary workspace. Empty canvas where you create your web pages.

Status Bar-

  1. Tag Selector - Listing of current HTML tags. Your cursor's position in the document determines which tags are displayed in the Tag Selector. The Tag Selector constantly keeps track of where you are in the HTML document by displaying the tags surrounding your current cursor position.
  2. Window Size pop-up menu - Gives designers a sense of how their pages look on different monitors. It shows you the screen size of the current document window, in pixels, in width x height format.
    The window size is given as the inside dimensions of the broswer window, without borders, the monitor size is listed in parentheses.
  3. Download Indicator - Opening a page from your hard drive and opening a page over the internet are two very different experiences. You are shown the cumulative size of the page/the time it takes to download at a particular modem connection.
  4. Mini Launcher - Same as the large launcher opens and closes windows: site, library, html sytles, css styles, behavior, history and html source.

Objects Palette:

The objects palette holds the items most often used when designing web pages. It it divided into six separate panels of objects: Characters, Common, Forms, Frames, Head and Invisibles. To switch between panels, click the small expander arrow at the top of the objects palette and then choose an option from the menu. One of the great advantages of the Object Palette is that it is totally customizeable.

Object Palette - Panel Views
Characters Common Forms Frames Head Invisibles

TIP: Until you learn what all the icons represent, you might want to have the Objects Palette show a description of each icon:

  1. Click Edit, then Preferences.
  2. Highlight General.
  3. In the Objects Palette drop down menu, choose Icons and Text.
  4. Click OK.

Your Object Palette should now look like this:

Property Inspector

The Property Inspector displays properties for selected objects. The Inspector changes to reflect the object selected, such as image properties when an image is selected.

Format Font Combination Size Text Styles and Alignment Link

Format applies the selected tag to the text.

 

Font Combination applies the selected font Combination to the text. Browsers render text using the first font in the combination that is installed on the user's system.

 

Size applies either an absolute font size (1 through 7) or a font size relative to the base font size (+/-1 through +/-7, with the default being 3) You can also enter an exact point size, such as 12.

 

text color - Renders the text in a selected color

 

Bold and Italic apply to the respective style
Left, Center, and right alignment apply to the respective alignment.


link makes the selected text a hyper link to the specified URL. Type the URL or click the folder icon to browse to and select a page in your site.

 

Target specifies a frame in which the link page is loaded.

 

Lists You can create numbered lists and bulleted lists.

Indent and Outdent