Web site matters

As of 2016 this web site is primarily maintained by Tony Roberts on behalf of the EATTC: phone 0409 968 420 if you wish to discuss any issues.

The web site complies with W3C recommendations aimed to make the web pages accessible to all, including people with disabilities, to internationalize them, and make them work on mobile devices. The web site also aims to maximise comprehension by implementing best practice typography as reported by Colin Wheildon and Geoffrey Heard [Type & Layout: Are You Communicating or Just Making Pretty Shapes Worsley Press, 2nd edition, March 2005].

Consistency across web pages

Three files ensure consistent look and feel of the web site. These files also aim to maximise the information to formatting ratio in the other web files. Under no circumstances is anyone to edit these files without a good knowledge of html and php, and have consulted Tony Roberts.

  • ea_style.css defines the style of various elements used in each page, but is a 'light touch' to empower readers to use their own preferences for many matters, such as window size, font size, etc.
  • ea_header.php is used by every web page to set metadata, create the header, and construct the menu on the left-side.
  • ea_footer.php is used by every web page to create the simple informative footer.

Informative web pages

The web pages implement simple html structures. Adhere to these relatively few html tags. Under no circumstances are the web pages to be edited by an 'html editor' or 'word processor' (as they all appear to irredeemably corrupt simple effective design): only edit using a simple text editor such as Notepad. Only the following html tags should be used.

  • <h2> . . . </h2> Use this for the main heading at the start of each page.
  • <h3> . . . </h3> Use this for subheadings throughout each page.
  • <img src="images/filename" width=99%> Include a picture within the page, and specify a width to ensure the picture does not go outside the area and possibly interfere with other information. Use a width less than 100%. Pictures, videos and documents are to be stored within the folder images.
  • <a href="address"> description </a> Hyperlink to another web page: the 'address' can be a local file, or an internet address of the form http://...
  • <p> . . . </p> Surround each paragraph of information with these.
  • <ul><li> . . .
    </li><li> . . .
    Use these for lists of items or comments. Separate all consecutive items by </li><li>
  • <dl><dt> item-title
    </dt><dd> item-content
    </dd><dt> item-title
    </dt><dd> item-content
    Use these for lists of items or comments where each item needs a mini-title. Repeat the interior for more than two items and their titles.
  • <?php include "filename"; ?> Includes information from the given file: use these to maintain only one copy of information that is used in several places, such as the Secretary and the Opening Times.
  • <div class="keep"> . . . </div> Sadly, most browsers do not implement column breaks properly. Until they do we sometimes have to force the browser to keep information together: if there is a very bad column break, then one can avoid it with this div.