June 2009 Meeting Report: Adding Up the Menu Options

At our June meeting, we discussed the elements of navigation menus and then saw how those elements worked on some sample menus.

We first considered the HTML foundation for a menu. Looking at a couple of major sites, we saw that the unordered list seems to be the most accepted format, but a simple sentence list is often used for secondary menus, like footers. Compare the White House site with the New York Times. Load them in Firefox, turn off styles, and check the actual HTML of the different navigation sections, both in body and in footer.

We then looked at the below online tutorials to see how menus can be styled with just CSS and no graphics.

Horizontal Navigation using list property - two methods

Button effect with only background colors

Next season, we will continue with using graphics, as illustrated in this Web Designer Wall tutorial that we looked at briefly.

June Meeting Announcement

The next meeting of the PACS CSS Workshop will be this Saturday, June 20, at 9 to 10 am.

At this session, we will bring together the different elements of navigation styling that we have discussed this season. We will sum up where we have been, and then show how to use CSS to make navigation menus that are attractive as well as functional. Along the way, we will raise another of our web design philosophical questions, so you will have something to ponder while hanging at the Wildwoods this summer.

It will be a grand finale, so don't miss it.