ETC Technology Training
Previous Page Contents Next Page

Lists

HTML, and therefore Dreamweaver, allows for three types of lists: ordered (sequenced or numbered), unordered (bulleted), and definition. To create any type of list, it is important that each of the items on the list be designated as a paragraph first, before applying the list formatting. Do not separate list items from one another using a line-break. This will not achieve the desired effect when list formatting is applied.

Ordered (numbered) lists

Use an ordered list when the sequence in which the items are presented is important to the comprehension of the content.

To create an ordered list:

  1. Arrange the items in your list as sequential paragraphs as shown below:

    Item one

    Item two

  2. Item three

  3. Select all of the items in the list and do one of the following:
    • Click the numbered list button on the Property Inspector as shown:

    • Choose Ordered list from the List sub-menu under Text on the Menu Bar as shown:

This produces a list that looks something like:

  1. Item one
  2. Item two
  3. Item three

Unordered (bulleted) lists

Use an unordered list when the sequence in which the items are presented is not important to the comprehension of the content.

To create an unordered list:

  1. Arrange the items in your list as sequential paragraphs as shown below:

    Red

    Purple

  2. Yellow

  3. Select all of the the items in the list and do one of the following:
    • Click the bulleted list button on the Property Inspector as shown:

    • Choose Unordered list from the List sub-menu under Text on the Menu Bar as shown:

This produces a list that looks something like:

  • Red
  • Purple
  • Yellow

Definition lists

Use a definition list to list and define terms. A definition list consists of alternating "terms" and "definitions." Most browsers render a definition list with the "terms" left aligned and the "definitions" indented on a new line following the term. To create a definition list:

  1. Arrange the items in your list as a series of paragraphs as shown below:

    Term One

    Definition of Term One

    Term Two

  2. Definition of Term Two

  3. Select all of the items in the list and choose Definition list from the List sub-menu under Text on the Menu Bar as shown:

Screen shot of the pop-up menu from Text > List on the Menu bar.

This produces a list that looks something like:

Term One
Definition of Term One
Term Two
Definition of Term Two
Top