-
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