Dreamweaver Tutorial: Customize the Document Window

This Dreamweaver tutorial demonstrates how to customize the Dreamweaver Document Window.

The Document Window is the main work area in Dreamweaver where you create Web pages and enter text, images, and other content. You can open and close the panels and inspectors to keep the workspace clear when you are not using them.

Customize the Document Toolbar

You can use the drop-down menus in the Insert Bar to change the insert options. The status bar displays the file size and estimated download time for your Web page. When you aren't using them you can close the document panels.

Dreamweaver Customize Insert Toolbar

The figure below shows the Document Window with the Insert Toolbar shown as tabs.

Dreamweaver Customize Insert Toolbar

The Insert Drop-down window can be shown as tabs across the top by clicking on Show As Tabs from the Insert drop-down menu.

Customize the Document Window

You can click on the black triangles on the divider bars between the Document Window and the Panels and Property Inspector to make them close. You can also click and drag the black triangles between the Document Window and the Panels or the Property Inspector to close them.

Dreamweaver Customize Document Windwo

Here is the Document Window with the Panels and the Properties Inspector closed. You have more room to work in the Document Window with the other panels closed.

Arrow View the full-size tutorial (1:09)

See also these other Dreamweaver Tutorial

 


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