Conventions for the creation of websites
A clear structure and an appealing design are minimum requirements for a successful website. The following tips can help you to create an attractive website
File und directory names
Umlauts and special characters
Do not use umlauts, blank space, „ß“ or further special characters from other languages (for example ø, œ) in file and directory names. This could cause problems when your website is called up.
The following characters are accepted: Period, hyphen, underscore.
In order to avoid errors, use small letters when creating directory and filenames. If a file name contains capital letters, these have be use in order to access the website.
Examples:
http://www.uni-koeln.de/..../Fee.html
It is not possible to access the website, if put in small letters.
http://www.uni-koeln.de/..../fee.html
File extensions
Normal HTML-files must have the extension .html or .htm in order to be accepted by all internet browsers.
English Websites
If you create websites with TYPO3, the English website holds the same file name as the German equivalent. Hence, you can switch easily between the German and English website. As a result, the English website automatically receives the extension„*.html?L=1“ .
If you use another content management system than TYPO3, please define a uniform and universal procedure for English websites.
Composition and structure of documents
Titles of websites
Make sure that you choose a universal format for the heading of all websites. Use the format „Überschrift 1“ or „h1“ for the principle heading of a websites. Following headings titles must be subordinated to the structure. Formate subheading with "Bezeichnung 2“ or “h2” and subordinated subheadings with „Bezeichnung 3“ or „h3“.
Please make sure to maintain the order of the headings. H2 is always following to h1, h3 is always following to h2 etc.
Example:
Heading 1
Text
Heading 2
Text
Heading 3
Text
Heading 3
Text
Heading 2
Text
Heading 2
Text
References
You will find the name of the author and the latest modification date at the bottom of the website. TYPO3 produces these references automatically.
Links on index pages
Links in TYPO3 work via the sitemap. The clicking path is created automatically.
Manuel links: If manual links lead to index pages of a directory, the file name (for example index.htm) will not be named in the path.
For example: http://uni-koeln.de/rrzk/
Layout and Design
Umlauts
Umlauts are permissible in TYPO3. However, websites not operating with TYPO3 can have problems displaying the umlaut correctly. In this case, integrate the correct coding in the meta data (for example: UTF-8 or ISO-8859-15).
Font
Choose a sans-serif and well-established font for your website (for example Arial). The web browser will possibly be not able to display exceptional fonts correctly.
Corporate Design
Technical compatibility
Java and JavaScript
The functionality of a website should not depend on Java or JavaScript. If Java or JavaScript is required, please leave a notification on your website for users who did deactivate Java or who depend on alternative technologies (such as a screen reader or a braille terminal).
Browser compatibility
Please test every newly created or modified website with Mozilla Firefox and Microsoft Internet Explorer at least once before release. Various browsers display content differently. This is why, a short comparison is recommended.
Contact
If you have any questions or problems, please contact the RRZK-Helpdesk