The Footers window puts certain information at the bottom of a web page such as the designer's credit, and as such you don't really need to use it at all. However, it does add a little professionalism to have some form of footer; this documentation has my name linked to my email address on every page (under the links in the green margin) so that if someone finds something confusing or doesn't agree with what's being said they can write to me easily; if this were a "proper" website they could point out mistakes or request information on a product without having to hunt through the site for a contact address.
<P>
It also stamps your identity on the site, it lets people know without confusion that this piece of information is copyrighted to <i>X</i> and was designed by <i>Y</i>, which should be somewhere on the site in case someone tries to rip off your work. If it's on every page, it's slightly harder for someone to claim they didn't know. This might sound a bit heavy and anti-Internet-freedom, but try designing a site and then have someone rip off whole chunks of it, layout and all, then pass it off as their own work and see how you like it. The joy at seeing your site linked to from a well-respected site is nothing to the dispair of trying to get your work back from some unscrupulous rip-off merchant (especially ones who claim not to speak English).
<P>
So, to help you out there are four ways of adding footers to your webpage using HTML³, which can be as complex or as simple as you wish.
<P>
<HR>
<H3>Controlling footers</H3>
At the bottom of the Footer window you'll see some generic controls; no matter which type of footer you're using these will always apply.
<ul><li> <tt>"Rule off before footer"</tt> will always put a horizontal line - <HR> - before all of the rest of the footer. This often makes the footer look neater;
<li> the <tt>"Using !HTML³"</tt> line is context-sensitive; that is, not only will it change to reflect which type of footer you're using, but also if you're using the <tt>Full footer</tt> option it will sense how best to fit in with the rest of the text; so, if you have "Designed by <a name>" it will just add " and HTML³", whereas if you don't have any other design information it will put "Designed using HTML³ by Richard Goodwin".
<li> <tt>Font size</tt> means you can change the size of the text the footer is rendered in; most people like this smaller than the main body text. If this is set to 0 (the default) then this function is switched off.
<li> <tt>Alignment</tt> allows you to shift the footer to the left, right or center of whatever it's encased in (the page, or a table cell etc.); "Default" will just leave it alone (note: if you place it in a table cell make sure you move the </body></html> to the end of the file, don't leave it in the table!).
</ul>
<HR>
<H3>Quick footers</H3>
Of the four footer types, "Quick auto-footer" is, as it suggests, the easiest to use. Simply select this, place the cursor where you want the footer to appear and click "OK". The output will be something like this:
Site designed by <a href="mailto:mabel@argonet.co.uk">Rich Goodwin</a><br>
<P>
<ul><li> The first email address is either your own or, if defined, the contact address for your profiled site; it's linked of course so people can just click on it.
<li> The name after <i>Site designed by</i> is your "nickname" (whether this is your actual nickname, your company name, or your job title, depends on what you have registered your "nickname" to be), and is linked to your email address.
<li> Obviously the other options, covered in the section above, will be added too if they're switched on (e.g. alignment, font size)
</ul><P>
<HR><a name="full"></a>
<H3>Full footers</H3>
The second footer type, <tt>Full footer</tt>, is a little more complex; it allows you to build up a footer, selecting which elements you want to implement and what addreses, name etc. to use. There's a handy menu for each section too, most of which are intelligently generated based on your own details and those of your profiled site (if you have any profiling information set); selecting from these menus automatically switches that section on so you don't forget!
<P>
On two of the sections, the contact details and the designer, you can fill in both the name and the email address; however, if you miss one out then the program will automatically compensate, so for instance if you just put a contact email address and leave the name part blank the program will use the email address for both linking and display purposes; if you just enter a name, it'll just show that name and not attempt to link anything to it.
<P>
Similar intelligence is used when deciding how to describe the way the site has been designed; there are several states, depending on whether you've put in details for who designed the site, what was used to design the site, and if the <tt>"Using !HTML³"</tt> line switch is on. Hopefully the program caters for all different combinations here, so you shouldn't be able to catch it out!
<P>
Finally, if you say that the site has been designed using an Acorn computer (ie. have the word <i>Acorn</i> anywhere in the <tt>Using:</tt> section) then the "Acorn" part will automatically be linked to the Acorn Computers website. There's also another little easter egg I won't tell you about, you can have fun finding it!
Designed by <a href="mailto:richard@goodwin.uk.com">House of Mabel</a><br>using an <a href="http://www.acorn.com/" title="Acorn Computer Group" onmouseover="window.status='Acorn Computer Group';return true;">Acorn</a> RiscPC and <a href="http://www.goodwin.uk.com/richard/programs/html3" title="HTML3" onmouseover="window.status='HTML3';return true;">HTML³</a>
</font></P>
<P>
<HR><a name="user"></a>
<H3>User defined footers</H3>
The third footer type is the user-defined section, with macros. Basically, you can type in the HTML for your own footer here.
<br>"<i>What good is that?</i>" I hear you cry, "<i>I could just type it straight into the web page directly!</i>".
<br>
Well, using the<tt> User-defined smart footer </tt>section will allow you to put in tokens, in just the same way as you can put in date-related tokens into !Alarm (or use them with <tt>SYS"OS_ConvertDateAndTime"</tt> if you're a programmer). The standard date and time tokens are in place, but I've added quite a few more which will allow you access to various addresses and colours you've defined throughout HTML³; so, as you change the profile of your website, the footer changes with you.
<P>
For instance, you can change the colour of text to be the same as the link colour which will change as you use different colours chemes for various websites, or put in the email address of your client even though you might be switching between different site profiles every five minutes.
<P>
<a href="token.html">Click here for a list of tokens</a>
<P>
<b>Example:</b><br>
This example is the default "user defined" footer, run while I was working on a site for work...
Site designed by <br><font color=#ff0000><a href=</font><font color=#3a00aa>"http://www.goodwin.uk.com/richard/</font>"><br>House of Mabel<font color=#ff0000></a></font>, September 1998.<br>
<font color=#ff0000><br></font>Created using <font color=#ff0000><a href=</font><font color=#3a00aa>"http://www.goodwin.uk.com/richard/programs/html3"</font>><br>HTML³<font color=#ff0000></a></font> by <font color=#ff0000><a href=</font><font color=#3a00aa>"mailto:richard@goodwin.uk.com"</font>><br>Richard Goodwin<font color=#ff0000></a></font>.<br>
Site designed by <a href="http://www.goodwin.uk.com/richard/">House of Mabel</a>, September 1998.
<br>Created using <a href="http://www.goodwin.uk.com/richard/programs/html3">HTML³</a> by <a href="mailto:richard@goodwin.uk.com">Richard Goodwin</a>.
</font></P>
</td></tr></table>
<P>
As you can see, defining this tokenised piece of code and running it on every site you design after that would save quite some typing!
<HR>
<H3>Button footers</H3>
The last footer type, "!HTML³ button", is pretty simple; it just allows you to use a graphic as an advert for !HTML³. Drop a graphic on there, and it will work out the size and filename (including relative filenames as with all files dragged to !HTML³). This graphics then gets wrapped up in a link back to my site, or if you switch on the '"Using !HTML³" line' it'll come out like this:
(Obviously all the other options such as alignment come into play too).
Eventually there'll be a number of HTML³ animated icons available, and for your convenience these can be found by clicking on the button marked <tt>Find...</tt> - copy them out of this directory into your own web directory.
<P>
<HR>
<H3>Self serving footers?</H3>
All this talk of buttons and links to go to my site might sound a bit self-serving, so I'm going to say right now that you have no obligation to link back to my site, say that you used HTML³, or anything else of that nature; so long as you don't claim to have written HTML³ yourself it's up to you!
<P>
However, I have been asked to supply graphics etc. and indeed the first one was designed by <a href="http://www.argonet.co.uk/users/amarsh">Andy Marsh</a> rather than myself; as HTML³ is free I probably won't be receiving anything else from you, so some people feel the necessity to give me a link. I'm certainly not going to stop them. <img src="smiley.gif" alt=";-)" width="18" height="18" border="0" align="texttop">
