Creating Dynamic Menus

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


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
Developer Web


(upbeat piano music) - Hi, I'm 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.

please wait ...