This chapter is from the book
This chapter is from the book
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:
Select the lines you want numbered (Figure 4.31).
Figure 4.31 Select the lines you want numbered.
Click the Numbering button in either the Formatting or Common toolbar (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 The lines are indented and numbered.
)
)
)
To create a bulleted list:
Select the lines you want bulleted (Figure 4.34).
Figure 4.34 Select the lines you want bulleted.
Click the Bullets button in either the Formatting or Common toolbar (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 The lines are indented and bulleted.
)
)
)
To create a definition list:
- Place your cursor where you want the first definition to appear.
Use the Style drop-down menu in the Formatting or Common toolbar to choose Defined Term (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.
Type your first term (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.
Press
, and the text is indented and formatted as the definition of the term above it (Figure 4.39).
Figure 4.39 Press
, and the next block of text is formatted as the definition of the term above it.- When you finished entering the definition, if you want to add more terms, press again and the cursor jumps to a new line and switches back to the Defined Term format.
When you’re done adding terms, press
twice and Expression Web switches back to the normal body text (Figure 4.40).
Figure 4.40 When you’re done adding terms, press
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
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 twice. The cursor skips a line and is no longer indented (bottom, Figure 4.41).
Figure 4.41 To add more items to the list, press
once and the cursor starts a fresh, indented line (top). To return to the regular paragraph formatting, press twice (bottom).
)
To remove list formatting:
- Select a single or multiple lines from which you want to remove numbering or bullets.
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:
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 Click at the end of the line in your list where you want to create a sublist.
Press
, and then press 
.Expression Web starts a new sublist using the same list formatting as the parent list (Figure 4.43).
Figure 4.43 Press
, and then press to start a sublist with the same formatting as the parent list.Add items to the sublist, pressing
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 Add items to the sublist by pressing
when you need to add a new line.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
to resume (Figure 4.45).
Figure 4.45 To add items to the main list, click at the end and press
.A new, nonnested item is added to the list (Figure 4.46).
Figure 4.46 A new, nonnested item is added to the list.
)
)
)
)
)
To reformat lists:
Select the list lines you want to reformat (Figure 4.47).
Figure 4.47 Select the list lines you want to reformat.
Choose Format > Bullets and Numbering (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.
Pick a format, or click one of the other tabs to find what you want (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.
Click OK, and the selected lines are reformatted (Figure 4.50).
Figure 4.50 The selected lines are reformatted based on your choice in the List Properties dialog box.
)
)
)
)
TIPs
Reformatting leaves any nested lists in their original format (Figure 4.51).
Figure 4.51 Reformatting preserves any nested lists in their original format.
While the List Properties dialog box includes an option to use your own customized picture bullets, you’ll have more flexibility if you leave the tab set to Use current CSS style (Figure 4.52). That way you can create and update custom bullets across your site. For more information, see “Creating Styles with CSS” on page 123.
Figure 4.52 While the List Properties dialog box lets you use customized picture bullets, you’ll have more flexibility if you leave the tab set to Use current CSS style.
)
)