Ads

How to Create Lists and Data Tables

You can create numbered (ordered) lists, bulleted (unordered) lists, and definition lists from existing text or from new text as you type in the Document window. Definition lists do not use leading characters such as bullet points or numbers and are often used in glossaries or descriptions. Lists can also be nested. Nested lists are lists that contain other lists. For example, you might want an ordered or bulleted list nested within another numbered or unordered list. 

Creating lists

In Adobe Dreamweaver CS6, you can easily create lists to organize information. You can use the Properties panel to set list style. To set the appearance of an entire list or for an individual list item, use the List Properties panel. You can set number style, reset numbering, or set bullet style options for individual list items or for the entire list.


Place the insertion point where you want to add a list, then do one of the following: 

• In the HTML Properties panel, click either the Unordered List button or the Ordered List button.
• Select Format > List and select the type of list desired—Unordered (bulleted) List, Ordered (numbered) List, or Definition List. The leading character for the specified list item appears in the Document window.


How to create data tables

In Adobe Dreamweaver CS6, you can use tables to format data. Tables are a powerful tool for presenting tabular data. A table consists of one or more rows; each row consists of one or more cells. After you create a table, you can easily modify both its appearance and its structure.

Although it is possible to use tables for page layout including text and images, this approach is now discouraged in favor of using CSS for layout.

You can insert a new table from the Insert panel, or you can import a spreadsheet table created in a program such as Microsoft Excel.

Inserting a table on a page

You can insert a table anywhere on a page, including within another table. You can quickly insert a standard table with three rows and three columns, or you can modify options to insert a custom table. 

When you insert a table, a good idea is to set a header property for a row or column if you will use that row or column to provide labels for the information in the table. A header makes the table more accessible to people with visual impairments, because screen readers can recognize that a header contains labels. (Note that you must set a header row or column to provide such accessibility. It is not sufficient to use bold or centered text.)


Modifying table properties

You can modify the properties of a table, its rows and columns, or its cells by using the Properties panel. Attention to table borders and cell padding (the amount of spacing between table cells) in particular can help you create effective table designs.


You can also set a row or column as a header by using the Properties panel. Table cell headers help make tables more useful and accessible.












     


Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

buttons=(Accept !) days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !