Summary:
HTML tables should only be used to display data in tabular form. There are not to be used for positioning of elements within the page's layout.
Getting Started:
Tables can be added to the page from within Text and Text & Image.
Tables
Basics:
- Drag and drop the Text component off the side-kick onto the page. Select the "Table Button"
- Complete the dialogs as needed.
Designing Tables for Data:
Tables which are populated with tabular data require table headers for accessibility purposes. Table headers define the contents of the column below.
Notes: table rows will alternate white/grey to improve readability in newer browsers.
New Table
- Select the appropriate option within the dialog labeled "Header".
Existing Table
- Right-click within the cell and select "Cells > Cell Properties". (Note: this does not function properly in Chrome)
- Change the Cell Type to "Header".
- For Apply To…, select "Entire Row".
- Hit "OK" and it will convert that row into a Header.
Related Resources:
Sample Tables:
Note: This table is a reference from an actual site.
Undergraduate Program |
Part-Time Per Credit Hour |
Full-Time Per Term |
Flat Fee Per Term |
Flat Fee Fall Term Only |
|---|---|---|---|---|
| College of Business | $ 25 |
$ 300 |
||
| College of Education, Criminal Justice & Human Services (Information Technology Program only) |
17 | 200 | ||
| College Conservatory of Music | 24 |
235 |
||
| College of Design, Architecture, Art and Planning | 17 | 200 | |
|
| College of Engineering & Applied Science | 28 |
336 |
||
| College of Nursing BSN Programs | 11 |
125 |
||
| Graduate Programs | ||||
| College of Conservatory of Music | 24 |
235 |
||
| College of Design, Architecture, Art and Planning | 20 | 200 | |
|
| College of Engineering & Applied Science | 34 |
336 |
||
| College of Nursing MSN Programs | 13 |
125 |
||
| College of Nursing MSN Distance Learning Programs | 275 |
|||
| Professional Programs | ||||
| College of Pharmacy PharmD Program | 500 |
|||
| College of Medicine MD Program | $ 175 |