Addition of Text to Adobe CS5 Dreamweaver Web Pages

By Jennifer Smith, Christopher Smith, Fred Gerantabee

To add text to your Adobe Creative Suite 5 (Adobe CS5) Dreamweaver web page, simply click the page wherever you want the text to appear; an insertion point appears where you can start typing. You can add text right to the page, in a CSS layer, or in the cell of a table.

Formatting text in Dreamweaver can be as simple as formatting text in any word processing. By using the Property inspector, you can easily apply basic font attributes, such as color, typeface, size, and alignment options. Clicking the Text category of the Insert panel gives you several different HTML text tags to apply to selected text.

You can use the Text category of the Insert panel to apply basic text formatting.
You can use the Text category of the Insert panel to apply basic text formatting.

Most options in the Text category are apparent, but here’s a breakdown of some text tags that may be unfamiliar to you. To use these tags, simply select the text that you want the tag to be applied to and then click the tag on the Insert panel. Here’s a description of a few options on this panel:

  • Strong: Choosing this option bolds the selected text.

  • Emphasis: Choose this option to indicate emphasis; it looks like italic.

    Dreamweaver favors the accessibility friendly <strong> and <em> tags over <b> and <i>, though both bold and italicize text, respectively, <strong> and <em>, are used in almost all cases, even when you click the B and I buttons.

  • h1/h2/h3: These heading tags create three heading levels; h1 is the largest.

  • UL (Unordered List): This setting creates a bulleted list from the selected text.

  • OL (Ordered List): Use this option to create an ordered (numbered) list from the selected text.

  • DL (Definition List): The definition list creates a structured, non-bulleted list best suited for term and definition style formatting.