SunQuest
 
       HTML
  Home arrow HTML arrow How to Create a Dynamic HTML Navigation Pa...
IBM developerWorks
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Actuate Whitepapers 
Moblin 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
HTML

How to Create a Dynamic HTML Navigation Page
By: Dan Wellman
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 23
    2004-09-07

    Table of Contents:
  • How to Create a Dynamic HTML Navigation Page
  • Web Animation Doesn't Always Mean Flash
  • Subroutines
  • The Remaining Subroutines
  • Wrap'n it Up
  • Images to Use

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT

    Stay one step ahead of the competition. Evaluate and give feedback on some of the hottest web development tools on the market today. Make your opinion heard! Click Here

    How to Create a Dynamic HTML Navigation Page


    (Page 1 of 6 )

    Learn how to devote an entire page to an image-driven, DHTML navigation system. This code from Dan Wellman will result in a fully functioning, interactive navigation page that loads a new page whenever a specified location of the window is passed over by the central image.

    Dynamic HTML, as the name suggests, was brought about to enable developers to produce text and graphics that are not static and fixed in position. The possibilities this brings to Web design are limitless; visitors to your site are more likely to stay longer and come back more often if your site offers interest and interactivity.

    One of the Internet's best features is the pure diversity of website presentation; many sites are built to a kind of web page blueprint, incorporating similar features, but showcased in different ways. Take navigation menus for example; they generally confirm to either vertical menus to the left of the screen, or horizontal menus at the top of the page. Two basic ideas, which are implemented in many different ways.

    The purpose of this article is to show you not how to code your own navigation menu; it's to show you how to devote an entire page to an image-driven, DHTML navigation system. Think of a central image, with control buttons beneath it, and smaller images encompassing it. Visitors select the various pages of your site by maneuvering the central image to one of the satellite images. A simple concept, but an innovative approach.

    The pictures you decide to use can be completely random or can play along with the general theme of your site; a car dealership for instance could use cars. This kind of interaction can be an irresistible addiction for some surfers and can lend itself especially well to a vastly untapped audience - children.

    Even if it's something you never plan to implement, by the end of the article you should have a very good grasp of image manipulation and movement using nothing but DHTML.

    More HTML Articles
    More By Dan Wellman


       · It would be great if you provided a working example so we could see how it works...
       · Maybe someone might find this a good article but it lacks detail and really doesn't...
       · Agreed. Thats the first thing I look for in a tutorial, so I can understand what...
       · Generally most browsers nowadays support VB script, however.. this is all written in...
       · I created a web page and copied all the graphics. When I open this in IE 6.0 with XP...
       · Please correct me if I'm mistaken, but only ONE browser supports VBscript - yes I...
       · I'm surprised that this script didn't work for anyone running IE6 on XP Pro, that is...
       · Youve got very useful site. It really helped me. Thanks.
       · Youve got a great site. I found it very useful.
     

    HTML ARTICLES

    - Building Single Row Database Forms with HTML
    - Introduction to Database Forms with HTML
    - Another Look at Animation of Geographical Ma...
    - Animation of Geographical Map Regions
    - Changing and Moving Pictures with CSS
    - Clickable Geographical Map Regions
    - Gradient Creation with the HR Element
    - Text on HTML Images: Do it Yourself
    - Custom Buttons in HTML
    - Quick Web Page Menu
    - Maximizing and Restoring HTML Images with th...
    - Maximizing and Restoring HTML Images with th...
    - Handling Hyperlinks and Images in HTML
    - Quick Start with HTML
    - HTML Tips


    Iron Speed





    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway