home *** CD-ROM | disk | FTP | other *** search
/ Kosovo Orphans' Appeal Charity CD / KosovoOrphansAppeal.iso / internet / software / html3 / _html³ / docs / side < prev    next >
Encoding:
Text File  |  1998-09-20  |  8.9 KB  |  89 lines

  1. <html><head>
  2.  <title>!HTML3 (side bar)</title>
  3. </head>
  4. <body bgcolor="#FFFFFF" text="#000000" link="#000080" alink="#7CCFFF" vlink="#0000FF">
  5. <a name="topofpage"></a>
  6. <table width="100%" border=0 cellspacing=0 cellspacing=0>
  7. <tr bgcolor="#000000"><td width="100" align="center" valign="center"><img src="html3.gif" alt="HTML3" width=75 height=19 border=0>
  8. <td width="440" align="center"><font color="#ffffff" face="arial, helvetica" size="5"><b>HTML³ - The Side Bar</b></font>
  9. <td valign="top" width="100" align="right"><img src="pencil.gif" width=89 height=50 border=0 hspace=2>
  10.  
  11. <tr valign=top><td bgcolor="#66EEBB" width="100">
  12. <b>Choose from:</b><br>
  13.  <a href="intro.html#topofpage">Intro</a><br>
  14.  <a  href="side.html#topofpage">Side bar</a><br>
  15.  <a href="style.html#topofpage">Styles</a><br>
  16.    <font size="-1"><a href="head.html#topofpage">Headers</a></font><br>
  17.    <font size="-1"><a href="foot.html#topofpage">Footers</a></font><br>
  18.  <a    href="fx.html#topofpage">Effects</a><br>
  19.  <a href="chars.html#topofpage">Chars</a><br>
  20.  <a  href="addr.html#topofpage">Address</a><br>
  21.  <a href="links.html#topofpage">Links</a><br>
  22.  <a   href="img.html#topofpage">Images</a><br>
  23.  <a href="frame.html#topofpage">Frames</a><br>
  24.  <a href="table.html#topofpage">Tables</a><br>
  25.  <a href="forms.html#topofpage">Forms</a><br>
  26.  <a  href="plug.html#topofpage">Plugins</a><br>
  27.  <a href="choic.html#topofpage">Choices</a><br>
  28. <font size="1">
  29. <br> 
  30. <br>
  31.   <b>!HTML³</b><br>
  32.   by<br>
  33.   <a href="mailto:richard@goodwin.uk.com">Richard Goodwin</a>
  34. </font>
  35. <td colspan="2">
  36. <br><ul>
  37. <H2>The Side Bar and Other Animals</H2>
  38. The main control of <i>HTML³</i> is the side bar; from here you can open all the other windows at the click of a button.  The side bar is set to automatically move to the top of desktop whenever it gets obscured so that you never lose it, although this can get a bit annoying at times so you can switch it off.  If you close it altogether or lose it somehow you can click on the <i>HTML³</i> icon on the icon bar at the bottom of the screen, or press the <tt>[ALT]</tt> and <tt>[F1]</tt> keys together for one second.
  39. <P>
  40. Here's a quick rundown of what each button does:
  41. <P>
  42. <tt><b><big>Styles</big></b></tt> <a href="style.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  43. The Styles window is mostly concerned with the tags needed to alter the layout of a page, with codes for doing headlines, paragraph breaks, ruleoffs and so on.  There's also sections for creating headers and footers - headers can define the look of the whole page by setting up colours for text, backgrounds etc, and contain important information for search engines etc.
  44. <br>
  45. If you click with the <i>right</i> mouse button on the Styles icon it will take you straight to the <a href="head.html">Headers</a> window; <tt>[SHIFT]</tt> plus the right mouse button gives the <a href="foot.html">Footers</a> window.
  46.  
  47. <P>
  48. <tt><b><big>Effects</big></b></tt> <a href="fx.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  49. The Effects window generally provides tags to alter small areas of text to bring attention to them; for instance, by making them <b>bold</b>, <i>italic</i>, <u>underlined</u>, in <font color="#ff0000">c</font><font color="#FF2200">o</font><font color="#FF4400">l</font><font color="#FF6600">o</font><font color="#FF8800">u</font><font color="#FFAA00">r</font>
  50.  or a <font size="4">d</font><font size="3">i</font><font size="1">f</font><font size="3">f</font><font size="5">e</font><font size="4">r</font><font size="2">e</font><font size="1">n</font><font size="4">t</font> <font size="2">s</font><font size="5">i</font><font size="3">z</font><font size="4">e</font>.<br>
  51. There's also a section that will take a word or phrase and apply special effects, like a different colour for each letter, and letters that get bigger and smaller like waves - even useful ones like <font size=4>S</font><font size=2>MALL</font> <font size=4>C</font><font size=2>APS</font>!
  52. <br>At the time of writing there are five colouring effects and nine sizing effects, and as far as I know there is no other package that has this feature.
  53. <br>There's also a built-in 16 colour palette editor with blending, invert and reverse options, saving standard RiscOS palette files which can be used in graphics work.
  54.  
  55. <P>
  56. <tt><b><big>Char<font color="#999999">(acter)</font>s</big></b></tt> <a href="chars.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  57. One of the really fiddly things about HTML is writing characters ourside the normal range of letters and numbers - you have to either remember the name of all those foreign characters, or even worse a code number!  <i>HTML³</i> solves this by displaying a large range of foreign letters and special characters, arranged into a sensible order so you can find them more easily, and you can even get it to write out a little reminder in plain English so that next time you look at the HTML for you web page you can remember that <tt>&#163;</tt> is really a pound sign.
  58. <br>The Characters window is also home to the controls for creating lists, so you can automatically put bullet points, numbers, letters or Roman numerals at the start of paragraphs.
  59.  
  60. <P>
  61. <tt><b><big>Address</big></b></tt> <a href="addr.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  62. With the address book you can quickly created links to email addresses, including a database of several recently-used addresses, and special buttons to create links to your own name or email/web address.  There's also 12 buttons that you can program to enter whatever text you want; although these may be addresses, they could equally be commonly-used phrases to save you typing, or chunks of HTML code!
  63.  
  64. <P>
  65. <tt><b><big>Links</big></b></tt> <a href="links.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  66. The Links window controls how you jump from one page to another, either in your own site or external, or how you download files.  Simply by dropping files onto this window, or sometimes even on other windows like the side bar, the program will work out how to link to that file, and you can control what frame the new page should appear in, even what happens when you move the mouse pointer over a linked object.  Like the Address window it also keeps a database of recently-used files so you don't have to keep redoing the same links, you can just pick them up from a menu!
  67.  
  68. <P>
  69. <tt><b><big>Images</big></b></tt> <a href="img.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  70. Just by dropping an image onto this window (or sometimes other windows) the program will work out the code needed to display an image, including how tall and wide an image is which speeds up the way a web browser displays a page.  You can also control how the image is aligned, space around it, and if it is an imagemap.  There's even controls to change it's size without having to alter the graphic file itself!
  71. <br>The database of recent images and links to the Links window means that you can do one of the most popular JavaScript programs - changing images the mouse pointer moves over them - simply by telling the program which files to use.
  72.  
  73. <P><font color="#999999">
  74. <tt><b><big>Frames</big></b></tt> <a href="frame.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  75. Not implemented yet.  This may be written by a third party (namely Jason Tribbeck).</font>
  76.  
  77. <P>
  78. <tt><b><big>Tables</big></b></tt> <a href="table.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  79. Tables are great for showing large amounts of data like lists of numbers in a clear, easy-to-understand way, and they're also useful for breaking pages into seperate areas - the black bar along the top and green bar down the side of this page are layed out using HTML commands that were designed to present numbers like in a spreadsheet!  However, they can be complex to set up, so the Tables window helps out by giving you control over sizes, how things will be aligned, and background colours.
  80.  
  81. <P>
  82. <tt><b><big>Forms</big></b></tt> <a href="forms.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  83. Forms are used to gather information from the person viewing your Web page and send it back to you so that you can, for instance, collect email addresses, set up a visitor's book, or take orders for information and products.  Commonly-used examples can be selected from menus to save you even more time!
  84.  
  85. <P>
  86. <tt><b><big>Plugins</big></b></tt><a href="plug.html"><img src="go.gif" alt="Go" width="21" height="14" border="0"></a><br>
  87. Keep all your useful utilities and files close to hand and load them from a menu or an easily reached directory inside <tt>!HTML³</tt>; included are a number of things to keep you amused.
  88.  
  89. </ul></table></body></html>