Lay Out Text

Lists and alignment can help visitors quickly find the information they want. In this section you’ll learn how to make lists and align text.

  1. After your paragraph, press Enter and type a list of three items. These items could be job responsibilities, services provided by a department, or the name of three animals studied by the Zoology Department.

    

  1. Select the three lines and click the Unordered List button in the Properties Bar. The items appear in a bulleted list.

  2. With the items still selected, click the Ordered List icon, which is to the right of the Unordered List button. The items appear in a numbered list.

    You can also lay out text by aligning it .

  1. Select the headings at the top of your page and click the Align Center button in the Properties Bar. The headers are centered on your page.
  1. Preview your work in Internet Explorer. From the File menu, Preview in Browser submenu, choose iexplore; or press F12.
  2. Switch back to Dreamweaver.
  3. To view the HTML tags click the Code tab at the top left; OR press F10.


    The list is enclosed by <ul> and </ul>, for a bulleted, or unordered list, or <ol> and </ol> for ordered, or numbered, list. Each item in the list is enclosed by <li> and </li> tags, which designate each list item.
  4. Click on the Design tab to switch out of Code view.

 

Tutorial Source