Creating Dynamic Menus

with Bill Weinman
please wait ...
Creating Dynamic Menus
Video duration: 0s 1h 5m Intermediate

Viewers:

In Creating Dynamic Menus, instructor Bill Weinman explores the skills and techniques necessary for developing interactive menu structures for the web. After reviewing a number of examples from the real world, Bill defines the prerequisites and components needed to build dynamic structures for the web, including XHTML, CSS, and JavaScript. He works through the construction of everything from a simple, unordered list in XHTML to a robust menu with CSS. He also covers placement and formatting, and shows how to use visibility and opacity to create a more polished look for a final menu. Exercise files accompany this course.

Topics include:
  • Creating and formatting menus with CSS
  • Establishing positioning for a menu
  • Making a menu dynamic with JavaScript
  • Exploring configuration variables for any menu
Subjects:
Developer Web
Author:

Welcome

(Music playing) Hi! I am Bill Weinman and I'd like to welcome you to Creating Dynamic Menus. Dynamic menus can be an effective navigation tool for a small to medium-sized website. In this course, I'll show you how to create simple dynamic menus using CSS and JavaScript. I'll show you how HTML is used to create the navigational elements. We'll explore the CSS involved in formatting the navigational elements. Then I'll walk you through the JavaScript that manipulates the navigational elements, making them dynamic.

Finally, I'll show you how this all ties together by applying it to an existing website. If your website menu is longer than a few simple links, dynamic menus can be a great way to provide direct access to a lot of your site while keeping your design clean and inviting. As a programmer for over 25 years, it's always a pleasure for me to provide solutions like creating dynamic menus to help you make your designs functional and appealing. Now, let's get started with creating dynamic menus.

Find answers to the most frequently asked questions about Creating Dynamic Menus .


Expand all | Collapse all
please wait ...
Q: The dynamic menus used in the tutorial will not work if the browser's JavaScript is disabled. How can one make the dynamic menus degrade gracefully if the user's JavaScript is turned off?
A: To make the dynamic menus degrade nicely, make sure that the pages linked to in the "top" of each menu have sufficient navigation available for that section of the site.
please wait ...