1. Nested Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

2. Objectives The Student will: Be able to nest a list within another parent list.

3. Why Nest Lists Sometimes it is necessary to embed or nest lists within lists because there are subtopics of one or more of the list Topics.

4. Things to Consider Remember that you must “close” all the inside tags before you close the outside tag Indentation helps keep the lists and the tags straight. Structure: Topic 1 Sub Topic 1 Sub Topic 2 Topic 2

5. Keeping things clear Unit Four: Graphics Evaluation of web graphics GIF vs. JPEG Web photo album Sample buttons 3-D box Receive instructor's approval of banner Unit Five: Overall Site Design and Management Usability study report Receive instructor's approval of the raw HTML list that will be turned into the navigation system Receive instructor's approval of your use of an external style page Receive instructor's approval as to how you're controlling the site's navigational menu with your external style sheet Javascript enhancement In this list it’s difficult to find the beginning and the ending of each of the lists. It’s almost impossible to find the nested lists.

6. Keeping things clear Unit Four: Graphics Evaluation of web graphics GIF vs. JPEG Web photo album Sample buttons 3-D box Receive instructor's approval of banner Unit Five: Overall Site Design and Management Usability study report Receive instructor's approval of the raw HTML list that will be turned into the navigation system Receive instructor's approval of your use of an external style page Receive instructor's approval as to how you're controlling the site's navigational menu with your external style sheet Javascript enhancement If you indent you can easily find the beginning and ending of the lists

7. This is how that list looks:

8. Summary Nested lists are a great way to organize data To make it easier to understand and edit your list Indent  Indent  indent

9. Rest of Today Follow the directions in Nested Lists.doc on the Hancock Website.