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

Home > Articles > Design > Voices That Matter

  • Print
  • + Share This
This chapter is from the book

Creating Lists

Lists come in two flavors: ordered (numbered) and unordered (bulleted). You can change the defaults Expression Web uses for lists (letters instead of numbers, square bullets instead of round ones). For anything fancier, however, you’re better off using CSS to create sitewide styles for such lists. For more information, see “Creating Styles with CSS” on page 123.

To create a numbered list:

  1. Select the lines you want numbered (Figure 4.31).

    Figure 4.31

    Figure 4.31 Select the lines you want numbered.

  2. Click the Numbering button in either the Formatting or Common toolbar (Figure 4.32).

    Figure 4.32

    Figure 4.32 Click the Numbering button in either the Formatting or Common toolbar.

    The lines are indented and numbered (Figure 4.33).

    Figure 4.33

    Figure 4.33 The lines are indented and numbered.

To create a bulleted list:

  1. Select the lines you want bulleted (Figure 4.34).

    Figure 4.34

    Figure 4.34 Select the lines you want bulleted.

  2. Click the Bullets button in either the Formatting or Common toolbar (Figure 4.35).

    Figure 4.35

    Figure 4.35 Click the Bullets button in either the Formatting or Common toolbar.

    The lines are indented and bulleted (Figure 4.36).

    Figure 4.36

    Figure 4.36 The lines are indented and bulleted.

To create a definition list:

  1. Place your cursor where you want the first definition to appear.
  2. Use the Style drop-down menu in the Formatting or Common toolbar to choose Defined Term (Figure 4.37).

    Figure 4.37

    Figure 4.37 Place your cursor where you want the first definition to appear, and then choose Defined Term from the Style drop-down menu in the Formatting or Common toolbar.

  3. Type your first term (Figure 4.38).

    Figure 4.38

    Figure 4.38 The Quick Tag Selector at the top of the Editing Window tells you that the line is tagged as a defined term.

  4. Press enter.gif, and the text is indented and formatted as the definition of the term above it (Figure 4.39).

    Figure 4.39

    Figure 4.39 Press enter.gif, and the next block of text is formatted as the definition of the term above it.

  5. When you finished entering the definition, if you want to add more terms, press enter.gif again and the cursor jumps to a new line and switches back to the Defined Term format.
  6. When you’re done adding terms, press enter.gif twice and Expression Web switches back to the normal body text (Figure 4.40).

    Figure 4.40

    Figure 4.40 When you’re done adding terms, press enter.gif twice and the text returns to the normal paragraph formatting.

To end a list:

  • To add more items to your list—whether numbered, bulleted, or definition—press enter.gif once and the cursor starts a fresh, indented line where you may continue typing (top, Figure 4.41). When you’re done and want to return to the regular paragraph formatting, press enter.gif twice. The cursor skips a line and is no longer indented (bottom, Figure 4.41).

    Figure 4.41

    Figure 4.41 To add more items to the list, press enter.gif once and the cursor starts a fresh, indented line (top). To return to the regular paragraph formatting, press enter.gif twice (bottom).

To remove list formatting:

  1. Select a single or multiple lines from which you want to remove numbering or bullets.
  2. If the list is numbered, click the Numbering button in either the Formatting or Common toolbar.

    The number formatting is removed.

    or

    If the list is bulleted, click the Bullets button in either the Formatting or Common toolbar.

    The bullet formatting is removed.

To create a nested sublist:

  1. Click at the end of the line in your list where you want to create a sublist, sometimes called a nested list (Figure 4.42).

    Figure 4.42

    Figure 4.42 Click at the end of the line in your list where you want to create a sublist.

  2. Press enter.gif, and then press tab.gif.

    Expression Web starts a new sublist using the same list formatting as the parent list (Figure 4.43).

    Figure 4.43

    Figure 4.43 Press enter.gif, and then press tab.gif to start a sublist with the same formatting as the parent list.

  3. Add items to the sublist, pressing enter.gif when you need to add a new line (Figure 4.44). (To reformat the sublist, see “To reformat lists” on the next page.)

    Figure 4.44

    Figure 4.44 Add items to the sublist by pressing enter.gif when you need to add a new line.

  4. When you finish adding to the sublist, click anywhere back in the main list. To add items to the main list, click at the end and press enter.gif to resume (Figure 4.45).

    Figure 4.45

    Figure 4.45 To add items to the main list, click at the end and press enter.gif.

    A new, nonnested item is added to the list (Figure 4.46).

    Figure 4.46

    Figure 4.46 A new, nonnested item is added to the list.

To reformat lists:

  1. Select the list lines you want to reformat (Figure 4.47).

    Figure 4.47

    Figure 4.47 Select the list lines you want to reformat.

  2. Choose Format > Bullets and Numbering (Figure 4.48).

    Figure 4.48

    Figure 4.48 Choose Format > Bullets and Numbering.

    The List Properties dialog box automatically displays the tab whose format matches the selection.

  3. Pick a format, or click one of the other tabs to find what you want (Figure 4.49).

    Figure 4.49

    Figure 4.49 In the List Properties dialog box, pick a format or click one of the other tabs to find what you want.

  4. Click OK, and the selected lines are reformatted (Figure 4.50).

    Figure 4.50

    Figure 4.50 The selected lines are reformatted based on your choice in the List Properties dialog box.

  • + Share This
  • 🔖 Save To Your Account