Un livre de MOSAIQUE Informatique Nancy : Joomla, le guide complet - Créer un site Internet avec Joomla

Chapitre 1 : le concept du CMS

Même s'il est d'usage de comparer Internet à une toile d'araignée, l'image n'est que partiellement fondée… En effet, les arachnides ont pour habitude de tisser seules… Or la toile du Web, qui s'étend toujours plus chaque jour, est l'œuvre d'un nombre important et croissant d'acteurs. Webmestres, informaticiens, scientifiques, journalistes, blogueurs, marchands, passionnés en tous genres de sujets en tous types ; chacun d'eux, chacun de nous, tisse, à tout instant, une maille supplémentaire, participant ainsi à ce fantastique accroissement de la mise en ligne des connaissances technologiques, culturelles et artistiques, révolution majeure de la dernière décennie.

Extrait du livre Joomla Le guide complet (auteurs Alain Mathieu et Dominique Lerond - MOSAIQUE Informatique) chez Micro Application

Chaque jour voit de nouvelles techniques naître, des habitudes changer, des internautes plus curieux mais aussi, forcément, plus pressés de savoir, découvrir, essayer et également laisser leur propre trace dans la mémoire sans fin du réseau.

Plus question, en effet, de se limiter à la consultation passive de sites construits uniquement avec des textes et des images. Musiques, films, forums, chats, messageries instantanées, réponses aux articles sont les éléments constituants du Web moderne.

N’oublions pas le commerce électronique… Cette révolution dans la révolution, fonctionnalité balbutiante hier, parfaitement mature aujourd'hui, capable de faire vaciller certaines grandes structures commerciales, construites sur des techniques de vente traditionnelles, et qui payent cher l'erreur de ne pas avoir anticipé la vague déferlante du commerce en ligne.

Passionnant mais bouillonnant, pourvoyeur de richesses intellectuelles et financières pour certains, de rêves et de désillusions pour d'autres, le Web est sans merci et ne laisse pas place à l'inefficacité. Que l'on soit rédacteur ou commerçant, on ne crée plus aujourd'hui des pages comme on le faisait il y a encore quelques années. Performance et rentabilité sont les maîtres mots de la réussite, en matière de gestion du contenu rédactionnel, qui ne peut plus s'opérer de façon artisanale. Et c'est tout naturellement en réponse à ce besoin de productivité que sont nés les systèmes de gestion de contenu.

L'objectif de ce livre est de vous présenter Joomla. À nos yeux, Joomla est le système de gestion de contenu le plus abouti et le plus polyvalent. Il est capable, par exemple, de se transformer en forum de discussion, en galerie d'images et surtout, comme vous le découvrirez dans la seconde partie de cet ouvrage, en site de commerce électronique.

Qu'est-ce qu'un système de gestion de contenu ? Avant de pouvoir répondre à cette question, il est nécessaire de revenir sur les techniques traditionnelles de réalisation d'un site Internet.

Ces informations sont extraites du livre d'Alain Mathieu et de Dominique Lerond (MOSAIQUE Informatique Nancy) "Joomla Le guide complet" (en vente en librairies et sur le site de Micro Application).

Commander en ligne le livre Joomla Le guide complet (auteurs MOSAIQUE Informatique) chez Micro Application

Techniques traditionnelles de construction de sites Internet

Pour comprendre l'intérêt des systèmes de gestion de contenu, il vous faut bien différencier les deux familles de sites web en ligne à ce jour : les sites statiques et les sites dynamiques.

Créer un site statique, une technique aujourd'hui dépassée

Toutes les pages qui composent les sites web que vous visitez, respectent des normes de conception, celles du langage XHTML, nouvelle mouture du langage HTML.

Le HTML (Hypertext Markup Language) est un langage de mise en forme de documents, employé afin d'afficher les contenus des pages web dans les navigateurs Internet. Ce langage est une variante du SGML (Standard Generalized Markup Language).

La structure du HTML est fondée sur l'utilisation de "balises", instructions permettant la mise en forme des documents, essentiellement composés de textes et d'images. L'une d'entre elles est fondamentale, puisqu'elle autorise la création de liens "hypertextes", qui permettent, par simple clic sur une chaîne de caractères ou une image, d'ouvrir une autre page. Cette fonctionnalité, qui autorise les sauts d'une page à une autre, est à l'origine de l'expression "surfer sur le Web".

En complément du code HTML, il est fréquent de trouver, greffées dans les pages, des fonctionnalités complémentaires, telles que des animations sophistiquées en technologie Flash, des vidéos ou des morceaux de code Javascript. Ces derniers sont utilisés afin de réaliser des traitements impossibles en HTML, tels que des validations de données dans des formulaires (zones de collectes d'informations structurées), des calculs ou encore certains types de menus déroulants.

Autre complément aujourd'hui indissociable des pages HTML, les feuilles de style en cascades (dont l'extension de fichiers est .ccs), traduction française de l'expression "Cascading Style Sheet" et dont la fonction est de gérer la mise en forme des pages. L'utilisation des feuilles de style a constitué un progrès majeur car elle a simplifié considérablement la lecture du code HTML.

"Page HTML", un abus de langage

Parler de "pages HTML" est aujourd'hui un abus de langage puisque le HTML a été remplacé par le XHTML. Cette expression est toutefois très répandue et nous l'utiliserons dans ce qui suit pour désigner les pages écrites en langage XHTML.

Les Formations de MOSAIQUE Informatique à Nancy (54) :

Apprendre à créer un site web avec le système de gestion de contenu (CMS) Joomla

Formations à la conception de sites Internet - Nancy - 54

La méthode la plus simple, la plus ancienne également, pour réaliser un site web, est celle du "site statique". Dans un tel site, les pages sont écrites par le webmestre, en langage XHTML, soit par une saisie totale du code dans un éditeur de texte, tel que le Bloc-notes, soit par le biais d'un logiciel de création de pages WYSIWYG tel que Dreamweaver.

Éditeur de texte et générateur de code WYSIWYG

On nomme "éditeur de texte" un logiciel simple, qui peut être comparé à un traitement de texte qui ne disposerait pas de fonctionnalités de mise en forme du texte. Le langage XHTML étant un langage de mise en forme de documents, c'est en effet le code de la page et celui de la feuille de style à laquelle elle est rattachée qui contiennent les instructions de mise en forme.

Extrait du code XHTML d'une page web, ici affiché dans le Bloc-notes, l'éditeur de texte livré avec Windows - Joomla

Le terme WYSIWYG, quant à lui, est un acronyme de What You See Is What You Get. Cette expression, qui peut être interprétée par "Vous voyez ce que vous obtiendrez" est utilisée pour désigner le mode de fonctionnement des logiciels de création de pages web, tels que le célèbre Dreamweaver. À la différence d'un simple éditeur de texte, ceux-ci se présentent sous la forme d'un traitement de texte simplifié, disposant d'une interface dédiée à la réalisation des mises en forme des textes et des images ainsi qu'aux insertions d'objets dans les pages tels que des applications en technologie Flash ou de traitements prédéfinis en langage Javascript. Les actions effectuées sont ensuite transformées en langage XHTML, comme si ce dernier avait été tapé manuellement dans un éditeur de texte.

Le plus souvent, la visite d'un site web débute par la page d'accueil. Celle-ci se nomme quasi invariablement "Index". Si le site est construit de façon "statique" (entendez "sans utilisation d'un langage de programmation générant les pages HTML"), elle porte l'extension .htm ou .html.

Les navigateurs Internet, dont la finalité est d'interpréter le code des pages et d'afficher le résultat de cette interprétation, sont programmés, lorsqu'un nom de domaine est saisi dans leur barre d'adresse, pour s'assurer de l'existence d'une telle page et pour l'ouvrir, dans l'affirmative. Si tel n'est pas le cas, le navigateur affiche un message indiquant qu'il ne peut afficher la page.

Nom et extension d'un fichier

L'extension d'un fichier est le terme indiquant une courte chaîne de caractères ajoutés après le nom du fichier et qui indique son appartenance à une famille. Ainsi, les fichiers portant l'extension .htm ou .html font partie de la famille des pages web statiques. Nom de fichier et extension sont toujours séparés par un point.

La visite d'un site ne commence toutefois pas obligatoirement par celle de la page d'accueil, l'internaute venant généralement d'un moteur de recherche, pouvant commencer son parcours depuis n'importe quelle page du site et se déplacer vers les suivantes en utilisant les liens hypertextes permettant une navigation sur le site.

Pour un internaute, une autre raison de débuter son parcours sur un site web peut être d'avoir enregistré l'adresse de la page dans ses favoris, encore nommés marque-pages, qui sont des adresses de pages mémorisées et stockées dans les navigateurs Internet.

Comprendre les principes des sites dynamiques

Deuxième catégorie de sites web, les sites dynamiques se distinguent des sites statiques dans la mesure où les pages qui les composent sont générées par des programmes, selon les requêtes réalisées par les internautes, et qui peuvent prendre des formes diverses (zones de texte, cases à cocher, listes déroulantes, boutons d'options, etc.).

Parmi les composants techniques susceptibles de réaliser de tels traitements, les plus utilisés sont incontestablement les composants open source Linux (système d'exploitation), Apache (serveur web), PHP (langage de programmation) et MySQL (base de données). On retrouve cette configuration chez la quasi totalité des hébergeurs.

Nombreuses sont les utilisations qui peuvent être faites des rouages du Web dynamique : commerce électronique, en premier lieu, mais aussi forums, blogs, réseaux sociaux, jeux en ligne, pour citer les applications les plus répandues.

L'un des tournants majeurs du Web dynamique, ces dernières années, a été sa démocratisation. Petites et moyennes structures commerciales l'ont adopté, y voyant une technologie beaucoup plus efficace et bien moins coûteuse que celle du traditionnel Web statique. Quant aux particuliers, nombre d'entre eux l'utilisent sans même en avoir conscience, en publiant leurs articles sur des blogs, par exemple. Facilité de mise à jour par interface directement accessible depuis un navigateur web, de n'importe quel poste connecté à Internet, aucun logiciel à installer sur le PC, optimisation du référencement dans les moteurs de recherche sont les séduisants atouts du Web dynamique, auxquels il est difficile de résister.

C'est donc très naturellement sur cette vague que se sont développés les CMS (Systèmes de Gestion de Contenu), outils de création et de mise à jour de sites, dont le principal avantage est de délester le webmestre des tâches de création des pages pour lui permettre de se concentrer sur le contenu rédactionnel du site.

L'éditeur de création de pages en ligne proposé par le CMS Joomla

Les Formations de MOSAIQUE Informatique Nancy - Découvrez la trilogie de l'infographie : Photoshop, Illustrator, Indesign

Formation à l'infographie à Nancy (54) : Photoshop, Illustrator, Indesign, ...

Comprendre les principes des CMS (serveur web, base de donnée, code dynamique)

Les avantages du CMS

Les principes de fonctionnement des systèmes de gestion de contenu (dénommés CMS, pour Content Management System ou encore SGC, pour Système de Gestion de Contenu) sont globalement toujours les mêmes. Bien les comprendre est donc un atout important pour un webmestre utilisant Joomla.

Les CMS sont des systèmes de publication sur Internet. Leurs mécanismes sont préfabriqués : édition du contenu des pages (textes et images), fonctionnalités en tous genres qui nécessitaient il y a peu des développements spécifiques lors de la création d'un site, etc. Implémenter un site web au moyen d'un CMS consiste donc à paramétrer celui-ci.

Le webmestre ayant déjà créé, de toutes pièces, un site statique via des techniques traditionnelles, sera immédiatement et agréablement surpris par l'efficacité d'une telle solution, en termes de temps de mise en place (sans les nombreux jours de débogage et de tests).

Sa seconde surprise sera certainement la facilité qui s'offrira à lui en ce qui concerne la mise à jour du contenu éditorial et qui s'opérera simplement, depuis une interface d'administration en ligne. La quantité de pages qu'il mettra en ligne s'en trouvera certainement accrue, de même que leur qualité, puisque la tâche du webmestre se limitera à la rédaction du contenu rédactionnel, à laquelle s'ajouteront quelques opérations simples de mise en forme, opérées par les commandes proposées sur l'interface.

En outre, toute modification effectuée (mise à jour d'un catalogue, date d'événement, modification de tarif, …) sera visible instantanément pour tout visiteur du site.

Enfin, et cela n'est pas le moindre avantage, le webmestre, par simple mise à jour de son système de gestion de contenu, bénéficiera de toutes les améliorations apportées par l'équipe de développement du produit, presque toujours gratuitement puisque issues du monde de l'open source, soucieuse d'apporter à leur "bébé" toutes les nouvelles fonctionnalités qui ne manqueront pas d'apparaître sur Internet.

Le monde de l'open source

On peut traduire ce terme par "source ouverte". Il désigne les logiciels disposant d'une licence autorisant la libre redistribution du produit et dont le code informatique est libre.

Les programmes open source sont généralement de bonne qualité puisque l'ouverture du code à de nombreux programmeurs favorise l'amélioration des produits.

Ajoutons à cette liste, déjà longue, d'arguments positifs en faveur de l'utilisation d'un CMS, que ce dernier s'installe en un temps record (moins d'une heure en général) et il sera aisé de comprendre pourquoi tant de personnes utilisent aujourd'hui des systèmes de gestion de contenu.

Intéressons-nous maintenant aux principes techniques qui régissent les CMS, et particulièrement Joomla…

L'idée fédératrice est de séparer les contenus à proprement parler, que représentent les textes, les images et, d'une manière générale, les objets insérés dans les pages, de leur mise en forme, effectuée par un choix en matière de polices de caractères, de couleurs et d'habillage graphique principalement.

Formations multimédia, photo et vidéo à Nancy

Formation photo Nancy - 1 jour

Formation photo Nancy - 3 jours

Formation photo Nancy - 6 jours

Les contenus sont stockés dans une base de données (MySql dans presque tous les cas), alors que les directives relatives à la présentation sont dans des feuilles de styles, les fichiers dans lesquels sont enregistrées les particularités de mise en forme des pages du site.

Ainsi, il est possible, sans changer une virgule du contenu rédactionnel du site, d'en modifier l'apparence radicalement (il suffit de modifier la ou les feuilles de styles qui leur sont appliquées).

Vous pourrez, par exemple, utiliser des modèles de présentation différents en fonction des périodes de soldes, ou des fêtes à venir afin de changer l'aspect de votre site, sans modifier les textes et les images qu'il renferme.

... (fin de l'extrait) ...

Ces informations sont extraites du livre d'Alain Mathieu et de Dominique Lerond (MOSAIQUE Informatique Nancy) "Joomla Le guide complet" (en vente en librairies et sur le site de Micro Application).

Commander en ligne le livre Joomla Le guide complet (auteurs MOSAIQUE Informatique) chez Micro Application

Découvrez les formations de MOSAIQUE Informatique à Nancy (54) et en Lorraine

Apprendre à créer son site web - Formation à Nancy

Alternative gratuite à Photoshop, Gimp est un excellent logiciel libre de retouche d'image, que nous avons décidé de tester.

Sans plus attendre, voyons

Création d'un compte Google

Si vous ne disposez pas d'un compte Google, voici la procédure qui vous permettra d'en créer un.

2 Cliquez sur le lien Inscrivez-vous à Sites.

La page Créer un compte s'affiche.

comment le télécharger et l'installer.