The really important stuff.
Content is King. Content is why people use the site and return to the site. So what content are you going to add?
Most subjects can be fitted into one of the existing sections. Perhaps they are photographs of past years that will go in the gallery. A recollection of club runs for the Runs section. Perhaps it is small enough to fit in an existing page. If not then use a template to write a new page and link it into the site stucture with appropriate menu entries.
Written material for the website should ideally be quite short. Unlike material for the Megaphone we don't look for text by the yard. Visitors have problems reading from the screen. Try to break text into shorter paragraphs than usual, even putting each sentence into its own paragraph. That will help readers keep their place if the screen is scrolled down. Keep the sentences short as well. Break where you have put 'and' or 'but'. That will help them to make sense of what they read late at night when they have been to the pub. That is long enough for this paragraph!
What to Include
What do past members and friends want to find?
Check how names are spelt and written in the past members lists. If you write it exactly the same then the tooltip will be added automatically. Cool!
What NOT to Write
Past members were fair game for a bit of gentle leg pulling on a club night. The Leicester Phoenix MCC has always avoided back-biting and sarcasm. We still accept a joke at our own expense at a reunion. Now we are on the world wide web. Should we belittle a friend in front of so many people, many of them strangers? Add humour but turn it against yourself or make it very general.
These pages are open for children and maiden aunts to read. Be naughty, be rude but please don't be vulgar. If you need to ask the difference, don't put it in.
If you are writing the whole HTML page here are some reminders and a few tips. The content goes inside the part of the file clearly labelled as "Content Start" and "Content End".
<h1 class=main>Page Title</h1> defines the page title. There should only be one of these at the top of the content. Short and no full stop.
<h4>Page subtitle if required.</h4> Puts in a more descriptive version of the page title in slightly smaller letters. Write it as a normally punctuated sentence without capitals.
<h5>Minor Titles</h5> Smaller versions of the page title to break up the page into easily found and understood groups.
<p>The paragraph tags hold the actual text.</p> and divide the content into paragraphs with a line break after the closing tag.
There are also HTML tags to alter the appearance of the text. For the sake of the sanity of readers please stick to these few methods rather than all the colours and all the sizes of all the fonts available!
<i>italic</i> to slope over an odd word.
<b>bold</b> to make a word or phrase stand out. Don't use CAPITALS or underlines.
<span class="x" title="right">wrong</span> is a site specific way to cross something out and grab attention. The wrong word is covered with the X characters as we used to do in Megaphone (but in red) and the title text is placed after it. Don't try this across a line break.
<span class="red">red</span> Colours a word or phrase. Can't think of many reasons to use this. Note the cascading style sheet class has replaced the old <font color="red"> tag.
To add sly comments and short definitions use the following style sheet defined tag.
<span class="help" title="or phrase">word</span> puts the browser tooltip at the pointer when it hovers over the word. The user can turn this off or alter the delay in the browser settings.
This one is very site specific. It uses a totally non standard tooltip attribute. It is done using JavasScript in the body event
If you want to add a longer explanation, wisecrack or even a picture to the mouseover event, then use the special version shown next.
<span class="help" tooltip="let your imagination take flight.">explain this</span> You may include HTML inside the resulting tooltip. Don't include anything essential as it does not work with all browsers.
Don't use either of the above on a past member's name because a tooltip is applied automatically. If it is essential to do it on a name, put two spaces between first and last name of the person.
A Few Tricks
<script>memno()</script> Just insert this bit where you want the number to appear.
The solution is to use Ajax to pinch the paragraph from the source page and plonk it into your page complete with formatting! Include the following where you want the passage to appear on your page.
The "page" is the address of the source HTML page such as "../help/help_security" without the ".htm" bit.
The "pinchthis" is an example id name of the lump out of the page that you want to pinch and the id of the preceeding DIV that is the destination for the snaffled content. (Quick and dirty!) In the source page the content could be defined by a <div id="pinchthis"> or a <span id="pinchthis"> but to make things plain to understand I have always used an infrequently used tag for addresses - ADDRESS!
On the page you want to pinch the content from, surround the content with tags something like
NB. Ajax only works from a Web Server.
Here is what happens with the above example. I have put the horizontal ruled lines in to indicate the copied passage.
Another extra ten minutes at the bar!
I suppose you want to put some of your snaps on the site now. We will look at how to use photographs next.
Fresh and interesting content is the most important thing on the site.
Web text needs to be short and format to make it easy to read on screen.
People are interested in family, friends and themselves.
Conventions for marking text with special meanings needs to be consistent across the site and not conflict with the accepted www methods.
Addendum: Stages of contributing to the website.