Ordered and Unordered Lists

Contact Us or call 1-877-932-8228
Ordered and Unordered Lists

Ordered and Unordered Lists

There are three types of lists:

  1. Unordered Lists - used to create lists in which the order of the list items is not important (e.g., a grocery list or a list of people in a group).
  2. Ordered Lists - used to create lists in which the order is important (e.g., a recipe or setup instructions).
  3. Definition Lists - used to create lists containing terms and definitions (e.g, a dictionary or glossary).

Creating ordered and unordered lists in Dreamweaver is simple using the list icons in the Properties Inspector: To illustrate:

  1. Open ClassFiles/Dreamweaver/Exercises/Anchors-list.html in Dreamweaver.
  2. Place the cursor on the line with the three linked story titles.
  3. Click on the Unordered List icon in the Properties Inspector. Your page should appear as follows:
  4. Place the cursor at the end of "Pooh Goes Visiting" and delete the dividing bar:
  5. Press Enter:
  6. Place the cursor at the end of "A Mad Tea-Party," delete the dividing bar and press Enter:
  7. To add another bullet at the end of the list, place the cursor at the end of "The Naughty Boy" and press Enter and type a story name:
  8. You can add additional bullets by typing story names and pressing Enter just as you would in a typical Word processing tool.

You create ordered (or numbered) lists in the same way. In step 3 above, you would click the Ordered List icon instead of the Unordered List icon.

To create an ordered or unordered list from scratch, simply start a new paragraph and press the appropriate list icon on the Properties Inspector.

Nesting Lists

Unordered and ordered lists may be nested any number of levels deep. To illustrate:

  1. Open ClassFiles/Dreamweaver/Exercises/nested-list.html in Dreamweaver.
  2. The page is currently empty. Type "Grocery List" and make it a Heading 1.
  3. With the cursor below the heading, begin an unordered list by clicking on the Unordered List icon in the Properties Inspector.
  4. Type "Fruit" and press Enter:
  5. To create your nested list, press Tab (or click the Indent icon on the Properties Inspector) and type "Apples" Enter, "Pears" Enter, "Bananas" Enter:
  6. There are multiple ways to get back to the parent list:
    1. Press Enter again.
    2. Press Shift+Tab.
    3. Click the Indent icon on the Properties Inspector.
  7. Type "Meat" and press Enter:
  8. Continue with your list until it looks like this:
  9. To get out of a list, make sure the cursor is at the very end of the last item in the list and press Enter twice.

Converting Lists

To convert an unordered list to an ordered list (or vice versa), click somewhere within the list (or sublist) and then click the appropriate list icon on the Properties Inspector.

Next