Manipulating Text, Lists, & Color in Dreamweaver

Example

Text

The Property Inspector creates:

• headings - sizes 1 to 6, with 1 the largest
• font sizes - sizes 1 to 7, with 7 the largest
• font faces - any number of combinations, but be PC-safe!
• font color
• alignment - right, left, center
• style - bold or italics

Many of the text elements can also be added from the Text Menu.

The Text Menu is an easy and quick way to set up various font face configurations PLUS extra formatting styles <tt>. . .

TIP: You can create logos, slogans and headings as images for a creative touch at Flaming Text.

NonBreaking Spaces

By default, the browser will not let you have more than one space between words. You can press the space bar all you want… the browser will ignore you!

To add extra space, use the &nbsp; special character:

• Insert > special characters > nonbreaking space (&nbsp;)
• Window > objects > characters >

Repeat this special character several times and in several locations - position your cursor in the appropriate location and…

Window or Launcher > History > hi-lite nonbreaking space > click replay

Horizontal Rules

Horizontal Rules are used to divide the webpage into sections.

• Insert > Horizontal Rule

By default, a Horizontal Rule will fill the entire screen. They can be modified:

• aligned to the right, left, center
• width in pixels or a percentage of the screen
• height in pixels or percentage
• shading to darken it to gray

History

Drag the history slider up and down a few times and watch your previous "actions" appear and disappear!

TIP: Edit > Undo/Redo are similar to the history slider.

View the source code - watch the coding appear and disappear!

Find & Replace

Replace a word with another word:
Edit > Find & Replace

This can be done across a single page or across a website.

Back to the Top

Lists

Lists are used to present information in a more readable format.

Types of lists:

• Ordered lists are numbered or alphabetized.
• Unordered lists are bulleted.
• Definition lists are often used in glossaries.

Lists can be created by using the:

• Text Menu >
• Modify > property inspector > bullets or numbered lists
• Window > property inspector > bullets or numbered lists

List Item opens up bullet/numbered list options

The Text Menu offers quick and easy options:
<ul>, <ol>, <dl> lists with the various styles for each

Back to the Top

Color

By using the color eyedropper, you can coordinate match color found in an image with font and background colors.

Check out Color Picker for coordinating background, text, and links colors.

Color can be set for the entire page:
Modify > Page Properties >

Color can be set for a letter, word, several words, paragraphs...:
Hi-lite the desired letter...
Modify > Page Properties > open up the colorchip & select a color

Back to the Top