417
Micro Application 20-22 rue des Petits Hôtels 75010 Paris Tél. : 01 53 34 20 20 Fax : 01 53 34 20 00 http://www.microapp.com Paris le 08/02/2010 01:02 Client n°2334204 HAFSI Jak BP X989X 12000 FRANCE France Fiche d’identité Acquisition par téléchargement : Date de la commande : 08/02/2010 00:02 n° de commande : 657062 Ouvrage : Joomla! Auteur(s) : MOSAIQUE Informatique Editeur : MICRO APPLICATION, SA ISBN : 978-2-3000-2219-7 Respectez les droits d’auteur. L’exploitation sans autorisation de tout ou partie du présent ouvrage est un acte de contrefaçon puni de 3 ans d’emprisonnement et de 300.000 € d’amende. Les exceptions à ce principe sont strictement limitées et définies par la loi. Nous vous invitons à en prendre connaissance. La présente Fiche d’identité fait partie intégrante de l’ouvrage dont le contenu commence à la page suivante...

95404797 Joomla Le Guide Complet

Embed Size (px)

Citation preview

  • Micro Application20-22 rue des Petits Htels75010 ParisTl. : 01 53 34 20 20Fax : 01 53 34 20 00

    http://www.microapp.com

    Paris le 08/02/2010 01:02

    Client n2334204

    HAFSI JakBP X989X12000 FRANCEFrance

    Fiche didentit

    Acquisition par tlchargement :Date de la commande : 08/02/2010 00:02 n de commande : 657062

    Ouvrage : Joomla!

    Auteur(s) : MOSAIQUE Informatique

    Editeur : MICRO APPLICATION, SA

    ISBN : 978-2-3000-2219-7

    Respectez les droits dauteur. Lexploitation sans autorisation de tout ou partie du prsent ouvrage est un actede contrefaon puni de 3 ans demprisonnement et de 300.000 damende. Les exceptions ce principe sontstrictement limites et dfinies par la loi. Nous vous invitons en prendre connaissance.

    La prsente Fiche didentit fait partie intgrante de louvrage dont le contenu commence la page suivante...

  • Copyright 2009 Micro Application20-22, rue des Petits-Htels75010 Paris

    1re dition - Aot 2009

    Auteur MOSAIQUE Informatique

    Toute reprsentation ou reproduction, intgrale ou partielle, faite sans leconsentement de MICRO APPLICATION est illicite (article L122-4 du codede la proprit intellectuelle).Cette reprsentation ou reproduction illicite, par quelque procd que cesoit, constituerait une contrefaon sanctionne par les articles L335-2 etsuivants du code de la proprit intellectuelle.Le code de la proprit intellectuelle nautorise aux termes de larticle L122-5que les reproductions strictement destines lusage priv et non destines lutilisation collective dune part, et dautre part, que les analyses et courtescitations dans un but dexemple et dillustration.

    Avertissement Les informations contenues dans cet ouvrage sont donnes titre indicatifaux utilisateurs et nont aucun caractre exhaustif voire certain. A titre dexemple non

    limitatif, cet ouvrage peut vous proposer une ou plusieurs adresses de sitesWeb qui ne seront plus dactualit ou dont le contenu aura chang aumoment o vous en prendrez connaissance.Aussi, ces informations ne sauraient engager la responsabilit de lEditeur.La socit MICRO APPLICATION ne pourra tre tenue responsable de touteomission, erreur ou lacune qui aurait pu se glisser dans ce produit ainsi quedes consquences, quelles quelles soient, qui rsulteraient des informa-tions et indications fournies ainsi que de leur utilisation.Tous les produits cits dans cet ouvrage sont protgs, et les marquesdposes par leurs titulaires de droits respectifs. Cet ouvrage nest ni dit,ni produit par le(s) propritaire(s) de(s) programme(s) sur le(s)quel(s) il porte etles marques ne sont utilises qu seule fin de dsignation des produits entant que noms de ces derniers.

    ISBN : 978-2-300-022197

    ISSN : 1950-0289

    MICRO APPLICATION Support technique :20-22, rue des Petits-Htels galement disponible sur75010 PARIS www.microapp.comTl. : 01 53 34 20 20Fax : 01 53 34 20 00http://www.microapp.com

    Retrouvez des informations sur cet ouvrage !

    Rendez-vous sur le site Internet de Micro Applicationwww.microapp.com. Dans le module de recherche,sur la page daccueil du site, entrez la rfrence 4 chiffres indique sur le prsent livre.Vous accdez directement sa fiche produit.

    2219

  • Avant-proposDestine aussi bien aux dbutants quaux utilisateurs initis, lacollection Guide Complet repose sur une mthode essentiellementpratique. Les explications, donnes dans un langage clair et prcis,sappuient sur de courts exemples. En fin de chaque chapitre, dcouvrez,en fonction du sujet, des exercices, une check-list ou une srie de FAQpour rpondre vos questions.Vous trouverez dans cette collection les principaux thmes de luniversinformatique : matriel, bureautique, programmation, nouvellestechnologies...

    Conventions typographiquesAfin de faciliter la comprhension des techniques dcrites, nous avonsadopt les conventions typographiques suivantes :

    j gras : menu, commande, bote de dialogue, bouton, onglet.j italique : zone de texte, liste droulante, case cocher, bouton

    radio.j Police bton : Instruction, listing, adresse internet, texte

    saisir.j : indique un retour la ligne volontaire d aux contraintes de

    la mise en page.

    Il sagit dinformations supplmentaires relatives au sujet trait.

    Met laccent sur un point important, souvent dordre technique quilne faut ngliger aucun prix.

    Propose conseils et trucs pratiques.

    Donne en quelques lignes la dfinition dun terme technique ou duneabrviation.

  • Chapitre 1 Le concept du CMS 11

    1.1. Techniques traditionnelles de construction de sites Internet . 13Crer un site statique, une technique aujourdhui dpasse . 13Comprendre les principes des sites dynamiques ............. 16

    1.2. Comprendre les principes des CMS (serveur web,base de donne, code dynamique) ............................. 17Les avantages du CMS ............................................ 17La mise jour immdiate du site ................................. 20Les principaux CMS du march et leurs spcificits .......... 22Pourquoi choisir Joomla ........................................... 26

    1.3. Comprendre le langage XHTML ................................. 27Comprendre les bases dune page XHTML .................... 28Comprendre le HTML par lexemple ............................. 30

    1.4. Check-list ............................................................ 42

    Chapitre 2 Installer Joomla 43

    2.1. La configuration ncessaire ...................................... 442.2. Tlcharger Joomla ................................................ 452.3. Tlcharger et installer un serveur web local ................. 502.4. Installer Joomla sur un serveur web local ..................... 572.5. Installer Joomla chez un hbergeur ............................ 66

    Les hbergements mutualiss .................................... 66Les hbergements sur des serveurs virtuels ................... 67Les hbergements sur des serveurs ddis .................... 67tude de cas : Installation type chez un hbergeur ........... 68

    2.6. Check-list ............................................................ 83

    Chapitre 3 Se familiariser avec Joomla 85

    3.1. Le frontend .......................................................... 863.2. Le backend .......................................................... 89

    Dcouvrir le gestionnaire darticles .............................. 89Dcouvrir le gestionnaire de menus ............................. 92Dcouvrir le gestionnaire de mdias ............................. 93Dcouvrir le principe des templates ............................. 94

    3.3. Les menus de Joomla ............................................. 97Le menu Site/Panneau dadministration ........................ 97Le menu Site/Gestionnaire des utilisateurs ..................... 97Le menu Site/Gestion des mdias ............................... 98

    Sommaire

    4 LE GUIDE COMPLET

  • Le menu Site/Configuration gnrale ............................ 98Le menu Site/Dconnexion ....................................... 99Le menu Menus/Gestion des menus ........................... 100Le menu Menus/Corbeille de menu ............................ 100Le menu Menus/Main menu ..................................... 101Le menu Contenu/Gestion des articles ........................ 101Le menu Contenu/Corbeille article ............................. 102Le menu Contenu/Gestionnaire des sections ................ 102Le menu Contenu/Gestion des catgories .................... 102Le menu Contenu/Gestion de la page daccueil ............. 103Le menu Composants/Bannire/Bannires ................... 104Le menu Composants/Bannire/Clients ...................... 104Le menu Composants/Bannire/Catgories .................. 105Le menu Composants/Contacts/Contacts ................... 105Le menu Composants/Contacts/Catgories ................. 105Le menu Composants/Fils dactualits/Fils ................... 106Le menu Composants/Fils dactualits/Catgories ......... 107Le menu Composants/Sondages .............................. 107Le menu Composants/Recherche .............................. 108Le menu Composants/Liens web/Liens ....................... 108Le menu Composants/Liens web/Catgories ................ 108Le menu Extensions/Installer/Dsinstaller .................... 109Le menu Extensions/Gestion des modules ................... 109Le menu Extensions/Gestionnaire des plugins ............... 110Le menu Extensions/Gestionnaire des templates ........... 110Le menu Extensions/Gestion des langues .................... 111Le menu Outils/Lire les messages .............................. 111Le menu Outils/crire un message ............................. 111Le menu Outils/Envoi massif demail ........................... 112Le menu Outils/Validation gnrale ............................ 112Le menu Outils/Nettoyer le cache .............................. 113Le menu Outils/Purger les fichiers expirs du cache ........ 113Le menu Aide/Aide Joomla! ..................................... 113Le menu Aide/Infos systme .................................... 114

    3.4. Check-list .......................................................... 114

    Chapitre 4 Crer des articles 115

    4.1. Utiliser les commandes de linterface dadministration ... 1164.2. Dfinir les paramtres gnraux ............................... 117

    Paramtrer le nom du site ........................................ 118Paramtrer la longueur des listes ............................... 118Augmenter la dure de session ................................. 119

    Sommaire

    5LE GUIDE COMPLET

  • Paramtrer le fuseau horaire ..................................... 1204.3. Changer le login et le mot de passe administrateur ....... 1214.4. Crer des sections ............................................... 1224.5. Crer des catgories ............................................. 1254.6. Crer et modifier des articles ................................... 128

    Prvisualiser larticle dans une fentre de prvisualisation . 131Prvisualiser larticle dans le frontend ......................... 132Mettre en forme le contenu de larticle ......................... 134Insrer une image dans le texte de larticle .................... 141Crer un lien hypertexte .......................................... 143Crer un saut de page dans le texte de larticle .............. 145Dfinir les paramtres de larticle ............................... 149Publier larticle en page daccueil ............................... 156

    4.7. Check-list .......................................................... 158

    Chapitre 5 Administrer les menus 159

    5.1. Dsactiver les menus inutiles .................................. 1605.2. Modifier un menu existant ...................................... 1625.3. Exploiter les diffrents lments de menu ................... 163

    Les fonctionnalits daffichage des liens internes ........... 164Crer un item de menu pointant vers une page externe .... 172Crer un item de sparation dans un menu ................... 173Crer un alias de menu ........................................... 174

    5.4. Ajouter un item au menu ........................................ 1755.5. Crer un nouveau menu ......................................... 1775.6. Modifier les paramtres daffichage dun menu ............ 180

    Appliquer un style au menu ...................................... 180Modifier lordre des menus ...................................... 182Modifier la position du menu .................................... 183Modifier le style du menu ......................................... 186Limiter laffichage du menu certaines parties du site ...... 187

    5.7. Check-list .......................................................... 187

    Chapitre 6 Utiliser les fonctionnalits natives de Joomla 189

    6.1. Grer les mdias .................................................. 190Les formats dimages ............................................. 190Optimiser et retoucher les images pour Internet ............. 192Le Gestionnaire de mdias ...................................... 195

    6.2. Grer les niveaux daccs et les utilisateurs ................ 198Comprendre les niveaux daccs ............................... 198

    6 LE GUIDE COMPLET

    Sommaire

  • Grer les niveaux daccs ........................................ 200Exercice pratique : Cration dun compte de niveau Auteur .. 201

    6.3. Utiliser la messagerie de Joomla .............................. 210Consulter les messages .......................................... 211Supprimer un message ........................................... 212crire un message ................................................. 212

    6.4. Utiliser la newsletter .............................................. 2136.5. Effectuer une mise jour de Joomla .......................... 2146.6. Check-list .......................................................... 216

    Chapitre 7 Adapter le site avec des composants 217

    7.1. Installer un composant .......................................... 2197.2. Faciliter la rdaction des pages avec lditeur JCE ........ 219

    Installer lditeur JCE ............................................. 220Dclarer lditeur JCE comme diteur par dfaut ............ 224

    7.3. Grer un site multilingue avec le composant Joom!Fish . 225Ajouter une langue linterface ................................. 225Installer Joom!Fish ................................................ 228Paramtrer la langue de rfrence .............................. 232Accder aux paramtres gnraux ............................. 233La traduction dun article ......................................... 236Traduire directement des contenus ............................ 238Paramtrer le choix de la langue utilise dans le frontend .. 239

    7.4. Grer des documents avec DOCman ......................... 2407.5. Grer des utilisateurs avec Community Builder ............ 2437.6. Grer une galerie de photos Phoca Gallery ................. 2437.7. Grer des newsletters avec Communicator ................. 2447.8. Grer des groupes avec GMAccess .......................... 2457.9. Installer de nouveaux templates ............................... 246

    Rechercher des templates ....................................... 246Installer un template tlcharg ................................. 252Paramtrer un template .......................................... 253

    7.10. Check-list .......................................................... 254

    Chapitre 8 Ajouter une boutique en ligne 255

    8.1. Comprendre le concept de VirtueMart ....................... 256Les points forts de VirtueMart ................................... 256Le site officiel de VirtueMart ..................................... 257

    8.2. Installer VirtueMart ............................................... 259

    Sommaire

    7LE GUIDE COMPLET

  • Premire mthode dinstallation : Installer simultanmentJoomla et VirtueMart .............................................. 259Seconde mthode dinstallation : Ajouter le composantVirtueMart un systme Joomla dj install ................ 263Installer VirtueMart en franais .................................. 270Installer les modules de VirtueMart ............................. 272Dcouvrir la boutique depuis le Frontend ..................... 273Installer les plugins de VirtueMart ............................... 274

    8.3. Choisir le mode daffichage de linterfacedadministration de VirtueMart ................................ 275

    8.4. Dcouvrir les paramtres de configuration gnrale ...... 2788.5. Configurer les paramtres de la boutique ................... 279

    Dfinir lidentit de la boutique .................................. 280Dfinir les informations sur la boutique ........................ 283Dfinir lidentit du responsable contacter .................. 283Dfinir la devise utilise et le format daffichage des prix ... 284Saisir la description de la boutique ............................. 286Saisir les conditions gnrales de vente ....................... 286

    8.6. La TVA ............................................................... 288Lapplication du calcul de la TVA ................................ 288Appliquer une taxe sur les produits immatriels .............. 289Utiliser des taux de TVA multiples .............................. 290Crer les taux de TVA par pays ou rgion ..................... 291

    8.7. Crer le catalogue de produits ................................. 292Crer les fabricants de produits ................................. 292Crer des catgories de produits ............................... 294Saisir les produits ................................................. 299La gestion des stocks ............................................ 318

    8.8. Paramtrer les expditions ..................................... 318Choisir la mthode dexpdition ................................ 319Dfinir le poids et les dimensions dun produit ............... 320Lister les transporteurs ........................................... 320Ajouter un transporteur ........................................... 320Ajouter un tarif dexpdition ..................................... 321

    8.9. Personnaliser les modes de paiements ...................... 322Activer les moyens de paiement ................................ 322Les paiements par chques et virements ..................... 323Les paiements par le systme Paypal .......................... 324

    8.10. Consulter ltat des commandes .............................. 3268.11. Sauvegarder le site web ......................................... 327

    Sauvegarde de la base de donnes ............................ 327Sauvegarde des fichiers .......................................... 328

    8.12. Check-list .......................................................... 330

    8 LE GUIDE COMPLET

    Sommaire

  • Chapitre 9 Amliorer lindexation dans les moteursde recherche 331

    9.1. Connatre les principes de fonctionnement de Google ... 3329.2. Rfrencement naturel vs rfrencement payant .......... 3359.3. Comprendre les principes du rfrencement naturel ...... 340

    Comprendre les enjeux du rfrencement .................... 340Comprendre les objectifs et les mthodesde rfrencement .................................................. 343Connatre les types de rfrencement ......................... 343Assimiler les mthodes de rfrencement naturel ........... 343Matriser les tapes du rfrencement ......................... 344Anticiper le fonctionnement des moteurs de recherche .... 345Utiliser la longue trane ........................................... 346

    9.4. Dterminer sa stratgie de positionnement ................. 348Rechercher des mots-cls ....................................... 348Utiliser des outils de mesure des mots-cls .................. 348

    9.5. Optimiser son site pour le rfrencement naturel .......... 356Indexer son site dans Google ................................... 356Utiliser le fichier Sitemap ......................................... 356Augmenter son PageRank ....................................... 357Diminuer leffet Sandbox ......................................... 360Optimiser les titres des pages ................................... 361Activer lURL rewriting ............................................ 361Optimiser les pages de contenus ............................... 363Optimiser les images ............................................. 364Utiliser la balise META description .............................. 364Utiliser la balise META robots .................................... 365Utiliser la balise META keywords ................................ 365Bien choisir le nom de domaine du site ........................ 366Utiliser des mots-cls dans les noms de dossierset de fichiers ........................................................ 366Grer un site multilingue .......................................... 367tre prsent dans les rponses de recherche universelle ... 367

    9.6. Avoir recours au rfrencement payant ...................... 3699.7. Utiliser les commandes de Google ............................ 372

    allintitle .............................................................. 372allinurl ............................................................... 374filetype .............................................................. 374inanchor ............................................................. 375info ................................................................... 376intext ................................................................. 376intitle ................................................................. 377link ................................................................... 377related ............................................................... 378

    Sommaire

    9LE GUIDE COMPLET

  • site ................................................................... 379define ................................................................ 380

    9.8. Anticiper les futures techniques de rfrencement ........ 3809.9. Check-list .......................................................... 381

    Chapitre 10 Annexe 383

    10.1. Glossaire ........................................................... 384A ...................................................................... 384B ...................................................................... 387C ..................................................................... 389D ...................................................................... 391E ...................................................................... 392F ...................................................................... 393G ..................................................................... 394H ..................................................................... 395I ....................................................................... 395J ...................................................................... 397K ...................................................................... 397L ...................................................................... 397M ..................................................................... 398N ..................................................................... 399O ..................................................................... 399P ...................................................................... 400R ...................................................................... 401S ...................................................................... 402T ...................................................................... 403U ..................................................................... 404V ...................................................................... 405W ..................................................................... 405X ...................................................................... 405Z ...................................................................... 406

    10.2. Adresses Internet utiles ......................................... 406

    Chapitre 11 Index 409

    10 LE GUIDE COMPLET

    Sommaire

  • Le concept du CMS

    Techniques traditionnelles de construction de sites Internet .................................... 13Comprendre les principes des CMS (serveur web, base de donne,code dynamique) .................................................................................................................. 17Comprendre le langage XHTML ....................................................................................... 27Check-list ............................................................................................................................... 42

  • Mme sil est dusage de comparer Internet une toile daraigne,limage nest que partiellement fonde En effet, les arachnides ontpour habitude de tisser seules Or la toile du Web, qui stend toujoursplus chaque jour, est luvre dun nombre important et croissantdacteurs. Webmestres, informaticiens, scientifiques, journalistes,blogueurs, marchands, passionns en tous genres de sujets en toustypes ; chacun deux, chacun de nous, tisse, tout instant, une maillesupplmentaire, participant ainsi ce fantastique accroissement de lamise en ligne des connaissances technologiques, culturelles etartistiques, rvolution majeure de la dernire dcennie.Chaque jour voit de nouvelles techniques natre, des habitudes changer,des internautes plus curieux mais aussi, forcment, plus presss desavoir, dcouvrir, essayer et galement laisser leur propre trace dans lammoire sans fin du rseau.

    Plus question, en effet, de se limiter la consultation passive de sitesconstruits uniquement avec des textes et des images. Musiques, films,forums, chats, messageries instantanes, rponses aux articles sont leslments constituants du Web moderne.

    Noublions pas le commerce lectronique Cette rvolution dans larvolution, fonctionnalit balbutiante hier, parfaitement matureaujourdhui, capable de faire vaciller certaines grandes structurescommerciales, construites sur des techniques de vente traditionnelles, etqui payent cher lerreur de ne pas avoir anticip la vague dferlante ducommerce en ligne.

    Passionnant mais bouillonnant, pourvoyeur de richesses intellectuelles etfinancires pour certains, de rves et de dsillusions pour dautres, leWeb est sans merci et ne laisse pas place linefficacit. Que lon soitrdacteur ou commerant, on ne cre plus aujourdhui des pages commeon le faisait il y a encore quelques annes. Performance et rentabilitsont les matres mots de la russite, en matire de gestion du contenurdactionnel, qui ne peut plus soprer de faon artisanale. Et cest toutnaturellement en rponse ce besoin de productivit que sont ns lessystmes de gestion de contenu.

    Lobjectif de ce livre est de vous prsenter Joomla. nos yeux, Joomlaest le systme de gestion de contenu le plus abouti et le plus polyvalent.Il est capable, par exemple, de se transformer en forum de discussion, engalerie dimages et surtout, comme vous le dcouvrirez dans la secondepartie de cet ouvrage, en site de commerce lectronique.

    12 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Quest-ce quun systme de gestion de contenu ? Avant de pouvoirrpondre cette question, il est ncessaire de revenir sur les techniquestraditionnelles de ralisation dun site Internet.

    1.1. Techniques traditionnellesde construction de sites Internet

    Pour comprendre lintrt des systmes de gestion de contenu, il vousfaut bien diffrencier les deux familles de sites web en ligne ce jour :les sites statiques et les sites dynamiques.

    Crer un site statique, une techniqueaujourdhui dpasse

    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 formede documents, employ afin dafficher les contenus des pages web dansles navigateurs Internet. Ce langage est une variante duSGML (Standard Generalized Markup Language).La structure du HTML est fonde sur lutilisation de "balises",instructions permettant la mise en forme des documents, essentiellementcomposs de textes et dimages. Lune dentre elles est fondamentale,puisquelle autorise la cration de liens "hypertextes", qui permettent,par simple clic sur une chane de caractres ou une image, douvrir uneautre page. Cette fonctionnalit, qui autorise les sauts dune page uneautre, est lorigine de lexpression "surfer sur le Web".

    En complment du code HTML, il est frquent de trouver, greffes dansles pages, des fonctionnalits complmentaires, telles que desanimations sophistiques en technologie Flash, des vidos ou desmorceaux de code Javascript. Ces derniers sont utiliss afin de raliserdes traitements impossibles en HTML, tels que des validations dedonnes dans des formulaires (zones de collectes dinformationsstructures), des calculs ou encore certains types de menus droulants.

    Techniques traditionnelles de construction de sites Internet Chapitre 1

    13LE GUIDE COMPLET

  • Autre complment aujourdhui indissociable des pages HTML, lesfeuilles de style en cascades (dont lextension de fichiers est .ccs),traduction franaise de lexpression "Cascading Style Sheet" et dont lafonction est de grer la mise en forme des pages. Lutilisation desfeuilles de style a constitu un progrs majeur car elle a simplificonsidrablement la lecture du code HTML.

    "Page HTML", un abus de langageParler de "pages HTML" est aujourdhui un abus de langage puisque

    le HTML a t remplac par le XHTML. Cette expression est toutefoistrs rpandue et nous lutiliserons dans ce qui suit pour dsigner lespages crites en langage XHTML.

    La mthode la plus simple, la plus ancienne galement, pour raliser unsite web, est celle du "site statique". Dans un tel site, les pages sontcrites par le webmestre, en langage XHTML, soit par une saisie totaledu code dans un diteur de texte, tel que le Bloc-notes, soit par le biaisdun logiciel de cration de pages WYSIWYG tel que Dreamweaver.

    diteur de texte et gnrateur de code WYSIWYGOn nomme "diteur de texte" un logiciel simple, qui peut tre

    compar un traitement de texte qui ne disposerait pas defonctionnalits de mise en forme du texte. Le langage XHTML tant unlangage de mise en forme de documents, cest en effet le code de lapage et celui de la feuille de style laquelle elle est rattache quicontiennent les instructions de mise en forme.

    Figure 1.1 : Extrait du code XHTML dune page web, ici affich dans leBloc-notes, lditeur de texte livr avec Windows

    14 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Le terme WYSIWYG, quant lui, est un acronyme de What You SeeIs What You Get. Cette expression, qui peut tre interprte par "Vous

    voyez ce que vous obtiendrez" est utilise pour dsigner le mode defonctionnement des logiciels de cration de pages web, tels que le clbreDreamweaver. la diffrence dun simple diteur de texte, ceux-ci seprsentent sous la forme dun traitement de texte simplifi, disposantdune interface ddie la ralisation des mises en forme des textes et desimages ainsi quaux insertions dobjets dans les pages tels que desapplications en technologie Flash ou de traitements prdfinis en langageJavascript. Les actions effectues sont ensuite transformes en langageXHTML, comme si ce dernier avait t tap manuellement dans unditeur de texte.

    Le plus souvent, la visite dun site web dbute par la page daccueil.Celle-ci se nomme quasi invariablement "Index". Si le site est construitde faon "statique" (entendez "sans utilisation dun langage deprogrammation gnrant les pages HTML"), elle porte lextension .htmou .html.

    Les navigateurs Internet, dont la finalit est dinterprter le code despages et dafficher le rsultat de cette interprtation, sont programms,lorsquun nom de domaine est saisi dans leur barre dadresse, poursassurer de lexistence dune telle page et pour louvrir, danslaffirmative. Si tel nest pas le cas, le navigateur affiche un messageindiquant quil ne peut afficher la page.

    Nom et extension dun fichierLextension dun fichier est le terme indiquant une courte chane de

    caractres ajouts aprs le nom du fichier et qui indique sonappartenance une famille. Ainsi, les fichiers portant lextension .htm ou.html font partie de la famille des pages web statiques. Nom de fichier etextension sont toujours spars par un point.

    La visite dun site ne commence toutefois pas obligatoirement par cellede la page daccueil, linternaute venant gnralement dun moteur derecherche, pouvant commencer son parcours depuis nimporte quellepage du site et se dplacer vers les suivantes en utilisant les lienshypertextes permettant une navigation sur le site.

    Techniques traditionnelles de construction de sites Internet Chapitre 1

    15LE GUIDE COMPLET

  • Pour un internaute, une autre raison de dbuter son parcours sur un siteweb peut tre davoir enregistr ladresse de la page dans ses Favoris,encore nomms marque-pages, qui sont des adresses de pagesmmorises et stockes dans les navigateurs Internet.

    Comprendre les principes des sitesdynamiques

    Deuxime catgorie de sites web, les sites dynamiques se distinguentdes sites statiques dans la mesure o les pages qui les composent sontgnres par des programmes, selon les requtes ralises par lesinternautes, et qui peuvent prendre des formes diverses (zones de texte,cases cocher, listes droulantes, boutons doptions, etc.).Parmi les composants techniques susceptibles de raliser de telstraitements, les plus utiliss sont incontestablement les composants opensource Linux (systme dexploitation), Apache (serveur web),PHP (langage de programmation) et MySQL (base de donnes). Onretrouve cette configuration chez la quasi totalit des hbergeurs.

    Nombreuses sont les utilisations qui peuvent tre faites des rouages duWeb dynamique : commerce lectronique, en premier lieu, mais aussiforums, blogs, rseaux sociaux, jeux en ligne, pour citer les applicationsles plus rpandues.

    Lun des tournants majeurs du Web dynamique, ces dernires annes, at sa dmocratisation. Petites et moyennes structures commercialeslont adopt, y voyant une technologie beaucoup plus efficace et bienmoins coteuse que celle du traditionnel Web statique. Quant auxparticuliers, nombre dentre eux lutilisent sans mme en avoirconscience, en publiant leurs articles sur des blogs, par exemple. Facilitde mise jour par interface directement accessible depuis un navigateurweb, de nimporte quel poste connect Internet, aucun logiciel installer sur le PC, optimisation du rfrencement dans les moteurs derecherche sont les sduisants atouts du Web dynamique, auxquels il estdifficile de rsister.

    Cest donc trs naturellement sur cette vague que se sont dvelopps lesCMS (Systmes de Gestion de Contenu), outils de cration et de mise jour de sites, dont le principal avantage est de dlester le webmestre des

    16 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • tches de cration des pages pour lui permettre de se concentrer sur lecontenu rdactionnel du site.

    1.2. Comprendre les principesdes CMS (serveur web, basede donne, code dynamique)

    Les avantages du CMS

    Les principes de fonctionnement des systmes de gestion de contenu(dnomms CMS, pour Content Management System ou encore SGC,pour Systme de Gestion de Contenu) sont globalement toujours lesmmes. Bien les comprendre est donc un atout important pour unwebmestre utilisant Joomla.

    Figure 1.2 : Lditeur de cration de pages en ligne propos par le CMSJoomla

    Comprendre les principes des CMS Chapitre 1

    17LE GUIDE COMPLET

  • Les CMS sont des systmes de publication sur Internet. Leursmcanismes sont prfabriqus : dition du contenu des pages (textes etimages), fonctionnalits en tous genres qui ncessitaient il y a peu desdveloppements spcifiques lors de la cration dun site, etc.Implmenter un site web au moyen dun CMS consiste donc paramtrer celui-ci.

    Le webmestre ayant dj cr, de toutes pices, un site statique via destechniques traditionnelles, sera immdiatement et agrablement surprispar lefficacit dune telle solution, en terme de temps de mise en place(sans les nombreux jours de dbogage et de tests).Sa seconde surprise sera certainement la facilit qui soffrira lui en cequi concerne la mise jour du contenu ditorial et qui soprerasimplement, depuis une interface dadministration en ligne. La quantitde pages quil mettra en ligne sen trouvera certainement accrue, demme que leur qualit, puisque la tche du webmestre se limitera lardaction du contenu rdactionnel, laquelle sajouteront quelquesoprations simples de mise en forme, opres par les commandesproposes sur linterface.

    En outre, toute modification effectue (mise jour dun catalogue, datedvnement, modification de tarif, ) sera visible instantanment pourtout visiteur du site.

    Enfin, et cela nest pas le moindre avantage, le webmestre, par simplemise jour de son systme de gestion de contenu, bnficiera de toutesles amliorations apportes par lquipe de dveloppement du produit,presque toujours gratuitement puisque issues du monde de lopensource, soucieuse dapporter leur "bb" toutes les nouvellesfonctionnalits qui ne manqueront pas dapparatre sur Internet.

    Le monde de lopen sourceOn peut traduire ce terme par "source ouverte". Il dsigne les logiciels

    disposant dune licence autorisant la libre redistribution du produit etdont le code informatique est libre.Les programmes open source sont gnralement de bonne qualit puisquelouverture du code de nombreux programmeurs favorise lamliorationdes produits.

    18 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Ajoutons cette liste, dj longue, darguments positifs en faveur delutilisation dun CMS, que ce dernier sinstalle en un temps record(moins dune heure en gnral) et il sera ais de comprendre pourquoitant de personnes utilisent aujourdhui des systmes de gestion decontenu.

    Intressons-nous maintenant aux principes techniques qui rgissent lesCMS, et particulirement Joomla

    Lide fdratrice est de sparer les contenus proprement parler, quereprsentent les textes, les images et, dune manire gnrale, les objetsinsrs dans les pages, de leur mise en forme, effectue par un choix enmatire de polices de caractres, de couleurs et dhabillage graphiqueprincipalement.

    Les contenus sont stocks dans une base de donnes (MySql danspresque tous les cas), alors que les directives relatives la prsentationsont dans des feuilles de styles, les fichiers dans lesquels sontenregistres les particularits de mise en forme des pages du site.

    Ainsi, il est possible, sans changer une virgule du contenu rdactionneldu site, den modifier lapparence radicalement (il suffit de modifier laou les feuilles de style qui leur sont appliques).

    Figure 1.3 : Sur Joomla, la modification de la mise en forme seffectue parapplication dun "template"

    Comprendre les principes des CMS Chapitre 1

    19LE GUIDE COMPLET

  • Vous pourrez, par exemple, utiliser des modles de prsentationdiffrents en fonction des priodes de soldes, ou des ftes venir afin dechanger laspect de votre site, sans modifier les textes et les images quilrenferme.

    La mise jour immdiate du site

    Lun des principaux avantages du CMS est la mise en ligne immdiatede toute modification des pages du site. Pour bien le comprendre, il estncessaire de commencer par dcrire le mode de fonctionnement de lapublication traditionnelle dun site web.

    Lorsque le site est construit et mis en ligne de faon traditionnelle,cest--dire sans utilisation dun systme de gestion de contenu (aumoyen dun logiciel tel que Dreamweaver, par exemple), le webmestreconstruit une version "locale" du site sur son ordinateur. Il "publie"ensuite cet ensemble de fichiers chez son hbergeur afin que le site soit"en ligne", terme synonyme de "accessible depuis Internet".

    Cette mthode prsente un inconvnient majeur : toute mise jour ducontenu rdactionnel du site doit tre suivie dune nouvelle publication,action chronophage, fastidieuse et rptitive.

    Avec un systme de gestion de contenu, les choses sont diffrentes. Lespersonnes en charge de la mise jour du contenu rdactionnel du site

    Page 1

    Publication

    Page 2

    Page etc.

    Version localedu site

    Page 1

    Page 2

    Page etc.

    Version en lignedu site

    Ordinateurdu webmestre

    Plate-formedhbergement

    Figure 1.4 : Schma de publication traditionnelle dun site web

    20 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • voient, comme les internautes, les modifications apparatre en ligne dsleur validation, cest--dire immdiatement. La phase de publication estsupprime, les donnes tant stockes dans une base de donnes et nonplus en tant que pages HTML indpendantes. Ce principe simplifieconsidrablement les choses et rend les travaux de rdaction accessibles tous, y compris aux non informaticiens.

    Sur un CMS tel que Joomla, le travail collaboratif est trs facile coordonner (ce qui nest pas le cas lorsque le site est publi de faontraditionnelle. De nombreux rdacteurs peuvent ainsi travailler en mmetemps la mise jour du site. On retrouve mme, dans la chane deproduction, les phases de soumission et de validation des articles quicaractrisent les mthodes de travail de la presse traditionnelle, surjournaux papier. Les auteurs crivent et soumettent leurs articles (quisont stocks sur le site mais ne sont pas encore visibles des internautes),les diteurs les corrigent ventuellement, puis les valident. Quant auxadministrateurs, leur rle est dassurer le bon fonctionnement dusystme et de lamliorer. Tous accdent au site via un simple navigateurInternet. Les contenus et la plupart des paramtres sont stocks dans labase de donnes.

    Quand le site est visit par un internaute, les pages nexistent pasencore, la diffrence des pages HTML qui constituent un site statique.

    Mise jour des donnes Page.php

    Plateformedhbergement

    Les modifications sontvisibles immdiatement

    Base de donnes

    Postedu webmestre

    Figure 1.5 : Schma de la mise jour dun site administr avec Joomla

    Comprendre les principes des CMS Chapitre 1

    21LE GUIDE COMPLET

  • Elles sont cres dynamiquement, en fonction des demandes (nommes"requtes") effectues par les internautes.Un CMS ne requiert donc aucune installation logicielle sur lordinateurdu webmestre. Celui-ci est, en outre, libre de travailler sous le systmedexploitation de son choix (Windows, Linux ou Mac OS).Linterface dadministration du site est affiche dans les navigateurs desauteurs, des diteurs et des administrateurs, avec des fonctionnalits plusou moins tendues, selon le niveau hirarchique de lindividu (lesadministrateurs tant les seuls disposer de toutes les fonctions dusystme).

    Les principaux CMS du marchet leurs spcificits

    Mme si Joomla est, nos yeux, le meilleur CMS open sourceactuellement disponible sur le march, il nest pas le seul systme degestion de contenu que vous pourrez tlcharger et utiliser. Voici uneslection de cinq CMS trs en vogue, ayant chacun ses spcificits.

    DotclearDotclear est un CMS trs utilis par les blogueurs.

    Le phnomne des blogsUn blog est une forme de CMS, simple mettre en place, et dont la

    finalit est de donner son propritaire des outils rapides et efficacespour gnrer du contenu (le site traite souvent des passions du blogueuret peut prendre la forme dun journal plus ou moins intime). On y trouvefrquemment des vidos, ce qui fait de certains blogs des vritablescanaux mdiatiques, parallles ceux des grands mdias traditionnels.

    Ce CMS est tlchargeable, ladresse http://fr.dotclear.org.

    22 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • DrupalDrupal est un CMS rpandu. Il permet la mise en ligne de contenustructur et personnalisable par lajout de modules optionnels.Vous pouvez tlcharger Drupal ladresse http://drupalfr.org/.

    Figure 1.6 :Le site detlchargement deDotclear

    Figure 1.7 :Le site detlchargement deDrupal

    Comprendre les principes des CMS Chapitre 1

    23LE GUIDE COMPLET

  • JoomlaJoomla est un CMS incroyablement achev, fruit du travail dune quipede dveloppement open source internationale trs efficace. Comme vousle dcouvrirez plus loin dans cet ouvrage, sa grande polyvalenceautorise son emploi pour la cration de tous types de sites web (sitepersonnel, site vitrine dentreprise, espace de tlchargement, forum,intranet, boutique de vente en ligne, etc.).

    Signification du mot "Joomla"Ce terme semble trouver son origine dans le mot "Jumla" qui, en

    swahili, signifie "tous ensemble".

    Vous pouvez le tlcharger ladresse http://www.joomla.fr.

    SpipCet excellent CMS est conu comme un vritable outil de gestion dunjournal dinformation en ligne. Il offre nombre de fonctions spcifiquesau monde de la presse.

    Figure 1.8 : Le site de tlchargement de Joomla

    24 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Spip est tlchargeable ladresse http://www.spip.net.

    WordPressWordPress est un CMS trs connu des blogueurs exigeants. Il secaractrise par une grande souplesse dutilisation qui permet galementson emploi pour la cration dun site traditionnel.

    Vous pouvez le tlcharger ladresse http://www.wordpress-fr.net.

    Figure 1.9 :Le site detlchargement deSpip

    Figure 1.10 :Le site detlchargement deWordPress

    Comprendre les principes des CMS Chapitre 1

    25LE GUIDE COMPLET

  • Pourquoi choisir Joomla

    Un outil trs polyvalent et robuste (Joomla peut aussi bien tre employpour la ralisation dun simple site vitrine comme pour la constructiondune boutique de commerce lectronique), une quipe dedveloppement efficace et une communaut active, assurant la prennitdu produit ; voici les critres essentiels qui nous font prfrer Joomlaaux autres CMS, mme si nombre dentre eux prsentent des atoutssduisants.

    On peut ajouter plusieurs points la liste : une gestion des droits simpleet efficace, une interface conviviale et complte, un nombreimpressionnant de modules complmentaires pouvant se ploguer sur lesystme et lui adjoignant pratiquement toutes les fonctionnalits dont atoujours rv un webmestre, sans jamais trouver le temps de lesdvelopper.

    Juridiquement, Joomla est un systme sous licence GNU/GPL (vousdonnant le droit dutiliser gratuitement et lgalement le produit),dvelopp sous technologie PHP (en ce qui concerne le langage deprogrammation) et MySQL (le gestionnaire de base de donnes).

    Origine de JoomlaJoomla est n en 2005, du fait de dsaccords entre lquipe de

    dveloppement du CMS open source "Mambo", certains desdveloppeurs du projet prfrant continuer laventure avec un nomdiffrent, indiquant ainsi leur rupture avec le projet initial.Quelques annes plus tard, Joomla est devenu un produit dune grandequalit, disposant de facults dadaptation nombreuses tous types desites (par ajout de modules dextensions, correspondant chacun unefonctionnalit spcifique). La version actuelle du systme est laversion 1.5. Elle autorise deux mthodes daccs aux donnes : le"frontend" est la partie rserve aux internautes visitant le site et le"backend" est linterface dadministration, accessible seulement auxadministrateurs.Joomla se singularise galement par sa gestion de la mise en forme despages (polices, couleurs, images de fond, boutons, etc.) qui peut tremodifie en quelques clics par application de "templates" (modles demise en forme utilisant les feuilles de style, fichiers stockant lesparamtres de mise en forme).

    26 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • 1.3. Comprendre le langage XHTMLJoomla vous dcharge de la fastidieuse tche dcriture des pagesHTML. Il ne vous est donc plus ncessaire de matriser ce langage pourtre le webmestre dun bon site web. Plus ncessaire, mais pas inutileQui peut le plus peut galement le moinsLobjectif de cette section nest nullement de faire de vous un expert duHTML (ou, plus exactement, du XHTML, nouvelle version de celangage) mais de vous permettre den acqurir les bases gnrales qui,vous le dcouvrirez rapidement, sont trs simples.

    Il vous sera alors possible de comprendre les rouages mis en uvre,derrire lditeur HTML de Joomla et, le cas chant, de savoircomment apprhender le travail et les recherches dinformation effectuer sil vous tait ncessaire de "ploguer" un greffon de code dansvos pages que Joomla ne saurait pas raliser. Ceux dentre vous quivoudront aller plus loin dans lapprentissage du HTML trouverontlinformation ncessaire en ligne, sur le Web.

    Apprendre le langage HTMLRien de plus facile, linformation est la porte de quelques

    recherches sur Internet. Saisissez, par exemple, "tutoriel html","didacticiel html", "guide html" ou encore "apprendre le html" dans lazone de recherche de Google. De nombreux liens vous mneront vers detrs instructifs sites web.

    Rien ne distingue, techniquement, une page web dune autre, puisquellese doit dtre compatible avec la norme HTML. Quelles soient issuesdun blog, dun systme de gestion de contenu, quelles soient tapes la main dans un simple diteur de texte comme le Bloc-notes ougnres avec un diteur de sites sophistiqu tel que Dreamweaver, lespages affiches dans votre navigateur Internet sont donc normalises etobissent aux mmes rgles de structure : celles du langage XHTML.Ce dernier nest pas un langage de programmation mais un langage demise en forme du contenu des pages web.

    la diffrence de la presque totalit des langages de programmation, lecode HTML ne ncessite pas linstallation dun environnement(interprteur ou compilateur). Ce sont, en effet, les navigateurs quiservent dinterprteurs. Quant au code, il prend la forme dun simple

    Comprendre le langage XHTML Chapitre 1

    27LE GUIDE COMPLET

  • fichier texte, qui peut tre gnr par un logiciel de cration de pagesHTML mais peut aussi bien tre saisi avec un simple Bloc-notes,cest--dire un diteur de texte.

    Certes, Joomla utilise le langage PHP pour gnrer ses pages etinterroger ses bases de donnes mais ces traitements sont transparentspour le webmestre qui travaille sur le site depuis linterfacedadministration et qui, par exemple, met en forme un article depuislditeur de pages du CMS. Lors de cette opration, du code du HTMLest gnr et une comprhension des rgles syntaxiques employes nepeut qutre quutile.

    Comprendre les bases dune page XHTML

    La structure de base du code XHTML dune page est la suivante :

    Quelques explications simposent.

    Utiliser les balises, bases de la page XHTMLLes balises (ou "tags") sont les lments syntaxiques de base des pagesXHTML. Elles dfinissent la mise en forme des contenus (textes etimages essentiellement) puis sont interprtes par les navigateursInternet qui affichent alors les pages sous une forme intelligible pour leshumains.

    Conventionnellement, il est dusage de saisir les noms des balises encaractres minuscules et encadrs par les caractres "" (on parlede "chevrons"), sans ajouter despace entre le nom du tag et cescaractres.

    La plupart des balises vont par paires : laction dune balise de ce typeprend fin lorsque la mme balise, portant un nom identique prcd ducaractre "/", est rencontre par le navigateur Internet, lors de sa lecturesquentielle du code XHTML (on parle alors de "balise de fin").

    28 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Un nombre limit de balises droge toutefois cette rgle et ne ncessitepas de balises de fin. Ainsi, par exemple, la balise permettant linsertiondune image ou celle utilise pour gnrer un simple saut de ligne dansun paragraphe.

    La syntaxe utilise est alors du type :

    HTML et traitements squentielsEn informatique, un traitement est dit squentiel lorsque les

    instructions qui le composent sont lues selon une suite ordonne,gnralement du dbut la fin du code.Il existe dautres traitements, susceptibles dtre effectus par des langagesde programmation : les traitements rptitifs (rptant une squence) etconditionnels (le rsultat du traitement est dtermin par une condition).XHTML nest pas adapt lexcution de ces deux derniers types detraitements, cest pourquoi XHTML nest pas considr comme unlangage de programmation mais comme un langage de mise en forme dedocuments.

    Le code XHTML utilise frquemment des balises de manireimbrique : il est ainsi, par exemple, possible dindiquer quune portionde texte est en caractres italiques et quune sous-portion de celle-ci esten caractres gras. Les balises indiquant la mise en forme en gras serontalors comprises dans les balises indiquant la mise en forme en italiques.

    Voici un exemple de code XHTML, utilisant les balises et ,permettant respectivement de dfinir des titres de premier niveau et desparagraphes dans une page web :textetexte

    Utiliser les attributsDe nombreuses balises peuvent tre personnalises par lajoutdattributs, qui sont des paramtres permettant de personnaliser lesactions des balises.

    Comprendre le langage XHTML Chapitre 1

    29LE GUIDE COMPLET

  • Ces attributs sont placs aprs le nom de la balise, entre les caractres"". Un espace sert de sparateur entre le nom de la balise etlattribut.

    La syntaxe gnrale des attributs est la suivante :

    Voici quelques exemples concrets dutilisation des attributs :

    (la balise affiche limage voiture.jpg, avec une largeur de400 pixels et une hauteur de 200 pixels).Le menu du jour

    (La balise affiche le paragraphe en alignement centr.)

    Insrer des commentairesDans une page HTML, les commentaires nont pas dincidence surlaffichage dans le navigateur Internet. Ils nen sont pas moins utiles audveloppeur de la page car ils lui servent de repres et lui permettent deplacer les informations de son choix dans la page, afin de rendre celle-ciplus intelligible, lors dune relecture ultrieure.

    Pour tre ignors lors de la lecture de la page par le navigateur Internet,les commentaires doivent tre prcds de la suite de caractres .

    Voici un exemple de la forme que peut prendre un commentaire dansune page :

    Comprendre le HTML par lexemple

    Observez la structure de base dune page XHTML :

    Le titre de la page qui sera affich dans laBarre de titre du navigateur Internet

    Le corps de la page, cest--dire le contenu (textes,images et objets) qui sera affich dans la fentre du

    30 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • navigateur Internet

    Afficher le code HTML dune page web quelconqueVous pouvez afficher le code de nimporte quelle page HTML

    parcourue sur le Web. Sur le navigateur Firefox, cette oprationseffectue via le menu Affichage/code source de la page. Vousobtiendrez le mme rsultat sous le navigateur Internet Explorer par lemenu Affichage/Source.

    La balise indique le dbut de la page alors que la balisefermante indique la fin. Ce sont donc ces deux balises quiencapsulent tout le code de la page.

    La balise ouvrante et la balise fermante contiennent,quant elles, len-tte, cest dire essentiellement les instructions nonaffiches dans la page, lorsque celle-ci est ouverte dans un navigateur.Bien que non visibles, ces informations nen sont pas pour autantinutiles. Elles permettent, par exemple, dafficher un titre dans la barrede titre du navigateur (cela est le cas de la paire de balises et). On place galement dans la zone den-tte des balisesutilises par les moteurs de recherche, telles que la balise , dont le rle est de transmettre aux moteurs derecherche une description du contenu de la page.

    La paire de balises et renferme, comme son nomlindique, le corps de la page, cest--dire toute la partie visible dans lafentre du navigateur. Il nest donc pas tonnant de trouver des centainesou des milliers de balises imbriques lintrieur de cette paire debalises.

    Puisque le langage XHTML est un langage interprt, un simple diteurde texte (tel que le Bloc-notes de Windows) et un navigateur, mme nonconnect Internet, vous suffisent pour raliser le petit exercice qui suitet qui vous permet de comprendre le principe dcriture et daffichagedune page web.

    1 Lancez le Bloc-notes de Windows en utilisant le boutonDmarrer/Tous les programmes/Accessoires/Bloc-notes.

    Comprendre le langage XHTML Chapitre 1

    31LE GUIDE COMPLET

  • 2 Saisissez le code suivant :

    Voici une phrase afficher.

    3 Enregistrez le fichier, via la commande Fichier/Enregistrer sous,dans le dossier de votre choix sur votre ordinateur. Affectez, parexemple, le nom page1.html.

    Figure 1.11 :La fentre du Bloc-notesde Windows

    Figure 1.12 :Le code de la structure debase dune page XHTML,saisi dans le Bloc-notes deWindows

    32 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Extension des fichiers HTMLLe Bloc-notes tant un diteur de texte, il affectera par dfaut

    lextension .txt votre fichier si celle-ci est omise, lors delenregistrement. La page XHTML ne sera alors pas reconnue lorsquellesera ouverte dans le navigateur. Veillez bien saisir lextension .html,aprs le nom du fichier, lors de son enregistrement depuis le Bloc-notes.

    4 Lancez un navigateur Internet, Internet Explorer, par exemple,puis activez le menu Fichier/Ouvrir. Dans la bote de dialogueOuvrir qui apparat, cliquez sur le bouton Parcourir et recherchezle fichier page1.html prcdemment enregistr. Slectionnez cefichier, cliquez sur le bouton Ouvrir puis sur le bouton OK.

    Une page blanche est affiche dans le navigateur. Il sagit de votre pageXHTML. Vous pouvez le vrifier par la lecture de son adresse dans laBarre dadresse de votre navigateur. Elle est vierge car vous ny avezsaisi aucun contenu afficher.

    5 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiezle code de la page en y ajoutant un contenu textuel entre lesbalises et , comme dans le code qui suit :

    Voici une phrase afficher.

    Figure 1.13 : Le code HTML affiche une page vide

    Comprendre le langage XHTML Chapitre 1

    33LE GUIDE COMPLET

  • 6 Depuis le Bloc-notes, enregistrez nouveau le fichier, en utilisantle menu Fichier/Enregistrer.

    7 Retournez dans la fentre du navigateur, que vous aviez laissouverte, par la Barre des tches de Windows.

    Aucune modification nest visible dans le navigateur. La phrase quevous avez ajoute dans le code napparat pas. Ceci est d au fait que lapage affiche actuellement est celle qui a t charge dans le cache dunavigateur lors du premier essai. Il va vous falloir lactualiser.

    Cache du navigateur InternetCe terme dsigne une zone de mmoire intermdiaire, dans laquelle

    sont stockes les dernires pages et images affiches rcemment dans lenavigateur. Sa fonction principale est dacclrer laffichage. Il doit treactualis, si la page consulte a t modifie, afin de permettre laconsultation de la dernire version du document.

    8 Dans Internet Explorer, cliquez sur le bouton Actualiser (ouappuyez sur la touche [F5]).

    La page est actualise et la phrase apparat dans la page affiche dans lenavigateur.

    Figure 1.14 : Le code est modifi dans le Bloc-notes

    Figure 1.15 :Le bouton Actualiser du navigateur InternetExplorer

    34 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Vous allez ajouter quelques balises dans le code de la page, afin de bienassimiler les bases de limbrication des tags.

    9 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiezle code de la page en y ajoutant les balises et , afinquelles encadrent une zone quelconque de texte, comme dans lecode qui suit (cette balise permet de mettre le texte concern engras) :

    Voici une phrase afficher.

    Figure 1.16 :La page a t modifie

    Figure 1.17 : Lajout du code dans le Bloc-notes

    Comprendre le langage XHTML Chapitre 1

    35LE GUIDE COMPLET

  • 10 Depuis le Bloc-notes, enregistrez nouveau le fichier, via le menuFichier/Enregistrer.

    11 Retournez dans la fentre du navigateur, que vous aviez laissouverte, par la Barre des tches de Windows. Actualisez la pageaffiche dans le navigateur.

    Vous allez maintenant placer en italique lun des mots dj en gras, aumoyen de la balise .

    12 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiezle code de la page en y ajoutant les balises et , afinquelles encadrent une zone quelconque de texte, comme dans lecode qui suit :

    Voici une phrase afficher.

    13 Depuis le Bloc-notes, enregistrez nouveau le fichier, par le menuFichier/Enregistrer.

    14 Retournez dans la fentre du navigateur, que vous aviez laissouverte, par la Barre des tches de Windows. Actualisez la pageaffiche dans le navigateur.

    Figure 1.18 : La nouvelle page, aprs quelle ait t actualise

    36 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Vous allez maintenant utiliser une balise ayant une incidence sur la miseen forme des paragraphes. Mais auparavant, une petite exprimentationsera instructive.

    15 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiezle code de la page en y ajoutant un retour la ligne (touche [])aprs la phrase de texte. Saisissez une ligne de texte quelconqueaprs ce retour la ligne, comme dans le code qui suit :

    Voici une phrase afficher.Ceci est une nouvelle ligne de texte.

    Figure 1.19 : La nouvelle version de la page

    Figure 1.20 : Un retour la ligne est cr dans le Bloc-notes

    Comprendre le langage XHTML Chapitre 1

    37LE GUIDE COMPLET

  • 16 Depuis le Bloc-notes, enregistrez nouveau le fichier, par le menuFichier/Enregistrer.

    17 Retournez dans la fentre du navigateur et actualisez la fentre.

    Le retour la ligne nest pas visible dans la fentre du navigateur : lesdeux phrases sont affiches sur la mme ligne.

    Cette manipulation met en vidence le fait que le navigateur, qui agit entant quinterprteur du code XHTML, naccorde aucune valeur au retour la ligne effectu par la touche [], dans le Bloc-notes. Tout le codeXHTML pourrait tre crit sur une seule ligne. Cette dispositionentacherait certainement la lecture dun il humain mais nullement celledun navigateur Internet. Vous pouvez, pour vous en convaincre,supprimer tous les retours la ligne placs dans le code : ceci nechangera rien laffichage de la page dans le navigateur.

    Un retour la ligne est un paramtre de mise en forme comme un autre.Or, XHTML est un langage de mise en forme de document. Lordre deretourner la ligne doit donc tre donn par une balise.

    Cest ce que vous allez faire au moyen de la balise , dont la finalitest de crer un nouveau paragraphe. Pour rendre la dmonstration pluspertinente, vous supprimerez mme le retour la ligne cr dans leBloc-notes en utilisant la touche [].

    18 Retournez dans la fentre du Bloc-notes. Modifiez le code de lapage en supprimant le retour la ligne gnr par lutilisation dela touche [] et en le remplaant par une balise , comme dansle code qui suit :

    Figure 1.21 : Le retour la ligne napparat pas dans le navigateur

    38 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Voici une phrase afficher.Ceci estune nouvelle ligne de texte.

    19 Depuis le Bloc-notes, enregistrez nouveau le fichier, par le menuFichier/Enregistrer.

    20 Retournez dans la fentre du navigateur et actualisez la fentre.

    Cette fois, le retour la ligne, cr par la nouvelle balise, est visibledans la fentre du navigateur (voir Figure 1.22).Vous allez ajouter un attribut une balise. Pour ce faire, vousemploierez la balise la plus utilise sur le Web. Il sagit du tag (anchor), qui permet de raliser des liens hypertextes, liant ainsi lespages les unes aux autres.

    21 Dans la fentre du Bloc-notes, modifiez le code de la page commedans le code qui suit :

    Voici une phrase afficher.Ceci estune nouvelle ligne de texte.Cliquez ici pour afficherla deuxime page.

    Figure 1.22 : Le retour la ligne apparat dsormais dans le navigateur

    Comprendre le langage XHTML Chapitre 1

    39LE GUIDE COMPLET

  • 22 Depuis le Bloc-notes, enregistrez nouveau le fichier, par le menuFichier/Enregistrer.

    23 Toujours depuis le Bloc-notes, modifiez le code de la page commesuit :

    Ceci est la seconde page.

    24 Enregistrez le fichier avec le nom page2.html, par le menuFichier/Enregistrer sous.

    25 Retournez dans la fentre du navigateur et actualisez la fentre.

    26 Cliquez sur le lien hypertexte, apparaissant en caractressouligns dans la page.

    La seconde page est affiche dans le navigateur, preuve que le lienhypertexte a fonctionn correctement.

    Figure 1.23 : La premire page, affiche dans le navigateur

    40 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Dans cet exemple, lattribut utilis est href (pour "HypertextREFerence"). Il permet dindiquer quelle page doit tre ouverte lorsquele lien est cliqu (on parle alors de "page cible").Vous allez maintenant utiliser une balise employe dans len-tte de lapage. La balise utilise sera , qui permet daffecter un titre,affich dans la barre de titre de la fentre du navigateur.

    27 En haut de la fentre du navigateur, observez la barre de titre. Elleaffiche ladresse de la page ouverte (ici page2.html), prcde duchemin daccs celle-ci sur votre ordinateur. Vous allez modifiercet affichage.

    28 Depuis le Bloc-notes, modifiez le code de la seconde page commesuit :

    Ceci est le titre de la deuxime page

    Ceci est la seconde page.

    Figure 1.24 : Le lien hypertexte a permis douvrir la deuxime page

    Comprendre le langage XHTML Chapitre 1

    41LE GUIDE COMPLET

  • 29 Enregistrez nouveau le fichier, par le menu Fichier/Enregistrer.30 Retournez dans la fentre du navigateur et actualisez la fentre.

    1.4. Check-listj Les CMS ont rvolutionn, en quelques annes, le concept du site

    Internet.j Un CMS est construit autour de trois concepts : les contenus sont

    stocks dans une base de donnes, les pages sont gnresdynamiquement et le webmestre dispose dune interface de mise jour qui facilite considrablement son travail.

    j Joomla est incontestablement lun des meilleurs CMS du mondeOpenSource, capable dintgrer de nombreux composantscomplmentaires, dont VirtueMart, le composant permettant detransformer le CMS en vritable boutique en ligne.

    j Bien que non obligatoires, quelques notions, dans le domaine delcriture de pages HTML, aideront le webmestre dun siteJoomla dans ses travaux de mise en page.

    Figure 1.25 :Lajout de la balise au codeHTML

    Figure 1.26 :Le titre de la pageest visible dans laBarre de titre dunavigateur

    42 LE GUIDE COMPLET

    Le concept du CMSChapitre 1

  • Installer Joomla

    La configuration ncessaire ............................................................................................... 44Tlcharger Joomla ............................................................................................................. 45Tlcharger et installer un serveur web local ................................................................ 50Installer Joomla sur un serveur web local ...................................................................... 57Installer Joomla chez un hbergeur ................................................................................. 66Check-list ............................................................................................................................... 83

  • Dans la premire partie de cet ouvrage, vous allez dcouvrir commentraliser un site vitrine, cest--dire un site de prsentation de contenus,sans fonctionnalits spcifiques au commerce lectronique. Mais avantcela, il vous faut installer Joomla.

    Lopration est possible "en local", cest--dire sur votre ordinateur, afinde pouvoir effectuer tous les tests de fonctionnement que vous jugerezutiles et aussi, bien entendu, chez un hbergeur, de sorte que le site soitaccessible aux internautes.

    2.1. La configuration ncessaireQuil soit install en local ou chez un hbergeur, le systme doitdisposer, pour fonctionner, de fonctionnalits techniques de base :

    j le systme de gestion de contenu Joomla, un ensemble deprocdures dveloppes dans le langage PHP ;

    j un serveur web (nous utiliserons ici "Apache", le serveur web leplus rpandu) ;

    j le moteur de langage de programmation de pages web PHP (uneversion postrieure la version 4.3 est requise) ;

    j la base de donnes MySQL.Avant deffectuer linstallation de Joomla, vous devez tlcharger le systme.

    La trilogie Apache/PHP/MySqlApache est le serveur web le plus employ sur Internet. Il sagit dun

    logiciel libre pouvant tre mis en uvre sur diffrents systmesdexploitation, tels que Linux ou Windows.PHP est un langage de programmation libre, fonctionnant sur les serveursweb (par le biais dun interprteur PHP). Il permet, lorsquun internautesaisit ladresse dune page portant lextension .php, de gnrer et deretourner une page au format XHTML (format daffichage des pages dansun navigateur Internet tel que Firefox ou Internet Explorer). Cette page,qui navait pas dexistence physique avant la requte de linternaute, peuttre personnalise en fonction de celle-ci, ce que ne permet pas leXHTML traditionnel.MySql est un SGBD (Systme de Gestion de Base de donnes). Cestgalement lun des logiciels libres les plus rpandus tant chez lesparticuliers que les professionnels.

    44 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • Vous allez donc, dans ce qui suit, tlcharger et installer ces composants.

    2.2. Tlcharger Joomla1 Lancez votre navigateur Internet (Internet Explorer ou Firefox,

    par exemple) puis connectez-vous au site http://www.joomla.fr.

    2 Cliquez sur le lien de tlchargement de la dernire version 1.5.x(ou ultrieure) de Joomla.

    La version 1.0.xLe site http://www.joomla.fr propose encore, pour quelques mois, le

    tlchargement de cette ancienne version du systme. Cette option est utiliser uniquement lorsque danciens composants, ne fonctionnant pasencore sur la nouvelle version 1.5.x, doivent tre employs.

    Figure 2.1 : Le site www.joomla.fr

    Figure 2.2 : Le lien de tlchargement de la version 1.5.x

    Tlcharger Joomla Chapitre 2

    45LE GUIDE COMPLET

  • La page Joomla! 1.5.x : packages dinstallation et patches est affiche.

    3 Cliquez sur le lien Joomla 1.5.x stable fr propos dans cette page.

    La bote de dialogue de tlchargement de fichiers apparat.

    Figure 2.3 : Le lien de lancement du tlchargement

    Figure 2.4 : La bote de tlchargement

    46 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • 4 Choisissez denregistrer le fichier (sous Internet Explorer, cliquezsur le bouton Enregistrer).

    La bote de dialogue Enregistrer sous apparat.

    5 Dans larborescence des dossiers, prsente gauche de la botede dialogue, placez-vous dans le dossier que vous rservez auxtlchargements puis cliquez sur le bouton Enregistrer.

    Le tlchargement du fichier compress au format zip sopre et durequelques instants.

    La compression des fichiers au format .zipCette extension indique des fichiers ayant subi une compression,

    opration visant rduire la place occupe sur lordinateur. Plusieursfichiers peuvent tre compresss en un seul. Ils doivent tredcompresss avant usage.

    6 Cliquez du bouton droit sur le fichier et choisissez Extraire tout,dans le menu contextuel qui apparat.

    La bote de dialogue Extraire les dossiers compresss apparat.

    Figure 2.5 : Le tlchargement est termin

    Tlcharger Joomla Chapitre 2

    47LE GUIDE COMPLET

  • 7 Conservez les options proposes et cliquez sur le bouton Extrairede la bote de dialogue.

    La bote de dialogue suivante mentionne le temps restant ncessaire ausystme pour effectuer la dcompression des fichiers qui constituent lesystme Joomla. Attendez la fin de lopration.

    Figure 2.6 : La bote de dialogue Extraire les dossiers compresss

    Figure 2.7 : La dcompression des fichiers

    48 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • la fin du traitement, un nouveau dossier est cr. Dans larborescencedes fichiers, affiche depuis lExplorateur de fichiers, il se trouve aumme niveau que celui du fichier zipp. Ce nouveau rpertoire renfermeles fichiers et les dossiers de Joomla non compresss.

    Conservez ces fichiers sur votre disque dur ; ils vous seront utiles dansles tapes suivantes.

    Figure 2.8 : Les fichiers de Joomla, aprs dcompression du fichier

    Tlcharger Joomla Chapitre 2

    49LE GUIDE COMPLET

  • 2.3. Tlcharger et installer un serveurweb local

    Linstallation de Joomla sur un serveur web local, cest--dire sur votrepropre ordinateur, nest pas une tape obligatoire. Vous pouvez choisirde linstaller directement chez un hbergeur. Le site sera alorsimmdiatement en ligne et donc accessible, pour les internautes. Vousdcouvrirez plus loin dans cette section comment installer Joomla chezun hbergeur.

    Linstallation en local prsente toutefois des avantages :

    j vous permettre deffectuer toutes les tapes dune premireinstallation, donc prendre en main le systme ;

    j une fois celui-ci install, pouvoir raliser tous les essais de votrechoix, plus rapidement que chez un hbergeur et sans risquer uneinterruption de service, inhrente une mauvaise manipulation,ou dobtenir des rsultats indsirables sur votre vritable site web(dans le pire des cas, rien ne vous empchera de tout effacer et derecommencer les oprations, chose toujours plus dlicate, pluslongue et entachant limage du site, lorsque cette opration esteffectue en ligne).

    Vous dcouvrirez plus loin comment installer Joomla chez un hbergeur.

    Pour que Joomla fonctionne localement, vous devez installer un serveurweb (il sagira dApache), le moteur de langage PHP ainsi que lesystme de gestion de base de donnes MySql. Il existe plusieurspackages de ces trois logiciels. Nous utilisons ici EasyPHP.

    Apache, PHP et MySql : les packages dinstallationBien quil vous soit possible dinstaller ces trois composants

    individuellement sur votre ordinateur, il est beaucoup plus simple davoirrecours un package dinstallation. EasyPHP nest pas le seul packagede ce type, tlchargeable librement sur le Web. Citons notammentXAMPP, pour "X Apache MySQL Perl PHP", quil est possible detlcharger ladresse http://www.apachefriends.org/fr/xampp.html.

    1 Tlchargez le fichier dinstallation dEasyPHP en vousconnectant, depuis votre navigateur Internet, ladresse :http://www.easyphp.org.

    50 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • 2 Sur le site, choisissez la langue franaise dans la liste droulantequi vous est propose en haut de page.

    3 Cliquez sur le lien tlchargement puis sur le lien lanant letlchargement de la dernire version dEasyPHP dans la page quiapparat.

    4 Effectuez le tlchargement du fichier dinstallation en cliquant nouveau sur le lien suivant qui vous est propos. Enregistrez lefichier dans le dossier de votre choix.

    Figure 2.9 : Le site http://www.easyphp.org

    Figure 2.10 : Le lien de tlchargement

    Tlcharger et installer un serveur web local Chapitre 2

    51LE GUIDE COMPLET

  • 5 Lancez lExplorateur de fichiers de Windows en cliquant dubouton droit sur Dmarrer puis en choisissant Explorer dans lemenu contextuel. Lancez lexcution du fichier tlcharg endouble-cliquant sur son icne.

    La bote de dialogue Avertissement de scurit apparat.

    Figure 2.11 : Le tlchargement du fichier

    Figure 2.12 : Linstallation dEasyPHP est lance par un double-clic

    Figure 2.13 : La bote de dialogue Avertissement de scurit

    52 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • 6 Cliquez sur le bouton Excuter de la bote de dialogue.7 Si votre systme dexploitation est Windows Vista, une tape de

    validation supplmentaire est affiche. Validez cette tape enacceptant lexcution du programme.

    La bote de dialogue Langue de lAssistant dinstallation apparat.

    8 Choisissez le franais puis cliquez sur le bouton OK de la bote dedialogue.

    La bote de dialogue Installation EasyPHP apparat.

    9 Cliquez sur le bouton Suivant de la bote de dialogue.

    Figure 2.14 :La bote de dialogueLangue de lAssistantdinstallation

    Figure 2.15 :La bote de dialogueInstallation

    Tlcharger et installer un serveur web local Chapitre 2

    53LE GUIDE COMPLET

  • 10 Acceptez les termes du contrat de licence en cliquant sur lebouton doption idoine puis cliquez sur le bouton Suivant de labote de dialogue.

    11 Linstallateur vous informe quEasyPHP est un environnement detravail, et non un environnement de production. Cliquez sur lebouton Suivant de la bote de dialogue.

    12 Linstallateur propose de choisir le dossier dinstallation dulogiciel. Effectuez cette opration, ou conservez le dossierpropos par dfaut, puis cliquez sur le bouton Suivant de la botede dialogue.

    Dossier dinstallationSous Windows Vista, nous avons constat, dans certaines

    configurations, des problmes de fonctionnement lorsque EasyPHP estinstall dans le dossier dinstallation propos par dfaut de Windows (ledossier Programmes). Pour pallier ce problme, nous vous conseillons decrer un dossier diffrent (c:\autresprogrammes, par exemple), que vousrserverez linstallation dEasyPHP.

    13 Ltape suivante est celle de la cration des raccourcis delancement de lapplication. Conservez les paramtres proposspar dfaut et cliquez sur le bouton Suivant de la bote de dialogue.

    14 Ltape suivante rsume les paramtres prcdemment saisis.Cliquez sur le bouton Installer de la bote de dialogue.

    Figure 2.16 : La bote de dialogue rsumant les paramtresdinstallation

    54 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • Un tmoin davancement indique que linstallation dEasyPHP est encours dexcution.

    lissue du traitement, une dernire bote de dialogue indique quelinstallation est termine.

    Figure 2.17 : Linstallation est en cours

    Figure 2.18 : La dernire bote de dialogue de lAssistant

    Tlcharger et installer un serveur web local Chapitre 2

    55LE GUIDE COMPLET

  • 15 Cliquez sur le bouton Terminer de la bote de dialogue.

    Vous allez lancer EasyPHP et vous assurer que le systme fonctionne.

    16 Cliquez sur le bouton Dmarrer de Windows puis sur Tous lesprogrammes/EasyPHP 3.0/EasyPHP.

    Le dmarrage du service est symbolis par une petite icne reprsentantla lettre "e" dans la Barre des tches de Windows.

    17 Afin de vrifier le bon fonctionnement du service, cliquez dubouton droit sur cette icne et choisissez Administration dans lemenu contextuel qui apparat.

    La page dadministration des services dEasyPHP est ouverte dans votrenavigateur web.

    Figure 2.19 : Une fois EasyPHP dmarr, son icne est visible dans la Barredes tches

    Figure 2.20 : Le menu contextuel, activ par un clic droit sur licnedEasyPHP

    56 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • Votre serveur web local est maintenant oprationnel. Vous pouvez yinstaller Joomla

    2.4. Installer Joomla sur un serveurweb local

    Pour utiliser Joomla sur votre ordinateur, vous devez dabord copier lesfichiers qui composent le CMS sur votre serveur web.

    1 Activez lExplorateur de fichiers de Windows (en cliquant dubouton droit sur Dmarrer puis en choisissant Explorer) etplacez-vous dans le dossier EasyPHP 3.0, rpertoire dinstallationdEasyPHP (le dossier Programmes, si vous avez conserv lesparamtres dinstallation par dfaut ou le dossier que vous avezstipul lors de linstallation, si vous avez choisi dutiliser dautresparamtres). Sous ce dossier, slectionnez le dossier www.

    2 Copiez-y le dossier Joomla_1.5.10-Stable-Full_Package-French quia t cr lors de la dcompression du fichier compress portant lemme nom (ne copiez pas le dossier compress mais le dossiercontenant les fichiers qui ont t extraits).

    Particularit du dossier wwwLes sous-dossiers placs dans ce dossier correspondent chacun un

    site web gr par le serveur Apache, sous EasyPHP.

    Figure 2.21 : La page dadministration des services dEasyPHP

    Installer Joomla sur un serveur web local Chapitre 2

    57LE GUIDE COMPLET

  • 3 Cliquez du bouton droit puis choisissez Renommez sur le nom dudossier Joomla_1.5.10-Stable-Full_Package-French, afin de luiaffecter un nom plus significatif, site1joomla par exemple(nayez pas recours aux espaces, aux caractres spciaux ouaccentus pour crire le nom du dossier).

    4 EasyPHP tant dmarr (si tel nest pas le cas, reportez-vous lasection qui prcde pour plus dinformations), lancez votrenavigateur Internet (Firefox, par exemple), puis saisissez ladresse127.0.0.1 dans sa Barre dadresse (vous pouvez galementtaper localhost, ces deux syntaxes ayant la mmeconsquence : ouvrir la page daccueil du serveur web install survotre ordinateur).

    Figure 2.22 : Le dossier va tre renomm

    Figure 2.23 : La page daccueil de votre serveur web

    58 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • La page affiche dans le navigateur prsente tous les sites installs survotre serveur web.

    5 Cliquez sur le lien site-1-joomla afin de lancer linstallation dusystme.

    Lorsque ladresse dun site Joomla est saisie, le systme teste silinitiation du systme a dj t effectue. Si, comme ici, tel nest pas lecas, le premier cran de linstallateur de Joomla apparat.

    6 Slectionnez la langue franaise dans la liste Slectionnez la languepuis cliquez sur le lien Suivant, prsent dans la page, pour passer ltape suivante de linstallation.

    Ltape suivante consiste en une vrification des paramtres du serveurweb.

    La partie suprieure de la page affiche une liste de paramtres devanttous tre ltat Oui, indiquant un paramtrage correct.

    La partie infrieure de la page, quant elle, indique ltat desparamtres recommands. Pour un fonctionnement optimal et une plusgrande scurit, il est prfrable que les paramtres de votre serveurweb, indiqus dans la colonne Actuel, correspondent ceux prconiss

    Figure 2.24 : Linstallateur de Joomla affiche la premire tape duparamtrage initial du systme

    Installer Joomla sur un serveur web local Chapitre 2

    59LE GUIDE COMPLET

  • par les concepteurs de Joomla, mentionns dans la colonneRecommand. Si tel nest pas le cas, le systme pourra toutefois treexcut.

    7 Cliquez sur le lien Suivant.

    Dans ltape suivante, vous devez signifier votre acceptation de lalicence dutilisation de Joomla.

    8 Cliquez sur le lien Suivant.

    Figure 2.25 : La seconde tape de linstallation

    Figure 2.26 : Lacceptation de la licence dutilisation

    60 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • Ltape qui suit permet de paramtrer la base de donnes utilise parJoomla.

    9 Dans la liste de la zone Type de la base de donnes, choisissezmysql.

    10 Dans la zone Nom du serveur, saisissez localhost.11 Dans la zone Nom dutilisateur, saisissez root.12 Dans la zone Mot de passe, saisissez mysql (vous ne risquez pas,

    dans cette installation, de crer une faille de scurit avec un motde passe aussi simple car vous utilisez le serveur web de votrepropre ordinateur, qui nest pas accessible aux autres utilisateurs ;il vous faudra, bien entendu, saisir un mot de passe quand vouspublierez votre site chez un hbergeur). Sur certainesimplmentations locales de Mysql, ce champ doit tre laiss vide.

    13 Dans la zone Nom de la base de donnes, saisissez, par exemple,joomla1.

    14 Cliquez sur le lien Suivant.

    Ltape suivante vous permet de paramtrer un accs FTP, utile pourgrer des problmes de publication pouvant apparatre chez certainshbergeurs, dans des conditions spcifiques. Cette fonctionnalit ne voussera pas utile dans le cas prsent.

    Figure 2.27 :Ltape deparamtrage de labase de donnes

    Figure 2.28 :Ltape de laconfigurationoptionnelle de laccsFTP

    Installer Joomla sur un serveur web local Chapitre 2

    61LE GUIDE COMPLET

  • 15 Cliquez sur le lien Suivant.

    ltape qui saffiche, vous pouvez dfinir les paramtres deconfiguration initiaux du site. Ces valeurs pourront tre changesultrieurement.

    16 Dans la zone Nom du site, saisissez, par exemple, Site Joomlalocal.

    Cette information sera visible dans la Barre de titre du navigateurInternet depuis lequel le site est affich.

    17 Dans la zone Votre email, saisissez votre adresse email.18 Dans la zone Mot de passe de ladmin, saisissez le mot de passe qui

    vous permettra de vous identifier lors de vos accs linterfacedadministration.

    19 Dans la zone Confirmer le mot de passe admin, saisissez nouveaule mot de passe.

    20 Cliquez sur le bouton Installer les donnes dexemple (afindinsrer dans la base de donnes quelques articles fictifs et decopier dans le site les images utilises par ces exemples).

    21 Cliquez sur le lien Suivant.

    la dernire tape, il vous est indiqu que linstallation sest droulenormalement. Vous tes inform que vous devez dtruire le dossier

    Figure 2.29 : Ltape dinstallation des donnes dexemple

    62 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • installation, dans larborescence de rpertoires du systme Joomla quevous venez de mettre en place sur votre serveur web local.

    Cette opration a pour but de vous protger contre une tentativeventuelle de piratage, pendant laquelle un pirate informatique pourraitexcuter une nouvelle fois la procdure dinstallation afin desapproprier le site.

    22 Ne fermez pas votre navigateur Internet et lancez lExplorateur defichiers de Windows (en cliquant du bouton droit sur le boutonDmarrer, dans la Barre des tches, puis en choisissant Explorerdans le menu contextuel qui apparat). Positionnez-vous dans lerpertoire dinstallation dEasyPHP (le dossier Programmes, sivous avez conserv les paramtres proposs linstallation).Recherchez le dossier www puis, sous ce dernier, le dossierrenfermant les fichiers de Joomla (site-1-joomla, dans notreexemple). Sous ce rpertoire, supprimez le dossier installation enle slectionnant puis en appuyant sur la touche [Suppr] (voirFigure 2.31).

    23 Retournez sous le navigateur Internet et cliquez sur le boutonSite, afin daccder la partie publique du site.

    Vous visualisez la partie publique de votre site, cest--dire celle qui seraaccessible aux internautes. Cette premire maquette utilise les donnesdexemples implmentes lors de linstallation, ainsi quune mise enforme par dfaut, modifiable ultrieurement (voir Figure 2.32).

    Figure 2.30 : Le message vous indiquant que vous devez dtruire lerpertoire

    Installer Joomla sur un serveur web local Chapitre 2

    63LE GUIDE COMPLET

  • Figure 2.31 : La suppression du dossier peut galement tre effectue viale menu contextuel

    Figure 2.32 : La partie publique du site

    64 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • Vous allez maintenant accder linterface dadministration du site,cest--dire lespace qui vous est rserv et depuis lequel vous pourrezmodifier le site.

    24 Ouvrez un nouvel onglet dans votre navigateur Internet (par lacommande Fichier/Nouvel onglet) et saisissez ladresse de cedernier, en ajoutant celle-ci la chane de caractres/administrator. Dans cet exemple, le chemin daccs esthttp://localhost/site1joomla/administrator.

    La page de connexion linterface dadministration de Joomla apparat.

    25 Dans la zone Identifiant, saisissez admin.

    Cet identifiant est le nom dutilisateur cr par dfaut linstallation deJoomla. Il vous sera possible de le modifier ultrieurement depuislinterface dadministration du systme, afin daccrotre la scurit.Cette opration nest pas utile dans le cas prsent, car vous travaillez surun serveur web local. Lorsque le site sera publi chez un hbergeur, ilsera, en revanche, conseill de changer cet identifiant.

    26 Dans la zone Mot de passe, saisissez le mot de passe que vousavez dfini lors de linstallation.

    27 Cliquez sur le bouton Connexion.

    La page daccueil de linterface dadministration de Joomla est affiche.

    Figure 2.33 :La connexion linterfacedadministration de Joomla

    Installer Joomla sur un serveur web local Chapitre 2

    65LE GUIDE COMPLET

  • 2.5. Installer Joomla chezun hbergeur

    Les socits dhbergement de sites web, communment appeles"hbergeurs" ont pour fonction de permettre aux webmestres de publier(cest--dire dposer) leurs sites web sur des serveurs. Les sites sontainsi accessibles depuis Internet, 24 heures sur 24.

    En matire dhbergement, plusieurs solutions sont proposes.

    Les hbergements mutualiss

    Dans ce type dhbergement, le plus rpandu (et le moins coteux), unmme serveur est partag afin dassurer lhbergement dun grandnombre de sites.

    Cet hbergement est adapt dans la majorit des cas car lespace destockage des pages du site est largement suffisant (plusieurs gigaoctets,gnralement).

    Figure 2.34 : Linterface dadministration de Joomla

    66 LE GUIDE COMPLET

    Installer JoomlaChapitre 2

  • GigaoctetUn octet est une unit de mesure correspondant la quantit de

    stockage ncessaire pour contenir un caractre. Un kilooctet (ko)correspond 1 024 octets, soit 1 000 octets environ. Un mgaoctet (Mo)correspond 1 000 ko environ soit un million de caractres. Ungigaoctet (Go) correspond 1 000 Mo environ soit un milliard decaractres.

    Si le nombre dinternautes connects simultanment augmente demanire consquente (plus de 50 visiteurs), les dlais de chargement despages deviendront plus levs et il conviendra denvisager un typedhbergement plus important.

    Les hbergements sur des serveurs virtuels

    Dans ce cas, le webmestre gre son propre serveur, dit "virtuel",cest--dire mul sur un ordinateur sur lequel plusieurs serveurs dumme type sont implments. La puissance offerte par le systme estsuprieure celle dun hbergement mutualis mais moindre que celledun serveur "ddi".

    Les hbergements sur des serveurs ddis

    Ici, le webmestre