HTML/XHTML, CSS et W3C

Autant vous pourrez très bien vous en sortir dans l'univers de Joomla sans connaissances en PHP/MySQL, autant les connaissances en HTML/XHTML et CSS s'avèreront très vite indispensables si vous souhaitez personnaliser l'apparence de votre site (le template). Rien d'insurmontable toutefois, vous trouverez en librairie et essentiellement sur le web toutes les ressources nécessaires (tutoriaux, documentation, exemples) pour acquérir les rudiments du HTML/XHTML et du CSS.

Le HTML est un langage «balisé» qui permet de mettre en forme des informations sur une page web. Vous souhaitez par exemple afficher un mot en gras sur une page web, pour ce faire vous devrez insérer ce mot entre les balises <b></b>. Vous souhaitez par ailleurs structurer l'affichage de votre page sous forme de tableau, le HTML vous permettra de le faire à l'aide des balises <table><tr><td></td></tr></table>.

Le langage XHTML est la nouvelle norme du W3C pour la conception de pages Web. Il s'agit en fait d'un encodage plus stricte du langage HTML, s'appuyant sur les spécifications du XML. Pour être valides XHTML, vos pages Web devront désormais respecter ces quelques règles:

• Le document doit être ouvert avec un DOCTYPE et un espace de nommage (namespace)
• Le document doit comporter au minimum les éléments de structure html, head et body.
• Les balises doivent être écrites en minuscules
• La valeur des attributs doit toujours être écrites entre des guillemets, y compris pour des valeurs numériques
• Les balises d'images IMG doivent toujours comporter l'attribut alt pour le texte alternatif.
• A toute balise d'ouverture doit correspondre une balise de fermeture.
• Les balises uniques doivent également être refermées.
• Les balises doivent être correctement imbriquées.
• Les notations compactes ou raccourcies dans les attributs ne doivent pas être utilisées.
• L'attribut ID sera préféré à l'attribut NAME pour identifier les éléments A, APPLET, FRAME, IFRAME, IMG, et MAP.

Bon, si vous n'avez pas tout compris, pas d'affolement, vous pourrez quand même continuer l'aventure Joomla! Vous trouverez toutes sortes d'informations complémentaires sur le web et notamment sur l'excellent http://openweb.eu.org .

Le CSS est un langage qui permet de définir et de contrôler les styles d'affichage de toutes les pages web d'un site depuis un seul fichier : la feuille de style. Sans feuille de style il faudrait par exemple définir pour chaque page d'un site que je souhaite que les liens hypertextes passent en couleur jaune et en souligné lorsqu'ils sont survolés… Que se passe t-il si le lendemain vous décidez finalement que les liens survolés doivent désormais passer au vert caca d'oie ? Eh bien il faut rééditer toutes les pages web de votre site.., pas très pratique. Tandis que si nous précisons pour chaque page web du site l'emplacement et le nom de la feuille de style qui sera utilisée, nous faisons la modification dans la feuille de style et elle s'applique automatiquement à toutes les pages web du site.
Joomla utilise seulement 2 fichiers pour gérer le design d'un site :

• un fichier qui contient entre autres choses du code HTML afin de structurer les éléments de la page web à afficher, par exemple 1 colonne de gauche pour afficher les menus de gauche, 1 colonne centrale pour afficher le corps de la page et une colonne de droite pour éventuellement afficher d'autres menus.
• une feuille de style unique pour tout votre site !

Le W3C (World Wide Web Consortium, http://www.w3.org) est une organisation internationale fondée en 1994 qui se propose de définir et de proposer des normes (spécifications ou recommandations) techniques afin de standardiser les technologies et protocoles utilisés sur le Web.

Si ses premières recommandations concernaient les normes de présentation du langage HTML, sa mission s'est ensuite élargie à d'autres technologies (XML, XHTML, XSL, CSS...) ainsi qu'aux champs liés à l'interaction entre le Web et ses utilisateurs (accessibilité, utilisabilité, mobilité...).
Le W3C est composé d'environ 450 membres (sociétés commerciales, fondations, universités...) dont la liste est consultable à cette adresse: http://www.w3.org/Consortium/Member/List. On y trouve pêle-mêle Google, Inc, la Fondation Mozilla ou les plus inattendus France Telecom et Microsoft Corp,. !!

Quel est le rapport avec Joomla! ? Et bien en tant que webmaster, vous devenez acteur du web non? Alors autant se conformer tout de suite aux préconisations de nos experts du W3C! Vous pourrez vous amusez (ou pleurez) en passant par exemple votre site au W3C Validator, 

source : http://php.developpez.com/cours/joomla/?page=concepts#LI-A