How to create W3C standard Joomla template for the site
Joomla Design for Web Standards
For sure you have seen words like “web standards” or “CSS” or perhaps “accessibility”. They’re all regularly used together in a commentary about a “design for the future instead of the past”.
What does it means?
Many Internet pages are designed for older browsers. Browsers have been repeatedly developing since the www launched. New ones have come up and old ones have vanished (e.g. Netscape). Another complicating factor is that different browser makers have a tendency to have their browsers translate html / xhtml in different ways. This makes web designers having to design their sites so that they can support older browsers instead of new ones. It’s regularly decided the Internet page wants to appear correctly to this kind of browsers. Web standards put into place a set of standard “rules” for all browsers to use to show a webpage. These standards are mainly pushed by the World Wide Web Consortium (WC3).
Cascading style sheets or CSS was developed some years back and made styling less complicated for web designers. You have all styles in another file and they’re applying to the entire site. At this time we’ll just note that using CSS is vital to building a valid Joomla site that meets WC3 standards.
Accessibility is an attempt for a page to be accessible to all possible users. Often it means that somebody can be blind (uses a screen reader) or old (struggles with tiny fonts / difficult mouse based navigation).
Trying to get your joomla web site to meet these standards can be not an easy task. Any kind of CMS generates its content dynamically, which means that the got code may invalidate your web page, the joomla design is is not set in stone.
Over view of a Joomla Design
The specific site design relies on each designer’s point of view. If one has more graphical background he or she makes a “picture” of a page in a graphics program like Photoshop and then break up the images to use. More technologically backgrounded designers will probably start directly from the CSS and coding. This project target is to make the process as transparent as possible, the process consists of plenty of small steps.
The joomla design process has two other twists:
A site raw content is put up early, typically this would come as one of the last stages.
There is a three column CSS joomla template design and then it may be changed to a desired one. So it is possible to see a “universal layout” and adapt it to different designs.
Having these 2 points in mind, see the changed design process.
One. Outline the site criteria.
Two. Install Joomla without styling (no CSS).
Three. Create basic three column CSS layout.
Four. Adapt three column CSS joomla template for specific styling.
Five. Adapt this Joomla design to the desired functionality.
Six. Using comments from the community create detailed guide to build an adequate Joomla site.
What an awesome way to explain this-now I know evrehtying!