Macromedia Dreamweaver MX 2004

Additional Text Formatting Options

Getting your document text in the desired position on the web page may require some additional formatting.

• Adjusting Paragraph Alignment
• Applying Paragraph Indents
• Inserting Line Breaks
• Adding Special Characters
• Making Characters Subscript/Superscript

Adjusting Paragraph Alignment

Dreamweaver offers four paragraph alignment options: left, right, center, and justify. Choosing a paragraph alignment will align selected paragraphs to the left, right, or center of the page. The justify alignment aligns text to both the left and right borders of a paragraph.

Adjusting Paragraph Alignment: Menu Option

1. Place your cursor in the paragraph to be formatted

2. From the Text menu, select Align » Left, Center, Right, or Justify

Adjusting Paragraph Alignment: Properties Pane

1. Place your cursor in the paragraph to be formatted

2. In the Properties pane, click the appropriate alignment button
   

Applying Paragraph Indents

Dreamweaver provides a standard paragraph indent, also called a blockquote, approximately equal to one half inch.

1. Place your cursor in the paragraph to be formatted

2. In the Properties pane, click TEXT INDENT

3. To further indent the paragraph, repeat step 2
   NOTE: To reduce or eliminate a paragraph indent, click TEXT OUTDENT

Inserting Line Breaks

If you want to begin a new line but not a new paragraph, you can insert a line break. Inserting a line break will move the cursor from the line on which you are working to the very next line on the page without leaving a blank line between the two.

Inserting Line Breaks: Keyboard Option

1. Place the cursor at the end of the line where you would like to insert the line break

2. Press [Shift] + [Enter]

Inserting Line Breaks: Menu Option

1. Place the cursor at the end of the line where you would like to insert the line break

2. From the Insert menu, select HTML » Special Characters » Line Break

Adding Special Characters

Dreamweaver allows you to insert special characters that are supported by HTML code. Examples include the copyright symbol ©, the registered symbol ®, and characters unique to other languages (e.g., the ñ used in many Spanish words) and other diacritical marks.

1. From the Insert menu, select HTML » Special Characters » appropriate selection
   OR
   If the desired option is not listed
   1. From the Insert menu, select HTML » Special Characters » Other...
      The Insert Other Character dialog box appears.
   2. Select the desired character
      OR
      In the Insert text box, type the name of the special character you wish to insert
   3. Click OK
      Depending on settings, a warning may appear.

   4. Click OK

Making Characters Subscript/Superscript

Dreamweaver allows you to make your text either subscript or superscript. If you are unfamiliar with HTML code, use the design view option to insert the appropriate HTML tags without having to work directly in the code. You can also use the code view option and insert the appropriate HTML tags to make the text subscript or superscript.

Code View	Design View
This is regular text. <sub>This text is in Subscript.</sub>	This is regular text. This text is in Subscript.
This is regular text. <sup>This text is in Superscript.</sup>	This is regular text. This text is in Superscript.

Making Characters Subscript/Superscript: Design View Option

1. Select the text you want made subscript or superscript

2. From the Insert menu, select Tag...
   The Tag Chooser dialog box appears.

3. From the Markup Language Tags list, select HTML tags
   The dialog box lists the HTML tags.
   

4. From the list of tags on the right, select sub for subscript or sup for superscript

5. Click INSERT
   The Tag Editor dialog box appears.

6. Click OK
   You are returned to the Tag Chooser dialog box.

7. Click CLOSE
   The text is now either subscript or superscript.

Making Characters Subscript/Superscript: Code View Option

1. From the View menu, select Code and Design
   OR
   From the Document toolbar, click SPLIT
   The Code view appears above the Design view.

2. In the Design view, select the text you want made subscript or superscript
   That text is selected in the Code view.
   NOTE: This allows you to easily find the text in the code that you want to format.

3. In the Code view, before the selected text, type <sub> for subscript or <sup> for superscript
   NOTE: When you create an opening tag (e.g., _{), Dreamweaver automatically creates the closing tag for it (e.g.,}).

4. In the Code view, select the closing tag and drag to the end of the desired text

5. In the Properties pane, click REFRESH
   OR
   Click within the Design view
   In the Design view, the text is now either subscript or superscript.