Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
  • 💬 Discuss

Applying Headings

After paragraphs, headings are the most important structural element on most webpages. Headings point your site’s visitors to essential information on the page, and they separate sections of the page. Think of headings as being similar to headlines in a newspaper.

Text you enter into Dreamweaver begins with no heading; Dreamweaver refers to this text as None in the Property inspector. As soon as you press Enter (Return), Dreamweaver wraps the text in paragraph tags, and the text becomes paragraph text.

HTML has six sizes of headings, plus paragraph text red-a.jpg. These headings don’t have a fixed point size, unlike headings in, say, Microsoft Word or Adobe InDesign. Instead, they are sized relative to one another and to the size of the paragraph text, and the size that the user sees depends on the settings in the user’s web browser. By default, headings are usually displayed in boldface.

04fig10.jpg

click here to view image

red-a.jpg Examples of the six heading sizes, plus paragraph, which is usually used for body text.

You can change the look of headings (their size, font, color, and so forth) using CSS, which we’ll cover in Chapter 7.

To apply a heading

  1. Click in the line you want to change.

    Note that you don’t have to select text; a heading is a block style, so it affects the entire paragraph the cursor is in.

  2. Choose Format > Paragraph Format > Heading x, where x is the heading size you want red-b.jpg.

    04fig11.jpg

    click here to view image

    red-b.jpg Choose the heading size you want from the Paragraph Format submenu.

    or

    Press Ctrl-1 for Heading 1, Ctrl-2 for Heading 2, and so on. On the Mac, press Cmd-1 for Heading 1, Cmd-2 for Heading 2, and so on.

    or

    Choose a heading from the Format pop-up menu in the HTML mode of the Property inspector red-c.jpg.

    04fig12.jpg

    red-c.jpg Another way to choose the heading size is to use the Format menu in the HTML mode of the Property inspector.

    or

    Choose one of the heading options from the Heading pop-up menu in the Structure category of the Insert panel red-d.jpg.

    04fig13.jpg

    red-d.jpg The Structure category of the Insert panel gives you a pop-up menu with the six heading sizes.

    The text changes to the heading you selected.

To turn text into paragraph text

  1. Click in the line you want to change.
  2. Choose Format > Paragraph Format > Paragraph.

    or

    Choose Paragraph from the Format pop-up menu in the HTML mode of the Property inspector.

    or

    Press Ctrl-Shift-P (Cmd-Shift-P).

    Dreamweaver changes the text into a paragraph.

To remove heading formatting

  1. Click in the line you want to change.
  2. Choose Format > Paragraph Format > None.

    or

    Press Ctrl-0 (Cmd-0). (Those are zeros, not the letter “O.”)

    The Format menu of the Property inspector changes to None, indicating that the text has no heading or paragraph style assigned to it.

  • + Share This
  • 🔖 Save To Your Account

Discussions

comments powered by Disqus