Using the Dreamweaver Properties Inspector

These Dreamweaver 8 tutorial will demonstrate how to use Dreamweaver's property inspector to format objects selected in the Document Window. The properties inspector is commonly used to format text, image properties, tables, and more.

The Properties Inspector, located at the bottom of the Dreamweaver workspace, enables you to view the properties associated with the object or text that is currently selected in the Document Window. You can use the Properties Inspector to display and edit the properties of the object selected in the Document Window.

NOTE: By default, it opens at the bottom of the window, but it can be moved anywhere.

The Property Inspector contains two sections: The main section always opens and displays common properties that are most often changed. The second section displays properties that are not changed as frequently. Click on the lower right corner to expand the Properties Inspector.

Dreamweaver 8 Tutorials: Property Inspector: Format Text

In the figure below, text is selected in the Document Window and the Property Inspector provides information about that text that may be edited such as Font, style, size, paragraph alignment, and other properties associated with text.

The changes made in the Property Inspector are immediately applied to the selected text in the Document Window.

Dreamweaver Property Inspector

Dreamweaver 8 Tutorials: Format a Table

In the figure below, the Property Inspector is for a table what was selected in the Document Window. In this view, notice that the properties have changed from those associated with text to those associated with tables. Now you can edit table properties such as number of rows or columns, cell padding, background colors, etc.

Any changes made to the table in the Properties Inspector will be applied to the selected table in the Document Window.

Property Inspector Table

Dreamweaver 8 Tutorials: Format an Image

In the figure below, an image is selected in the Document Window, and the Property Inspector changes to show the properties associated with the selected image. When the image is selected in the Document Window, the image properties appear in the Properties Inspector.

You can change many image properties such as dimensions, filename, alignment, links, and more.

Property Inspector for Images

See these related Dreamweaver 8 Tutorials:

 


Search for Tutorials
 

Dreamweaver 8 Tutorials

The Dreamweaver 8 Workspace
Overview of the Workspace
Using The Insert Toolbar
Show or Hide Windows
Using the Properties Inspector
Customize the Document Window

Creating a Web Site
Creating a New Web Site
Managing Web Site Definitions

Creating Basic Web Pages
Create a Basic Webpage
Creating New Web Pages
Opening and Saving Web Pages
Closing Web Pages
Previewing Web Pages in a Browser

Using Text
Add Paragraphs and Headings
Align Paragraphs and Headings
Formatting Text
Inserting Special Characters

Inserting Hyperlinks
Create Hyperlinks
Using Named Anchors
Create Email Links
Refresh Pages or Redirect Users
Linking to files

Using Graphics
Image File Types
Inserting Images
Cropping and Resizing Images
Changing the Brightness and Contrast of an Image
Setting Image Properties
Change Image Size

Using HTML Tables
About HTML Tables and Table Modes
Inserting Tables
Selecting Tables, Rows, Columns, and Cells
Formatting Tables and Cells
Importing Tabular Data
Using Table Design Schemes to Format a Table
Setting Table Colors

Web Site Management
Managing Links
Changing Links Sitewide
Finding and Fixing Broken Links
Site Reports
Using the Files Panel
Getting and Putting Files
Checking In/Out Files
Synchronizing Local and Remote Sites

Cascading Style Sheets
Cascading Style Sheets
Creating CSS Styles
Defining CSS Styles
Using the CSS Panel
Applying and Removing CSS Styles

Using Layers
Creating Layers
Moving and Resizing Layers
Setting Layer Properties
Nesting Layers
Using the Layers Panel

Behaviors
Creating Behaviors
Default Behaviors in Dreamweaver
Targeting Browser Behaviors
Deleting Behaviors
Downloading Behaviors from the Internet
Creating a Rollover Image

Using Forms
Understanding Forms and Scripts
Creating Forms
Inserting Text Boxes
Inserting Hidden Fields
Inserting Check Boxes
Inserting a Radio Group
Inserting a List Menu
Inserting Jump Menu
Inserting a File Field
Inserting Buttons

Site Build It!

This site proudly build with Site Build It!

Powered By SiteBuildIt

 

Bluehost.com Web Hosting $6.95 

 

Dreamweaver Video Tutorials
Dreamweaver Store
All Dreamweaver Tutorials

The Dreamweaver 8 Workspace
Overview of the Workspace
Using The Insert Toolbar
Show or Hide Windows
Using the Properties Inspector
Customize the Document Window

Creating a Web Site
Create a Basic Webpage
Creating a New Web Site
Managing Web Site Definitions

Creating Basic Web Pages
Creating New Web Pages
Opening and Saving Web Pages
Closing Web Pages
Previewing Web Pages

Using Text
Add Paragraphs and Headings
Align Paragraphs and Headings
Formatting Text
Inserting Special Characters

Inserting Hyperlinks
Create Hyperlinks
Create Named Anchors
Create Email Links
Refresh Page & Redirect Users
Linking to files

Using Graphics
Image File Types
Inserting Images
Cropping and Resizing Images
Changing the Brightness and Contrast of an Image
Setting Image Properties
Change Image Size

Using HTML Tables
About HTML Tables and Table Modes
Inserting Tables
Selecting Tables, Rows, Columns, and Cells
Formatting Tables and Cells
Importing Tabular Data
Using Table Design Schemes to Format a Table
Setting Table Colors

Web Site Management
Managing Links
Changing Links Sitewide
Finding and Fixing Broken Links
Site Reports
Using the Files Panel
Getting and Putting Files
Checking In/Out Files
Synchronizing Local and Remote Sites

Cascading Style Sheets
Cascading Style Sheets
Creating CSS Styles
Defining CSS Styles
Using the CSS Panel
Applying and Removing CSS Styles

Using Layers
Creating Layers
Moving and Resizing Layers
Setting Layer Properties
Nesting Layers
Using the Layers Panel

Behaviors
Creating Behaviors
Default Behaviors in Dreamweaver
Targeting Browser Behaviors
Deleting Behaviors
Downloading Behaviors from the Internet
Creating a Rollover Image

Using Forms
Understanding Forms and Scripts
Creating Forms
Inserting Text Boxes
Inserting Hidden Fields
Inserting Check Boxes
Inserting a Radio Group
Inserting a List Menu
Inserting Jump Menu
Inserting a File Field
Inserting Buttons

 

[?] Subscribe To This Site

XML RSS
follow us in feedly
Add to My Yahoo!
Add to My MSN
Subscribe with Bloglines