Beginner's Guide

In the top head of the layout the user is able to change the font size. The technical basis for this
function can be found in the JavaScript file templates/your_name/JavaScript/md_stylechanger.js. Within the
index.php you include a div container with id="fontsize".
This area is initially empty and will then be filled dynamically with content using JavaScript. If your
visitors should have turned off JavaScript, this function is not available.
Some might be asking, why this function is still necessary, as every browser has a feature to increase
font size. Especially for older people this technique is often of particular importance, since most of them
have a more or less impaired vision. However, particularly older people often know very little about the
functionality of web browsers and look forward to an apparent offer.
BEEZ5: USE HTML5
The Beez5 template is hardly different from beez_20, apart from some design aspects. The features
offered are largely identical.
The only difference: beez5 allows the use of HTML5. If you take a look at the template parameters
of beez5, you see that you can choose between HTML5 and XHTML code output. This is based on the
HTML5 template overrides, which you find in the HTML folder of your template.
HTML5 provides a variety of new possibilities and will bring a number of changes and easements in
the future, but it is still not yet an approved standard (March 2011). Many of the options offered are
currently not reliably applicable, but others can already be used without difficulties.
A very important part, which already works, are the new structuring elements. HTML4 and
XHTML had low semantic weight. This has improved significantly with HTML5.
We have now really practical elements to structure the page.
With the elements
•
header
•
footer
•
aside
•
nav
you can structure a wonderful page.
Elements such as
•
section
•
article
•
hgroup
Joomla! 2.5 - Beginner’s Guide
Monday, 30 January 2012! Page 212