Micro Application 20-22 rue des Petits Htels 75010 Paris Tl. : 01 53 34 20 20 Fax : 01 53 34 20 00

http://www.microapp.com

Paris le 08/02/2010 01:02 Client n2334204 HAFSI Jak BP X989X 12000 FRANCE France Fiche didentit Acquisition par tlchargement : Date de la commande : 08/02/2010 00:02 Ouvrage : Joomla! Auteur(s) : MOSAIQUE Informatique Editeur : MICRO APPLICATION, SA ISBN : 978-2-3000-2219-7

n de commande : 657062

Respectez les droits dauteur. Lexploitation sans autorisation de tout ou partie du prsent ouvrage est un acte de contrefaon puni de 3 ans demprisonnement et de 300.000 damende. Les exceptions ce principe sont strictement 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 Application 20-22, rue des Petits-Htels 75010 Paris 1re dition - Aot 2009

Auteur

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

Avertissement aux utilisateurs

Les informations contenues dans cet ouvrage sont donnes titre indicatif et nont aucun caractre exhaustif voire certain. A titre dexemple non limitatif, cet ouvrage peut vous proposer une ou plusieurs adresses de sites Web qui ne seront plus dactualit ou dont le contenu aura chang au moment 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 toute omission, erreur ou lacune qui aurait pu se glisser dans ce produit ainsi que des consquences, quelles quelles soient, qui rsulteraient des informations et indications fournies ainsi que de leur utilisation. Tous les produits cits dans cet ouvrage sont protgs, et les marques dposes 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 et les marques ne sont utilises qu seule fin de dsignation des produits en tant que noms de ces derniers.

ISBN : 978-2-300-022197 ISSN : 1950-0289MICRO APPLICATION 20-22, rue des Petits-Htels 75010 PARIS Tl. : 01 53 34 20 20 Fax : 01 53 34 20 00 http://www.microapp.com Support technique : galement disponible sur www.microapp.com

Retrouvez des informations sur cet ouvrage ! Rendez-vous sur le site Internet de Micro Application www.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, la collection Guide Complet repose sur une mthode essentiellement pratique. Les explications, donnes dans un langage clair et prcis, sappuient sur de courts exemples. En n de chaque chapitre, dcouvrez, en fonction du sujet, des exercices, une check-list ou une srie de FAQ pour rpondre vos questions. Vous trouverez dans cette collection les principaux thmes de lunivers informatique : matriel, bureautique, programmation, nouvelles technologies...

Conventions typographiquesAn de faciliter la comprhension des techniques dcrites, nous avons adopt les conventions typographiques suivantes :j gras

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

j italique

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 quil ne faut ngliger aucun prix.

Propose conseils et trucs pratiques.

Donne en quelques lignes la dnition dun terme technique ou dune abrviation.

Sommaire

Chapitre 11.1.

Le concept du CMS

11

1.2.

1.3.

1.4.

Techniques traditionnelles de construction de sites Internet . 13 Crer un site statique, une technique aujourdhui dpasse . 13 Comprendre les principes des sites dynamiques ............. 16 Comprendre les principes des CMS (serveur web, base de donne, code dynamique) ............................. 17 Les avantages du CMS ............................................ 17 La mise jour immdiate du site ................................. 20 Les principaux CMS du march et leurs spcificits .......... 22 Pourquoi choisir Joomla ........................................... 26 Comprendre le langage XHTML ................................. 27 Comprendre les bases dune page XHTML .................... 28 Comprendre le HTML par lexemple ............................. 30 Check-list ............................................................ 42

Chapitre 22.1. 2.2. 2.3. 2.4. 2.5.

Installer Joomla

43

2.6.

La conguration ncessaire ...................................... 44 Tlcharger Joomla ................................................ 45 Tlcharger et installer un serveur web local ................. 50 Installer Joomla sur un serveur web local ..................... 57 Installer Joomla chez un hbergeur ............................ 66 Les hbergements mutualiss .................................... 66 Les hbergements sur des serveurs virtuels ................... 67 Les hbergements sur des serveurs ddis .................... 67 tude de cas : Installation type chez un hbergeur ........... 68 Check-list ............................................................ 83

Chapitre 33.1. 3.2.

Se familiariser avec Joomla

85

3.3.

Le frontend .......................................................... 86 Le backend .......................................................... 89 Dcouvrir le gestionnaire darticles .............................. 89 Dcouvrir le gestionnaire de menus ............................. 92 Dcouvrir le gestionnaire de mdias ............................. 93 Dcouvrir le principe des templates ............................. 94 Les menus de Joomla ............................................. 97 Le menu Site/Panneau dadministration ........................ 97 Le menu Site/Gestionnaire des utilisateurs ..................... 97 Le menu Site/Gestion des mdias ............................... 98

4 LE GUIDE COMPLET

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

3.4.

Chapitre 44.1. 4.2.

Crer des articles

115

Utiliser les commandes de linterface dadministration ... 116 Dnir les paramtres gnraux ............................... 117 Paramtrer le nom du site ........................................ 118 Paramtrer la longueur des listes ............................... 118 Augmenter la dure de session ................................. 119

LE GUIDE COMPLET 5

SommaireParamtrer le fuseau horaire ..................................... 120 Changer le login et le mot de passe administrateur ....... 121 Crer des sections ............................................... 122 Crer des catgories ............................................. 125 Crer et modier des articles ................................... 128 Prvisualiser larticle dans une fentre de prvisualisation . 131 Prvisualiser larticle dans le frontend ......................... 132 Mettre en forme le contenu de larticle ......................... 134 Insrer une image dans le texte de larticle .................... 141 Crer un lien hypertexte .......................................... 143 Crer un saut de page dans le texte de larticle .............. 145 Dfinir les paramtres de larticle ............................... 149 Publier larticle en page daccueil ............................... 156 Check-list .......................................................... 158

4.3. 4.4. 4.5. 4.6.

4.7.

Chapitre 55.1. 5.2. 5.3.

Administrer les menus

159

5.4. 5.5. 5.6.

5.7.

Dsactiver les menus inutiles .................................. 160 Modier un menu existant ...................................... 162 Exploiter les diffrents lments de menu ................... 163 Les fonctionnalits daffichage des liens internes ........... 164 Crer un item de menu pointant vers une page externe .... 172 Crer un item de sparation dans un menu ................... 173 Crer un alias de menu ........................................... 174 Ajouter un item au menu ........................................ 175 Crer un nouveau menu ......................................... 177 Modier les paramtres daffichage dun menu ............ 180 Appliquer un style au menu ...................................... 180 Modifier lordre des menus ...................................... 182 Modifier la position du menu .................................... 183 Modifier le style du menu ......................................... 186 Limiter laffichage du menu certaines parties du site ...... 187 Check-list .......................................................... 187

Chapitre 66.1.

Utiliser les fonctionnalits natives de Joomla 189Grer les mdias .................................................. 190 Les formats dimages ............................................. 190 Optimiser et retoucher les images pour Internet ............. 192 Le Gestionnaire de mdias ...................................... 195 Grer les niveaux daccs et les utilisateurs ................ 198 Comprendre les niveaux daccs ............................... 198

6.2.

6 LE GUIDE COMPLET

SommaireGrer les niveaux daccs ........................................ 200 Exercice pratique : Cration dun compte de niveau Auteur .. 201 Utiliser la messagerie de Joomla .............................. 210 Consulter les messages .......................................... 211 Supprimer un message ........................................... 212 crire un message ................................................. 212 Utiliser la newsletter .............................................. 213 Effectuer une mise jour de Joomla .......................... 214 Check-list .......................................................... 216

6.3.

6.4. 6.5. 6.6.

Chapitre 77.1. 7.2.

Adapter le site avec des composants

217

Installer un composant .......................................... 219 Faciliter la rdaction des pages avec lditeur JCE ........ 219 Installer lditeur JCE ............................................. 220 Dclarer lditeur JCE comme diteur par dfaut ............ 224 7.3. Grer un site multilingue avec le composant Joom!Fish . 225 Ajouter une langue linterface ................................. 225 Installer Joom!Fish ................................................ 228 Paramtrer la langue de rfrence .............................. 232 Accder aux paramtres gnraux ............................. 233 La traduction dun article ......................................... 236 Traduire directement des contenus ............................ 238 Paramtrer le choix de la langue utilise dans le frontend .. 239 7.4. Grer des documents avec DOCman ......................... 240 7.5. Grer des utilisateurs avec Community Builder ............ 243 7.6. Grer une galerie de photos Phoca Gallery ................. 243 7.7. Grer des newsletters avec Communicator ................. 244 7.8. Grer des groupes avec GMAccess .......................... 245 7.9. Installer de nouveaux templates ............................... 246 Rechercher des templates ....................................... 246 Installer un template tlcharg ................................. 252 Paramtrer un template .......................................... 253 7.10. Check-list .......................................................... 254

Chapitre 88.1.

Ajouter une boutique en ligne

255

8.2.

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

LE GUIDE COMPLET 7

SommairePremire mthode dinstallation : Installer simultanment Joomla et VirtueMart .............................................. 259 Seconde mthode dinstallation : Ajouter le composant VirtueMart un systme Joomla dj install ................ 263 Installer VirtueMart en franais .................................. 270 Installer les modules de VirtueMart ............................. 272 Dcouvrir la boutique depuis le Frontend ..................... 273 Installer les plugins de VirtueMart ............................... 274 8.3. Choisir le mode daffichage de linterface dadministration de VirtueMart ................................ 275 8.4. Dcouvrir les paramtres de conguration gnrale ...... 278 8.5. Congurer les paramtres de la boutique ................... 279 Dfinir lidentit de la boutique .................................. 280 Dfinir les informations sur la boutique ........................ 283 Dfinir lidentit du responsable contacter .................. 283 Dfinir la devise utilise et le format daffichage des prix ... 284 Saisir la description de la boutique ............................. 286 Saisir les conditions gnrales de vente ....................... 286 8.6. La TVA ............................................................... 288 Lapplication du calcul de la TVA ................................ 288 Appliquer une taxe sur les produits immatriels .............. 289 Utiliser des taux de TVA multiples .............................. 290 Crer les taux de TVA par pays ou rgion ..................... 291 8.7. Crer le catalogue de produits ................................. 292 Crer les fabricants de produits ................................. 292 Crer des catgories de produits ............................... 294 Saisir les produits ................................................. 299 La gestion des stocks ............................................ 318 8.8. Paramtrer les expditions ..................................... 318 Choisir la mthode dexpdition ................................ 319 Dfinir le poids et les dimensions dun produit ............... 320 Lister les transporteurs ........................................... 320 Ajouter un transporteur ........................................... 320 Ajouter un tarif dexpdition ..................................... 321 8.9. Personnaliser les modes de paiements ...................... 322 Activer les moyens de paiement ................................ 322 Les paiements par chques et virements ..................... 323 Les paiements par le systme Paypal .......................... 324 8.10. Consulter ltat des commandes .............................. 326 8.11. Sauvegarder le site web ......................................... 327 Sauvegarde de la base de donnes ............................ 327 Sauvegarde des fichiers .......................................... 328 8.12. Check-list .......................................................... 330

8 LE GUIDE COMPLET

Sommaire

Chapitre 9

Amliorer lindexation dans les moteurs de recherche

331

9.1. 9.2. 9.3.

9.4.

9.5.

9.6. 9.7.

Connatre les principes de fonctionnement de Google ... 332 Rfrencement naturel vs rfrencement payant .......... 335 Comprendre les principes du rfrencement naturel ...... 340 Comprendre les enjeux du rfrencement .................... 340 Comprendre les objectifs et les mthodes de rfrencement .................................................. 343 Connatre les types de rfrencement ......................... 343 Assimiler les mthodes de rfrencement naturel ........... 343 Matriser les tapes du rfrencement ......................... 344 Anticiper le fonctionnement des moteurs de recherche .... 345 Utiliser la longue trane ........................................... 346 Dterminer sa stratgie de positionnement ................. 348 Rechercher des mots-cls ....................................... 348 Utiliser des outils de mesure des mots-cls .................. 348 Optimiser son site pour le rfrencement naturel .......... 356 Indexer son site dans Google ................................... 356 Utiliser le fichier Sitemap ......................................... 356 Augmenter son PageRank ....................................... 357 Diminuer leffet Sandbox ......................................... 360 Optimiser les titres des pages ................................... 361 Activer lURL rewriting ............................................ 361 Optimiser les pages de contenus ............................... 363 Optimiser les images ............................................. 364 Utiliser la balise META description .............................. 364 Utiliser la balise META robots .................................... 365 Utiliser la balise META keywords ................................ 365 Bien choisir le nom de domaine du site ........................ 366 Utiliser des mots-cls dans les noms de dossiers et de fichiers ........................................................ 366 Grer un site multilingue .......................................... 367 tre prsent dans les rponses de recherche universelle ... 367 Avoir recours au rfrencement payant ...................... 369 Utiliser les commandes de Google ............................ 372 allintitle .............................................................. 372 allinurl ............................................................... 374 filetype .............................................................. 374 inanchor ............................................................. 375 info ................................................................... 376 intext ................................................................. 376 intitle ................................................................. 377 link ................................................................... 377 related ............................................................... 378LE GUIDE COMPLET 9

Sommairesite ................................................................... 379 define ................................................................ 380 Anticiper les futures techniques de rfrencement ........ 380 Check-list .......................................................... 381

9.8. 9.9.

Chapitre 10

Annexe

383

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

Chapitre 11

Index

409

10 LE GUIDE COMPLET

Le concept du CMS

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

Chapitre 1

Le concept du CMS

Mme sil est dusage de comparer Internet une toile daraigne, limage nest que partiellement fonde En effet, les arachnides ont pour habitude de tisser seules Or la toile du Web, qui stend toujours plus chaque jour, est luvre dun nombre important et croissant dacteurs. Webmestres, informaticiens, scientiques, journalistes, blogueurs, marchands, passionns en tous genres de sujets en tous types ; chacun deux, chacun de nous, tisse, tout instant, une maille supplmentaire, participant ainsi ce fantastique accroissement de la mise en ligne des connaissances technologiques, culturelles et artistiques, 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 de savoir, dcouvrir, essayer et galement laisser leur propre trace dans la mmoire sans n du rseau. Plus question, en effet, de se limiter la consultation passive de sites construits uniquement avec des textes et des images. Musiques, lms, forums, chats, messageries instantanes, rponses aux articles sont les lments constituants du Web moderne. Noublions pas le commerce lectronique Cette rvolution dans la rvolution, fonctionnalit balbutiante hier, parfaitement mature aujourdhui, capable de faire vaciller certaines grandes structures commerciales, construites sur des techniques de vente traditionnelles, et qui payent cher lerreur de ne pas avoir anticip la vague dferlante du commerce en ligne. Passionnant mais bouillonnant, pourvoyeur de richesses intellectuelles et nancires pour certains, de rves et de dsillusions pour dautres, le Web est sans merci et ne laisse pas place linefficacit. Que lon soit rdacteur ou commerant, on ne cre plus aujourdhui des pages comme on le faisait il y a encore quelques annes. Performance et rentabilit sont les matres mots de la russite, en matire de gestion du contenu rdactionnel, qui ne peut plus soprer de faon artisanale. Et cest tout naturellement en rponse ce besoin de productivit que sont ns les systmes de gestion de contenu. Lobjectif de ce livre est de vous prsenter Joomla. nos yeux, Joomla est 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, en galerie dimages et surtout, comme vous le dcouvrirez dans la seconde partie de cet ouvrage, en site de commerce lectronique.12 LE GUIDE COMPLET

Techniques traditionnelles de construction de sites Internet

Chapitre 1

Quest-ce quun systme de gestion de contenu ? Avant de pouvoir rpondre cette question, il est ncessaire de revenir sur les techniques traditionnelles de ralisation dun site Internet.

1.1. Techniques traditionnelles de construction de sites InternetPour comprendre lintrt des systmes de gestion de contenu, il vous faut bien diffrencier les deux familles de sites web en ligne ce jour : les sites statiques et les sites dynamiques.

Crer un site statique, une technique aujourdhui dpasseToutes 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 an dafficher 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 fonde sur lutilisation de "balises", instructions permettant la mise en forme des documents, essentiellement composs 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 une autre page. Cette fonctionnalit, qui autorise les sauts dune page une autre, est lorigine de lexpression "surfer sur le Web". En complment du code HTML, il est frquent de trouver, greffes dans les pages, des fonctionnalits complmentaires, telles que des animations sophistiques en technologie Flash, des vidos ou des morceaux de code Javascript. Ces derniers sont utiliss an de raliser des traitements impossibles en HTML, tels que des validations de donnes dans des formulaires (zones de collectes dinformations structures), des calculs ou encore certains types de menus droulants.

LE GUIDE COMPLET 13

Chapitre 1

Le concept du CMS

Autre complment aujourdhui indissociable des pages HTML, les feuilles de style en cascades (dont lextension de chiers est .ccs), traduction franaise de lexpression "Cascading Style Sheet" et dont la fonction est de grer la mise en forme des pages. Lutilisation des feuilles de style a constitu un progrs majeur car elle a simpli considrablement la lecture du code HTML."Page HTML", un abus de langage

Parler de "pages HTML" est aujourdhui un abus de langage puisque le HTML a t remplac par le XHTML. Cette expression est toutefois trs rpandue et nous lutiliserons dans ce qui suit pour dsigner les pages crites en langage XHTML.

La mthode la plus simple, la plus ancienne galement, pour raliser 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 dun logiciel de cration de pages WYSIWYG tel que Dreamweaver.diteur de texte et gnrateur de code WYSIWYG

On nomme "diteur de texte" un logiciel simple, qui peut tre compar un traitement de texte qui ne disposerait pas de fonctionnalits de mise en forme du texte. Le langage XHTML tant un langage de mise en forme de documents, cest en effet le code de la page et celui de la feuille de style laquelle elle est rattache qui contiennent les instructions de mise en forme.

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

14 LE GUIDE COMPLET

Techniques traditionnelles de construction de sites Internet

Chapitre 1

Le terme WYSIWYG, quant lui, est un acronyme de What You See Is What You Get. Cette expression, qui peut tre interprte par "Vous voyez ce que vous obtiendrez" est utilise pour dsigner le mode de fonctionnement des logiciels de cration de pages web, tels que le clbre Dreamweaver. la diffrence dun simple diteur de texte, ceux-ci se prsentent sous la forme dun traitement de texte simpli, disposant dune interface ddie la ralisation des mises en forme des textes et des images ainsi quaux insertions dobjets dans les pages tels que des applications en technologie Flash ou de traitements prdnis en langage Javascript. Les actions effectues sont ensuite transformes en langage XHTML, comme si ce dernier avait t tap manuellement dans un diteur 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 construit de faon "statique" (entendez "sans utilisation dun langage de programmation gnrant les pages HTML"), elle porte lextension .htm ou .html. Les navigateurs Internet, dont la nalit est dinterprter le code des pages et dafficher le rsultat de cette interprtation, sont programms, lorsquun nom de domaine est saisi dans leur barre dadresse, pour sassurer de lexistence dune telle page et pour louvrir, dans laffirmative. Si tel nest pas le cas, le navigateur affiche un message indiquant quil ne peut afficher la page.Nom et extension dun chier

Lextension dun chier est le terme indiquant une courte chane de caractres ajouts aprs le nom du chier et qui indique son appartenance une famille. Ainsi, les chiers portant lextension .htm ou .html font partie de la famille des pages web statiques. Nom de chier et extension sont toujours spars par un point.

La visite dun site ne commence toutefois pas obligatoirement par celle de la page daccueil, linternaute venant gnralement dun moteur de recherche, pouvant commencer son parcours depuis nimporte quelle page du site et se dplacer vers les suivantes en utilisant les liens hypertextes permettant une navigation sur le site.

LE GUIDE COMPLET 15

Chapitre 1

Le concept du CMS

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

Comprendre les principes des sites dynamiquesDeuxime catgorie de sites web, les sites dynamiques se distinguent des sites statiques dans la mesure o les pages qui les composent sont gnres par des programmes, selon les requtes ralises par les internautes, 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 tels traitements, les plus utiliss sont incontestablement les composants open source Linux (systme dexploitation), Apache (serveur web), PHP (langage de programmation) et MySQL (base de donnes). On retrouve cette conguration chez la quasi totalit des hbergeurs. Nombreuses sont les utilisations qui peuvent tre faites des rouages du Web dynamique : commerce lectronique, en premier lieu, mais aussi forums, blogs, rseaux sociaux, jeux en ligne, pour citer les applications les plus rpandues. Lun des tournants majeurs du Web dynamique, ces dernires annes, a t sa dmocratisation. Petites et moyennes structures commerciales lont adopt, y voyant une technologie beaucoup plus efficace et bien moins coteuse que celle du traditionnel Web statique. Quant aux particuliers, nombre dentre eux lutilisent sans mme 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 nimporte quel poste connect Internet, aucun logiciel installer sur le PC, optimisation du rfrencement dans les moteurs de recherche sont les sduisants atouts du Web dynamique, auxquels il est difficile de rsister. Cest donc trs naturellement sur cette vague que se sont dvelopps les CMS (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

Comprendre les principes des CMS

Chapitre 1

tches de cration des pages pour lui permettre de se concentrer sur le contenu rdactionnel du site.

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

Joomla

1.2. Comprendre les principes des CMS (serveur web, base de donne, code dynamique)Les avantages du CMSLes 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 les mmes. Bien les comprendre est donc un atout important pour un webmestre utilisant Joomla.

LE GUIDE COMPLET 17

Chapitre 1

Le concept du CMS

Les CMS sont des systmes de publication sur Internet. Leurs mcanismes sont prfabriqus : dition du contenu des pages (textes et images), fonctionnalits en tous genres qui ncessitaient il y a peu des dveloppements spciques 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 des techniques traditionnelles, sera immdiatement et agrablement surpris par 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 ce qui concerne la mise jour du contenu ditorial et qui soprera simplement, depuis une interface dadministration en ligne. La quantit de pages quil mettra en ligne sen trouvera certainement accrue, de mme que leur qualit, puisque la tche du webmestre se limitera la rdaction du contenu rdactionnel, laquelle sajouteront quelques oprations simples de mise en forme, opres par les commandes proposes sur linterface. En outre, toute modication effectue (mise jour dun catalogue, date dvnement, modication de tarif, ) sera visible instantanment pour tout visiteur du site. Enn, et cela nest pas le moindre avantage, le webmestre, par simple mise jour de son systme de gestion de contenu, bnciera de toutes les amliorations apportes par lquipe de dveloppement du produit, presque toujours gratuitement puisque issues du monde de lopen source, soucieuse dapporter leur "bb" toutes les nouvelles fonctionnalits qui ne manqueront pas dapparatre sur Internet.Le monde de lopen source

On peut traduire ce terme par "source ouverte". Il dsigne les logiciels disposant dune licence autorisant la libre redistribution du produit et dont le code informatique est libre. Les programmes open source sont gnralement de bonne qualit puisque louverture du code de nombreux programmeurs favorise lamlioration des produits.

18 LE GUIDE COMPLET

Comprendre les principes des CMS

Chapitre 1

Ajoutons cette liste, dj longue, darguments positifs en faveur de lutilisation dun CMS, que ce dernier sinstalle en un temps record (moins dune heure en gnral) et il sera ais de comprendre pourquoi tant de personnes utilisent aujourdhui des systmes de gestion de contenu. Intressons-nous maintenant aux principes techniques qui rgissent les CMS, et particulirement Joomla Lide fdratrice est de sparer les contenus proprement parler, que reprsentent les textes, les images et, dune manire gnrale, les objets insrs dans les pages, de leur mise en forme, effectue par un choix en matire de polices de caractres, de couleurs et dhabillage graphique principalement. Les contenus sont stocks dans une base de donnes (MySql dans presque tous les cas), alors que les directives relatives la prsentation sont dans des feuilles de styles, les chiers dans lesquels sont enregistres les particularits de mise en forme des pages du site. Ainsi, il est possible, sans changer une virgule du contenu rdactionnel du site, den modier lapparence radicalement (il suffit de modier la ou les feuilles de style qui leur sont appliques).

Figure 1.3 : Sur Joomla, la modication de la mise en forme seffectue par application dun "template"

LE GUIDE COMPLET 19

Chapitre 1

Le concept du CMS

Vous pourrez, par exemple, utiliser des modles de prsentation diffrents en fonction des priodes de soldes, ou des ftes venir an de changer laspect de votre site, sans modier les textes et les images quil renferme.

La mise jour immdiate du siteLun des principaux avantages du CMS est la mise en ligne immdiate de toute modication des pages du site. Pour bien le comprendre, il est ncessaire de commencer par dcrire le mode de fonctionnement de la publication traditionnelle dun site web.

Page 1 Page 2 Page etc.Publication

Page 1 Page 2 Page etc.

Version locale du site

Version en ligne du site

Ordinateur du webmestre

Plate-forme dhbergement

Figure 1.4 : Schma de publication 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 (au moyen dun logiciel tel que Dreamweaver, par exemple), le webmestre construit une version "locale" du site sur son ordinateur. Il "publie" ensuite cet ensemble de chiers chez son hbergeur an que le site soit "en ligne", terme synonyme de "accessible depuis Internet". Cette mthode prsente un inconvnient majeur : toute mise jour du contenu 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. Les personnes en charge de la mise jour du contenu rdactionnel du site

20 LE GUIDE COMPLET

Comprendre les principes des CMS

Chapitre 1

voient, comme les internautes, les modications apparatre en ligne ds leur validation, cest--dire immdiatement. La phase de publication est supprime, les donnes tant stockes dans une base de donnes et non plus en tant que pages HTML indpendantes. Ce principe simplie considrablement les choses et rend les travaux de rdaction accessibles tous, y compris aux non informaticiens.

Mise jour des donnes

Page.php

Les modifications sont visibles immdiatement Poste du webmestre

Base de donnes

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

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 faon traditionnelle. De nombreux rdacteurs peuvent ainsi travailler en mme temps la mise jour du site. On retrouve mme, dans la chane de production, les phases de soumission et de validation des articles qui caractrisent les mthodes de travail de la presse traditionnelle, sur journaux papier. Les auteurs crivent et soumettent leurs articles (qui sont stocks sur le site mais ne sont pas encore visibles des internautes), les diteurs les corrigent ventuellement, puis les valident. Quant aux administrateurs, leur rle est dassurer le bon fonctionnement du systme et de lamliorer. Tous accdent au site via un simple navigateur Internet. Les contenus et la plupart des paramtres sont stocks dans la base de donnes. Quand le site est visit par un internaute, les pages nexistent pas encore, la diffrence des pages HTML qui constituent un site statique.

LE GUIDE COMPLET 21

Chapitre 1

Le concept du CMS

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

Les principaux CMS du march et leurs spcicitsMme si Joomla est, nos yeux, le meilleur CMS open source actuellement disponible sur le march, il nest pas le seul systme de gestion de contenu que vous pourrez tlcharger et utiliser. Voici une slection de cinq CMS trs en vogue, ayant chacun ses spcicits.

DotclearDotclear est un CMS trs utilis par les blogueurs.Le phnomne des blogs

Un blog est une forme de CMS, simple mettre en place, et dont la nalit est de donner son propritaire des outils rapides et efficaces pour gnrer du contenu (le site traite souvent des passions du blogueur et peut prendre la forme dun journal plus ou moins intime). On y trouve frquemment des vidos, ce qui fait de certains blogs des vritables canaux mdiatiques, parallles ceux des grands mdias traditionnels.

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

22 LE GUIDE COMPLET

Comprendre les principes des CMS

Chapitre 1

Figure 1.6 : Le site de tlchargement de Dotclear

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

Figure 1.7 : Le site de tlchargement de Drupal

LE GUIDE COMPLET 23

Chapitre 1

Le concept du CMS

JoomlaJoomla est un CMS incroyablement achev, fruit du travail dune quipe de dveloppement open source internationale trs efficace. Comme vous le dcouvrirez plus loin dans cet ouvrage, sa grande polyvalence autorise son emploi pour la cration de tous types de sites web (site personnel, site vitrine dentreprise, espace de tlchargement, forum, intranet, boutique de vente en ligne, etc.).Signication du mot "Joomla"

Ce terme semble trouver son origine dans le mot "Jumla" qui, en swahili, signie "tous ensemble".

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

Figure 1.8 : Le site de tlchargement de Joomla

SpipCet excellent CMS est conu comme un vritable outil de gestion dun journal dinformation en ligne. Il offre nombre de fonctions spciques au monde de la presse.

24 LE GUIDE COMPLET

Comprendre les principes des CMS

Chapitre 1

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

Figure 1.9 : Le site de tlchargement de Spip

WordPressWordPress est un CMS trs connu des blogueurs exigeants. Il se caractrise par une grande souplesse dutilisation qui permet galement son emploi pour la cration dun site traditionnel. Vous pouvez le tlcharger ladresse http://www.wordpress-fr.net.

Figure 1.10 : Le site de tlchargement de WordPress

LE GUIDE COMPLET 25

Chapitre 1

Le concept du CMS

Pourquoi choisir JoomlaUn outil trs polyvalent et robuste (Joomla peut aussi bien tre employ pour la ralisation dun simple site vitrine comme pour la construction dune boutique de commerce lectronique), une quipe de dveloppement efficace et une communaut active, assurant la prennit du produit ; voici les critres essentiels qui nous font prfrer Joomla aux autres CMS, mme si nombre dentre eux prsentent des atouts sduisants. On peut ajouter plusieurs points la liste : une gestion des droits simple et efficace, une interface conviviale et complte, un nombre impressionnant de modules complmentaires pouvant se ploguer sur le systme et lui adjoignant pratiquement toutes les fonctionnalits dont a toujours rv un webmestre, sans jamais trouver le temps de les dvelopper. Juridiquement, Joomla est un systme sous licence GNU/GPL (vous donnant le droit dutiliser gratuitement et lgalement le produit), dvelopp sous technologie PHP (en ce qui concerne le langage de programmation) et MySQL (le gestionnaire de base de donnes).Origine de Joomla

Joomla est n en 2005, du fait de dsaccords entre lquipe de dveloppement du CMS open source "Mambo", certains des dveloppeurs du projet prfrant continuer laventure avec un nom diffrent, indiquant ainsi leur rupture avec le projet initial. Quelques annes plus tard, Joomla est devenu un produit dune grande qualit, disposant de facults dadaptation nombreuses tous types de sites (par ajout de modules dextensions, correspondant chacun une fonctionnalit spcique). La version actuelle du systme est la version 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 aux administrateurs. Joomla se singularise galement par sa gestion de la mise en forme des pages (polices, couleurs, images de fond, boutons, etc.) qui peut tre modie en quelques clics par application de "templates" (modles de mise en forme utilisant les feuilles de style, chiers stockant les paramtres de mise en forme).

26 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

1.3. Comprendre le langage XHTMLJoomla vous dcharge de la fastidieuse tche dcriture des pages HTML. Il ne vous est donc plus ncessaire de matriser ce langage pour tre le webmestre dun bon site web. Plus ncessaire, mais pas inutile Qui peut le plus peut galement le moins Lobjectif de cette section nest nullement de faire de vous un expert du HTML (ou, plus exactement, du XHTML, nouvelle version de ce langage) 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 savoir comment apprhender le travail et les recherches dinformation effectuer sil vous tait ncessaire de "ploguer" un greffon de code dans vos pages que Joomla ne saurait pas raliser. Ceux dentre vous qui voudront aller plus loin dans lapprentissage du HTML trouveront linformation ncessaire en ligne, sur le Web.Apprendre le langage HTML

Rien 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 la zone de recherche de Google. De nombreux liens vous mneront vers de trs instructifs sites web.

Rien ne distingue, techniquement, une page web dune autre, puisquelle se doit dtre compatible avec la norme HTML. Quelles soient issues dun blog, dun systme de gestion de contenu, quelles soient tapes la main dans un simple diteur de texte comme le Bloc-notes ou gnres avec un diteur de sites sophistiqu tel que Dreamweaver, les pages affiches dans votre navigateur Internet sont donc normalises et obissent aux mmes rgles de structure : celles du langage XHTML. Ce dernier nest pas un langage de programmation mais un langage de mise en forme du contenu des pages web. la diffrence de la presque totalit des langages de programmation, le code HTML ne ncessite pas linstallation dun environnement (interprteur ou compilateur). Ce sont, en effet, les navigateurs qui servent dinterprteurs. Quant au code, il prend la forme dun simple

LE GUIDE COMPLET 27

Chapitre 1

Le concept du CMS

chier texte, qui peut tre gnr par un logiciel de cration de pages HTML 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 et interroger ses bases de donnes mais ces traitements sont transparents pour le webmestre qui travaille sur le site depuis linterface dadministration et qui, par exemple, met en forme un article depuis lditeur de pages du CMS. Lors de cette opration, du code du HTML est gnr et une comprhension des rgles syntaxiques employes ne peut qutre quutile.

Comprendre les bases dune page XHTMLLa 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 pages XHTML. Elles dnissent la mise en forme des contenus (textes et images essentiellement) puis sont interprtes par les navigateurs Internet qui affichent alors les pages sous une forme intelligible pour les humains. Conventionnellement, il est dusage de saisir les noms des balises en caractres minuscules et encadrs par les caractres "" (on parle de "chevrons"), sans ajouter despace entre le nom du tag et ces caractres. La plupart des balises vont par paires : laction dune balise de ce type prend n lorsque la mme balise, portant un nom identique prcd du caractre "/", est rencontre par le navigateur Internet, lors de sa lecture squentielle du code XHTML (on parle alors de "balise de n").

28 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

Un nombre limit de balises droge toutefois cette rgle et ne ncessite pas de balises de n. Ainsi, par exemple, la balise permettant linsertion dune image ou celle utilise pour gnrer un simple saut de ligne dans un paragraphe. La syntaxe utilise est alors du type :

HTML et traitements squentiels

En informatique, un traitement est dit squentiel lorsque les instructions qui le composent sont lues selon une suite ordonne, gnralement du dbut la n du code. Il existe dautres traitements, susceptibles dtre effectus par des langages de programmation : les traitements rptitifs (rptant une squence) et conditionnels (le rsultat du traitement est dtermin par une condition). XHTML nest pas adapt lexcution de ces deux derniers types de traitements, cest pourquoi XHTML nest pas considr comme un langage de programmation mais comme un langage de mise en forme de documents.

Le code XHTML utilise frquemment des balises de manire imbrique : il est ainsi, par exemple, possible dindiquer quune portion de texte est en caractres italiques et quune sous-portion de celle-ci est en caractres gras. Les balises indiquant la mise en forme en gras seront alors comprises dans les balises indiquant la mise en forme en italiques. Voici un exemple de code XHTML, utilisant les balises et , permettant respectivement de dnir des titres de premier niveau et des paragraphes dans une page web :texte texte

Utiliser les attributsDe nombreuses balises peuvent tre personnalises par lajout dattributs, qui sont des paramtres permettant de personnaliser les actions des balises.

LE GUIDE COMPLET 29

Chapitre 1

Le concept du CMS

Ces attributs sont placs aprs le nom de la balise, entre les caractres "". Un espace sert de sparateur entre le nom de la balise et lattribut. La syntaxe gnrale des attributs est la suivante :

Voici quelques exemples concrets dutilisation des attributs :

(la balise affiche limage voiture.jpg, avec une largeur de 400 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 sur laffichage dans le navigateur Internet. Ils nen sont pas moins utiles au dveloppeur de la page car ils lui servent de repres et lui permettent de placer les informations de son choix dans la page, an de rendre celle-ci plus 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 dans une page :

Comprendre le HTML par lexempleObservez la structure de base dune page XHTML : Le titre de la page qui sera affich dans la Barre 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

Comprendre le langage XHTMLnavigateur Internet

Chapitre 1

Afficher le code HTML dune page web quelconque

Vous pouvez afficher le code de nimporte quelle page HTML parcourue sur le Web. Sur le navigateur Firefox, cette opration seffectue via le menu Affichage/code source de la page. Vous obtiendrez le mme rsultat sous le navigateur Internet Explorer par le menu Affichage/Source.

La balise indique le dbut de la page alors que la balise fermante indique la n. Ce sont donc ces deux balises qui encapsulent tout le code de la page. La balise ouvrante et la balise fermante contiennent, quant elles, len-tte, cest dire essentiellement les instructions non affiches dans la page, lorsque celle-ci est ouverte dans un navigateur. Bien que non visibles, ces informations nen sont pas pour autant inutiles. Elles permettent, par exemple, dafficher un titre dans la barre de titre du navigateur (cela est le cas de la paire de balises et ). On place galement dans la zone den-tte des balises utilises par les moteurs de recherche, telles que la balise , dont le rle est de transmettre aux moteurs de recherche une description du contenu de la page. La paire de balises et renferme, comme son nom lindique, le corps de la page, cest--dire toute la partie visible dans la fentre du navigateur. Il nest donc pas tonnant de trouver des centaines ou des milliers de balises imbriques lintrieur de cette paire de balises. Puisque le langage XHTML est un langage interprt, un simple diteur de texte (tel que le Bloc-notes de Windows) et un navigateur, mme non connect Internet, vous suffisent pour raliser le petit exercice qui suit et qui vous permet de comprendre le principe dcriture et daffichage dune page web.

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

LE GUIDE COMPLET 31

Chapitre 1

Le concept du CMS

Figure 1.11 : La fentre du Bloc-notes de Windows

2 Saisissez le code suivant : Voici une phrase afficher.

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

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

32 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

Extension des chiers HTML

Le Bloc-notes tant un diteur de texte, il affectera par dfaut lextension .txt votre chier si celle-ci est omise, lors de lenregistrement. La page XHTML ne sera alors pas reconnue lorsquelle sera ouverte dans le navigateur. Veillez bien saisir lextension .html, aprs le nom du chier, 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 dialogue Ouvrir qui apparat, cliquez sur le bouton Parcourir et recherchez le chier page1.html prcdemment enregistr. Slectionnez ce chier, cliquez sur le bouton Ouvrir puis sur le bouton OK.Une page blanche est affiche dans le navigateur. Il sagit de votre page XHTML. Vous pouvez le vrier par la lecture de son adresse dans la Barre dadresse de votre navigateur. Elle est vierge car vous ny avez saisi aucun contenu afficher.

Figure 1.13 : Le code HTML affiche une page vide

5 Laissez le navigateur ouvert et retournez au Bloc-notes. Modiez le code de la page en y ajoutant un contenu textuel entre les balises et , comme dans le code qui suit : Voici une phrase afficher.

LE GUIDE COMPLET 33

Chapitre 1

Le concept du CMS

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

6 Depuis le Bloc-notes, enregistrez nouveau le chier, en utilisant le menu Fichier/Enregistrer. 7 Retournez dans la fentre du navigateur, que vous aviez laiss ouverte, par la Barre des tches de Windows.Aucune modication nest visible dans le navigateur. La phrase que vous avez ajoute dans le code napparat pas. Ceci est d au fait que la page affiche actuellement est celle qui a t charge dans le cache du navigateur lors du premier essai. Il va vous falloir lactualiser.Cache du navigateur Internet

Ce terme dsigne une zone de mmoire intermdiaire, dans laquelle sont stockes les dernires pages et images affiches rcemment dans le navigateur. Sa fonction principale est dacclrer laffichage. Il doit tre actualis, si la page consulte a t modie, an de permettre la consultation de la dernire version du document.

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

Figure 1.15 : Le bouton Actualiser du navigateur Internet Explorer

La page est actualise et la phrase apparat dans la page affiche dans le navigateur.

34 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

Figure 1.16 : La page a t modie

Vous allez ajouter quelques balises dans le code de la page, an de bien assimiler les bases de limbrication des tags.

9 Laissez le navigateur ouvert et retournez au Bloc-notes. Modiez le code de la page en y ajoutant les balises et , an quelles encadrent une zone quelconque de texte, comme dans le code qui suit (cette balise permet de mettre le texte concern en gras) : Voici une phrase afficher.

Figure 1.17 : Lajout du code dans le Bloc-notes

LE GUIDE COMPLET 35

Chapitre 1

Le concept du CMS

10 Depuis le Bloc-notes, enregistrez nouveau le chier, via le menu Fichier/Enregistrer. 11 Retournez dans la fentre du navigateur, que vous aviez laiss ouverte, par la Barre des tches de Windows. Actualisez la page affiche dans le navigateur.

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

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

12 Laissez le navigateur ouvert et retournez au Bloc-notes. Modiez le code de la page en y ajoutant les balises et , an quelles encadrent une zone quelconque de texte, comme dans le code qui suit : Voici une phrase afficher.

13 Depuis le Bloc-notes, enregistrez nouveau le chier, par le menu Fichier/Enregistrer. 14 Retournez dans la fentre du navigateur, que vous aviez laiss ouverte, par la Barre des tches de Windows. Actualisez la page affiche dans le navigateur.

36 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

Figure 1.19 : La nouvelle version de la page

Vous allez maintenant utiliser une balise ayant une incidence sur la mise en forme des paragraphes. Mais auparavant, une petite exprimentation sera instructive.

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

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

LE GUIDE COMPLET 37

Chapitre 1

Le concept du CMS

16 Depuis le Bloc-notes, enregistrez nouveau le chier, par le menu Fichier/Enregistrer. 17 Retournez dans la fentre du navigateur et actualisez la fentre.Le retour la ligne nest pas visible dans la fentre du navigateur : les deux phrases sont affiches sur la mme ligne.

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

Cette manipulation met en vidence le fait que le navigateur, qui agit en tant quinterprteur du code XHTML, naccorde aucune valeur au retour la ligne effectu par la touche [], dans le Bloc-notes. Tout le code XHTML pourrait tre crit sur une seule ligne. Cette disposition entacherait certainement la lecture dun il humain mais nullement celle dun navigateur Internet. Vous pouvez, pour vous en convaincre, supprimer tous les retours la ligne placs dans le code : ceci ne changera 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 de retourner la ligne doit donc tre donn par une balise. Cest ce que vous allez faire au moyen de la balise , dont la nalit est de crer un nouveau paragraphe. Pour rendre la dmonstration plus pertinente, vous supprimerez mme le retour la ligne cr dans le Bloc-notes en utilisant la touche [].

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

38 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

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

19 Depuis le Bloc-notes, enregistrez nouveau le chier, par le menu Fichier/Enregistrer. 20 Retournez dans la fentre du navigateur et actualisez la fentre.Cette fois, le retour la ligne, cr par la nouvelle balise, est visible dans la fentre du navigateur (voir Figure 1.22). Vous allez ajouter un attribut une balise. Pour ce faire, vous emploierez la balise la plus utilise sur le Web. Il sagit du tag (anchor), qui permet de raliser des liens hypertextes, liant ainsi les pages les unes aux autres.

21 Dans la fentre du Bloc-notes, modiez le code de la page comme dans le code qui suit :

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

Voici une phrase afficher.Ceci est une nouvelle ligne de texte. Cliquez ici pour afficher la deuxime page.

LE GUIDE COMPLET 39

Chapitre 1

Le concept du CMS

22 Depuis le Bloc-notes, enregistrez nouveau le chier, par le menu Fichier/Enregistrer. 23 Toujours depuis le Bloc-notes, modiez le code de la page comme suit : Ceci est la seconde page.

24 Enregistrez le chier avec le nom page2.html, par le menu Fichier/Enregistrer sous. 25 Retournez dans la fentre du navigateur et actualisez la fentre.

Figure 1.23 : La premire page, affiche dans le navigateur

26 Cliquez sur le lien hypertexte, apparaissant en caractres souligns dans la page.La seconde page est affiche dans le navigateur, preuve que le lien hypertexte a fonctionn correctement.

40 LE GUIDE COMPLET

Comprendre le langage XHTML

Chapitre 1

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

Dans cet exemple, lattribut utilis est href (pour "Hypertext REFerence"). Il permet dindiquer quelle page doit tre ouverte lorsque le lien est cliqu (on parle alors de "page cible"). Vous allez maintenant utiliser une balise employe dans len-tte de la page. 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. Elle affiche ladresse de la page ouverte (ici page2.html), prcde du chemin daccs celle-ci sur votre ordinateur. Vous allez modier cet affichage. 28 Depuis le Bloc-notes, modiez le code de la seconde page comme suit : Ceci est le titre de la deuxime page Ceci est la seconde page.

LE GUIDE COMPLET 41

Chapitre 1

Le concept du CMS

Figure 1.25 : Lajout de la balise au code HTML

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

Figure 1.26 : Le titre de la page est visible dans la Barre de titre du navigateur

1.4. Check-listj j

j

j

Les CMS ont rvolutionn, en quelques annes, le concept du site Internet. Un CMS est construit autour de trois concepts : les contenus sont stocks dans une base de donnes, les pages sont gnres dynamiquement et le webmestre dispose dune interface de mise jour qui facilite considrablement son travail. Joomla est incontestablement lun des meilleurs CMS du monde OpenSource, capable dintgrer de nombreux composants complmentaires, dont VirtueMart, le composant permettant de transformer le CMS en vritable boutique en ligne. Bien que non obligatoires, quelques notions, dans le domaine de lcriture de pages HTML, aideront le webmestre dun site Joomla dans ses travaux de mise en page.

42 LE GUIDE COMPLET

Installer Joomla

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

Chapitre 2

Installer Joomla

Dans la premire partie de cet ouvrage, vous allez dcouvrir comment raliser un site vitrine, cest--dire un site de prsentation de contenus, sans fonctionnalits spciques au commerce lectronique. Mais avant cela, il vous faut installer Joomla. Lopration est possible "en local", cest--dire sur votre ordinateur, an de pouvoir effectuer tous les tests de fonctionnement que vous jugerez utiles et aussi, bien entendu, chez un hbergeur, de sorte que le site soit accessible aux internautes.

2.1. La conguration ncessaireQuil soit install en local ou chez un hbergeur, le systme doit disposer, pour fonctionner, de fonctionnalits techniques de base :j j j j

le systme de gestion de contenu Joomla, un ensemble de procdures dveloppes dans le langage PHP ; un serveur web (nous utiliserons ici "Apache", le serveur web le plus rpandu) ; le moteur de langage de programmation de pages web PHP (une version postrieure la version 4.3 est requise) ; la base de donnes MySQL.

Avant deffectuer linstallation de Joomla, vous devez tlcharger le systme.La trilogie Apache/PHP/MySql

Apache est le serveur web le plus employ sur Internet. Il sagit dun logiciel libre pouvant tre mis en uvre sur diffrents systmes dexploitation, tels que Linux ou Windows. PHP est un langage de programmation libre, fonctionnant sur les serveurs web (par le biais dun interprteur PHP). Il permet, lorsquun internaute saisit ladresse dune page portant lextension .php, de gnrer et de retourner une page au format XHTML (format daffichage des pages dans un navigateur Internet tel que Firefox ou Internet Explorer). Cette page, qui navait pas dexistence physique avant la requte de linternaute, peut tre personnalise en fonction de celle-ci, ce que ne permet pas le XHTML traditionnel. MySql est un SGBD (Systme de Gestion de Base de donnes). Cest galement lun des logiciels libres les plus rpandus tant chez les particuliers que les professionnels.

44 LE GUIDE COMPLET

Tlcharger Joomla

Chapitre 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.

Figure 2.1 : Le site www.joomla.fr

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

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

La version 1.0.x

Le 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 pas encore sur la nouvelle version 1.5.x, doivent tre employs.

LE GUIDE COMPLET 45

Chapitre 2

Installer Joomla

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.

Figure 2.3 : Le lien de lancement du tlchargement

La bote de dialogue de tlchargement de chiers apparat.

Figure 2.4 : La bote de tlchargement

46 LE GUIDE COMPLET

Tlcharger Joomla

Chapitre 2

4 Choisissez denregistrer le chier (sous Internet Explorer, cliquez sur le bouton Enregistrer).La bote de dialogue Enregistrer sous apparat.

5 Dans larborescence des dossiers, prsente gauche de la bote de dialogue, placez-vous dans le dossier que vous rservez aux tlchargements puis cliquez sur le bouton Enregistrer.Le tlchargement du chier compress au format zip sopre et dure quelques instants.

Figure 2.5 : Le tlchargement est termin

La compression des chiers au format .zip

Cette extension indique des chiers ayant subi une compression, opration visant rduire la place occupe sur lordinateur. Plusieurs chiers peuvent tre compresss en un seul. Ils doivent tre dcompresss avant usage.

6 Cliquez du bouton droit sur le chier et choisissez Extraire tout, dans le menu contextuel qui apparat.La bote de dialogue Extraire les dossiers compresss apparat.

LE GUIDE COMPLET 47

Chapitre 2

Installer Joomla

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

Figure 2.6 : La bote de dialogue Extraire les dossiers compresss

La bote de dialogue suivante mentionne le temps restant ncessaire au systme pour effectuer la dcompression des chiers qui constituent le systme Joomla. Attendez la n de lopration.

Figure 2.7 : La dcompression des chiers

48 LE GUIDE COMPLET

Tlcharger Joomla

Chapitre 2

la n du traitement, un nouveau dossier est cr. Dans larborescence des chiers, affiche depuis lExplorateur de chiers, il se trouve au mme niveau que celui du chier zipp. Ce nouveau rpertoire renferme les chiers et les dossiers de Joomla non compresss.

Figure 2.8 : Les chiers de Joomla, aprs dcompression du chier

Conservez ces chiers sur votre disque dur ; ils vous seront utiles dans les tapes suivantes.

LE GUIDE COMPLET 49

Chapitre 2

Installer Joomla

2.3. Tlcharger et installer un serveur web localLinstallation de Joomla sur un serveur web local, cest--dire sur votre propre ordinateur, nest pas une tape obligatoire. Vous pouvez choisir de linstaller directement chez un hbergeur. Le site sera alors immdiatement en ligne et donc accessible, pour les internautes. Vous dcouvrirez plus loin dans cette section comment installer Joomla chez un hbergeur. Linstallation en local prsente toutefois des avantages :j j

vous permettre deffectuer toutes les tapes dune premire installation, donc prendre en main le systme ; une fois celui-ci install, pouvoir raliser tous les essais de votre choix, plus rapidement que chez un hbergeur et sans risquer une interruption 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 de recommencer les oprations, chose toujours plus dlicate, plus longue et entachant limage du site, lorsque cette opration est effectue en ligne).

Vous dcouvrirez plus loin comment installer Joomla chez un hbergeur. Pour que Joomla fonctionne localement, vous devez installer un serveur web (il sagira dApache), le moteur de langage PHP ainsi que le systme de gestion de base de donnes MySql. Il existe plusieurs packages de ces trois logiciels. Nous utilisons ici EasyPHP.Apache, PHP et MySql : les packages dinstallation

Bien quil vous soit possible dinstaller ces trois composants individuellement sur votre ordinateur, il est beaucoup plus simple davoir recours un package dinstallation. EasyPHP nest pas le seul package de ce type, tlchargeable librement sur le Web. Citons notamment XAMPP, pour "X Apache MySQL Perl PHP", quil est possible de tlcharger ladresse http://www.apachefriends.org/fr/xampp.html.

1 Tlchargez le chier dinstallation dEasyPHP en vous connectant, depuis votre navigateur Internet, ladresse : http://www.easyphp.org.

50 LE GUIDE COMPLET

Tlcharger et installer un serveur web local

Chapitre 2

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

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

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

Figure 2.10 : Le lien de tlchargement

4 Effectuez le tlchargement du chier dinstallation en cliquant nouveau sur le lien suivant qui vous est propos. Enregistrez le chier dans le dossier de votre choix.LE GUIDE COMPLET 51

Chapitre 2

Installer Joomla

Figure 2.11 : Le tlchargement du chier

5 Lancez lExplorateur de chiers de Windows en cliquant du bouton droit sur Dmarrer puis en choisissant Explorer dans le menu contextuel. Lancez lexcution du chier tlcharg en double-cliquant sur son icne.

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

La bote de dialogue Avertissement de scurit apparat.

Figure 2.13 : La bote de dialogue Avertissement de scurit

52 LE GUIDE COMPLET

Tlcharger et installer un serveur web local

Chapitre 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 en acceptant lexcution du programme.La bote de dialogue Langue de lAssistant dinstallation apparat.

Figure 2.14 : La bote de dialogue Langue de lAssistant dinstallation

8 Choisissez le franais puis cliquez sur le bouton OK de la bote de dialogue.La bote de dialogue Installation EasyPHP apparat.

Figure 2.15 : La bote de dialogue Installation

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

LE GUIDE COMPLET 53

Chapitre 2

Installer Joomla

10 Acceptez les termes du contrat de licence en cliquant sur le bouton doption idoine puis cliquez sur le bouton Suivant de la bote de dialogue. 11 Linstallateur vous informe quEasyPHP est un environnement de travail, et non un environnement de production. Cliquez sur le bouton Suivant de la bote de dialogue. 12 Linstallateur propose de choisir le dossier dinstallation du logiciel. Effectuez cette opration, ou conservez le dossier propos par dfaut, puis cliquez sur le bouton Suivant de la bote de dialogue.Dossier dinstallation

Sous Windows Vista, nous avons constat, dans certaines congurations, des problmes de fonctionnement lorsque EasyPHP est install dans le dossier dinstallation propos par dfaut de Windows (le dossier Programmes). Pour pallier ce problme, nous vous conseillons de crer un dossier diffrent (c:\autresprogrammes, par exemple), que vous rserverez linstallation dEasyPHP.

13 Ltape suivante est celle de la cration des raccourcis de lancement de lapplication. Conservez les paramtres proposs par 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 paramtres dinstallation

54 LE GUIDE COMPLET

Tlcharger et installer un serveur web local

Chapitre 2

Un tmoin davancement indique que linstallation dEasyPHP est en cours dexcution.

Figure 2.17 : Linstallation est en cours

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

Figure 2.18 : La dernire bote de dialogue de lAssistant

LE GUIDE COMPLET 55

Chapitre 2

Installer Joomla

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 les programmes/EasyPHP 3.0/EasyPHP.Le dmarrage du service est symbolis par une petite icne reprsentant la lettre "e" dans la Barre des tches de Windows.

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

des tches

17 An de vrier le bon fonctionnement du service, cliquez du bouton droit sur cette icne et choisissez Administration dans le menu contextuel qui apparat.

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

dEasyPHP

La page dadministration des services dEasyPHP est ouverte dans votre navigateur web.56 LE GUIDE COMPLET

Installer Joomla sur un serveur web local

Chapitre 2

Figure 2.21 : La page dadministration des services dEasyPHP

Votre serveur web local est maintenant oprationnel. Vous pouvez y installer Joomla

2.4. Installer Joomla sur un serveur web localPour utiliser Joomla sur votre ordinateur, vous devez dabord copier les chiers qui composent le CMS sur votre serveur web.

1 Activez lExplorateur de chiers de Windows (en cliquant du bouton droit sur Dmarrer puis en choisissant Explorer) et placez-vous dans le dossier EasyPHP 3.0, rpertoire dinstallation dEasyPHP (le dossier Programmes, si vous avez conserv les paramtres dinstallation par dfaut ou le dossier que vous avez stipul lors de linstallation, si vous avez choisi dutiliser dautres paramtres). Sous ce dossier, slectionnez le dossier www. 2 Copiez-y le dossier Joomla_1.5.10-Stable-Full_Package-French qui a t cr lors de la dcompression du chier compress portant le mme nom (ne copiez pas le dossier compress mais le dossier contenant les chiers qui ont t extraits).Particularit du dossier www

Les sous-dossiers placs dans ce dossier correspondent chacun un site web gr par le serveur Apache, sous EasyPHP.

LE GUIDE COMPLET 57

Chapitre 2

Installer Joomla

3 Cliquez du bouton droit puis choisissez Renommez sur le nom du dossier Joomla_1.5.10-Stable-Full_Package-French, an de lui affecter un nom plus signicatif, site1joomla par exemple (nayez pas recours aux espaces, aux caractres spciaux ou accentus pour crire le nom du dossier).

Figure 2.22 : Le dossier va tre renomm

4 EasyPHP tant dmarr (si tel nest pas le cas, reportez-vous la section qui prcde pour plus dinformations), lancez votre navigateur Internet (Firefox, par exemple), puis saisissez ladresse 127.0.0.1 dans sa Barre dadresse (vous pouvez galement taper localhost, ces deux syntaxes ayant la mme consquence : ouvrir la page daccueil du serveur web install sur votre ordinateur).

Figure 2.23 : La page daccueil de votre serveur web

58 LE GUIDE COMPLET

Installer Joomla sur un serveur web local

Chapitre 2

La page affiche dans le navigateur prsente tous les sites installs sur votre serveur web.

5 Cliquez sur le lien site-1-joomla an de lancer linstallation du systme.Lorsque ladresse dun site Joomla est saisie, le systme teste si linitiation du systme a dj t effectue. Si, comme ici, tel nest pas le cas, le premier cran de linstallateur de Joomla apparat.

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

6 Slectionnez la langue franaise dans la liste Slectionnez la langue puis cliquez sur le lien Suivant, prsent dans la page, pour passer ltape suivante de linstallation.Ltape suivante consiste en une vrication des paramtres du serveur web. La partie suprieure de la page affiche une liste de paramtres devant tous tre ltat Oui, indiquant un paramtrage correct. La partie infrieure de la page, quant elle, indique ltat des paramtres recommands. Pour un fonctionnement optimal et une plus grande scurit, il est prfrable que les paramtres de votre serveur web, indiqus dans la colonne Actuel, correspondent ceux prconiss

LE GUIDE COMPLET 59

Chapitre 2

Installer Joomla

par les concepteurs de Joomla, mentionns dans la colonne Recommand. Si tel nest pas le cas, le systme pourra toutefois tre excut.

Figure 2.25 : La seconde tape de linstallation

7 Cliquez sur le lien Suivant.Dans ltape suivante, vous devez signier votre acceptation de la licence dutilisation de Joomla.

Figure 2.26 : Lacceptation de la licence dutilisation

8 Cliquez sur le lien Suivant.

60 LE GUIDE COMPLET

Installer Joomla sur un serveur web local

Chapitre 2

Ltape qui suit permet de paramtrer la base de donnes utilise par Joomla.

9 Dans la liste de la zone Type de la base de donnes, choisissez mysql. 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 mot de passe aussi simple car vous utilisez le serveur web de votre propre ordinateur, qui nest pas accessible aux autres utilisateurs ; il vous faudra, bien entendu, saisir un mot de passe quand vous publierez votre site chez un hbergeur). Sur certaines implmentations locales de Mysql, ce champ doit tre laiss vide. 13 Dans la zone Nom de la base de donnes, saisissez, par exemple, joomla1.

Figure 2.27 : Ltape de paramtrage de la base de donnes

14 Cliquez sur le lien Suivant.Ltape suivante vous permet de paramtrer un accs FTP, utile pour grer des problmes de publication pouvant apparatre chez certains hbergeurs, dans des conditions spciques. Cette fonctionnalit ne vous sera pas utile dans le cas prsent.

Figure 2.28 : Ltape de la conguration optionnelle de laccs FTP

LE GUIDE COMPLET 61

Chapitre 2

Installer Joomla

15 Cliquez sur le lien Suivant. ltape qui saffiche, vous pouvez dnir les paramtres de conguration initiaux du site. Ces valeurs pourront tre changes ultrieurement.

16 Dans la zone Nom du site, saisissez, par exemple, Site Joomla local.Cette information sera visible dans la Barre de titre du navigateur Internet 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 identier lors de vos accs linterface dadministration. 19 Dans la zone Confirmer le mot de passe admin, saisissez nouveau le mot de passe. 20 Cliquez sur le bouton Installer les donnes dexemple (an dinsrer dans la base de donnes quelques articles ctifs et de copier dans le site les images utilises par ces exemples). 21 Cliquez sur le lien Suivant.

Figure 2.29 : Ltape dinstallation des donnes dexemple

la dernire tape, il vous est indiqu que linstallation sest droule normalement. Vous tes inform que vous devez dtruire le dossier62 LE GUIDE COMPLET

Installer Joomla sur un serveur web local

Chapitre 2

installation, dans larborescence de rpertoires du systme Joomla que

vous venez de mettre en place sur votre serveur web local. Cette opration a pour but de vous protger contre une tentative ventuelle de piratage, pendant laquelle un pirate informatique pourrait excuter une nouvelle fois la procdure dinstallation an de sapproprier le site.

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

rpertoire

22 Ne fermez pas votre navigateur Internet et lancez lExplorateur de chiers de Windows (en cliquant du bouton droit sur le bouton Dmarrer, dans la Barre des tches, puis en choisissant Explorer dans le menu contextuel qui apparat). Positionnez-vous dans le rpertoire dinstallation dEasyPHP (le dossier Programmes, si vous avez conserv les paramtres proposs linstallation). Recherchez le dossier www puis, sous ce dernier, le dossier renfermant les chiers de Joomla (site-1-joomla, dans notre exemple). Sous ce rpertoire, supprimez le dossier installation en le slectionnant puis en appuyant sur la touche [Suppr] (voir Figure 2.31). 23 Retournez sous le navigateur Internet et cliquez sur le bouton Site, an daccder la partie publique du site.Vous visualisez la partie publique de votre site, cest--dire celle qui sera accessible aux internautes. Cette premire maquette utilise les donnes dexemples implmentes lors de linstallation, ainsi quune mise en forme par dfaut, modiable ultrieurement (voir Figure 2.32).

LE GUIDE COMPLET 63

Chapitre 2

Installer Joomla

Figure 2.31 : La suppression du dossier peut galement tre effectue via le menu contextuel

Figure 2.32 : La partie publique du site

64 LE GUIDE COMPLET

Installer Joomla sur un serveur web local

Chapitre 2

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

24 Ouvrez un nouvel onglet dans votre navigateur Internet (par la commande Fichier/Nouvel onglet) et saisissez ladresse de ce dernier, en ajoutant celle-ci la chane de caractres /administrator. Dans cet exemple, le chemin daccs est http://localhost/site1joomla/administrator.La page de connexion linterface dadministration de Joomla apparat.

Figure 2.33 : La connexion linterface dadministration de Joomla

25 Dans la zone Identifiant, saisissez admin.Cet identiant est le nom dutilisateur cr par dfaut linstallation de Joomla. Il vous sera possible de le modier ultrieurement depuis linterface dadministration du systme, an daccrotre la scurit. Cette opration nest pas utile dans le cas prsent, car vous travaillez sur un serveur web local. Lorsque le site sera publi chez un hbergeur, il sera, en revanche, conseill de changer cet identiant.

26 Dans la zone Mot de passe, saisissez le mot de passe que vous avez dni lors de linstallation. 27 Cliquez sur le bouton Connexion.La page daccueil de linterface dadministration de Joomla est affiche.

LE GUIDE COMPLET 65

Chapitre 2

Installer Joomla

Figure 2.34 : Linterface dadministration de Joomla

2.5. Installer Joomla chez un hbergeurLes 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 sont ainsi accessibles depuis Internet, 24 heures sur 24. En matire dhbergement, plusieurs solutions sont proposes.

Les hbergements mutualissDans ce type dhbergement, le plus rpandu (et le moins coteux), un mme serveur est partag an dassurer lhbergement dun grand nombre de sites. Cet hbergement est adapt dans la majorit des cas car lespace de stockage des pages du site est largement suffisant (plusieurs gigaoctets, gnralement).

66 LE GUIDE COMPLET

Installer Joomla chez un hbergeur

Chapitre 2

Gigaoctet

Un 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. Un gigaoctet (Go) correspond 1 000 Mo environ soit un milliard de caractres.

Si le nombre dinternautes connects simultanment augmente de manire consquente (plus de 50 visiteurs), les dlais de chargement des pages deviendront plus levs et il conviendra denvisager un type dhbergement plus important.

Les hbergements sur des serveurs virtuelsDans ce cas, le webmestre gre son propre serveur, dit "virtuel", cest--dire mul sur un ordinateur sur lequel plusieurs serveurs du mme type sont implments. La puissance offerte par le systme est suprieure celle dun hbergement mutualis mais moindre que celle dun serveur "ddi".

Les hbergements sur des serveurs ddisIci, le webmestre administre intgralement le serveur web, ce qui demande plus de connaissances techniques de sa part. Cette solution permet la connexion simultane dun grand nombre dinternautes au site web. Le cot de ce type dhbergement est, bien entendu, plus lev. De nombreux hbergeurs proposent des systmes de ce type "cls en mains", prinstalls et faciles administrer. Les hbergements sont proposs sur systmes dexpl