Drupal: .htaccess Access Deny
August 21, 2014 – 7:59 am | No Comment

In this article I will tell how to forbid access to certain resources for some clients. The instructions will include descriptions of different directives.

Read the full story »
CSS Templates

Contain reviews and news about CSS Templates.

Freebies

Contain freebies such as icons, graphics, headers and images for your websites.

Fun Stuff

Contains other fun stuff for entertainment or interesting site showcase.

How-To

Contain technical elaborations on some specific workarounds or common tweak.

Joomla Templates

Contains reviews and news about Joomla templates.

Home » How-To

How to create W3C standard Joomla template for the site

Submitted by on August 19, 2009 – 8:33 amOne Comment

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.

One Comment »

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.