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

  1. <html><head>
  2.  <title>!HTML3 (intro)</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³ - Intro</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>What is HTML³?</H2>
  38. <i><b>HTML³</b></i>  is a utility to help with web page design.  It is <b>not</b> a snazzy WYSIWYG (<i>What You See Is What You Get</i>) HTML editor, and it doesn't totally replace the need to learn HTML; what it does do is take the grind out of web page design, and let you create some pretty cool effects as well.
  39. <P>
  40. <i>HTML³</i> is a macro inserter; that is, it sets up various bits of text and types them out for you, almost as if you were typing it yourself.  This means that it should work with any normal text editor such as Acorn's !Edit, or with <a href="http://login.eunet.no/~guttorvi/strong.html">StrongEd</a> and Zap, all of which are freely available.
  41. <P>
  42. <H2>Why use HTML³?</H2>
  43. There are an awful lot of HTML codes to remember, and most of them can be used with an awful lot of extra parameters; the text editor of your choice may have a HTML mode which can add some common commands at the touch of a button, but no text editor can do them all, and even if you can remember them it's not much fun having to do all that typing, figuring out colours and how to get them to work, adding in huge bits of JavaScript just to do a simple, repetative task and so on.
  44. <P>
  45. That's where <i>HTML³</i> comes in - it works out what you need at the click of a few buttons, and types it in for you.  You can click on a button and it will type out the code to create coloured text; drop a file onto it and it will work out how to create a link to that file, or if it's an image how to display your picture, speeding up the download process by working out the image sizing and so on; it can add embellishments like "rollover buttons" (the JavaScript where images change when you move the mouse pointer over them); it can help you work out colour schemes and even design 16 colour palettes which can be used in graphics.
  46. <P>
  47. <H2>Hand coding vs. Machine coding</H2>
  48. But so what?  Why not use one of those nice WYSIWYG editors and write web pages just like you're using a word processor?  Well, for some people this is fine; it will do an okay job and might even have nice extras like built-in spell checking and so on.  However, for people who are serious about web design and HTML then it's usually much better to keep full control over your work by being able to see exactly what's going on.  For instance, most WYSIWYG editors will add lots of extra, uneccessary code into a web page to make sure that it doesn't lose track of what it's trying to do, which means that the page takes much longer to download - definitely to be avoided!
  49. <P>
  50. An example from Microsoft's email client:
  51. <HR width="50%" align="center">
  52. <H3>Machine-coded</H3> 
  53. <font color=#00aa00><DIV></font><font color=#0000aa><FONT color=#000000 size=2></font>Just to let you know that I'll be out of the
  54. <br>office on Thursday 23 from 11 am to approx 2 pm<font color=#0000aa></FONT></font><font color=#00aa00></DIV></font><br>
  55. <font color=#00aa00><DIV></font><font color=#0000aa><FONT color=#000000 size=2></font>&nbsp;<font color=#0000aa></FONT></font><font color=#00aa00></DIV></font><br>
  56. <font color=#00aa00><DIV></font><font color=#0000aa><FONT color=#000000 size=2></font>Anne<font color=#0000aa></FONT></font><font color=#00aa00></DIV></font>
  57. <P>
  58. <tt>count: 239 bytes</tt>
  59. <P>
  60. <H3>Hand-coded</H3>
  61. <font color=#0000aa><font size="2"></font><br>
  62. Just to let you know that I'll be out of the<br>
  63. office on Thursday 23 from 11 am to approx 2 pm<br>
  64. <font color=#00aa00><P></font>&nbsp;<br>
  65. <font color=#00aa00><P></font>Anne<br>
  66. <font color=#0000aa></font></font>
  67. <P>
  68. <tt>count: 134 bytes</tt>
  69. <HR width="50%" align="center">
  70. <p>
  71. On a more extreme level, this from Netscape Composer: to do a paragraph break it would use the following code...<br>
  72. <font face="courier new,courier"><tt> <center>&nbsp;</center></tt></font><br>
  73. when all it needed to do was...<br>
  74. <font face="courier new,courier"><tt> <P></tt></font><br>
  75. That's <i>seven times</i> the size it needed to be, and due to a bug in Netscape rendering it didn't even work properly!
  76. <P>
  77. <H2>Final word</H2>
  78. <i>HTML³</i> is the product of over a year's work (<i>games of <a href="http://www.cavedog.com/">Total Anihilation</a> and <a href="http://www.idsoftware.com/">Quake</a> aside</i>) by someone who designs websites for a living, aided by input from other designers and interested parties.  As such it has a lot of bells and whistles which may make certain parts of the program appear complex at times.  For this I can make no apologies, as it would not have been written if it could not be made to handle almost everything I need to write complex HTML.  In an effort to make this the best utility possible other programs such as <a href="http://www.netscape.com">Netscape Composer</a> and <a href="http://www.microsoft.com">Microsoft Front Page</a> have been examined, and all the useful features copied and even enhanced; a little patience and <i>HTML³</i> can be made to manipulate Web sites in ways not possible on PCs without spending large amounts of money, and you're getting it for free!
  79. </ul></table></body></html>