Municipal Website Venture

A new generation of Municipal Websites

Style Guide

This guide consists of a set of best practices or "rules of thumb" that will help maintain quality and consistency on websites.


Web pages have a defined hierarchy concerning page headings.

h1 - appears in the header of each page and is defined in the website template
h2 - title of a content item
h3 - major subtitles
h4 - minor subtitles
h5 - lower-tiered subtitles

Avoid Copying and Pasting from Word Processor Directly into the Editor.
Copy text into NotePad and then copy and paste the text into an editor.


Image size should not exceed 300kb in size and 900px in width as a general rule. All non-background images should have an associated alt tag description.

Photographic images should be saved in jpg or jpeg format. Line Art images (relatively few solid colours) should be saved in gif format and images with a transparent background in png format.


To create an unordered list of items in the editor, separate items into individual paragraphs, select the items that will form the list and click the bullets button.
(press the Enter or Return key to create a new paragraph; Shift/Enter or Shift/Return to create a line break).


External links should be set to open in a new tab; internal links should be set to open in the same window. Use descriptive text in the link instead of a web address or a generic term such as "click here". Email addresses do not need to be linked. Javascript creates automatic links.

Creating a New Content Item

Provide Title, Title Alias is automatically the same
Allocate the item to a Category

Key Points

Text copied into the editor from NotePad is formatted as one paragraph with line breaks in between. For correct formatting delete line breaks and then press Enter to create properly formatted paragraphs.

Refer to the Joomla tutorial for information about how to carry out routine tasks.