Menu Styles
The most common practice for creating a menu is to start with an unordered list of links.
View Sample
You can see that the following three examples are essentially the same list. Yet in each case, the stylesheet
creates a very different looking menu. In this first example, the styling creates a simple but appealing horizontal menu.
View First Menu
The second example provides a more modern version. Both versions can be downloaded and easily implemented.
View Second Menu
The third example provides an interesting inverted sliding door technique.
View Third Menu
By taking the same list and implementing three different stylesheets, the result was three very
different looking menus. Many more freely available menu stylesheets can be download online. See the
links section.
Sample Projects
- Students will explore, identify, and implement online resources for creating css based menus.
- Students will build a multi-page website and implement two versions with different menus.