home *** CD-ROM | disk | FTP | other *** search
/ RISC DISC 2 / RISC_DISC_2.iso / the_web / documents / gifs / html / buttonbars < prev    next >
Encoding:
Text File  |  1995-10-09  |  3.5 KB  |  99 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE>
  4. How to make Button Bars
  5. </TITLE>
  6. </HEAD>
  7. <BODY>
  8.  
  9. <!--#include virtual="/gifs/icons.pcd.inc" -->
  10. <!-- Included here : -->
  11. <!-- Include file -->
  12. <!-- Icon bar for CS dept, PCD group -->
  13. <!-- A HREF="http://www.stanford.edu/" --><IMG SRC="../gifs/stanford/seal56" ALT="Stanford"><!-- /A -->
  14.  
  15. <!-- A HREF="http://www-cs.stanford.edu/" --><IMG SRC="../gifs/logo/csd" ALT="CS dept"><!-- /A -->
  16.  
  17. <!-- A HREF="http://www-pcd.stanford.edu/" --><IMG SRC="../gifs/logo/pcd" ALT="PCD grp"><!-- /A -->
  18. <!-- End of included -->
  19. <HR>
  20. <H1>Standard Button bars
  21. </H1>
  22. This is inspired by bjelli's work at 
  23. [<A HREF="http://www.cosy.sbg.ac.at/">COSY</A>] in Austria.
  24. <P>
  25. Button bars are a simple navigation tool.  They contain pointers to
  26. useful places, usually pointers back to root nodes of the hierarchy.
  27. Button bars tend to be useful because they are consistent navigation tools
  28. within the document. They should remain consistent over a
  29. broad range of documents, thus helping the user build a mental map.
  30. <P>
  31. The two sample icon bars are set up for Stanford CS departement, but
  32. the gist should be clear enough for you to make your own button bar
  33. files.
  34. <P><HR><P>
  35. <H2>Server-side includes</H2>
  36. The button bars outlined here depend on server side includes.
  37. The details on how this are at 
  38. [<A HREF="http://hoohoo.ncsa.uiuc.edu/docs/tutorials/includes.html">HooHoo</A>]
  39. at NCSA. [You must have the NCSA server or similar which allows server 
  40. side includes]
  41.  
  42. <H2>The Comment to Include a File</H2>
  43. To include the file we put a comment in the file that is replaced by
  44. the contents of the file itself.
  45. <PRE>     <!--#include virtual="/gifs/icons.pcd.inc" --> 
  46. </PRE>
  47. Of course, the file name would probably be different, and note that the
  48. included file <em>must</em> be on the same server as the document.  
  49. It's not a good idea to try and include button bars stored on other
  50. servers.  For one thing, it takes too long to load.
  51. <P>
  52. Since the <CODE><!--#include ... ></CODE> is a mouthful for users
  53. to remember to type, it is a good idea to <!-- A HREF="include" -->include<!-- /A --> 
  54. this as part of the standard 
  55. [<A HREF="http://www-pcd.stanford.edu/mogens/intro">template</A>]
  56. file given to users.
  57.  
  58.  
  59. <H2>The Included File</H2>
  60. This is the file that is included.  Changing the button bar involves changing
  61. this file only - the source files remain as they are.
  62. The site administrator is responsible for maintaining this file.
  63. <P>
  64. The <!-- A HREF="../icons.pcd.inc" -->PCD include file<!-- /A --> and  
  65. the <!-- A HREF="./icons.csd.inc" -->CS dept. include file<!-- /A --> can be downloaded.
  66. <PRE>
  67.  <!-- Include file -->
  68.  <!-- Icon bar for CS dept, PCD group -->
  69.  <A HREF="http://www.stanford.edu/">
  70.       <IMG SRC="../gifs/stanford/seal56" ALT="Stanford"></A>
  71.  
  72.  <A HREF="http://www-cs.stanford.edu/">
  73.       <IMG SRC="../gifs/logo/csd" ALT="CS dept"></A>
  74.  
  75.  <A HREF="http://www-pcd.stanford.edu/">
  76.       <IMG SRC="../gifs/logo/pcd" ALT="PCD grp"></A>
  77.  
  78. </PRE>
  79.  
  80.  
  81. <HR>
  82.  
  83. <!--#include virtual="/gifs/icons.pcd.inc" -->
  84. <!-- Included here : -->
  85. <!-- Include file -->
  86. <!-- Icon bar for CS dept, PCD group -->
  87. <!-- A HREF="http://www.stanford.edu/" --><IMG SRC="../gifs/stanford/seal56" ALT="Stanford"><!-- /A -->
  88.  
  89. <!-- A HREF="http://www-cs.stanford.edu/" --><IMG SRC="../gifs/logo/csd" ALT="CS dept"><!-- /A -->
  90.  
  91. <!-- A HREF="http://www-pcd.stanford.edu/" --><IMG SRC="../gifs/logo/pcd" ALT="PCD grp"><!-- /A -->
  92. <!-- End of included -->
  93.  
  94. <HR>
  95. <ADDRESS>
  96. Christian Mogensen / mogensen@cs.stanford.edu
  97. </ADDRESS>
  98. </BODY>
  99.