Formatting Content
-
Headers and Paragraphs
-
Text is too small or too big
-
Do Not Use Tables for Layout
Headers and Paragraphs
Use header elements |to convey document structure
The appropriate use of heading levels will improve the accessibility of your document. For example, use H2 to indicate a subsection of H1; do not use headers for font effects.You should nest the headings on a page in order
Headings should be applied logically just as you would apply heading levels in an outline. Theoretically, if you extracted the headings from a web page that uses headings, you would have an outline of the page. You should nest the headings on a page in order. The heading structure may be used by some user agents to improve or add useful navigation features, or to abstract the document. The appropriate use of heading levels will improve the accessibility of your document.use. For example, use H2 to indicate a subsection of H1; do not use headers for font effects.
<H1> for your page title <H1>
<H2> for first major section heading <H2>
<H3> for first subsection title <H3>
<p > for the content of the sub section which may be paragraphs, lists, quotes, diagrams or whatever your document requires. </p>
In the dropdown menu within Contensis they are listed as;
-
Header 1
-
Header 2
-
Header 3
-
Normal (P)
Text is too small or too big
If your text appears to small or big it maybe that a list tag has Paragraph tags nested within each other for example;
Or Normal (DIV) has been selected which makes the text to big;
This is an example of Normal (Div) text.
Do not use font tags to change the colour or size of text on the university template driven webpages. This formatting information is stored in the Stylesheet and is maintained by the Web Coordnator. If you feel it is neccesary to include more defenitions in the university stylesheet then contact the Web Coordinator|.
Do not use tables for layout
Up until fairly recently it was the norm for Tables to be used to control layout. In reality tables were never meant to be used for that purpose, but only for displaying tabular data. Websites are now generally structured using Layers or DIV tags that are styled using a layout stylesheet.
A situation where in the past you may well have used a table is when aligning images next to text. To do this now using the CMS;
-
Insert an image either above or below the text.
-
Go to the properties for your image.
-
Select 'FloatRight' or 'FloatLeft' from the style dropdown menu.
This will achieve a better effect than dropping text and images into the cells or a table, this is because the text will naturally wrap around the image.