Welcome to Photoshop Tutorials. We hope you find the tutorials on our website useful. We update the site weekly so make sure you come check us out at least once a week.  If you have tutorials you would like us to feature, feel free to contact us. Enjoy.
 

Sponsors

Lay Out Text PDF  | Print |

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

 
< Prev   Next >