- Sep 23, 2013
- Adding Text
- Cutting, Copying, and Pasting Text
- Dragging and Dropping Text
- Using Paste Special
- Applying Headings
- Applying Character Formats
- Applying HTML Text Styles
- Using Preformatted Text
- Adding Line Breaks
- Indenting and Aligning Text with HTML
- Working with Lists
- Inserting Special Characters
- Working with Font Styles
- Using Web Fonts
- Adding Automatic Dates
- Finding and Replacing
- Finding Text with a Simple Search
- Performing Advanced Text Searches
- Finding and Replacing in Source Code
- Finding and Replacing with a Specific Tag
- Using Regular Expressions for Searching
- Checking Spelling
Working with Lists
Lists are an easy way to organize content on your webpage. Dreamweaver supports three types of lists:
Numbered lists or Ordered lists, for lists with items that need to be in a particular order . List items are numbered and indented from the left margin. If you add or remove items from the numbered list, it automatically renumbers.
Numbered lists automatically renumber if you insert a new item between two existing items.
Bulleted lists or Unordered lists, for lists of items in no particular order .
Bulleted lists are single-spaced and indented.
Definition lists, where each item has an indented subitem .
Definition lists have the definitions indented under the definition terms. The definition terms don’t have to be all uppercase—they just happen to be in this figure.
To create a list
- Type the items for your list into the window. After typing each item, press Enter (Return).
- Select the items in the list.
Choose Format > List, and then choose Unordered List, Ordered List, or Definition List from the submenu.
Click either the Unordered List or Ordered List button in the HTML mode of the Property inspector.
Click one of two buttons in the Structure category of the Insert panel: ul for Unordered List, or ol for Ordered List.
The text changes to the kind of list you chose.
Setting list properties
You can change numbered list and bulleted list properties in Dreamweaver. Choose between five types of numbering, as shown in Table 4.3. For bulleted lists, you can choose either a round bullet (the default) or a square bullet. There are no properties to set for a definition list.
Table 4.3. Numbered List Style Options
1, 2, 3, 4
i, ii, iii, iv
I, II, III, IV
a, b, c, d
A, B, C, D
To set list properties
- Click in the list you want to change to place the insertion point.
Choose Format > List > Properties.
The List Properties dialog appears .
In the List Properties dialog, you can change the way lists are numbered and bulleted.
Do one or more of the following:
- In the List type pop-up menu, select Bulleted List, Numbered List, or Directory List (“definition list” is called “Directory List” in this dialog for some reason).
- In the Style pop-up menu, select one of the Bulleted List or Numbered List styles.
- Use the Start count text box to set the value for the first item in the numbered list.
- Click OK.
You can indent lists within lists to create nested lists. Because nested lists do not have to be of the same type, you can create, for example, a numbered list with an indented bulleted list, and you can have multiple levels of nested lists within one overall list .
You can nest numbered lists inside bulleted lists.
To create a nested list
- Click the end of a line within an existing list to place the insertion point.
Press Enter (Return).
Dreamweaver creates another line of the list.
Dreamweaver creates a new indented sublist of the same type as the parent list. For example, if the parent list is a numbered list, the new sublist will also be a numbered list.
- (Optional) If you want the sublist to be a different type of list than the parent list, click the Numbered List or Bulleted List button in the HTML mode of the Property inspector.
- Type the list item.
Press Enter (Return).
Dreamweaver creates a new sublist item.
- To return to the original list, use the up or down arrow keys to move the insertion point into one of the items in the original list, or click to place the insertion point where you want it.