Guide Complet Joomla - (WWW - Worldmediafiles.com)

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-0289
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
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-propos
Destine 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 fin 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 typographiques
Afin de faciliter la comprhension des techniques dcrites, nous avons
adopt 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 quil

ne faut ngliger aucun prix.
Propose conseils et trucs pratiques.
Donne en quelques lignes la dfinition dun terme technique ou dune

abrviation.
Sommaire
Chapitre 1
1.1.
1.2.
1.3.
1.4.
Chapitre 2
2.1.
2.2.
2.3.
2.4.
2.5.
2.6.
Chapitre 3
3.1.
3.2.
3.3.
4 LE GUIDE COMPLET
Le concept du CMS
11
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
Installer Joomla
43
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
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
Se familiariser avec Joomla
85
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
Sommaire
3.4.
Chapitre 4
4.1.
4.2.
Le 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
Crer des articles
115
Utiliser les commandes de linterface dadministration ... 116

Dfinir 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
Sommaire
4.3.
4.4.
4.5.
4.6.
4.7.
Chapitre 5
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
5.7.
Chapitre 6
6.1.
6.2.
6 LE GUIDE COMPLET
Paramtrer le fuseau horaire ..................................... 120

Changer le login et le mot de passe administrateur ....... 121
Crer des sections ............................................... 122
Crer des catgories ............................................. 125
Crer et modifier 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
Administrer les menus
159
Dsactiver les menus inutiles .................................. 160

Modifier 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
Modifier 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
Utiliser les fonctionnalits natives de Joomla 189

Grer 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
Sommaire
6.3.
6.4.
6.5.
6.6.
Chapitre 7
Grer 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
Adapter le site avec des composants
217
7.1.
7.2.
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 8
8.1.
8.2.
Ajouter une boutique en ligne
255
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
Sommaire
Premire 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 configuration gnrale ...... 278
8.5. Configurer 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
9.1.
9.2.
9.3.
9.4.
9.5.
9.6.
9.7.
Amliorer lindexation dans les moteurs

de recherche
331
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 ............................................................... 378
LE GUIDE COMPLET 9
Sommaire
9.8.
9.9.
Chapitre 10
site ................................................................... 379

define ................................................................ 380
Anticiper les futures techniques de rfrencement ........ 380
Check-list .......................................................... 381
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
10 LE GUIDE COMPLET
Index
409
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, scientifiques, 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 fin du rseau.
Plus question, en effet, de se limiter la consultation passive de sites
construits uniquement avec des textes et des images. Musiques, films,
forums, chats, messageries 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
financires 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 Internet
Pour 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 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 forme
de documents, employ afin 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 afin 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 fichiers 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 simplifi
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 simplifi, 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 prdfinis 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 finalit 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 fichier
Lextension dun fichier est le terme indiquant une courte chane de

caractres ajouts aprs le nom du fichier et qui indique son
appartenance une famille. Ainsi, les fichiers portant lextension .htm ou
.html font partie de la famille des pages web statiques. Nom de fichier 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

dynamiques
Deuxime 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 configuration 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 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 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 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 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 modification effectue (mise jour dun catalogue, date
dvnement, modification de tarif, ) sera visible instantanment pour
tout visiteur du site.
Enfin, et cela nest pas le moindre avantage, le webmestre, par simple
mise jour de son systme de gestion de contenu, bnficiera 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
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 fichiers 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 modifier lapparence radicalement (il suffit de modifier la
ou les feuilles de style qui leur sont appliques).
Figure 1.3 : Sur Joomla, la modification 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 afin de
changer laspect de votre site, sans modifier les textes et les images quil
renferme.
La mise jour immdiate du site

Lun des principaux avantages du CMS est la mise en ligne immdiate
de toute modification 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.
Page 1
Page 2
Page etc.
Publication
Version locale
du site
Ordinateur
du webmestre
Version en ligne
du site
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 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 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
Chapitre 1
voient, comme les internautes, les modifications 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 simplifie
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
dhbergement
Figure 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 spcificits
Mme 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 spcificits.
Dotclear
Dotclear 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

finalit 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
Chapitre 1
Figure 1.6 :
Le site de
tlchargement de
Dotclear
Drupal
Drupal 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
Joomla
Joomla 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.).
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.
Figure 1.8 : Le site de tlchargement de Joomla
Spip
Cet excellent CMS est conu comme un vritable outil de gestion dun
journal dinformation en ligne. Il offre nombre de fonctions spcifiques
au monde de la presse.
24 LE GUIDE COMPLET
Chapitre 1
Spip est tlchargeable ladresse http://www.spip.net.
Figure 1.9 :
Le site de
tlchargement de
Spip
WordPress
WordPress 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 Joomla

Un 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 spcifique). 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
modifie en quelques clics par application de "templates" (modles de
mise en forme utilisant les feuilles de style, fichiers stockant les
paramtres de mise en forme).
26 LE GUIDE COMPLET
Comprendre le langage XHTML
Chapitre 1
1.3. Comprendre le langage XHTML

Joomla 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
fichier 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 XHTML

La structure de base du code XHTML dune page est la suivante :
<html>
<head>
</head>
<body>
</body>
</html>
Quelques explications simposent.
Utiliser les balises, bases de la page XHTML

Les balises (ou "tags") sont les lments syntaxiques de base des pages
XHTML. Elles dfinissent 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 "<" et ">" (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 fin 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 fin").
28 LE GUIDE COMPLET
Chapitre 1
Un nombre limit de balises droge toutefois cette rgle et ne ncessite

pas de balises de fin. 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 :
<balise />
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 fin 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 <h1> et ,
permettant respectivement de dfinir des titres de premier niveau et des
paragraphes dans une page web :
<h1>texte</h1>
texte
Utiliser les attributs

De 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
"<" et ">". Un espace sert de sparateur entre le nom de la balise et
lattribut.
La syntaxe gnrale des attributs est la suivante :
<balise attribut 1= "valeur 1" attribut 2 = "valeur 2">
Voici quelques exemples concrets dutilisation des attributs :

<img src="voiture.jpg" width="400" height="200" />
(la balise <img /> 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 commentaires

Dans 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, afin 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 <! et
suivis de >.
Voici un exemple de la forme que peut prendre un commentaire dans
une page :
<!Cette partie a t mise jour le 01/07/09 -->
Comprendre le HTML par lexemple

Observez la structure de base dune page XHTML :
<html>
<head>
<title>Le titre de la page qui sera affich dans la
Barre de titre du navigateur Internet</title>
</head>
<body>
Le corps de la page, cest--dire le contenu (textes,
images et objets) qui sera affich dans la fentre du
30 LE GUIDE COMPLET
Chapitre 1
navigateur Internet
</body>
</html>
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 <html> indique le dbut de la page alors que la balise

fermante </html> indique la fin. Ce sont donc ces deux balises qui
encapsulent tout le code de la page.
La balise ouvrante <head> et la balise fermante </head> 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 <title> et
</title>). On place galement dans la zone den-tte des balises
utilises par les moteurs de recherche, telles que la balise <meta
name="description">, dont le rle est de transmettre aux moteurs de
recherche une description du contenu de la page.
La paire de balises <body> et </body> 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 :

<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
Figure 1.12 :
Le code de la structure de
base dune page XHTML,
saisi dans le Bloc-notes de
Windows
3 Enregistrez le fichier, 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
Chapitre 1
Extension des fichiers HTML
Le Bloc-notes tant un diteur de texte, il affectera par dfaut

lextension .txt votre fichier 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 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 dialogue
Ouvrir qui apparat, cliquez sur le bouton Parcourir et recherchez
le fichier page1.html prcdemment enregistr. Slectionnez ce
fichier, 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 vrifier 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. Modifiez

le code de la page en y ajoutant un contenu textuel entre les
balises <body> et </body>, comme dans le code qui suit :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
LE GUIDE COMPLET 33
Chapitre 1
Le concept du CMS
Figure 1.14 : Le code est modifi dans le Bloc-notes
6 Depuis le Bloc-notes, enregistrez nouveau le fichier, 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 modification 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 modifie, afin 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
Chapitre 1
Figure 1.16 :
La page a t modifie
Vous allez ajouter quelques balises dans le code de la page, afin de bien
assimiler les bases de limbrication des tags.

le code de la page en y ajoutant les balises et , afin
quelles encadrent une zone quelconque de texte, comme dans le
code qui suit (cette balise permet de mettre le texte concern en
gras) :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
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 fichier, via le menu

Fichier/Enregistrer.
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 .

le code de la page en y ajoutant les balises et , afin
quelles encadrent une zone quelconque de texte, comme dans le
code qui suit :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
13 Depuis le Bloc-notes, enregistrez nouveau le fichier, par le menu

ouverte, par la Barre des tches de Windows. Actualisez la page
affiche dans le navigateur.
36 LE GUIDE COMPLET
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.

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 :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
Ceci est une nouvelle ligne de texte.
</body>
</html>
Figure 1.20 : Un retour la ligne est cr dans le Bloc-notes
LE GUIDE COMPLET 37
Chapitre 1
Le concept du CMS

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 finalit
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. Modifiez 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 :
<html>
<head>
38 LE GUIDE COMPLET
Chapitre 1
</head>
<body>
Voici une phrase afficher.Ceci est
une nouvelle ligne de texte.
</body>
</html>

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
<a> (anchor), qui permet de raliser des liens hypertextes, liant ainsi les
pages les unes aux autres.
21 Dans la fentre du Bloc-notes, modifiez le code de la page comme

dans le code qui suit :
Figure 1.22 : Le retour la ligne apparat dsormais dans le navigateur
<html>
<head>
</head>
<body>
Voici une phrase afficher.Ceci est
une nouvelle ligne de texte.
Cliquez <a href="page2.html">ici</a> pour afficher
la deuxime page.
</body>
</html>
LE GUIDE COMPLET 39
Chapitre 1
Le concept du CMS

23 Toujours depuis le Bloc-notes, modifiez le code de la page comme
suit :
<html>
<head>
</head>
<body>
Ceci est la seconde page.
</body>
</html>
24 Enregistrez le fichier avec le nom page2.html, par le menu

Fichier/Enregistrer sous.
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
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 <title>, 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 modifier
cet affichage.
28 Depuis le Bloc-notes, modifiez le code de la seconde page comme
suit :
<html>
<head>
<title>
Ceci est le titre de la deuxime page
</title>
</head>
<body>
Ceci est la seconde page.
</body>
</html>
LE GUIDE COMPLET 41
Chapitre 1
Le concept du CMS
Figure 1.25 :
Lajout de la balise
<title> au code
HTML
29 Enregistrez nouveau le fichier, par le menu Fichier/Enregistrer.

Figure 1.26 :
Le titre de la page
est visible dans la
Barre de titre du
navigateur
1.4. Check-list
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 spcifiques au commerce lectronique. Mais avant
cela, il vous faut installer Joomla.
Lopration est possible "en local", cest--dire sur votre ordinateur, afin
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 configuration ncessaire

Quil 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 Joomla

1 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 fichiers apparat.
Figure 2.4 : La bote de tlchargement
46 LE GUIDE COMPLET
Tlcharger Joomla
Chapitre 2
4 Choisissez denregistrer le fichier (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 fichier compress au format zip sopre et dure
quelques instants.
Figure 2.5 : Le tlchargement est termin
La compression des fichiers au format .zip
Cette extension indique des fichiers ayant subi une compression,

opration visant rduire la place occupe sur lordinateur. Plusieurs
fichiers peuvent tre compresss en un seul. Ils doivent tre
dcompresss 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.
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 fichiers qui constituent le
systme Joomla. Attendez la fin de lopration.
Figure 2.7 : La dcompression des fichiers
48 LE GUIDE COMPLET
Tlcharger Joomla
Chapitre 2
la fin du traitement, un nouveau dossier est cr. Dans larborescence

des fichiers, affiche depuis lExplorateur de fichiers, il se trouve au
mme niveau que celui du fichier zipp. Ce nouveau rpertoire renferme
les fichiers et les dossiers de Joomla non compresss.
Figure 2.8 : Les fichiers de Joomla, aprs dcompression du fichier
Conservez ces fichiers 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 local
Linstallation 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 fichier 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 fichier dinstallation en cliquant

nouveau sur le lien suivant qui vous est propos. Enregistrez le
fichier dans le dossier de votre choix.
LE GUIDE COMPLET 51
Chapitre 2
Installer Joomla
Figure 2.11 : Le tlchargement du fichier
5 Lancez lExplorateur de fichiers de Windows en cliquant du

bouton droit sur Dmarrer puis en choisissant Explorer dans le
menu contextuel. Lancez lexcution du fichier 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
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

configurations, 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
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 Afin de vrifier 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 local
Pour utiliser Joomla sur votre ordinateur, vous devez dabord copier les
fichiers qui composent le CMS sur votre serveur web.
1 Activez lExplorateur de fichiers 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 fichier compress portant le
mme nom (ne copiez pas le dossier compress mais le dossier
contenant les fichiers 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, afin de lui
affecter un nom plus significatif, 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
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 afin 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 vrification 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 signifier votre acceptation de la
licence dutilisation de Joomla.
Figure 2.26 : Lacceptation de la licence dutilisation
60 LE GUIDE COMPLET
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

Ltape suivante vous permet de paramtrer un accs FTP, utile pour
grer des problmes de publication pouvant apparatre chez certains
hbergeurs, dans des conditions spcifiques. Cette fonctionnalit ne vous
sera pas utile dans le cas prsent.
Figure 2.28 :
Ltape de la
configuration
optionnelle de laccs
FTP
LE GUIDE COMPLET 61
Chapitre 2
Installer Joomla

ltape qui saffiche, vous pouvez dfinir les paramtres de
configuration 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 identifier 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 (afin
dinsrer dans la base de donnes quelques articles fictifs et de
copier dans le site les images utilises par ces exemples).
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 dossier
62 LE GUIDE COMPLET
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 afin 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

fichiers 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 fichiers 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, afin 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, modifiable 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
Chapitre 2
Vous allez maintenant accder linterface dadministration du site,

cest--dire lespace qui vous est rserv et depuis lequel vous pourrez
modifier 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 identifiant est le nom dutilisateur cr par dfaut linstallation de
Joomla. Il vous sera possible de le modifier ultrieurement depuis
linterface dadministration du systme, afin 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 identifiant.
26 Dans la zone Mot de passe, saisissez le mot de passe que vous

avez dfini 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 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 sont
ainsi 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), un
mme serveur est partag afin 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 virtuels

Dans 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 ddis

Ici, 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 dexploitation Linux ou
Windows. La premire catgorie est la plus adapte une installation de
Joomla.
LE GUIDE COMPLET 67
Chapitre 2
Installer Joomla
tude de cas : Installation type chez

un hbergeur
Ouvrir un compte chez un hbergeur
La quasi-totalit des hbergeurs actuels implmentent systmatiquement
les technologies Apache, Php et MySql sur leurs machines.
Linstallation de Joomla est donc facilement ralisable dans la majorit
des cas, chez la plupart des hbergeurs.
titre dexemple, voici dcrite linstallation dun systme Joomla chez
lhbergeur 1and1. Vous pouvez bien entendu effectuer une procdure
similaire chez dautres hbergeurs.
1 Connectez-vous ladresse http://.1and1.fr.
Figure 2.35 : La page daccueil de lhbergeur 1and1
2 Cliquez sur le lien Hbergements Linux.
68 LE GUIDE COMPLET
Chapitre 2
La page Hbergement mutualis Hbergement Linux apparat. Plusieurs

solutions dhbergements mutualiss vous sont proposes.
3 Cliquez sur lhbergement de votre choix et suivez la procdure

dinscription afin de contracter un abonnement (choisissez le
mieux adapt la taille et au taux de frquentation prvisionnels
de votre site).
Figure 2.36 : Le choix dun type dhbergement
Hbergement gratuit ou payant
Le cot de lhbergement est aujourdhui assez faible (quelques euros

par mois). Vous pouvez galement opter pour une solution entirement
gratuite, si vous utilisez lespace offert par votre fournisseur daccs
Internet (Free, par exemple). Toutefois, les plateformes dhbergement
payantes mettent votre disposition des fonctionnalits dadministration
plus volues et disposent de caractristiques techniques plus
importantes (possibilit de dposer plusieurs noms de domaines, bande
LE GUIDE COMPLET 69
Chapitre 2
Installer Joomla
passante et espaces de stockage levs, trafic, cration de comptes

emails rattachs aux noms de domaines, etc.).
Importance de la bande passante et du trafic
La bande passante correspond au dbit de donnes ; cest--dire la

quantit de donnes pouvant circuler sur le systme en un temps donn.
Elle est quantifie en bits par seconde. Une bande passante leve
permet de diminuer le temps daffichage des pages du site.
Le terme trafic mensuel indique, quant lui, la quantit de donnes
changes en un mois. Il dpend du nombre de pages visites mais aussi
du poids des objets, images notamment, quelles renferment. Ainsi est-il
conseill de toujours rduire la taille des fichiers images affichs dans les
pages, en conservant le meilleur compromis qualit/poids.
Une fois le service ouvert, vous disposez dune interface

dadministration vous permettant de grer votre espace chez lhbergeur.
Vous allez vrifier quil vous est dsormais possible daccder cette
interface.
4 Cliquez sur le lien Accs client.
Figure 2.37 : Le lien permettant laccs votre espace

dhbergement
La page Espace client apparat.
5 Saisissez le code client et le mot de passe rattach, qui vous ont

t communiqus par votre hbergeur afin de vous permettre de
vous authentifier. Cliquez sur le bouton Connexion.
70 LE GUIDE COMPLET
Chapitre 2
Figure 2.38 : La saisie du code client et du mot de passe
Linterface dadministration est affiche dans votre navigateur.
Figure 2.39 : Linterface dadministration
Publier les fichiers de Joomla chez

lhbergeur
La mise en place de Joomla chez un hbergeur est identique celle que
vous avez prcdemment ralise sur votre serveur local. Vous devez
toutefois disposer dun logiciel de transfert FTP afin de transfrer les
fichiers qui constituent le CMS sur votre espace dhbergement.
LE GUIDE COMPLET 71
Chapitre 2
Installer Joomla
Le protocole FTP
Ce terme, acronyme de File Transfer Protocole, dsigne lun des

protocoles de communication les plus rpandus, permettant ladressage
de fichiers sur les rseaux TCP/IP. Il est employ dans de trs
nombreuses circonstances, pour lchange et ladministration des fichiers
dordinateur ordinateur.
1 Tlchargez puis installez sur votre ordinateur un logiciel de

transfert FTP. Lun des plus utiliss de ces programmes est
Filezilla. Vous pouvez tlcharger ce logiciel open source
ladresse http://www.filezilla.fr ou utiliser le logiciel de transfert FTP
de votre choix.
Figure 2.40 : Le site de tlchargement de Filezilla
2 Depuis linterface dadministration de votre espace

dhbergement, affiche prcdemment dans la fentre de votre
navigateur Internet, cliquez sur le lien Accs FTP, afin daccder
72 LE GUIDE COMPLET
Chapitre 2
votre identifiant FTP et son mot de passe associ (ces

paramtres sont requis pour effectuer la connexion en FTP depuis
le logiciel Filezilla).
Figure 2.41 :
Le lien permettant
daccder vos
paramtres FTP
3 Lancez Filezilla afin de vous connecter votre espace

dhbergement. Dans le logiciel, saisissez ladresse de lespace
dhbergement, le nom dutilisateur et son mot de passe rattach.
Ces paramtres vous ont t fournis ltape 2. Cliquez sur le
bouton Connexion rapide.
Figure 2.42 : Adresse de lordinateur hte, nom dutilisateur et mot

de passe sont des paramtres qui vous sont fournis par votre
hbergeur et que vous devez entrer dans le logiciel de transfert FTP
4 Dans votre espace dhbergement, figurant dans la partie droite du

logiciel nomme Site distant, cliquez du bouton droit sur licne
reprsentant la racine de larborescence de fichiers et choisissez
Nouveau dossier dans le menu contextuel qui apparat.
Figure 2.43 :
La cration du nouveau dossier sur
le site distant
5 Affectez un nom significatif ce dossier (pour viter dventuels

problmes, utilisez uniquement des caractres minuscules, sans
espaces et sans accents ni caractres spciaux pour nommer le
dossier).
LE GUIDE COMPLET 73
Chapitre 2
Installer Joomla
Figure 2.44 :
Un nom significatif est affect au
dossier
6 Dans la partie gauche du logiciel, slectionnez le contenu du

dossier Joomla_1.5.10-Stable-Full_Package-French, prcdemment
cr lors de la dcompression du fichier zipp du mme nom.
Pour ce faire, cliquez sur le nom du dossier dans la partie
suprieure gauche de la fentre de Filezilla, nomme Site local.
Cliquez sur un nom de dossier ou de fichier, dans la partie
infrieure droite de la fentre, nomme, Nom. Utilisez la
combinaison de touches [Ctrl]+[A] pour slectionner tous les
fichiers et tous les dossiers du dossier Joomla_1.5.10-StableFull_Package-French.
Figure 2.45 : Tous les fichiers et tous les dossiers du dossier

Joomla_1.5.10-Stable-Full_Package-French sont slectionns
7 Collez ces fichiers dans le dossier cr chez lhbergeur

ltape 5 (sur Filezilla, ce copier/coller seffectue en glissant les
fichiers slectionns de la partie gauche vers la partie droite de la
fentre). Assurez-vous que le dossier cible est slectionn afin
dviter une ventuelle erreur de destination lors de la copie des
fichiers et des dossiers.
74 LE GUIDE COMPLET
Chapitre 2
Figure 2.46 :
Les fichiers et dossiers
sont colls par un
glisser dans la partie
droite de la fentre
Pendant lopration de copie, qui prend quelques minutes (ou plus), les
fichiers copis sont affichs dans la partie infrieure de la fentre de
Filezilla.
Figure 2.47 :
Les fichiers en cours
de copie sont affichs
dans la partie
infrieure de la
fentre
lissue de la copie, les fichiers et les dossiers publis chez lhbergeur

sont visibles dans les zones Site distant et Nom, dans la partie droite de la
fentre de Filezilla.
Figure 2.48 :
Les fichiers
constituant le
systme Joomla,
aprs leur publication
chez lhbergeur
La mise en place du CMS est presque termine. Il vous reste oprer

linitialisation du systme, qui seffectue de manire analogue celle
que vous avez dj ralise sur votre serveur web local, quelques
nuances prs.
LE GUIDE COMPLET 75
Chapitre 2
Installer Joomla
Pour accder au site, il vous faut crer un nom de sous-domaine pointant

vers le dossier dans lequel vous avez dpos les fichiers de Joomla, chez
votre hbergeur. Pour les besoins de cet exemple, nous utilisons un
sous-domaine dans ce qui suit. Vous pouvez galement employer lun de
vos noms de domaines crs louverture de lhbergement pour
raliser ce pointage.
Domaine et sous-domaine
Un domaine est un ensemble de pages web, dsign par un identifiant

unique, saisi dans la Barre dadresse du navigateur Internet (du type
http://www.mosaiqueinformatique.fr).
Un sous-domaine est une subdivision de lespace que reprsente le
domaine principal, portant elle aussi une adresse unique (du type http://www
.formations-informatiques-nancy.mosaiqueinformatique.fr).
8 Depuis votre navigateur Internet, accdez nouveau linterface

dadministration de votre espace dhbergement, comme vu
prcdemment. Aprs vous tre authentifi, cliquez sur le lien
Configuration des domaines.
Figure 2.49 : Le lien Configuration des domaines, affich dans

linterface dadministration de lhbergeur
La page Aperu des domaines est affiche.
9 Cliquez sur le lien Nouveau.
Figure 2.50 : Le lien permettant de crer un nouveau domaine ou un

nouveau sous-domaine
76 LE GUIDE COMPLET
Chapitre 2
La page Ajouter un domaine est affiche.
Figure 2.51 : La page Ajouter un domaine
La page Nouveau sous-domaine est affiche.
10 Dans la zone Sous-domaine.Nom du domaine, saisissez le prfixe

du sous-domaine(nous utilisons "formations-informatiquesnancy", pour cet exemple). Choisissez le nom de domaine auquel
est rattach le sous-domaine au moyen de la liste droulante
prsente droite de la zone (en fonction du type dhbergement
choisi, vous pouvez en effet disposer de plusieurs noms de
domaines). Cliquez sur le bouton Crer.
Figure 2.52 : La cration du sous-domaine
Le nom de sous-domaine tant dsormais cr, il faut le diriger vers le

dossier dans lequel vous avez dpos les fichiers de Joomla.
LE GUIDE COMPLET 77
Chapitre 2
Installer Joomla
11 Depuis la page daccueil du site de lhbergeur, cliquez sur le lien

Configuration des domaines.
La page Aperu des domaines est affiche.
12 Dans la liste des noms de domaine et de sous-domaine, affiche

sur cette page, cliquez sur le lien constitu du nom de sousdomaine qui vient dtre cr.
La page Paramtres pour la destination du domaine est affiche.
13 la rubrique Destination, cliquez sur le bouton Modifier.
Figure 2.53 :
La page
Paramtres pour la
destination du
domaine
14 la rubrique Rpertoire racine, choisissez, dans la liste droulante

de la zone Rpertoire existant, le nom du dossier cr
prcdemment au moyen du logiciel de transfert FTP, et dans
lequel vous avez dpos les fichiers et dossiers dinstallation de
Joomla. Cliquez sur le bouton Enregistrer.
Figure 2.54 :
Le choix du dossier
de destination
78 LE GUIDE COMPLET
Chapitre 2
La page alors affiche indique que lopration sest effectue

correctement et que les modifications effectues seront effectives dans
30 minutes environ.
Il vous reste effectuer le paramtrage du systme.
15 Dans la barre dadresse de votre navigateur Internet, saisissez

ladresse du sous-domaine que vous avez prcdemment cr
(http://www.formations-informatiques-nancy.mosaiqueinformatique.fr,
dans notre exemple).
Comme cela fut le cas lors de linstallation sur votre serveur web local,
ladresse dun site Joomla tant saisie, le systme teste si linitialisation
a dj t effectue. Puisque ce nest pas le cas, le premier cran de
linstallateur de Joomla apparat.
16 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 est celle de la vrification 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 alors que
la partie infrieure de la page indique ltat des paramtres
recommands.

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

Ltape qui suit est celle qui vous permet de paramtrer la base de
donnes utilise par Joomla. Quelques paramtres vont diffrer de ceux
utiliss sur votre serveur web local.
19 Dans la liste de la zone Type de la base de donnes, choisissez

mysql (voir Figure 2.55).
Dans la zone suivante, il vous faut saisir le nom du serveur de votre base
de donnes. Ce paramtre vous sera fourni par votre hbergeur.
LE GUIDE COMPLET 79
Chapitre 2
Installer Joomla
Figure 2.55 : Le paramtrage de la base de donnes emploie ici des

informations spcifiques votre hbergement
20 Depuis votre navigateur Internet, accdez nouveau linterface

dadministration de votre espace dhbergement, comme vu
prcdemment. Aprs vous tre authentifi, cliquez sur le lien
Administration de MySQL la rubrique Applications Web.
Figure 2.56 : Le lien permettant laccs aux paramtres de la base
de donnes
La page Crer et configurer une base de donnes MySQL est affiche. Les
noms de vos bases de donnes, ainsi que les noms dutilisateurs et mots
de passe rattachs vous y sont fournis.
Copier/coller des paramtres
Vous pouvez gagner un temps apprciable, et viter des erreurs de

saisie, en oprant des copier/coller de ces paramtres, lorsquils sont
requis pendant linstallation de Joomla, plutt que de les ressaisir.
21 Effectuez un copier du nom du serveur de votre base de donnes

puis retournez ltape 4 de linstallation de Joomla. Collez cette
donne dans la zone Nom du serveur.
80 LE GUIDE COMPLET
Chapitre 2
22 Copiez de mme le nom dutilisateur de la base de donnes et

collez-le dans la zone Nom dutilisateur.
23 Copiez de mme le mot de passe permettant laccs la base de
donnes et collez-le dans la zone Mot de passe.
24 Copiez le nom de la base de donnes et collez-le dans la zone
Nom de la base de donnes.
Cration de la base de donnes
En fonction des spcificits des services dhbergements de sites

proposes par les hbergeurs, il se peut que votre base de donnes ne
soit pas initialise louverture du service. Vous devrez donc la crer,
depuis linterface dadministration mise votre disposition par
lhbergeur, avant lexcution de cette tape dinstallation de Joomla.
Utilisation dun prfixe de tables
Si vous disposez uniquement dune base de donnes MySql sur votre

espace dhbergement, vous pouvez toutefois procder plusieurs
installations distinctes de Joomla en prfixant les tables. Cliquez alors
sur le bouton Paramtres avancs. Dans la zone Prfixe des tables,
indiquez une courte chane de caractres (du type "abc_"). Ce prfixe
sera ajout au dbut des noms de vos tables (les tables sont des
regroupements dinformations, dans une base de donnes) et vous
pourrez ainsi installer plusieurs fois le CMS, avec des noms de domaines
ou de sous-domaines diffrents (pointant vers des dossiers distincts),
chaque systme utilisant des tables prfixe unique.
Figure 2.57 : La dfinition dun prfixe de tables

Ltape suivante vous permet de paramtrer un accs FTP, utile pour
grer des problmes de publication pouvant apparatre chez certains
hbergeurs. Vous nutiliserez pas cette fonctionnalit dans le cas prsent.
LE GUIDE COMPLET 81
Chapitre 2
Installer Joomla

cette tape, dfinissez les paramtres de configuration initiaux de
votre site Joomla. Ces valeurs pourront tre changes ultrieurement.
27 Dans la zone Nom du site, saisissez le nom que vous dsirez

affecter votre site.
Cette information sera visible dans la Barre de titre du navigateur
Internet depuis lequel est affich le site.
28 Dans la zone Votre email, saisissez votre adresse email.

29 Dans la zone Mot de passe de ladmin, saisissez le mot de passe qui
vous permettra de vous identifier lors de vos accs linterface
dadministration.
30 Dans la zone Confirmer le mot de passe admin, saisissez nouveau
le mot de passe.
31 Cliquez sur le bouton Installer les donnes dexemple (afin
dinsrer dans la base de donnes quelques articles fictifs et de
copier dans le site les images utilises par ces exemples).
Vous connaissez dj la particularit de cette dernire tape, pour lavoir
observe lors de linstallation de Joomla sur votre serveur local. Il vous
est indiqu que linstallation sest droule normalement et que vous
devez dtruire le dossier installation, dans larborescence de rpertoires
du systme mis en place sur le serveur web, afin de vous protger dun
piratage, dans lequel la procdure dinstallation serait excute une
nouvelle fois.
33 Ne fermez pas votre navigateur Internet et lancez Filezilla (ou

votre logiciel de transfert FTP). Connectez-vous votre espace
dhbergement par le protocole FTP. En cliquant du bouton droit
sur le dossier installation puis en choisissant Effacer dans le menu
contextuel qui apparat, supprimez le rpertoire installation (voir
Figure 2.58).
34 Retournez sous le navigateur Internet et cliquez sur le bouton
Site, afin daccder la partie publique du site.
Comme lors de linstallation du systme sur votre serveur local, la partie
publique de votre site est affiche. Votre site web est dsormais
accessible aux internautes, par simple saisie de leur part de lURL du
site.
82 LE GUIDE COMPLET
Check-list
Chapitre 2
Figure 2.58 : La suppression du dossier dinstallation
35 Pour accder linterface dadministration de votre site Joomla,

cest--dire lespace qui vous est rserv et depuis lequel vous
pourrez modifier le site, ouvrez un nouvel onglet dans votre
navigateur Internet (par la commande Fichier/Nouvel onglet) et
saisissez ladresse du site, en lui ajoutant la chane de caractres
/administrator. Dans cet exemple, le chemin daccs est donc
http://www.formationsinformatiquesnancy.mosaique
informatique.fr/administrator/.
La page de connexion linterface dadministration de Joomla apparat.
36 Dans la zone Identifiant, saisissez admin.

Ce nom dutilisateur, cr par dfaut linstallation de Joomla, pourra
tre chang ultrieurement pour plus de scurit.
37 Dans la zone Mot de passe, saisissez le mot de passe que vous

avez dfini lors de linstallation.
38 Cliquez sur le bouton Connexion.
La page daccueil de linterface dadministration de Joomla est affiche.
Les choses srieuses peuvent commencer...
2.6. Check-list
j
j
Le CMS Joomla est tlchargeable gratuitement en ligne.

Il en va de mme pour le serveur Apache et la configuration de
base de donnes MySQL et PHP.
LE GUIDE COMPLET 83
Chapitre 2
j
j
Installer Joomla
Ces derniers composants peuvent tre facilement installs sur

votre ordinateur, des fins de tests.
De nombreux hbergeurs, gratuits ou moindre cots, proposent
diffrents types dhbergements. Il vous sera ais de choisir le
plus adapt vos besoins.
Linstallation de Joomla seffectue en quelques instants, sur votre
serveur local ou chez un hbergeur grce un installateur ne
ncessitant pas de connaissances spcifiques en programmation.
84 LE GUIDE COMPLET
Se familiariser
avec Joomla
Le frontend ............................................................................................................................. 86
Le backend ............................................................................................................................ 89
Les menus de Joomla ......................................................................................................... 97
Check-list ............................................................................................................................. 114
Chapitre 3
Avant de vous lancer dans lutilisation et la personnalisation du systme,

prenez quelques instants pour en dcouvrir les principales
fonctionnalits. Vous aurez ainsi une vision globale des possibilits
offertes par Joomla.
3.1. Le frontend
Commencez votre visite par la partie publique du site (frontend), qui
sera accessible aux internautes. Vous dcouvrirez ensuite linterface
dadministration du systme (backend). Nous naborderons pas en
dtails des nombreux lments qui composent ces deux parties,
lobjectif de cette section est uniquement de vous permettre deffectuer
une premire visite globale de Joomla.
Depuis votre navigateur Internet, connectez-vous la page daccueil du
site, en utilisant soit ladresse sur votre serveur web local
(http://127.0.0.1/site1joomla/) dans notre exemple, soit
celle cre chez votre hbergeur. Pour vous familiariser avec Joomla et
effectuer des tests, il est plus rapide davoir recours votre installation
locale (nous utiliserons cette solution dans la majorit des cas dcrits
dans ce livre).
Dmarrer le serveur local avant dutiliser Joomla
Lorsque vous teignez votre ordinateur, il est prfrable darrter au

pralable votre serveur Apache, aprs vous tre dconnect de linterface
dadministration par un clic sur le bouton Dconnexion, propos en haut
et droite de la fentre du backend. Pour ce faire, cliquez du bouton
droit sur licne dEasyPHP, affiche dans la Barre des tches, puis
choisissez Quitter, dans le menu contextuel qui apparat.
Figure 3.1 :
Le menu contextuel dEasyPHP
86 LE GUIDE COMPLET
Le frontend
Chapitre 3
Si votre serveur Apache est arrt (vous avez teint votre ordinateur
ou vous avez arrt le service), vous ne pourrez accder une version
locale de Joomla quaprs avoir relanc le serveur, en cliquant sur le
bouton Dmarrer puis sur Tous les programmes/EasyPHP 3.0/EasyPHP.
Cette partie publique du site se compose de plusieurs lments qui

pourront tre conservs ou dsactivs (dautres, non visibles ici,
pourront galement tre ajouts). De mme, si la charte graphique
propose par dfaut ne vous convient pas (polices de caractres,
couleurs, images de fond, disposition des lments, etc.), vous
dcouvrirez plus loin quelle peut, trs aisment, tre change.
Voici les modules essentiels, visibles dans cette page, compose pour
linstant de textes et dimages dexemples :
j
une bannire de haut de page, intgrant un logo ;
Figure 3.2 : La zone de bannire de haut de page

j
des menus, horizontaux et verticaux, permettant la navigation sur

le site ;
Figure 3.3 :
Deux menus verticaux
j
diffrents composants (derniers articles, articles les plus lus,

sondage, zone de recherche, formulaire didentification, indicateur
du nombre de visiteurs actuellement en ligne, etc.) ;
LE GUIDE COMPLET 87
Chapitre 3
Figure 3.4 :
Un module de ralisation de sondages et un
autre affichant le nombre de visiteurs sur le site
j
une zone daffichage de bannires publicitaires ;
Figure 3.5 :
Une zone est
ddie laffichage
de bannires
publicitaires, en
bas de page
j
une zone principale affichant le contenu proprement parler de la

page (textes et images).
Figure 3.6 :
Un exemple de
contenu textuel
88 LE GUIDE COMPLET
Le backend
Chapitre 3
3.2. Le backend
Vous allez maintenant dcouvrir linterface dadministration de Joomla
(backend), grce laquelle vous pourrez crer et modifier tous les
lments constitutifs de votre site web.
Procdez ainsi :
1 Depuis votre navigateur Internet, connectez-vous au backend, en

utilisant soit ladresse sur votre serveur web local
(http://127.0.0.1/site1joomla/administrator dans
notre exemple), soit celle cre chez votre hbergeur (ladresse
sera alors du type http://www.votrenomdedomaine/
administrator). Une fois encore, nous vous conseillons de
raliser vos premiers tests sur votre serveur local car les
oprations seront plus rapides raliser et vous pourrez vous
livrer toutes les exprimentations de votre choix, sans risque
daltration du bon fonctionnement de votre site rel.
2 Dans la page de connexion qui est affiche, saisissez votre
identifiant et votre mot de passe puis cliquez sur le bouton
Connexion.
Les fonctionnalits de linterface de Joomla seront dtailles dans le
chapitre qui suit. Le rapide parcours que nous vous proposons ici na
dautre intrt que de vous permettre de dcouvrir quelques rouages
essentiels et significatifs du systme, afin de vous familiariser avec le
CMS.
Dcouvrir le gestionnaire darticles

Cest au moyen de cette fonctionnalit que vous pourrez rdiger les
articles affichs dans les pages. Ils sont essentiellement composs de
textes et dimages.
1 Depuis linterface dadministration cliquez sur Site/Panneau

dadministration (voir Figure 3.7).
2 Cliquez sur le bouton Gestion des articles (voir Figure 3.8).
LE GUIDE COMPLET 89
Chapitre 3
Figure 3.7 :
Laccs au
panneau
dadministration
Figure 3.8 :
Le bouton
Gestion des
articles
Le gestionnaire des articles est affich (son utilisation sera dtaille plus
loin dans cet ouvrage).
Figure 3.9 : Le gestionnaire des articles
3 Dans la colonne Titre, qui affiche les titres des articles, cliquez par
exemple sur le premier lien.
90 LE GUIDE COMPLET
Le backend
Chapitre 3
Figure 3.10 :
Vous avez cliqu sur le
premier lien
La langue des donnes dexemples
Les titres des articles affichs ici sont en anglais. Il sagit des donnes
dexemples, cres lors de linstallation. Vous saurez bientt comment
supprimer ces articles et ajouter les vtres, en langue franaise.
Lditeur WYSIWYG darticles est affich. Vous pouvez y observer,

notamment, les boutons qui vous permettront de mettre en forme vos
articles (au-dessus du texte de larticle).
Figure 3.11 : Lditeur darticles
4 Quittez lditeur sans sauvegarder vos ventuelles modifications

en cliquant sur le bouton Fermer.
LE GUIDE COMPLET 91
Chapitre 3
Figure 3.12 :
Le bouton Fermer
Dcouvrir le gestionnaire de menus

Les menus renferment les liens de navigation qui permettent aux
internautes daccder aux pages composant le site. Ils peuvent prendre
diffrents aspects et tre activs ou dsactivs. Il vous est galement
possible de crer vos propres menus.
1 Cliquez sur le menu Menu/Main menu, qui permet daccder aux

items du menu principal.
Figure 3.13 :
Le menu
Menu/Main
menu
Le gestionnaire dlment de menu apparat.
2 Cliquez, par exemple, sur le lien Home, qui est le premier item du
menu.
Figure 3.14 :
Le lien Home, dans le
gestionnaire dlment de
menu
92 LE GUIDE COMPLET
Le backend
Chapitre 3
Lalias de menu est affich.
3 Quittez lalias de menu sans sauvegarder vos ventuelles

modifications en cliquant sur le bouton Fermer.
Dcouvrir le gestionnaire de mdias

Autre fonctionnalit essentielle de Joomla, le gestionnaire de mdias
vous permet dimporter dans le site les images et fichiers qui seront
accessibles depuis les pages du site.
Cliquez sur le menu Site/Gestion des mdias.
Figure 3.15 :
Le menu Site/Gestion des
mdias
Le gestionnaire de mdias est affich. Il renferme des images copies

lors de linstallation (vous pourrez y copier vos propres images). Il se
compose galement de dossiers qui vous permettront dorganiser
efficacement le classement des fichiers.
Figure 3.16 : Le gestionnaire de mdias
LE GUIDE COMPLET 93
Chapitre 3
Dcouvrir le principe des templates

La possibilit de changer en un instant la mise en forme du site (au
moyen des templates), sans affecter son contenu, est lune des
fonctionnalits les plus tonnantes de Joomla. Voici une petite
manipulation qui vous permettra den apercevoir les possibilits.
Template
Ce terme anglais indique sous Joomla un modle de conception, cest-dire un ensemble dlments de mise en forme (polices, couleurs,
boutons, visuels de fonds de pages, etc.) qui peuvent tre appliqus
simplement et rapidement sur tout ou partie du site.
1 Cliquez sur le menu Extensions/Gestionnaire des templates.
Figure 3.17 :
Laccs au
gestionnaire des
templates
Le gestionnaire de templates est affich. Il prsente la liste des templates

installs sur le systme (vous dcouvrirez plus loin comment ajouter de
nouveaux templates).
2 Cochez, par exemple, loption place gauche du nom de

template beez, affich dans la colonne Nom du Template.
Figure 3.18 : Le choix du template
94 LE GUIDE COMPLET
Le backend
Chapitre 3
Cliquez sur le bouton Dfaut, plac en haut et droite de

la fentre du gestionnaire de templates.
Vous venez de modifier le modle de mise en forme appliqu votre

site. Pour le vrifier, cliquez sur Prvisualiser, en haut et droite de
linterface dadministration de Joomla.
Figure 3.19 :
Le lien Prvisualiser
Le frontend est ouvert dans un nouvel onglet (ou une nouvelle fentre,
selon le navigateur Internet utilis).
4 Cliquez sur le nouvel onglet ou ouvrez la nouvelle fentre du

navigateur affichant le frontend.
Le contenu (textes et images) reste inchang mais sa prsentation est
radicalement diffrente grce lapplication du template.
Figure 3.20 : Le frontend aprs application du template
Le retour au template dorigine se fait aussi facilement.
5 Dans la nouvelle fentre du navigateur affichant linterface

dadministration de Joomla, cliquez sur le menu
LE GUIDE COMPLET 95
Chapitre 3
Extensions/Gestionnaire des templates. Dans le gestionnaire de
templates, cochez loption place gauche du nom de template

rhuk_milkyway, affich dans la colonne Nom du Template.
6 Cliquez sur le bouton Dfaut, plac en haut et droite de la

fentre du gestionnaire de templates.
7 Ouvrez longlet ou la fentre du navigateur affichant le frontend
puis actualisez la page en cliquant sur le bouton dactualisation du
navigateur.
Figure 3.21 :
Le bouton Actualiser la
page courante de Firefox
Lactualisation dune page
Lorsquune page web est ouverte dans un navigateur Internet (Firefox,

Internet Explorer, Chrome, Opra, Safari, etc.), elle est stocke dans une
zone de mmoire temporaire, nomme cache, du logiciel. Si la page est
modifie sur le serveur web, cest la page renferme dans le cache qui
continue dtre affiche par le navigateur, jusqu actualisation de
celle-ci (lactualisation est laction qui consiste demander au serveur
web dadresser une nouvelle fois la page au navigateur).
Le template dorigine est nouveau utilis.
Figure 3.22 : Le nouveau template est appliqu et modifie la mise en forme

de la partie publique du site
96 LE GUIDE COMPLET
Les menus de Joomla
Chapitre 3
3.3. Les menus de Joomla

Si lon fait abstraction des boutons prsents dans le panneau
dadministration (accessible via le menu Site/Panneau dadministration)
et qui sont des raccourcis vers les fonctions essentielles de Joomla,
laccs aux composants du systme seffectue toujours par les menus de
linterface. Les fonctionnalits qui leurs sont associes sont dcrites
dans ce qui suit.
Le menu Site/Panneau dadministration

Ce sous-menu permet daccder au panneau dadministration, qui
pourrait tre assimil une barre doutils sur certains logiciels
bureautiques, tels que Word, en ce sens quil propose diffrents boutons
constituant des raccourcis vers les commandes essentielles des menus,
tels que laccs la gestion des articles, des sections et des catgories
(ces notions sont abordes plus loin), des mdias, des menus, des
langues, des utilisateurs, ou encore de la configuration globale du
systme.
Figure 3.23 :
Les boutons composant
le panneau
dadministration
Le menu Site/Gestionnaire des utilisateurs

Ce menu permet douvrir le gestionnaire des utilisateurs.
Figure 3.24 :
Le gestionnaire des
utilisateurs
LE GUIDE COMPLET 97
Chapitre 3
Le menu Site/Gestion des mdias

Ce menu permet douvrir le gestionnaire des mdias. Il se compose de
dossiers dans lesquels sont dposs les fichiers mdias (images
notamment) affichs dans les pages du site.
Figure 3.25 :
Le gestionnaire de
mdias
Le menu Site/Configuration gnrale

Ce menu vous permet de modifier tous les paramtres globaux du site
(nom du site, description dans les moteurs de recherche, dure des
sessions, paramtres du serveur, etc.).
Figure 3.26 :
Le gestionnaire de
configuration
gnrale
98 LE GUIDE COMPLET
Les menus de Joomla
Chapitre 3
Le menu Site/Dconnexion
Ce menu vous permet de quitter "proprement" Joomla. Entendez par l
en fermant correctement les tables de la base de donnes. lissue de
lopration, vous ne serez plus connect linterface dadministration et
devrez vous loguer nouveau pour accder au backend.
Figure 3.27 : Aprs dconnexion, il vous faudra vous identifier nouveau

pour accder linterface dadministration de Joomla
En cas de sortie anormale de Joomla
Lorsque vous quittez le backend, il est ncessaire doprer par le

menu Site/Dconnexion ou par le lien Dconnexion, propos en haut et
droite de la fentre de linterface dadministration de Joomla, afin de
clturer correctement la base de donnes.
Figure 3.28 :
Le lien Dconnexion
Lerreur, consistant cliquer sur le bouton Fermer de votre navigateur en

oubliant de vous dconnecter, est toutefois possible, pour ne pas dire
probable, sur une longue priode dutilisation. Pour pallier ce problme,
les concepteurs de Joomla ont prvu une procdure de secours : le menu
Outils/Validation gnrale remet les tables de la base de donnes en tat en
cas de problme.
LE GUIDE COMPLET 99
Chapitre 3
Nhsitez pas utiliser cette commande si laccs un article vous

est interdit par un verrouillage de tables d au fait que lun des
administrateurs du systme a quitt le backend sans se dconnecter,
laissant les tables de la base de donnes ouvertes.
Le menu Menus/Gestion des menus

Les menus sont les lments essentiels de la navigation dans le site ; ils
permettent en effet, via de nombreuses fonctions, laccs aux pages qui
composent le site Joomla.
Ce menu permet daccder au gestionnaire de menus du site.
Figure 3.29 :
Le gestionnaire de
menus
Le menu Menus/Corbeille de menu

Joomla dispose dun systme de corbeille, analogue, dans son concept,
celui de Windows, et qui repose sur le principe, lors de la suppression
dun lment, de lutilisation dun espace de stockage intermdiaire,
avant la suppression dfinitive de litem (afin de pouvoir le retrouver, si
vous changez davis, sans devoir le recrer).
Figure 3.30 :
Le gestionnaire de
corbeille de menus
100 LE GUIDE COMPLET
Les menus de Joomla
Chapitre 3
Le menu Menus/Main menu

Cette commande, applique ici au premier menu de la liste (Main menu),
permet de grer les lments du menu (ceux-ci permettent daccder, de
diffrentes faons, aux pages qui composent le site).
Joomla vous permet de crer un nombre illimit de menus. Le
gestionnaire dlments de menu peut tre utilis pour chacun dentre
eux.
Figure 3.31 :
Le gestionnaire
dlments de menu
Le menu Contenu/Gestion des articles

Les articles sont les lments constitutifs de base des pages dun site
Joomla. Le gestionnaire des articles permet daccder ceux-ci afin den
modifier le contenu rdactionnel. Il offre galement de nombreuses
fonctions de classement des articles.
Figure 3.32 :
Le gestionnaire
darticles
LE GUIDE COMPLET 101
Chapitre 3
Le menu Contenu/Corbeille article

Vous retrouvez ici le mme concept de gestion de corbeille, dj dcrit
prcdemment la section traitant du menu Menus/Corbeille de menu,
appliqu, cette fois, la gestion des articles.
Figure 3.33 : La corbeille darticles
Le menu Contenu/Gestionnaire des sections

Les notions de sections et de catgories, dtailles plus loin, sont des
points importants pour ladministrateur dun site Joomla, car chaque
article appartient une catgorie, elle-mme lment dune section.
Le gestionnaire de sections vous permet deffectuer toutes les oprations
de cration, de suppression ou de modification de vos sections.
Figure 3.34 : Le gestionnaire de sections
Le menu Contenu/Gestion des catgories

Le gestionnaire de catgories vous permet deffectuer les oprations de
cration, de suppression ou de modification de vos catgories.
Les menus de Joomla
Chapitre 3
Figure 3.35 : Le gestionnaire de catgories
Le menu Contenu/Gestion de la page

daccueil
Joomla offre une possibilit trs intressante, consistant permettre
laccs certains articles choisis, directement depuis la page daccueil,
en plus des accs traditionnels par les menus ou les liens hypertextes,
dun article vers un autre.
Cette fonctionnalit vous permet, par exemple, de mettre en vidence,
pour les lecteurs, vos derniers articles rcemment publis. Elle peut
amliorer en outre la vitesse dindexation dun nouvel article dans les
moteurs de recherche.
Figure 3.36 : Le gestionnaire de la page daccueil
Chapitre 3
Le menu Composants/Bannire/Bannires
Une autre fonctionnalit intressante repose sur une gestion sophistique
de bannires publicitaires. Lorsquelles sont cliques, celles-ci ouvrent
alors les sites web des annonceurs.
Figure 3.37 : Le gestionnaire de bannires
Le menu Composants/Bannire/Clients
Ce composant est complmentaire du prcdent. Il permet dadministrer
vos clients (ou simples partenaires) pour lesquels des bannires
publicitaires sont affiches sur le site.
Figure 3.38 : Le gestionnaire des clients de bannire
Les menus de Joomla
Chapitre 3
Le menu Composants/Bannire/Catgories
Ce composant est galement complmentaire des deux prcdents. Il
permet de grer des catgories de bannires publicitaires.
Figure 3.39 : Le gestionnaire des catgories de bannires
Le menu Composants/Contacts/Contacts
Ce composant vous permet denregistrer les coordonnes des
administrateurs du site, afin de proposer aux visiteurs du site dentrer en
contact avec eux par courrier lectronique.
Figure 3.40 : Le gestionnaire de contacts
Le menu Composants/Contacts/Catgories
Ce composant est complmentaire du prcdent. Il permet de grer des
catgories de contacts.
Chapitre 3
Figure 3.41 : Le gestionnaire des catgories de contacts
Le menu Composants/Fils dactualits/Fils

Ce composant vous permet de stocker des listes de flux RSS, publis sur
dautres sites, afin de les afficher sur votre site Joomla.
Figure 3.42 : Le gestionnaire des fils dactualits
Les flux RSS
Les flux RSS sont des informations publies par certains sites web,
tels que les journaux en ligne. Il est possible, pour les internautes et les
administrateurs dautres sites de sabonner ces flux afin de les
Les menus de Joomla
Chapitre 3
consulter ou de les afficher dans des pages web (on parle de

"syndication de contenus").
Le menu Composants/Fils dactualits

/Catgories
Figure 3.43 : Le gestionnaire des catgories de fils dactualits
Le menu Composants/Sondages
Ce composant vous permet de crer des sondages, destins recueillir
les avis des visiteurs du site.
Figure 3.44 : Le gestionnaire de sondages
Chapitre 3
Le menu Composants/Recherche
Ce composant permet dafficher des informations relatives aux
recherches effectues par la fonctionnalit de recherches offerte aux
internautes sur le site.
Figure 3.45 : Le composant daffichage des statistiques de recherches

effectues sur le site
Le menu Composants/Liens web/Liens

Ce composant est utilis pour constituer des listes de liens vers des sites
amis ou partenaires, et qui pourront tre affichs sur le site Joomla.
Figure 3.46 : Le composant de gestion des liens web
Le menu Composants/Liens web/Catgories

catgories de liens web.
Les menus de Joomla
Chapitre 3
Figure 3.47 :
Le composant de
gestion des
catgories de liens
web
Le menu Extensions/Installer/Dsinstaller
Cette fonctionnalit vous permet dinstaller des extensions aux
fonctionnalits natives de Joomla (composants, modules, plugins,
templates) qui permettent daccrotre les possibilits du systme.
Figure 3.48 :
Le gestionnaire
dextensions
Le menu Extensions/Gestion des modules

Cette fonctionnalit vous permet dadministrer les modules installs
dans le systme.
Figure 3.49 :
Le gestionnaire de
modules
Chapitre 3
Le menu Extensions/Gestionnaire
des plugins
Cette fonctionnalit vous permet dadministrer les plugins installs dans
le systme.
Figure 3.50 :
Le gestionnaire de
plugins
Composants, modules et plugins
Ces trois termes dsignent tous des extensions natives ou pouvant tre
ajoutes a posteriori dans Joomla. Les composants sont les plus complets
et constituent de vritables applications autonomes (commerce
lectronique, galerie dimages, etc.). Les modules sont des
fonctionnalits plus modestes, qui ncessitent une intgration dans les
pages pour exister (module daffichage des articles les plus populaires,
par exemple). Les plugins sont des fonctionnalits encore plus
spcifiques, qui amliorent gnralement un traitement (bouton
dinsertion dune image, par exemple).
Le menu Extensions/Gestionnaire
des templates
Cette fonctionnalit vous permet dadministrer les templates (modles
de mise en forme) installs dans le systme.
Figure 3.51 :
Le gestionnaire de
templates
Les menus de Joomla
Chapitre 3
Le menu Extensions/Gestion des langues

Cette fonctionnalit vous permet de choisir la langue utilise dans le
systme.
Figure 3.52 : Le gestionnaire de langues
Le menu Outils/Lire les messages

Cette fonctionnalit, trs utile si plusieurs personnes participent
ladministration du site, vous permet dadministrer un systme de
messagerie interne.
Figure 3.53 : Le gestionnaire de messagerie
Le menu Outils/crire un message

Cette fonctionnalit, complmentaire de la prcdente, permet
dadresser un message un autre administrateur du site.
Figure 3.54 : Le gestionnaire denvoi de messages
Chapitre 3
Le menu Outils/Envoi massif demail

Cette fonctionnalit vous sera utile si vous souhaitez adresser une
newsletter un grand nombre dabonns.
Figure 3.55 : Le gestionnaire denvoi massif de courriers lectroniques
Le menu Outils/Validation gnrale

Cette fonctionnalit vous permet de fermer "proprement" les tables de la
base de donnes, si le systme a t quitt anormalement.
Figure 3.56 : La validation gnrale du systme
Les menus de Joomla
Chapitre 3
Le menu Outils/Nettoyer le cache

Cette fonctionnalit vous permet de supprimer les fichiers mis en cache
(mmoire intermdiaire du site permettant dacclrer les traitements).
Vous y aurez recours si le site a t profondment refondu et que vous
souhaitiez voir les mises jour immdiatement appliques.
Figure 3.57 :
La fonction de vidage
du cache
Le menu Outils/Purger les fichiers expirs

du cache
Cette fonctionnalit permet de supprimer les fichiers du cache.
Figure 3.58 :
La fonction de vidage
des fichiers expirs
du cache
Le menu Aide/Aide Joomla!

Cette fonctionnalit permet daccder laide en ligne de Joomla, en
langue anglaise.
Figure 3.59 :
Laide de Joomla
Chapitre 3
Le menu Aide/Infos systme

Cette dernire fonctionnalit permet dafficher de nombreuses
informations sur le systme sur lequel est implment Joomla (infos
systme, paramtres PHP, fichier de configuration, permissions des
dossiers, informations PHP).
Figure 3.60 : Les informations systme
3.4. Check-list
j
Ds son installation, le site Joomla est oprationnel et le

webmestre peut commencer son travail de personnalisation et de
rdaction de contenus.
La partie publique, ou frontend, visible des internautes, prsente
des fonctionnalits et des donnes dexemples qui devront tre
modifies ou supprimes.
Linterface dadministration, ou backend, donne accs de trs
nombreuses fonctionnalits, essentiellement par un systme de
menus droulants.
Crer des articles
Utiliser les commandes de linterface dadministration ........................................... 116

Dfinir les paramtres gnraux .................................................................................... 117
Changer le login et le mot de passe administrateur ................................................. 121
Crer des sections ............................................................................................................. 122
Crer des catgories ......................................................................................................... 125
Crer et modifier des articles .......................................................................................... 128
Check-list ............................................................................................................................. 158
Chapitre 4
Crer des articles
Joomla met votre disposition un ensemble de fonctionnalits web 2.0

quil est temps de dcouvrir et de mettre en uvre sur votre site. Lobjet
de ce chapitre est donc de vous permettre de parcourir les principales
fonctions natives du systme. Elles sont nombreuses et efficaces, comme
vous allez le constater
Web 2.0
Ce terme rcent dsigne un ensemble de fonctionnalits actuelles,

mises en uvre sur les sites web : Web dynamique utilisant des bases de
donnes plutt que des pages html statiques, changes de billets, fils
RSS, rseaux sociaux, vido, audio, classements de sites confis aux
internautes, rponses aux articles
4.1. Utiliser les commandes

de linterface dadministration
Mme si laspect de linterface de Joomla sapparente celui des
logiciels installs sur votre ordinateur (tels que Word ou Excel), elle est
fondamentalement diffrente en ce qui concerne son mode de
fonctionnement.
En effet, le noyau du systme nest pas un programme install sur votre
machine mais un ensemble de codes php et une base de donnes
implments chez votre hbergeur ou sur votre serveur web local. Par
consquent, toutes les oprations ralises se font par lintermdiaire de
votre navigateur Internet. Concrtement, il ny a pas de diffrence
conceptuelle entre naviguer sur un site Internet quelconque et naviguer
sur le backend de Joomla, puisque celui-ci se compose dun ensemble
de pages web dynamiques.
Toutefois, gardez lesprit que le rle de linterface administrateur de
Joomla est essentiellement de permettre la mise jour de la base de
donnes quutilise le CMS et que ce traitement suit des rgles
douverture et de fermeture de tables notamment.
Afin de ne pas transgresser celles-ci, vous ne devez pas utiliser les
boutons de navigation des pages rcemment visites proposs par votre
navigateur Internet ; vous risqueriez de modifier lordre des traitements
prvus par les concepteurs du systme et crer ainsi des
dysfonctionnements.
Dfinir les paramtres gnraux
Chapitre 4
Figure 4.1 :
Les boutons Reculer dune page et Avancer dune page du
navigateur Firefox
Votre navigation au sein de

linterface
dadministration
de
Joomla doit donc toujours tre
ralise en utilisant les boutons et Figure 4.2 : Les boutons
et Suivant du
les menus proposs par le systme. Prcdent
navigateur Internet Explorer
Certains de ces lments sont
prsents sur tous les gestionnaires,
afin de vous permettre de valider ou dannuler laction en cours.
Il sagit des boutons suivants :
j
Le bouton Sauver. Utilisez ce bouton pour enregistrer

votre action (la modification dun article, par exemple) et
pour revenir la page parente de la page en cours.
Le bouton Appliquer. Utilisez ce bouton pour enregistrer

votre action tout en restant dans la page en cours
(gnralement afin de tester le rsultat de lopration
dans un autre onglet affichant la partie publique du site).
Le bouton Fermer. Utilisez ce bouton pour annuler votre

action, sans lenregistrer.
Si toutefois, par mgarde, vous avez eu recours aux boutons de

navigation de votre navigateur, oprez une validation globale via le
menu Outils/Validation gnrale.
Notez galement que les menus ne seront pas accessibles pendant
certaines oprations ncessitant dtre cltures avant toute autre
manipulation. Ainsi, par exemple, les menus apparatront en gris et ne
seront plus ractifs aux clics pendant la modification dun article.
4.2. Dfinir les paramtres gnraux

Certains paramtres gnraux ncessitent dtre dfinis la cration du
site, depuis le gestionnaire de configuration gnrale.
Chapitre 4
Crer des articles
1 Cliquez sur le menu Site/Configuration gnrale.

2 Le gestionnaire de configuration gnrale apparat. Vous allez y
effectuer les manipulations suivantes.
Paramtrer le nom du site

Le nom du site est utilis diffrents endroits du site. Vous lavez dfini
lors du paramtrage initial du site. Vous pouvez le modifier a posteriori.
1 Cliquez sur longlet Site.

la rubrique Paramtres du site est affiche la zone Nom du site.
Figure 4.3 : La zone Nom du site
2 Modifiez, le cas chant, le nom du site.

3 Cliquez sur le bouton Appliquer du gestionnaire.
Paramtrer la longueur des listes

Par dfaut, la longueur des listes affiches dans les diffrents
gestionnaires (articles, menus, modules, ) est de 20 items. Cette valeur
Dfinir les paramtres gnraux
Chapitre 4
peut tre modifie dans les composants au moyen de la liste de la zone

Affichage, propose en bas des gestionnaires.
Figure 4.4 : La zone Affichage, en bas du gestionnaire darticles, propose

par dfaut un affichage de 20 items
Toutefois, lorsque le nombre dlments des listes augmente, ce nombre

se rvle insuffisant, obligeant le webmestre utiliser les boutons de
navigation Suivant et Prcdent pour faire dfiler les pages de liens
pointant vers les items. Nous vous conseillons donc daugmenter cette
valeur son maximum.
1 Cliquez sur longlet Site.

2 Dans la liste de la zone Longueur des listes, choisissez la valeur
100.
Figure 4.5 :
La valeur
maximale de
la zone est
choisie
Augmenter la dure de session

Lorsque aucune touche nest frappe pendant une dure de 15 minutes,
la session du webmestre est ferme ; il lui est ncessaire de
sauthentifier nouveau pour accder au backend.
Chapitre 4
Crer des articles
Cette fonctionnalit est une mesure de scurit apprciable, empchant

une personne dutiliser le systme, si le webmestre sabsente de son
poste de travail en oubliant de clturer sa session.
Il peut toutefois tre plus confortable daugmenter cette valeur.
1 Cliquez sur longlet Systme.

2 la rubrique Configuration des sessions, dans la zone Dure de
session, saisissez par exemple 60 minutes.
Figure 4.6 : La dure de session est augmente
Paramtrer le fuseau horaire

Joomla tant un systme international, il peut tre paramtr pour tous
les fuseaux horaires.
1 Cliquez sur longlet Serveur.

2 la rubrique Paramtres de localisation, dans la liste de la zone
Fuseau horaire, choisissez si vous tes localis en France le fuseau
horaire de Paris.
Figure 4.7 : Le choix dun fuseau horaire
3 Cliquez sur le bouton Sauver du gestionnaire.

Changer le login et le mot de passe administrateur
Chapitre 4
4.3. Changer le login et le mot

de passe administrateur
Comme vous lavez dcouvert lors de la phase dinstallation du systme,
le nom dutilisateur par dfaut, cr par Joomla, pour le premier compte
administrateur, est admin.
Il est prfrable, pour accrotre la scurit dun site publi chez un
hbergeur, de remplacer ce login par un nom de votre choix.
1 Cliquez sur le menu Site/Gestionnaire des utilisateurs.

Le gestionnaire des utilisateurs apparat.
2 Dans la colonne Nom, cliquez sur Administrator, nom qui a t

cr automatiquement lors de linstallation de Joomla.
Figure 4.8 :
Le nom Administrator est cliqu
Les paramtres de lutilisateur sont affichs.
Figure 4.9 :
Les paramtres de
lutilisateur
Chapitre 4
Crer des articles
3 la rubrique Dtails de lutilisateur, dans la zone Identifiant,

saisissez un nouveau login. Modifiez le cas chant le mot de
passe en le saisissant dans les zones Nouveau mot de passe et
Confirmer le mot de passe.
4 Cliquez sur le bouton Sauver du gestionnaire.
4.4. Crer des sections

Le systme de gestion des contenus de Joomla fait appel trois notions
conceptuelles : les sections, les catgories et les articles.
Les articles sont des lments rdactionnels, principalement composs
de textes et dimages.
Pour les publier sur le site, Joomla dispose de plusieurs composants,
offrant chacun des spcificits qui seront dcrites plus loin. Il est ainsi
possible de regrouper des articles traitant de sujets proches et entrant
donc dans de mmes "familles" et "sous-familles". Celles-ci portent les
appellations de "sections" et de "catgories".
Ainsi, un article appartient toujours une catgorie unique (les cannes
pche, par exemple) appartenant elle-mme une section unique (la
pche en eau douce, par exemple).
Ce classement hirarchique prsente de nombreux avantages (disposer
de composants affichant tous les articles dune catgorie ou dune
section, par exemple) que vous dcouvrirez bientt.
Diffrence entre article et page web
Puisquun article est compos de texte, dimages et ventuellement

dobjets multimdias tels que des vidos, il est tentant de penser
quarticle et page web sont des termes synonymes. Cela nest toutefois
pas obligatoirement le cas avec Joomla car le systme autorise
laffichage, dans une mme page web, de plusieurs articles ou parties
darticles.
Crer des sections
Chapitre 4
Figure 4.10 : Limbrication des sections, des catgories et des articles

sous Joomla
Articles non catgoriss
La version prcdente de Joomla (numro 1.0.xxx) autorisait la

cration darticles "non catgoriss", cest--dire non rattachs une
catgorie, elle-mme contenue dans une section. Cette opration nest
plus permise dans la version 1.5.xxx, utilise ici. Plus exactement, la
cration dun article non catgoris consiste aujourdhui lui affecter la
catgorie non catgoris, elle-mme contenue dans la section non
catgoris. Mthode lgante, de la part des dveloppeurs de Joomla,
pour conserver le concept tout en normalisant la structure des tables de
la base de donnes.
titre dexemple, vous allez crer une nouvelle section.
1 Cliquez sur le menu Contenu/Gestionnaire de sections.

Le gestionnaire de sections apparat.
2 Cliquez sur le bouton Nouveau.
Chapitre 4
Crer des articles
Figure 4.11 : Le bouton Nouveau dans le gestionnaire de sections
La fentre de cration de la nouvelle section apparat.
Figure 4.12 : La fentre de cration de la nouvelle section
3 la rubrique Dtails, dans la zone Titre, saisissez le nom que vous

souhaitez affecter la section, en rapport avec le thme de votre
site web.
Figure 4.13 : La saisie du titre de la section
Les autres zones de la fentre ne seront pas modifies pour linstant.
4 Cliquez sur le bouton Sauver.
Crer des catgories
Chapitre 4
De retour dans le gestionnaire de section, le nom de la nouvelle section

a t ajout la liste des sections dj existantes.
Figure 4.14 : Le nom de la nouvelle section figure dsormais dans la liste

des sections
Vous allez maintenant, et de la mme faon, crer quelques catgories.
4.5. Crer des catgories

Si lon tablit une comparaison entre une section et une armoire, une
catgorie, elle, correspond lune des tagres de larmoire. Une tagre
contient les diffrents lments que vous y avez rangs. Dans Joomla,
ces lments sont des articles.
1 Cliquez sur le menu Contenu/Gestion des catgories.

Le gestionnaire de catgories apparat.

La fentre de cration de la nouvelle catgorie apparat.
Chapitre 4
Crer des articles
Figure 4.15 : La fentre de cration de la nouvelle catgorie
3 la rubrique Dtails, dans la zone Titre, saisissez le nom que vous

souhaitez affecter la catgorie.
Figure 4.16 :
La saisie du
titre de la
catgorie
4 Droulez la liste de la zone Section et choisissez la section

prcdemment cre.
Figure 4.17 :
Le choix de la
section
Les autres zones de la fentre ne seront pas modifies pour linstant.
Crer des catgories
Chapitre 4
De retour dans le gestionnaire de catgories, le nom de la nouvelle

catgorie a t ajout la liste des catgories dj existantes.
Figure 4.18 :
Le nom de la nouvelle
catgorie figure
dsormais dans la
liste des catgories
Crez de la mme manire quelques autres catgories contenues dans la

nouvelle section, et en rapport avec le thme de votre site web.
Organiser laffichage des sections et des catgories
Le gestionnaire de catgories, comme les autres gestionnaires

(sections, articles, ), affiche rapidement un grand nombre ditems, au
fil de lavancement de vos travaux. Vous pouvez choisir dorganiser
laffichage en modifiant le critre de classement des lments. Cliquez
pour ce faire sur le titre de la colonne de votre choix (Titre, Publi, Ordre,
Accs, Section ). Vous pouvez galement choisir de filtrer les items en
saisissant un mot-cl dans la zone Filtre, prsente en haut et gauche
des gestionnaires.
Figure 4.19 : La zone Filtre
Chapitre 4
Crer des articles
4.6. Crer et modifier des articles

Passes les tapes de cration des sections et des catgories, vous allez
maintenant pouvoir crer les premiers articles de votre site web.
1 Cliquez sur le menu Contenu/Gestion des articles.

Le gestionnaire darticles apparat.

La fentre de cration de larticle apparat.
Figure 4.20 : La fentre de cration de larticle
Cette fentre renferme toutes les fonctionnalits ncessaires la cration

dun contenu rdactionnel de qualit, rdig au format HTML.
Modification dun article existant
La procdure de modification dun article dj cr est identique. Elle

seffectue galement depuis cette fentre. Pour modifier un article
existant, il vous suffit de cliquer sur son nom, dans la liste prsente par
le gestionnaire darticles.
3 Dans la zone Titre, saisissez le titre de larticle. Ne remplissez pas

la zone Alias pour linstant.
Crer et modifier des articles
Chapitre 4
Figure 4.21 : La saisie du titre de larticle
La zone Alias
Cette zone peut tre laisse vide pour linstant. Son rle est de vous
permettre de gnrer des URL explicites, cest--dire des adresses de
pages renfermant des mots-cls significatifs dans le but damliorer votre
indexation dans les moteurs de recherche.
4 Droulez la liste de la zone Section et affectez une section

larticle.
Figure 4.22 : Une section est affecte larticle
5 Droulez la liste de la zone Catgorie et affectez une catgorie

larticle.
Figure 4.23 : Une catgorie est affecte larticle
Chapitre 4
Crer des articles
6 Dans la zone principale de la fentre, rserve la saisie de

larticle, saisissez le texte de larticle ou copiez-y le texte de votre
choix.
Figure 4.24 : Un texte est copi dans la zone de saisie de larticle
Copier/coller du texte de larticle
Il nest pas obligatoire de saisir lintgralit du texte dans la zone de

saisie de larticle. Le contenu textuel peut en effet tre copi/coll depuis
une source externe (page HTML, document Word, etc.).
Pour viter dinsrer des codes de mise en forme parasites, provenant de
la source originelle, nous vous conseillons de procder en deux tapes.
Commencez par slectionner le texte copier dans son emplacement
dorigine puis collez-le dans le Bloc-notes de Windows (que vous ouvrirez
par le bouton Dmarrer de Windows puis par Tous les
programmes/Accessoires/Bloc-notes). Dans le Bloc-notes, slectionnez
tout le texte ([Ctrl]+[A]) puis copiez-le dans le Presse-papiers ([Ctrl]+[C]).
Utilisez la Barre des tches de Windows pour retourner linterface de
Joomla, cliquez dans la zone de saisie de larticle et collez-y le texte
([Ctrl]+[V]).
Cette opration a pour effet de supprimer les ventuels contrles de mise
en forme du texte (le Bloc-notes tant un simple diteur de texte ne grant
pas la mise en forme). Le texte hritera alors des attributs de mise en
forme dfinis dans lditeur darticles de Joomla.
Chapitre 4
Ces quelques tapes sont suffisantes pour permettre la cration dun

article de base. Celui-ci pourrait dj, ce stade, tre enregistr et
publi. Bien entendu, vous disposez de nombreuses fonctionnalits vous
permettant damliorer sa mise en forme. Les principales dentre elles
sont dcrites dans ce qui suit.
Mais, avant daller plus loin, peut-tre souhaitez-vous visualiser
larticle, tel quil le sera par les visiteurs de votre site. Pour ce faire,
deux solutions soffrent vous : la prvisualisation dans une fentre
ddie cet usage ou laffichage de larticle dans la partie publique du
site.
Prvisualiser larticle dans une fentre

de prvisualisation
La mthode de prvisualisation la plus simple, et la plus rapide, consiste
cliquer sur le bouton Prvisualiser, propos en haut et droite de la
fentre de lditeur darticles.
1 Cliquez sur le bouton Prvisualiser.
Figure 4.25 : Le bouton Prvisualiser
Une fentre de prvisualisation de larticle est affiche en surimpression

de la fentre de lditeur darticle (voir Figure 4.26).
2 Utilisez, le cas chant, les barres de dfilement proposes sur la

droite de la fentre de prvisualisation, pour apprcier la mise en
forme de larticle.
3 La prvisualisation termine, fermez la fentre en cliquant sur le
bouton de fermeture, symbolis par une croix, dans langle
suprieur droit de la fentre de visualisation (voir Figure 4.27).
Chapitre 4
Crer des articles
Figure 4.26 : La fentre de prvisualisation
Figure 4.27 :
La fermeture de la fentre de prvisualisation
Prvisualiser larticle dans le frontend

La mthode qui prcde, dont lavantage essentiel est limmdiatet, ne
permet toutefois pas de visualiser larticle dans son contexte rel,
cest--dire dans le site web.
Si vous prfrez cette seconde solution, vous devez rendre larticle
accessible, depuis la partie publique. Dans la plupart des cas, cette
opration seffectue par lemploi dun item de menu, opration que nous
navons pas encore aborde.
Une alternative simple soffre pourtant vous, si vous souhaitez
consulter larticle dans le frontend sans crer vers lui un lien dans un
menu : lutilisation de la fonctionnalit daffichage des derniers articles,
propose par dfaut sur la page daccueil du site.
Chapitre 4
1 Cliquez sur le bouton Appliquer.

2 Cliquez sur le lien Prvisualiser, plac droite de la barre de
menus de Joomla.
Figure 4.28 : Le lien Prvisualiser
La partie publique du site est affiche dans un nouvel onglet.
Figure 4.29 : Le frontend est affich dans un nouvel onglet du navigateur
la rubrique Latest News, prsente en haut et gauche de votre site

Joomla, sont affichs 5 liens pointant vers les 5 derniers articles rdigs.
Le premier lien pointe vers votre article.
3 Cliquez sur le lien pointant vers votre article.
Figure 4.30 :
Le lien pointant vers
votre nouvel article
Chapitre 4
Crer des articles
Larticle est affich dans son contexte rel, sur votre site web.
Figure 4.31 : Le nouvel article, affich sur le site
Mettre en forme le contenu de larticle

Retournez la fentre de cration de larticle en cliquant, depuis votre
navigateur Internet, sur longlet qui la renferme.
Dans cette section, vous allez dcouvrir tous les lments de lditeur
darticle, propos par dfaut lors de linstallation de Joomla.
Figure 4.32 : Les boutons de mise en forme du contenu, proposs dans
lditeur
Lditeur HTML
Les articles de Joomla sont des parties de pages HTML. Le rle de

lditeur de Joomla est de vous prsenter, sous forme graphique, le
contenu de larticle, et de vous permettre deffectuer sa mise en forme
par un ensemble de fonctionnalits (boutons, listes droulantes, ), puis,
de manire transparente pour lutilisateur, denregistrer ce contenu la
norme HTML.
Chapitre 4
Bien que lditeur par dfaut (TinyMCE) soit dot de fonctionnalits

suffisamment volues pour vous permettre une mise en forme
sophistique, vous pourrez, en outre, tlcharger sur le site http://www
.joomlafrance.org, par exemple, des diteurs encore plus sophistiqus, tels
que le clbre diteur JCE.
Figure 4.33 : Le tlchargement de lditeur JCE, ladresse

http://www.joomlafrance.org/telecharger/select/J1.5_Editeur_
HTML/par_titre/1.html
Voici la liste des principaux boutons de lditeur, dans lordre de leur

prsentation lcran, et leurs fonctions associes :
j
Le bouton Bold permet de mettre la slection en

caractres gras.
Le bouton Italic permet de mettre la slection en

caractres italiques.
Le bouton Underline permet de mettre la slection en

caractres souligns.
Chapitre 4
Crer des articles
Le bouton Strikethrough permet de mettre la slection

en caractres barrs.
Le bouton Align left permet daligner le paragraphe

gauche.
Le bouton Align center permet de centrer le paragraphe.
Le bouton Align right permet daligner le paragraphe

droite.
Le bouton Align full permet de justifier le paragraphe.
La liste Styles permet daffecter un style dfini dans le template.
Figure 4.34 :
La liste des styles
j
j
j
La liste Format permet daffecter un format HTML la slection

(cette fonctionnalit est particulirement utile pour affecter des
niveaux hirarchiques titre 1, titre 2 des paragraphes) (voir
Figure 4.35).
La liste Font family permet daffecter une famille de polices de
caractres la slection (voir Figure 4.36).
Le bouton Unordered list permet daffecter le style
liste puces la ligne slectionne.
Chapitre 4
Figure 4.35 :
La liste des formats HTML permettant de
dfinir des niveaux hirarchiques
Figure 4.36 :
La liste des familles de
polices
j
Le bouton Ordered list permet daffecter le style liste

numrote la ligne slectionne.
Le bouton Outdent permet de rduire le retrait du

paragraphe.
Chapitre 4
Crer des articles
Le bouton Indent permet daugmenter le retrait du

paragraphe.
Le bouton Undo permet dannuler la dernire opration

effectue.
Le bouton Redo permet de rpter la dernire

opration effectue.
Le bouton Insert/edit link permet de crer ou dditer

un lien hypertexte sur la slection.
Le bouton Unlink permet de supprimer un lien hypertexte

sur la slection.
Le bouton Insert/edit anchor permet de crer ou

dditer une ancre de lien hypertexte sur la slection.
Le bouton Insert/edit image permet dinsrer une image

dans un texte ou den diter les proprits.
Le bouton Cleanup messy code permet de supprimer

les attributs de mise en forme, lorsque du texte est
copi/coll depuis une autre application.
Le bouton Edit HTML Source permet dditer le code

HTML de larticle, afin dy apporter des spcificits
non prises en charge par lditeur HTML.
Le bouton Find permet deffectuer la recherche dune

chane de caractres dans le texte de larticle.
Le bouton Find/Replace permet deffectuer le

remplacement dune chane de caractres dans le texte
de larticle.
Chapitre 4
Le bouton Insert date permet dinsrer la date dans le

texte de larticle.
Le bouton Insert time permet dinsrer lheure dans le

texte de larticle.
Le bouton Emotions permet dinsrer un moticne

dans le texte de larticle.
Le bouton Insert/edit Embedded media permet

dinsrer un fichier multimdia dans le texte de larticle.
Le bouton Insert new layer permet dinsrer un calque

dans le texte de larticle.
Le bouton Select text color permet daffecter une

couleur spcifique au texte slectionn dans larticle.
Le bouton Insert horizontal ruler permet de tracer une

ligne horizontale dans le texte de larticle.
Le bouton Remove formatting permet de supprimer les

attributs de mise en forme sur le texte slectionn.
Le bouton Toogle guidelines/invisible elements permet

dafficher les contours des tableaux insrs dans le texte
de larticle.
Le bouton Subscript permet daffecter au texte

slectionn la position Indice.
Le bouton Superscript permet daffecter au texte

slectionn la position Exposant.
Chapitre 4
Crer des articles
Le bouton Insert custom character permet linsertion

de caractres spciaux dans le texte de larticle.
Le bouton Horizontal rule permet linsertion dune ligne

de sparation horizontale de largeur et de hauteurs
paramtrables dans le texte de larticle.
Le bouton Inserts a new table permet linsertion dun

tableau dans le texte de larticle.
Le bouton Table row properties permet de modifier les

proprits de la ligne slectionne dans un tableau de
larticle.
Le bouton Table cell properties permet de modifier les

proprits de la cellule slectionne dans un tableau de
larticle.
Le bouton Insert row before permet dinsrer une ligne

avant la ligne slectionne dans un tableau de larticle.
Le bouton Insert row after permet dinsrer une ligne

aprs la ligne slectionne dans un tableau de larticle.
Le bouton Delete row permet de supprimer une ligne

slectionne dans un tableau de larticle.
Le bouton Insert colomn before permet dinsrer une

colonne avant la colonne slectionne dans un tableau de
larticle.
Le bouton Insert colomn after permet dinsrer une
colonne aprs la colonne slectionne dans un tableau
de larticle.
Le bouton Remove colomn permet de supprimer une

colonne slectionne dans un tableau de larticle.
Chapitre 4
Le bouton Split merged table cells permet de diviser des

cellules prcdemment fusionnes dans un tableau de
larticle.
Le bouton Merge table cells permet de fusionner des

cellules slectionnes dans un tableau de larticle.
Le bouton Toggle fullscreen mode permet de basculer en

mode Plein cran (seuls les boutons ddition de larticle
sont affichs).
Le bouton Edit CSS Style permet dditer un style CSS.
Raccourcis clavier
Des raccourcis clavier sont associs la plupart des boutons de

lditeur. Leur fonction est de permettre de lancer une action par
combinaisons de touches, action gnralement plus rapide que celle de la
souris ([Ctrl]+[B], par exemple, pour mettre le texte slectionn en gras).
Pour connatre ces combinaisons de touches, survolez quelques instants
les boutons de lditeur ; elles apparaissent dans de petites infobulles.
Insrer une image dans le texte de larticle

Bien quil vous soit possible dinsrer une image dans le texte de
larticle grce au bouton Insert/edit image cit prcdemment, la fentre
de cration de larticle vous offre une seconde opportunit, plus volue.
1 Placez le curseur dans le texte de larticle, lendroit o

linsertion doit avoir lieu.
2
Cliquez sur le bouton Image, plac en bas de
la fentre de cration de larticle.
Une fentre apparat en surimpression devant larticle. Celui-ci nest

plus accessible jusqu la fermeture de la fentre (voir Figure 4.37).
Les principales fonctionnalits proposes dans cette fentre sont les
suivantes :
Chapitre 4
Crer des articles
Figure 4.37 : La fentre dinsertion dimages

j
j
j
j
Les vignettes des images. Lorsque lune dentre elles est clique,
le nom de limage, prcd de son chemin daccs, est insr dans
la zone URL de limage, vous vitant ainsi la saisie de cette
dernire.
Les vignettes des dossiers. Lorsque lune dentre elles est clique,
le dossier correspondant est ouvert (vous pouvez avoir recours
la cration de dossiers afin damliorer le classement de vos
images, lorsque le nombre de celles-ci est important). Le dossier
de stockage des images par dfaut est images/stories. Vous pouvez
galement avoir recours la liste droulante, propose en haut et
gauche de la fentre, pour slectionner un dossier. Le bouton
Haut, affich droite de cette liste, permet, quant lui, de
remonter au rpertoire parent.
La liste droulante de la zone Aligner permet de choisir le type
dalignement de limage (gauche ou droite).
La zone Description de limage vous permet de saisir une
description de limage.
La zone Titre vous permet de saisir le titre de limage, qui sera
affich dans le frontend lorsque le pointeur de la souris survolera
limage. Nous vous conseillons de toujours renseigner cette zone
avec un contenu pertinent, en rapport direct avec limage. Outre
j
j
j
j
Chapitre 4
linformation apporte linternaute et aux personnes

malvoyantes, dont les logiciels dassistance la lecture sont
capables de lire cette zone, ce contenu textuel est utilis par les
moteurs de recherche pour le classement des sites dans leurs
pages de rsultats.
La case Lgende. Lorsquelle est coche, elle gnre laffichage
du titre sous la forme dune lgende, cot de limage.
La rubrique Transfrer. Cette fonctionnalit a pour consquence un
gain apprciable de temps, lorsque le webmestre constate que
limage quil souhaite insrer na pas t transfre sur le site
depuis le gestionnaire de mdias. Alors quil devait, dans la
version prcdente de Joomla, enregistrer larticle et fermer
lditeur darticles, puis retourner au gestionnaire de mdias afin
de transfrer limage avant de devoir ouvrir larticle nouveau, il
peut dsormais, grce aux boutons Parcourir puis Lancer le
transfert, transfrer limage directement depuis la fentre
dinsertion de limage.
Le bouton Insrer valide linsertion de limage dans le texte de
larticle.
Le bouton Annuler annule laction dinsertion de limage.
Crer un lien hypertexte

Toute aussi utile que linsertion dimage, la fonctionnalit de cration de
liens hypertextes est indispensable. Elle vous permet, depuis une portion
de texte ou une image, de crer un lien menant une autre page de votre
site (on parle alors de "lien interne") ou une page quelconque, place
sur un autre site (on parle ici de "lien externe").
Voici le mode opratoire pour crer un lien hypertexte, depuis lditeur
darticles :
1 Slectionnez le texte ou limage sur lequel vous souhaitez crer le

lien hypertexte.
Figure 4.38 : Une partie du texte est slectionne
Chapitre 4
Crer des articles
2 Cliquez sur Insert/edit link, prcdemment dcrit.

La fentre Insert/edit link apparat. Longlet General y est activ.
Figure 4.39 : La fentre Insert/edit link
3 Dans la zone Link URL, saisissez ou collez ladresse Internet de la

page vers laquelle vous souhaitez faire pointer le lien hypertexte
(ladresse sera du type : http://www.mosaiqueinformatique.com).
4 Si le lien pointe vers la mme page que celle dans laquelle vous
tes en train de crer le lien hypertexte et si vous y avez plac des
marques au moyen du bouton Insert/edit anchor, vous pouvez
indiquer le nom de lancre dans la zone Anchor.
5 La zone Target propose, par dfaut, le choix Open in this
window/frame. Cela signifie que le lien, une fois cliqu, ouvrira
la page cible dans la fentre actuelle. Si le lien pointe vers un
autre site que le vtre, vous perdrez linternaute puisquil quittera
votre site. Vous pouvez, dans ce cas, prfrer ouvrir la nouvelle
page dans une nouvelle fentre. Choisissez, pour ce faire, loption
Open in new windows (_blank) dans la liste droulante de la zone
Target.
6 La zone Title est trs importante, mme sil nest pas obligatoire
pour vous de la remplir. En effet, le contenu textuel saisi dans
cette zone saffiche, lorsque le lien hypertexte est survol, sous la
forme dune infobulle. Celle-ci amliore laccessibilit, pour les
personnes handicapes disposant de logiciels spcifiques, ainsi
Chapitre 4
que lindexation dans les moteurs de recherche, qui accordent

beaucoup de crdit cet attribut. Saisissez-y un court texte, en
rapport avec le sujet de la page vers laquelle pointe le lien, sous la
forme dune courte phrase, par exemple.
Crer un lien vers une adresse email
Si vous souhaitez que le lien pointe non vers une page web mais vers
une adresse email, faite prcder cette adresse de la mention mailto:
dans la zone Link URL. Ladresse sera alors du type
mailto:georges@lesitedegeorges.fr.
7 Cliquez sur le bouton Insert de la fentre Insert/edit link.
Crer un saut de page dans le texte

de larticle
Si larticle est de taille importante, vous pouvez choisir de le fractionner
en plusieurs pages, qui seront accessibles par une table des matires
constituant une"mini-navigation", compose de liens hypertextes,
affichs sur chacune dentre elles.
1 Cliquez dans le texte de larticle, lendroit o vous souhaitez

crer le saut de page.
2
Cliquez sur le bouton Saut de page,
plac en bas de la fentre de cration
de larticle.
Une fentre apparat en surimpression devant larticle. Celui-ci nest
plus accessible jusqu la fermeture de la fentre.
Figure 4.40 : La fentre dinsertion du saut de page
Chapitre 4
Crer des articles
3 Dans la zone Titre de la page, saisissez le titre qui sera affich dans
la barre de titre du navigateur, lorsque la portion de page sera
affiche. Comme nous lavons fait prcdemment pour le titre
dune image, nous vous conseillons de toujours renseigner cette
zone avec un contenu pertinent, en rapport direct avec la page ;
cette information est utilise notamment par les moteurs de
recherche lorsquils effectuent le rfrencement du site.
4 Dans la zone Tableau des alias darticles, saisissez le texte qui sera
affich dans la table des matires. Si cette zone est laisse vide, le
texte constituant le titre sera utilis par Joomla.
Figure 4.41 : Exemple de textes saisis dans les deux zones
5 Cliquez sur le bouton Insrer un saut de page.

Dans lditeur, le saut de page est figur dans le texte par une ligne
pointille.
Figure 4.42 : Le symbole du saut de page
Chapitre 4
Modification et suppression dun saut de page
Un saut de page ne peut pas tre modifi. Si vous souhaitez le

modifier, vous devez le supprimer puis le recrer. Pour le supprimer,
placez le curseur sur la ligne suivant le symbole du saut de page puis
appuyez sur la touche [].
6 Enregistrez les modifications et retournez la gestion des articles

en cliquant sur le bouton Enregistrer.
7 Ouvrez longlet de votre navigateur dans lequel est affiche la
partie publique du site puis cliquez sur le lien Home.
8 Cliquez, la rubrique Latest News, sur le lien pointant vers votre
article.
La table des matires apparat dans la partie droite de larticle.
Figure 4.43 : La table des matires
En bas de la page, sont dsormais affichs des liens de navigation vers

les pages constituant larticle.
Figure 4.44 :
Les liens de navigation
Dans la barre de titre du navigateur est affich le titre de larticle.

Chapitre 4
Crer des articles
Figure 4.45 :
Le titre de la page
9 Dans la table des matires, cliquez, sur le lien pointant vers la

seconde page de larticle et portant le libell saisi prcdemment
dans la zone Tableau des alias darticles.
Figure 4.46 :
Le lien pointant
vers la seconde
page de larticle
Dplacement dans les pages
Pour vous dplacer dans les pages, vous pouvez galement utiliser les
liens de navigation gnrs automatiquement en bas de page.
La seconde page apparat, avec la mention "Page 2 de 2".
Figure 4.47 : La seconde page
Dans la barre de titre du navigateur est affich le titre saisi

prcdemment dans la zone Titre de la page.
10 Rptez lopration autant de fois que ncessaire pour crer

dautres sauts de page.
Chapitre 4
Vous allez maintenant dcouvrir les principaux paramtres de

personnalisation de larticle.
Dfinir les paramtres de larticle

Les paramtres par dfaut
Afin de vous viter de redfinir les paramtres lis aux articles dans
chacun dentre eux, Joomla autorise la dfinition dun ensemble de
paramtres gnraux qui sont appliqus par dfaut aux articles. Vous
conservez toutefois la possibilit de modifier ponctuellement ces
paramtres dans chacun des articles.

La page de gestion des articles apparat.
2 Depuis la page de gestion des articles, cliquez sur le bouton

Paramtres.
Figure 4.48 : Le bouton Paramtres, affich dans la partie

suprieure droite du gestionnaire darticles
Une fentre apparat en surimpression devant le gestionnaire darticles

(voir Figure 4.49).
3 Modifiez, le cas chant, les paramtres que vous souhaitez

appliquer par dfaut aux articles (les principaux paramtres de
cette liste sont expliqus dans la section qui suit).
4 Cliquez sur le bouton Sauver afin de quitter la fentre en
sauvegardant les modifications ou sur le bouton Annuler pour
quitter sans sauvegarder.
Chapitre 4
Crer des articles
Figure 4.49 : La fentre de gestion des paramtres par dfaut
Les paramtres spcifiques de larticle

Les paramtres dfinis par dfaut peuvent tre modifis ponctuellement
pour chacun des articles.

La page de gestion des articles apparat.
2 Utilisez, le cas chant, les listes des zones Slectionner une

section, Slectionner une catgorie, Slectionner un auteur ou/et
Slectionner un tat pour filtrer les titres darticles affichs.
Figure 4.50 : Les articles sont ici filtrs sur la section
Chapitre 4
3 Cliquez sur le lien pointant vers larticle prcdemment cr et

portant le nom de larticle.
Larticle est de nouveau affich dans lditeur darticles.
Les paramtres non modifiables

Dans la partie suprieure droite de la fentre sont affiches des
informations non modifiables ( lexception du compteur de clics, qui
peut tre rinitialis).
Figure 4.51 : Les informations non modifiables
Ces informations sont les suivantes :

j
j
j
j
j
lidentifiant de larticle, qui se compose dun numro unique,

affect automatiquement par Joomla ;
ltat de publication de larticle ;
le nombre de clics, qui indique le nombre de fois o larticle a t
affich dans le frontend (cette valeur peut tre rinitialise au
moyen du bouton Rinitialiser) ;
le nombre de rvisions, qui indique le nombre de modifications
enregistres depuis que larticle a t affich, modifications
effectues par vous-mme ou dautres administrateurs du site,
dans lditeur darticles du backend ;
la date de cration de larticle ;
la date de dernire modification de larticle.
Les paramtres courants de larticle

Cliquez maintenant sur la zone Paramtres Article prcde dune petite
flche verte, en dessous de la zone daffichage des informations non
modifiables, afin de faire apparatre les paramtres de cette rubrique.
Chapitre 4
Crer des articles
Figure 4.52 : Les paramtres de la zone Paramtres Article
Les paramtres accessibles dans cette rubrique sont les suivants :

j
j
j
j
Lauteur.
Le pseudo de lauteur, qui sera affich, le cas chant, en
remplacement du nom de lauteur.
Le niveau daccs, correspondant aux groupes Public, Enregistr et
Spcial.
La date de cration de larticle, qui peut tre aisment modifie
par un clic sur un calendrier interactif, affich lorsque le bouton
plac droite de la zone de date est cliqu.
Figure 4.53 : La saisie de la date de cration seffectue par un simple

clic sur un calendrier

j
Chapitre 4
La date de publication. Ce paramtre est utile si vous souhaitez,

par exemple, prparer un certain nombre darticles destins tre
diffuss pendant vos vacances, donnant ainsi lillusion aux
internautes (et aux moteurs de recherche) dune mise jour
rgulire. Larticle est publi ds que la date de publication est
atteinte. Par dfaut, la date de publication est identique la date
de cration.
La date de fin de publication. Ce paramtre vous sera utile si vous
souhaitez publier un article pendant une priode dtermine, puis
mettre fin sa mise en ligne une date donne.
Les paramtres avancs

Cliquez prsent sur la zone affichant Paramtres Avancs, prcde
dune petite flche verte, en dessous de la zone daffichage Paramtres
Article, afin de faire apparatre les paramtres de cette rubrique. Pour la
plupart dentre eux, cest la valeur par dfaut (correspondant au choix
Paramtres globaux dans les listes droulantes des paramtres) qui est
propose (mais une autre valeur peut tre choisie afin dtre applique
ponctuellement larticle).
j
j
Le choix daffichage ou de masquage du titre de larticle.

Lactivation/dsactivation de la fonctionnalit "titres cliquables".
Figure 4.54 :
Les paramtres de
la zone Paramtres
Avancs
Chapitre 4
j
j
j
j
j
Crer des articles
Le choix daffichage ou de masquage du texte dintroduction.

Cette fonctionnalit est utile lorsque, par exemple, le titre dun
nouvel article est affich en page daccueil, suivi dun court texte
dintroduction, composant le dbut de larticle. Il est alors
possible de choisir si ce texte introductif est ou non affich
lorsque larticle est consult dans son intgralit.
Le choix daffichage ou de masquage du nom de la section
laquelle est rattach larticle, lorsque celui-ci est consult (outre
linformation supplmentaire quil apporte linternaute, ce
libell peut amliorer le positionnement de la page dans les
moteurs de recherche, en apportant un lment textuel en rapport
direct avec le sujet de larticle).
Lactivation/dsactivation de la fonctionnalit "titre de section
cliquable".
Le choix daffichage ou de masquage du nom de la catgorie
laquelle larticle est rattach, lorsque celui-ci est consult (outre
linformation supplmentaire quil apporte linternaute, ce
libell peut amliorer le positionnement de la page dans les
moteurs de recherche, en apportant un lment textuel en rapport
direct avec le sujet de larticle).
Lactivation/dsactivation de la fonctionnalit "titre de catgorie
cliquable".
Lactivation/dsactivation de la fonctionnalit permettant
linternaute daffecter une note larticle.
Figure 4.55 : La fonctionnalit daffectation dune note larticle, par

linternaute, affiche ici dans le frontend
j
j
j
Le choix daffichage ou de masquage du nom de lauteur.

Le choix daffichage ou de masquage de la date et de lheure de
cration de larticle.
Le choix daffichage ou de masquage de la date et de lheure de
dernire modification de larticle.

j
j
j
j
Chapitre 4
Le choix daffichage ou de masquage de licne PDF (qui permet

un visiteur de gnrer un fichier au format PDF, quil pourra
facilement enregistrer ou transmettre, et renfermant le contenu de
larticle).
Le choix daffichage ou de masquage de lIcne Imprimer (qui
permet un visiteur dimprimer facilement le contenu de
larticle).
Le choix de la langue de larticle (qui permet dindiquer en quelle
langue est rdig larticle).
La possibilit dindiquer une cl de rfrence larticle, dans
certaines configurations.
La possibilit dindiquer une expression autre que le texte "lire la
suite", lorsque le dbut de larticle est, par exemple, affich en
page daccueil. Cette fonctionnalit amliore laccessibilit du
site aux personnes malvoyantes ainsi que lindexation de larticle
dans les moteurs de recherche, si lexpression utilise renferme
des mots-cls en rapport avec le sujet trait dans larticle
(lutilisation du bouton Lire la suite est explicite plus loin).
Les paramtres des mtadonnes

La structure dune page HTML intgre une zone den-tte, destine
tre affiche dans la page et renfermer tous les lments ntant pas
destins tre affichs dans la fentre du navigateur de linternaute
visitant le site.
Certains de ces lments, nomms "mtadonnes", sont principalement
utiliss par les moteurs de recherche.
Lditeur darticle permet de renseigner certains dentre eux, lorsque la
zone Informations des mtadonnes est clique (voir Figure 4.56).
j
La zone Description, qui sera affiche par les moteurs de

recherche, en tant que description de la page. Mme si cette zone
na pas dincidence sur lindexation dans les moteurs, il est utile
de la renseigner avec prcision car elle sera visible des internautes
dans les pages de recherche ; cest donc elle qui dclenchera (ou
non) les clics sur le lien menant la page.
La zone Mots-cls. La finalit de cette mtadonne est de recevoir
des mots-cls, en rapport avec le sujet trait dans larticle, et
Chapitre 4
Crer des articles
spars par des virgules. De nombreux webmestres en ayant fait

un usage intempestif, en y plaant un nombre excessif et inadapt
de mots-cls, la quasi-totalit des grands moteurs de recherche,
dont Google, ne lui accordent plus aucun crdit. La zone Motscls peut toutefois tre utile si le module Related Items est activ.
Le module Related Items
Ce module de Joomla a pour fonction, lorsquil est activ, dafficher

des liens de navigation entre des articles ayant des mots-cls communs.
Outre la fluidit de navigation sur le site quelle apporte, cette
fonctionnalit amliore le rfrencement des articles car ils constituent
des "liens profonds" entre des pages dont le contenu rdactionnel est
similaire ou trs proche.
Figure 4.56 : Les paramtres de la zone Informations des mtadonnes

j
La zone Robots peut renfermer des informations facultatives

composes dinstructions spcifiques aux programmes de certains
moteurs de recherche.
La zone Auteur est galement une information facultative : le nom
de lauteur, utilis par certains moteurs de recherche.
Publier larticle en page daccueil

Par dfaut, sa cration, larticle a le statut "publi", cest--dire quil
sera visible dans le frontend, sil est accessible depuis un menu, par
exemple.
Chapitre 4
Vous pouvez, en outre, le rendre visible sur la page daccueil (pour

annoncer aux visiteurs une rcente parution ou parce que larticle est
trs important).
1 Pour publier ou dpublier larticle, cochez lune des options de la

zone Publi.
2 Pour rendre visible ou non larticle sur la page daccueil, cochez
lune des options de la zone Page daccueil.
Figure 4.57 : Les options de publication et daffichage en page

daccueil de larticle
Le bouton Lire la suite

Lditeur darticles prsente, dans sa partie infrieure, un bouton Lire la
suite. Lorsquil est cliqu, il gnre linsertion dune ligne pointille
rouge dans le texte de larticle.
Figure 4.58 : Le bouton Lire la suite
Figure 4.59 : Dans le texte de larticle, la fonctionnalit Lire la suite est

symbolise par une ligne pointille rouge
Chapitre 4
Crer des articles
La fonctionnalit se matrialise, dans le frontend, par un lien

mentionnant le texte "Lire la suite", lendroit o a t plac le symbole
dans le texte.
Figure 4.60 : Le lien Lire la suite, affich dans le fontend
Vous savez dsormais comment crer des articles et les affecter des
sections et des catgories. Vous allez maintenant dcouvrir les
diffrentes mthodes qui soffrent vous pour les afficher dans le site.
4.7. Check-list
j
j
j
Le systme utilise des paramtres gnraux quil convient de

dfinir lors de la mise en uvre.
Joomla utilise un classement hirarchis des articles, rpartis en
sections et en catgories.
Un diteur WYSIWYG de code HTML permet deffectuer une
mise en forme avance des textes, des images et objets qui
constituent les articles.
Un module spcial permet de placer les articles de votre choix en
page daccueil, afin den accrotre la visibilit.
Administrer
les menus
Dsactiver les menus inutiles ......................................................................................... 160
Modifier un menu existant ............................................................................................... 162
Exploiter les diffrents lments de menu .................................................................. 163
Ajouter un item au menu .................................................................................................. 175
Crer un nouveau menu ................................................................................................... 177
Modifier les paramtres daffichage dun menu ........................................................ 180
Check-list ............................................................................................................................. 187
Chapitre 5
Lors de son installation, avec les donnes dexemple, le frontend de

Joomla prsente diffrents menus, de types horizontaux et verticaux.
Les menus renferment des liens (items), menant soit directement des
articles, soit des composants daffichage des articles.
titre dexemple, vous allez dcouvrir les items du menu principal de
Joomla, le menu mainmenu. Cliquez pour cela sur Menus/Main Menu.
Le Gestionnaire dlments de menu apparat, affichant les diffrents
items implments par dfaut lors de linstallation des donnes
dexemple de Joomla (Home, Joomla Overview, etc.).
Figure 5.1 : Les diffrents items du menu Main Menu
5.1. Dsactiver les menus inutiles

Pour apprhender aisment le mode de fonctionnement des menus de
Joomla, nous vous proposons de commencer par dsactiver ceux que
vous nutiliserez pas, pendant votre phase de dcouverte du CMS, en
tous cas.
Lobjectif de la manipulation qui va suivre est donc le suivant :
conserver uniquement le menu horizontal, affich en haut de la fentre
du frontend, et le premier menu vertical, affich gauche de la fentre
du frontend.
1 Cliquez sur Extensions/Gestion des modules.
Dsactiver les menus inutiles
Chapitre 5
Le gestionnaire de modules apparat.
2 Dans la colonne Activ du gestionnaire, cliquez sur les symboles

dactivation des lignes des modules User Menu, Resources,
Example pages et Keys Concepts afin de dsactiver ces modules.
Figure 5.2 : Les modules peuvent tre activs ou dsactivs par de

simples clics dans la colonne Activ
3 Retournez dans longlet de votre navigateur dans lequel est

affiche la partie publique du site et actualisez la page en cliquant
sur le bouton dactualisation du navigateur.
Seuls le menu horizontal (en haut) et le menu principal ( gauche)
restent affichs.
Figure 5.3 : Les menus dsactivs napparaissent plus dans le frontend
Chapitre 5
5.2. Modifier un menu existant

Vous allez apprendre ici dsactiver les items du menu inutiles et en
ajouter de nouveaux.
Procdez ainsi :
1 Cliquez sur Menus/Main Menu.

Le gestionnaire dlments de menu est affich.
2 Dans la colonne place gauche de la colonne Alias de menu,

cochez toutes les lignes lexception de Home.
Figure 5.4 : Les alias dsactiver sont cochs
Exploiter les diffrents lments de menu
Chapitre 5
Cliquez sur le bouton Dpublier.
4 Retournez dans longlet de votre navigateur dans lequel la partie

publique du site est affiche et actualisez la page en cliquant sur le
bouton dactualisation du navigateur.
Le menu principal naffiche plus quun item : le lien Home.
Figure 5.5 :
Les items dpublis
napparaissent plus dans le menu
5.3. Exploiter les diffrents lments

de menu
Lune des particularits remarquables de Joomla est le nombre
impressionnant de fonctionnalits que le systme permet dattacher aux
items de menus. Vous allez les dcouvrir dans ce qui suit.

Le Gestionnaire dlments de menu est affich.
Cliquez sur le bouton Nouveau.
La page Alias de menu: [ Nouveau ] est affiche. la rubrique Slection du

dlment de menu sont proposes de trs nombreuses
fonctionnalits daffichage de contenus, qui peuvent tre appeles depuis
les items du menu.
type
Chapitre 5
Figure 5.6 : La page affiche permet la cration de nombreux types ditems
de menus
Les fonctionnalits daffichage des liens

internes
Ces routines offrent de nombreuses mthodes diffrentes de prsentation
des contenus du site, accessibles par un lien de menu.
1 Cliquez sur le lien Articles afin de dvelopper les options quil

propose.
Les types ditems de cette catgorie sont affichs (voir Figure 5.7).
Les liens proposs sont les suivants :
j Liste des articles archivs.
j
j
Cette fonctionnalit permet dafficher les

articles archivs et classs par dates.
Un article. Cette fonctionnalit permet dafficher un article unique.
Proposition darticle. Cette fonctionnalit permet aux internautes
disposant dun niveau dadministration gal ou suprieur celui
dauteur de proposer des articles aux administrateurs du site.
Chapitre 5
Figure 5.7 : Les types ditems de menus de la catgorie Articles

j Articles dune catgorie donne en blog.
Cette fonctionnalit permet

dafficher les articles appartenant une catgorie dans une forme
rappelant celle utilise sur les blogs.
Liste des articles dune catgorie. Cette fonctionnalit permet
dafficher les articles appartenant une catgorie sous la forme
dune liste, renfermant des liens cliquables, menant aux articles.
Page daccueil au format blog. Cette fonctionnalit permet
dafficher certains articles slectionns dans une forme rappelant
celle utilise sur les blogs.
Chapitre 5
j Articles dune section donne en blog.

dafficher les articles appartenant une section dans une forme
rappelant celle utilise sur les blogs.
Liste des articles dune section. Cette fonctionnalit permet
dafficher les articles appartenant une section sous la forme
dune liste, renfermant des liens cliquables, menant aux articles.
2 Cliquez sur le lien Contacts afin de dvelopper les options quil

propose.
Les types ditems de cette catgorie sont affichs.
Figure 5.8 : Les types ditems de menus de la catgorie Contacts

classs par catgories. Cette fonctionnalit permet
dafficher une liste de contacts (afin de permettre aux internautes
de communiquer avec les administrateurs du site), classs par
Fiche standard de contacts. Cette fonctionnalit permet dafficher
la fiche dinformations relatives un contact spcifique.
j Contacts
3 Cliquez sur le lien Fils dactualit afin de dvelopper les options

quil propose.
Chapitre 5
Figure 5.9 : Les types ditems de menus de la catgorie Fils dactualit

j Disposition de la liste de catgorie.
j
j

dafficher une liste de catgories de fils dactualit.
Disposition de la catgorie. Cette fonctionnalit permet dafficher
une liste de fils dactualit appartenant une catgorie de fils.
Fil dactualit simple. Cette fonctionnalit permet dafficher un fil
dactualit unique.
4 Cliquez sur le lien Sondage afin de dvelopper loption quil

propose.
Les types ditems de cette catgorie sont affichs (voir Figure 5.10).
Le lien propos est Mise en page du sondage. Cette fonctionnalit permet
dafficher les rsultats dun sondage.
5 Cliquez sur le lien Rechercher afin de dvelopper loption quil

propose.
Chapitre 5
Figure 5.10 : Les types ditems de menus de la catgorie Sondage
Figure 5.11 : Les types ditems de menus de la catgorie Rechercher
Chapitre 5
Le lien propos est Rechercher. Cette fonctionnalit permet dafficher un

formulaire de recherche et laffichage des rsultats associ.
6 Cliquez sur le lien Utilisateur afin de dvelopper les options quil

propose.
Figure 5.12 : Les types ditems de menus de la catgorie Utilisateur

j Identification.
j
Cette fonctionnalit permet dafficher une page

didentification, lattention des visiteurs du site.
Enregistrement dun utilisateur. Cette fonctionnalit permet
dafficher une page dinscription, lattention des visiteurs du
site.
Chapitre 5
j Rappel.
j
j
Cette fonctionnalit permet dafficher une page dans

laquelle lidentifiant dun utilisateur peut lui tre rappel, sil la
oubli.
Rinitialiser. Cette fonctionnalit permet dafficher une page dans
laquelle un utilisateur peut changer de mot de passe.
Utilisateur. Cette fonctionnalit permet dafficher une page
contenant un message lorsque lutilisateur accde un espace
priv.
Mise en page utilisateur. Cette fonctionnalit permet un utilisateur
dditer les paramtres de son compte.
7 Cliquez sur le lien Liens Web afin de dvelopper les options quil
propose.
Figure 5.13 : Les types ditems de menus de la catgorie Liens Web
Chapitre 5

j Liste des catgories de liens Web.
j
j

dafficher une liste de catgories de liens web.
Liste de catgories. Cette fonctionnalit permet dafficher une liste
de liens web appartenant une catgorie de liens.
Soumission de lien Web. Cette fonctionnalit permet aux
utilisateurs enregistrs de soumettre un lien web.
8 Cliquez sur le lien Encapsuleur (Wrapper) afin de dvelopper

loption quil propose.
Figure 5.14 : Les types ditems de menus de la catgorie Encapsuleur
(Wrapper)
Chapitre 5
Le lien propos est Encapsuleur (Wrapper). Cette fonctionnalit permet

dafficher une fentre dencapsulation (correspondant la balise html
<iframe>) dans laquelle peut tre affiche une page dun site
quelconque.
Crer un item de menu pointant vers

une page externe
Cette fonctionnalit vous est utile lorsque vous dsirez ouvrir une page
externe depuis un lien dans lun des menus de votre site Joomla.
1 Cliquez sur le lien Lien externe.

Lditeur de liens externes est affich.
Figure 5.15 : Lditeur de liens externes
Les principales zones quil vous faut renseigner, pour la cration du lien,
sont les suivantes :
j
j
j
le titre, qui apparatra dans le menu ;

ladresse de la page vers laquelle pointe le lien ;
le nom du menu dans lequel sera cr litem ;

j
Chapitre 5
le lien parent dans le menu (il est ainsi possible de crer des
menus hirarchiss).
2 Cliquez sur le bouton Sauver pour enregistrer votre travail ou sur

Annuler si vous souhaitez sortir sans sauvegarder.
Crer un item de sparation dans un menu

1 De retour dans le Gestionnaire dlments de menu, cliquez sur le
bouton Nouveau, afin daccder comme prcdemment la
slection du type dlment de menu.
2 Cliquez sur le lien Sparateur.
Lditeur de sparateur est affich.
Figure 5.16 : Lditeur de sparateur
3 Pour crer une sparation dans le menu (si le nombre dlments

quil renferme est important et que vous souhaitiez le scinder en
Chapitre 5
plusieurs parties, par exemple), rptez le caractre de sparation

dans la zone Titre.
Figure 5.17 :
titre dexemple,
une ligne de
sparation a ici t
cre au moyen du
caractre "gal" et
une autre au
moyen du
caractre "dollar"
4 Cliquez sur le bouton Sauver pour enregistrer votre travail ou sur

Annuler si vous souhaitez sortir sans sauvegarder.
Crer un alias de menu

bouton Nouveau, afin daccder comme prcdemment la
slection du type dlment de menu.
2 Cliquez sur le lien Alias.
Lditeur dalias est affich.
Vous pouvez alors crer un item de menu pointant vers un item de menu
dj constitu, tout en lui conservant ses paramtres. Cette technique est
utile pour optimiser lindexation dans les moteurs de recherche car une
adresse unique est utilise pour accder une page donne, vitant ainsi
aux moteurs dy voir un "contenu dupliqu".
Contenu dupliqu
Ce terme dsigne, dans la terminologie des moteurs de recherche, la

rptition dun mme contenu dans des pages diffrentes. Dans un tel
Ajouter un item au menu
Chapitre 5
cas, les moteurs de recherche, Google notamment, dcident, selon

les paramtres en leur possession, quelle est la page originelle, et
lindexent dans leurs banques de donnes alors que les autres pages sont,
elles, ignores.
Joomla cre les adresses des pages en leur affectant des paramtres
diffrents en fonction des menus ou des modules qui les appellent (du
type http://www.formations-informatiques-nancy.mosaiqueinformatique.fr/index
.php?option=com_content&view=article&id=47:creez-votre-site-web&catid=39:internet).
Aussi est-il prfrable dviter des consquences nfastes sur lindexation
dune page en lui affectant toujours une adresse unique.
5.4. Ajouter un item au menu

titre dexemple, vous allez ajouter un lien dans le menu principal,
menant directement un article que vous avez cr prcdemment. Vous
pourrez facilement reproduire ce mode opratoire pour ladapter
dautres types dlments de menu.

Le Gestionnaire dlments de menu est affich.
Cliquez sur le bouton Nouveau.
La page Alias de menu: [ Nouveau ] est affiche.
3 Dans la liste des types ditems proposs sous Lien interne, cliquez
sur Articles. Sous Article, cliquez sur Un article (voir Figure 5.18).
Le Gestionnaire dlments de menu apparat.
4 Dans la zone Titre, saisissez un court texte, qui constituera le

libell devant tre affich dans le menu.
5 Cliquez sur le bouton Slection, droite de la zone Slection
article (voir Figure 5.19).
Chapitre 5
Figure 5.18 :
Le lien cliquer
Figure 5.19 :
Le bouton Slection
Une fentre apparat en surimpression de la page. Vous allez pouvoir y

effectuer la slection de larticle.
Figure 5.20 :
La fentre autorisant
la slection de
larticle est affiche
en surimpression de
la fentre principale
6 Choisissez, le cas chant, la section et la catgorie auxquelles est

rattach larticle dans les listes des zones Slectionner une section
Crer un nouveau menu
Chapitre 5
et Slectionner une catgorie. Cliquez sur le titre de larticle vers

lequel vous souhaitez faire pointer le lien.
La fentre en surimpression disparat.

bouton Sauver.
affiche la partie publique du site et actualisez la page en cliquant
Litem ajout apparat dsormais dans le menu. Un clic sur litem
affiche la page correspondante.
Figure 5.21 :
Le nouvel item est
maintenant propos
dans le menu
5.5. Crer un nouveau menu

Aprs avoir appris ajouter un item dans un menu, vous allez
maintenant dcouvrir comment crer un menu complet et comment le
paramtrer afin de modifier son apparence.
Votre objectif sera ici de crer un second menu vertical, affich
en-dessous du menu principal.
1 Cliquez sur Menus/Gestion des menus puis sur Nouveau.

La page Dtails du menu: [ Nouveau ] est affiche.
2 Dans la zone Type de menu, saisissez par exemple monmenu (ce

nom est utilis dans le code de Joomla pour identifier le menu. Il
est prfrable de ne pas utiliser despace dans ce nom).
Chapitre 5
3 Dans la zone Titre, saisissez par exemple Mon menu (ce nom
apparatra dans la partie publique du site, si vous le dsirez).
4 Dans la zone Titre du module, saisissez par exemple monmenu (ce
nom sera donn au module correspondant au menu et que vous
retrouverez dans le Gestionnaire de modules).
Figure 5.22 : La cration dun nouveau menu

Bien que cr, votre menu nest pas encore visible dans le frontend.
Vrifiez-le

affiche la partie publique du site. Actualisez la page en cliquant
Le nouveau menu nest pas visible. Vous devez en effet activer le
module.

affich le backend et cliquez sur Extensions/Gestion des
modules.
Le Gestionnaire de modules apparat.
8 lintersection de la ligne affichant le nom du module de menu et

de la colonne Activ, cliquez sur le symbole dactivation du
Crer un nouveau menu
Chapitre 5
module afin de lactiver (le symbole passe dune croix blanche sur
fond rouge une coche verte).
Figure 5.23 : Le module est activ depuis le Gestionnaire de modules
9 Activez de nouveau longlet de votre navigateur dans lequel est

Cette fois, le nouveau menu est affich. Il ne contient pour linstant
aucun item mais vous pourrez y ajouter ceux de votre choix facilement
en appliquant le mode opratoire dcrit prcdemment la section
Exploiter les diffrents lments de menu.
Figure 5.24 :
Le nouveau menu est
maintenant visible dans le
frontend
Chapitre 5
5.6. Modifier les paramtres

daffichage dun menu
Vous allez dcouvrir quelques paramtres significatifs affectant la
prsentation des menus.
Appliquer un style au menu

Comme vous lavez certainement constat, le nouveau menu ne
bnficie pas dune mise en forme identique celle du menu principal,
affich en-dessous.
Vous allez remdier cela en lui appliquant un "suffixe de classe CSS",
cest--dire une mise en forme enregistre dans la feuille de style
rgissant le template actuellement appliqu au site.
1 Retournez dans longlet de votre navigateur dans lequel est affich

le backend et cliquez sur le nom du menu prcdemment cr, dans
le Gestionnaire de modules, afin daccder ses paramtres.
Figure 5.25 : Un clic sur le nom du menu permet daccder ses
paramtres
Modifier les paramtres daffichage dun menu
Chapitre 5
La page Module: [ diter ] est affiche.
Figure 5.26 : La page ddition des paramtres du module
2 Cliquez sur Paramtres avancs afin daccder aux paramtres

renferms dans cette rubrique puis saisissez _menu dans la zone
Suffixe de classe de module.
Figure 5.27 : Lajout dun suffixe de classe de module

4 Basculez dans longlet de votre navigateur dans lequel est affiche
la partie publique du site et actualisez la page en cliquant sur le
La mise en forme applique au nouveau menu est analogue celle
applique au menu principal.
Chapitre 5
Figure 5.28 :
La mise en forme
applique au nouveau
menu
Modifier lordre des menus

Le nouveau menu a t insr avant le menu principal. Cet ordre peut ne
pas vous convenir. Il est facilement modifiable en changeant lordre des
modules.
1 Dans longlet de votre navigateur dans lequel est affich le

backend, cliquez sur Extensions/Gestion des modules.
2 Dans la colonne Ordre du gestionnaire de modules, sur la ligne
correspondant au nouveau module, cliquez sur le bouton Dplacer
vers le bas, symbolis par une flche verte pointant vers le bas.
Figure 5.29 : Le bouton Dplacer vers le bas

Le nouveau menu est dsormais affich sous le menu principal.
Chapitre 5
Figure 5.30 :
La modification de
lordre des menus
dans le frontend
Modifier la position du menu

Lordre dun menu nest pas le seul paramtre interfrant sur son
placement dans le site : il vous est galement possible de modifier sa
position.
Les positions sont des emplacements qui dpendent du template utilis.
Il est donc utile de consulter les positions disponibles dans le template
avant de modifier la position dun menu ou dun module.
1 Depuis le backend, cliquez sur Extensions/Gestionnaire des

templates.
Le gestionnaire de templates est affich.
2 Dans la colonne Nom du Template, cliquez sur le nom du template

appliqu actuellement sur le site (indiqu par une toile jaune
affiche dans la colonne Dfaut). Dans cet exemple, cest le
template rhuk_milkyway qui est employ.
Chapitre 5
Figure 5.31 : La slection du template, depuis le Gestionnaire de
templates
Les paramtres du template sont affichs dans la page Template: [ diter ].

Ils sont spcifiques ce template (dautres templates disposeront
dautres paramtres).
Cliquez sur le bouton Prvisualiser.
La page Gestion des templates est affiche. Vous pouvez y consulter les
positions des modules, indiques en surimpression sur la page (les
positions portent des noms tels que left, user1, user2, right, etc.)
Figure 5.32 : La page Gestion des templates
Chapitre 5
Dans cet exemple, vous allez placer votre menu vide en position right.
Dans la page de gestion des templates, cliquez sur le

bouton Retour.
5 De retour dans la page Template: [ diter ], cliquez sur le bouton

Fermer.
6 Cliquez sur Extensions/Gestion des modules.
7 Dans la colonne Nom du module du gestionnaire de modules,
cliquez sur le nom du nouveau menu.
La page Module: [ diter ] est affiche.
8 la rubrique Dtails, droulez la liste de la zone Position et

choisissez right.
Figure 5.33 : Le choix de la position

10 Basculez dans longlet de votre navigateur dans lequel est affiche
la partie publique du site. Actualisez la page en cliquant sur le
Le menu est dsormais affich dans la partie droite du site.
Chapitre 5
Figure 5.34 : Laffichage du menu en position right
Modifier le style du menu

En fonction des positions et des spcificits du template, il est galement
possible de modifier le style du menu (transformer un menu vertical en
un menu horizontal par exemple), au moyen des choix proposs dans la
zone Style du menu.
Figure 5.35 : Les choix proposs dans la zone Style du menu permettent de
modifier le style du menu, en fonction des options du template
Check-list
Chapitre 5
Limiter laffichage du menu certaines

parties du site
Il nest pas obligatoire dafficher le menu dans toutes les pages du site.
Vous pouvez ainsi choisir de faire apparatre uniquement un menu
spcifique sur certaines parties de votre site. Indiquez pour cela votre
choix la rubrique Affectation de menu : cochez loption Slectionner
le(les) lment(s) de menu depuis la liste dans la zone Slectionner un menu
puis indiquez, dans cette dernire, les menus sous lesquels doit
apparatre votre menu spcifique.
Figure 5.36 : La rubrique Affectation de menu
5.7. Check-list
j
j
j
Il est possible de crer facilement des menus de navigation

personnalisables afin dafficher les articles du site.
Un item de menu peut pointer vers de trs nombreux modules
daffichage de contenus ou lancer des fonctionnalits avances.
La position et laspect des menus peuvent tre moduls volont.
Utiliser
les fonctionnalits
natives de Joomla
Grer les mdias ................................................................................................................ 190
Grer les niveaux daccs et les utilisateurs ............................................................... 198
Utiliser la messagerie de Joomla ................................................................................... 210
Utiliser la newsletter .......................................................................................................... 213
Effectuer une mise jour de Joomla ............................................................................ 214
Check-list ............................................................................................................................. 216
Chapitre 6
Utiliser les fonctionnalits natives de Joomla
Dans cette section, vous dcouvrirez en dtail lutilisation des autres

fonctionnalits principales de Joomla.
6.1. Grer les mdias

Sous Joomla, le terme mdia dsigne essentiellement les images, bien
quil vous soit possible dutiliser des fichiers dautres types, tels que les
fichiers PDF.
Voici donc quelques consignes utiles concernant la cration des images
et leur utilisation.
Les formats dimages

Vous trouverez ci-aprs une description succincte des principaux
formats dimages destins tre utiliss sur Internet.
Le format GIF
Les principales caractristiques de ce format sont les suivantes :
j
j
j
Il utilise 256 nuances de couleurs au maximum (il est possible de

travailler en couleurs scurises pour le Web).
Cest le format le plus utilis pour les lments graphiques de
navigation sur les sites web (boutons, puces, etc.).
Il autorise la gestion de la transparence. Il est alors possible de
confrer limage un aspect autre que rectangulaire, puisque le
fond de la page (couleur ou image) apparat dans les zones de
transparence, ce qui nest pas le cas avec une image reprsentant
un sujet sur un fond blanc ou dune autre couleur (le sujet est
affich dans un rectangle dune couleur diffrente de celle du fond
de la page, ce qui donne une connotation de travail inachev et
amateur au site).
Il permet la gestion danimations ("gifs anims") par un
enchanement de plusieurs images dans un mme fichier. Le poids
de ce dernier peut alors tre considrablement augment. Bien
quencore couramment employ, les webmestres lui prfrent de
plus en plus souvent la technologie Flash (qui offre des
possibilits danimations bien suprieures).
Grer les mdias
Chapitre 6
Origine du mot GIF

GIF signifie Graphics Interchange Format.
Le format JPG (ou JPEG)

j
j
j
Il utilise 16 millions de couleurs environ.

Cest le format le plus souvent employ pour laffichage des
photographies.
Il utilise un algorithme de compression destructive, cest--dire
que la diminution du poids du fichier se fait au dtriment de la
qualit de limage (une diminution du poids du fichier entrane
une diminution de la qualit).
Origine du mot JPEG
JPEG signifie Joint Photographic Experts Group.
Le format PNG
j
j
j
j
Il est compress mais non destructeur.

Il gre la transparence et la translucidit.
Il est utile pour lenregistrement des images renfermant des aplats
de couleurs (boutons, icnes, graphiques, etc.).
Concernant les photographies, en revanche, le poids des fichiers
est suprieur celui des fichiers JPG, en 16 millions de couleurs.
Origine du mot PNG
PNG signifie Portable Network Graphics.
Technologie Flash
Chapitre 6
j
j
j
j
Cest un format propritaire (Flash a t initialement dvelopp

par Macromedia, socit cratrice de Dreamweaver, aujourdhui
rachete par Adobe).
Les fichiers Flash utilisent lextension .SWF ; le format des
animations prtes lemploi.
Les fichiers sources portent lextension .FLA, non utilisable sur le
Web.
Pour dcoder un fichier SWF, le navigateur doit tre quip de
Flash Player (module complmentaire, tlchargeable gratuitement
sur le Web).
degrs danimations gaux, les fichiers Flash sont beaucoup
plus lgers que les fichiers GIF et permettent de crer de
linteractivit.
Optimiser et retoucher les images

pour Internet
Utiliser des images directement sorties de lappareil numrique nest pas
une solution envisageable : recadrage, diminution du poids,
amliorations des couleurs, des contrastes et des niveaux sont quelques
exemples significatifs des traitements indispensables, si vous souhaitez
donner de la valeur ajoute aux textes qui composent vos pages.
Les logiciels de retouches photographiques vous permettent tous ces
traitements.
Choisir le logiciel de traitement dimage

Il existe de nombreux logiciels de ce type ; la plupart sont
tlchargeables sur le web. Certains sont gratuits, dautres, les plus
puissants, payants.
Photoshop
Photoshop est le logiciel de rfrence en matire de retouches
photographiques. Il est produit par la socit Adobe. Il est employ par
tous les professionnels de limage et les amateurs avertis.
Grer les mdias
Chapitre 6
Photoshop Elements
Photoshop Elements est une version simplifie de Photoshop. Il permet
nanmoins de raliser toutes les oprations courantes de traitement
dimages.
Paint Shop Pro

Paint Shop Pro est un logiciel presque aussi puissant que Photoshop. Il
convient parfaitement dans les domaines de la cration graphique et de
la ralisation danimations web.
Picasa
Picasa est un programme que vous pouvez tlcharger gratuitement sur
le site Internet de Google.
Il vous permet de retoucher vos images et de classer celles-ci sur votre
ordinateur.
Vous pouvez le tlcharger ladresse suivante : http://picasa.google.fr
/download/index.html.
Photoshop Album Starter Edition

Si vos besoins, en matire de traitement de photographies, ne sont pas
ceux dun infographiste professionnel, Photoshop Album Starter Edition
est un logiciel gratuit et simple qui peut vous convenir. Il permet de
visionner, rechercher, retoucher et partager des images. Bien entendu,
vous ny retrouverez pas les innombrables fonctionnalits offertes par
Photoshop mais le programme est suffisant pour raliser les actions de
base en matire de traitement de limage numrique.
Vous pouvez le tlcharger ladresse suivante : http://www.adobe.com/fr
/products/photoshopalbum/starter.html.
Photoshop Express
Si vous ne souhaitez (ou ne pouvez) pas installer de logiciel de
traitement dimages, rien ne vous empche dutiliser le nouveau service
gratuit de retouche en ligne ouvert par Adobe, ladresse https://www
.photoshop.com/express/landing.html, nomm Photoshop Express.
Les fonctionnalits notables offertes par ce service sont :
Chapitre 6
j
j
la gestion des albums photo et de vos fichiers stocks sur dautres

services tels que Facebook ou Picasa ;
un espace dhbergement de photographies ou de gestion de
diaporamas, accessible depuis un navigateur Internet.
Gimp
GIMP est un logiciel libre et gratuit de traitement dimages trs complet,
offrant des traitements proches de ceux de Photoshop.
Vous pouvez le tlcharger ladresse suivante : http://www.gimpfr.org
/news.php.
Joomla et les images
Afin dconomiser votre bande passante et de rendre la navigation la

plus rapide possible sur votre site, trouvez le meilleur compromis entre
le poids du fichier image (en octets) et sa qualit daffichage lcran.
Pour ce faire, effectuez plusieurs enregistrement de votre image (le plus
souvent au format JPG) en zoomant sur celle-ci (la perte de qualit sera
alors visible) puis en revenant un facteur de zoom de 100 %. Si la
dgradation nest pas visible, refaites un nouvel essai en zoomant et en
appliquant un taux de compression suprieur, afin de diminuer encore la
taille du fichier.
Certains logiciels permettent deffectuer une simulation entre limage
dorigine et celle qui sera enregistre, aprs compression. La visualisation
des deux images cte cte vous permet alors dapprcier avec prcision
la dgradation lie la compression.
Figure 6.1 : Limage de droite, en mode Prvisualisation depuis

Photoshop, prsente une trs forte dgradation, due une compression
excessive de limage, au format JPG, par rapport limage originelle,
gauche
vitez galement les largeurs dimages excessives, sous peine de

problmes daffichage avec certains templates (testez toujours le rsultat
Grer les mdias
Chapitre 6
obtenu dans le frontend, aprs linsertion dune image de taille

importante dans un article).
Le Gestionnaire de mdias
Vous avez dj dcouvert, lors de la cration dun article, quil vous tait
possible de tlcharger sur lespace dhbergement du site une image
manquante et devant tre insre dans larticle (au moyen de la fentre
ouverte lorsque le bouton Image est cliqu). Joomla vous offre une
seconde mthode de tlchargement des images et, dune manire
gnrale, de tous les mdias : le Gestionnaire de mdias.
Procdez ainsi :
1 Cliquez sur Site/Gestion des mdias.

Le Gestionnaire de mdias est affich.
Figure 6.2 : Le gestionnaire de mdias
Il prsente de nombreuses fonctionnalits dadministration des fichiers

tlchargs et des dossiers qui les renferment, sur le serveur hbergeant
Joomla.
Chapitre 6
Longlet Miniatures, activ par dfaut, permet deffectuer les oprations

courantes sur les fichiers :
j
Les dplacements dans les dossiers sont raliss par de simples

clics sur les icnes de la rubrique Dossiers ou sur celles de la
rubrique Fichiers.
La cration de dossiers est effectue au moyen du bouton Crer un
dossier (aprs avoir saisi le nom du dossier crer dans la zone
place gauche du bouton).
Le transfert dun fichier seffectue avec le bouton Parcourir, qui
permet dindiquer au CMS lemplacement du fichier sur votre
ordinateur. Cliquez ensuite sur le bouton Lancer le transfert.
La visualisation dune image en taille relle seffectue par un clic
sur la miniature, dans longlet Miniatures. Limage apparat alors
dans une fentre en surimpression (vous pouvez fermer cette
dernire par un clic sur la croix affiche en haut et droite de la
fentre).
Figure 6.3 : La visualisation dune image en taille relle seffectue

dans une fentre affiche en surimpression
j
La suppression dune image est ralise par un clic sur le bouton

de suppression, symbolis par une croix blanche sur rond rouge,
plac ct de la miniature de limage.
Grer les mdias
Chapitre 6
Dossier racine de stockage des images
En parcourant les dossiers dinstallation du systme, sur votre serveur

web local, vous dcouvrirez que le dossier renfermant les mdias et se
trouvant la racine du site se nomme Images.
Figure 6.4 :
Les sous-dossiers
du dossier Images
Il renferme nativement les sous-dossiers banners, M_images, smilies,

stories. Ce dernier dossier est le dossier propos par dfaut pour le
stockage des images de vos articles. Si le nombre dimages est important,
il est conseill de crer des sous-dossiers, sous le rpertoire Images, afin
doptimiser le classement des fichiers.
2 Cliquez sur longlet Dtails du Gestionnaire de mdias.
Figure 6.5 :
Longlet
Dtails du
Gestionnaire
de mdias
Chapitre 6
Cet onglet permet deffectuer les mmes oprations sur les fichiers et les
dossiers que le prcdent en affichant des informations
complmentaires, telles que les dimensions des fichiers, exprimes en
pixels.
Transfert des fichiers mdias en FTP
Si le nombre de fichiers transfrer est important, vous pouvez

galement placer tous les fichiers prpars sur votre ordinateur en une
seule opration dans le bon dossier en utilisant votre logiciel de transfert
FTP, si le site est plac chez un hbergeur distant, ou lExplorateur de
fichiers de Windows, si le site est en place sur votre serveur local.
Ouverture dun fichier au format PDF
Pour ouvrir un fichier au format PDF (ou dun autre format, non
affichable directement dans une page HTML), depuis un article, placez
le fichier dans le dossier de votre choix, depuis le Gestionnaire de
mdias, puis crez un lien hypertexte relatif (du type images/stories
/nomdufichier.pdf) dans larticle, pointant vers le fichier.
6.2. Grer les niveaux daccs et

les utilisateurs
Joomla permet de crer des niveaux hirarchiques, dfinissant des droits
dadministration plus ou moins tendus, entre les administrateurs du
site. En outre, certaines parties du site peuvent tre rendues accessibles
uniquement aux internautes enregistrs.
Ces fonctionnalits font de Joomla un puissant outil collaboratif,
permettant, par exemple, de construire un vritable journal en ligne,
dans lequel les tches ditoriales sont rparties et hirarchises entre de
nombreux participants.
Comprendre les niveaux daccs

Droits daccs et indexation
Si la fonctionnalit permettant de limiter laccs certaines pages du

site peut se rvler une technique de collecte dadresses email, afin
Grer les niveaux daccs et les utilisateurs
Chapitre 6
denvoyer rgulirement votre newsletter aux visiteurs enregistrs,

elle peut galement tre un obstacle votre indexation dans les
moteurs de recherche. Ceux-ci ne disposant pas de droit daccs aux
pages rserves, ils ne pourront pas en effectuer lindexation dans leurs
bases de donnes. Choisissez donc avec soin les pages publiques et les
pages prives.
Les niveaux daccs proposs par Joomla sont les suivants :

j Public.
Ce niveau daccs, affect par dfaut aux composants du

site, donne accs tous les visiteurs, quils soient enregistrs ou
non.
Enregistr. Ce niveau, lorsquil est affect certaines parties du
site, donne accs aux visiteurs enregistrs.
Utilisateurs enregistrs
Les visiteurs du site peuvent accder au statut Enregistr au moyen du

formulaire didentification et dinscription, activ par dfaut lors de
limplmentation du systme.
Figure 6.6 :
Le formulaire didentification
j Spcial.
Ce niveau donne accs aux parties du site concernes

uniquement aux administrateurs du site.
Chapitre 6
Les groupes dutilisateurs
Les groupes dutilisateurs du site quil vous est possible daffecter aux
collaborateurs de votre quipe rdactionnelle sont les suivants :
j Public. Ce niveau est celui des simples visiteurs du site. Il ne donne
aucun droit dadministration sur le contenu rdactionnel et laccs aux
parties rserves aux utilisateurs enregistrs lui est ferm.
j Enregistr. Ce niveau ne donne aucun droit dadministration sur le
contenu rdactionnel mais laccs aux parties rserves aux
utilisateurs enregistrs lui est ouvert.
j Auteur. Ce niveau permet lutilisateur du systme de proposer des
articles et, le cas chant, de les modifier.
j Editeur. Ce niveau dispose des mmes droits que le prcdent. Il
permet, en outre, la modification dun article dun autre auteur.
j Rdacteur. Ce niveau dispose des mmes droits que le prcdent. Il
permet, en outre, la validation de la publication dun article.
j Gestionnaire. Ce niveau dispose des mmes droits que le prcdent. Il
permet, en outre, la modification des menus de navigation sur le site.
la diffrence des utilisateurs disposant des niveaux hirarchiques
prcdents, les membres de ce niveau (et ceux appartenant aux
niveaux hirarchiques suprieurs) accdent linterface
dadministration par la mme URL que celle employe par le super
administrateur (adresse du type : http://www.lenomdusite.fr/administrator).
j Admin. Ce niveau dispose des mmes droits que le prcdent. Il
permet, en outre, la modification des extensions et la gestion des
comptes sur le site.
j SuperAdmin. Ce niveau dispose de tous les droits dadministration sur
le site.
Grer les niveaux daccs

Cliquez sur Site/Gestionnaire des utilisateurs.
Le Gestionnaire des utilisateurs est affich. Les paramtres dun
utilisateur sont affichs en lignes. Sur chacun dentre eux, sont
prsents :
j
j
j
le nom de lutilisateur ;
lidentifiant de lutilisateur ;
ltat de connexion de lutilisateur (indiquant sil est actuellement
connect ou non) ;

j
j
j
j
j
Chapitre 6
ltat dactivation du compte (indiquant si le compte est activ ou

non) ;
le groupe auquel appartient lutilisateur (indiquant son niveau
daccs) ;
ladresse email de lutilisateur ;
la date de dernire visite de lutilisateur ;
lidentifiant unique de lutilisateur, dans la base de donnes
utilise par le CMS.
Figure 6.7 : Le Gestionnaire des utilisateurs
Exercice pratique : Cration dun compte

de niveau Auteur
titre dexemple, vous allez crer, dans ce qui suit, un nouveau compte
pour un utilisateur imaginaire disposant du statut dauteur. Vous
dcouvrirez alors linterface de soumission darticles mise sa
disposition.
Bien que vous puissiez effectuer sans soucis cette opration sur le
serveur local de votre ordinateur, nous vous conseillons, si votre site est
galement publi chez un hbergeur, deffectuer cet exercice chez ce
dernier ; vous disposerez alors dun serveur dadressage de mails. Vous
viterez ainsi un message de Joomla indiquant quil ne peut
implmenter la fonction de routage de mails (sauf si vous avez install
un serveur de mails sur votre ordinateur, opration techniquement assez
complexe). Vous pourrez en outre, dans la section suivante, tester la
fonctionnalit dadressage de newsletter avec le compte qui va tre
maintenant cr.
Chapitre 6
1 Dans le Gestionnaire des utilisateurs, cliquez sur le bouton

Nouveau.
La page Utilisateur: [ Nouveau ] apparat.
2 la rubrique Dtails de lutilisateur, dans la zone Nom, saisissez le

nom de lutilisateur.
3 Dans la zone Identifiant, saisissez lidentifiant quil devra utiliser
pour se connecter.
4 Dans la zone Email, saisissez ladresse de courrier lectronique de
lutilisateur.
5 Dans la zone Nouveau mot de passe, saisissez le mot de passe de
lutilisateur.
6 Dans la zone Confirmer le mot de passe, saisissez une nouvelle fois
le mot de passe de lutilisateur.
7 Dans la liste de la zone Groupe, affectez lutilisateur le niveau
Auteur.
8 Dans zone doptions Recevoir les emails systme, cochez loption
Oui (ce paramtre vous permettra deffectuer un test de bon
fonctionnement de la messagerie de Joomla, dcrite dans la
section suivante de ce livre).
Figure 6.8 : La rubrique Dtails de lutilisateur
Chapitre 6
9 la rubrique Paramtres, dans la zone Langue de linterface

dadministration, choisissez French (FR).
10 Dans la zone Langue de linterface publique, choisissez French
(Fr).
11 Dans la zone diteur de lutilisateur, choisissez Editor
TinyMCE 2.0.
12 Dans la zone Fuseau horaire, choisissez (UTC +01:00) Heure
dEurope Centrale, Amsterdam, Berlin, Bruxelles,
Copenhague, Madrid, Paris (ou le fuseau horaire
correspondant au lieu gographique de lutilisateur, si ce dernier

ne rside pas en France).
De retour dans le Gestionnaire des utilisateurs, le nouvel utilisateur est
maintenant ajout la liste des utilisateurs.
Figure 6.9 : Le nouvel utilisateur apparat dsormais dans la liste des

utilisateurs du Gestionnaire des utilisateurs
Confirmation de linscription par mail
Lors de la cration du compte, le nouvel utilisateur reoit un courrier

lectronique qui lui est automatiquement adress par Joomla. Ce mail
prsente la forme suivante :
Bonjour XXX,
Vous avez t inscrit comme utilisateur de XXX par un
administrateur.
Cet email contient votre identifiant ainsi que votre mot
de passe pour vous connecter
http://www.nomdedomaine.fr/
Chapitre 6
Identifiant : XXX
Mot de passe : XXX
Ce message est gnr automatiquement pour votre
information. Merci de ne pas y rpondre.
Vous allez tester linterface mise la disposition de votre nouvel auteur,

depuis le frontend. Avant cela, vous devrez ajouter un accs cette
interface, depuis lun des menus du site.
14 Cliquez sur Menu/Main Menu.

La page Gestionnaire dlment de menu: [mainmenu] apparat.

La page Alias de menu: [ Nouveau ] apparat.
16 Cliquez sur Articles puis sur Proposition darticle.
Figure 6.10 : Un nouvel item, permettant laccs lditeur

darticles, va tre ajout au menu principal
La page Alias de menu: [ Nouveau ] apparat.

Chapitre 6
17 Dans la zone Titre, saisissez par exemple Soumettre un

article.
Changer le titre du menu principal
Si vous souhaitez franciser le titre du menu principal (pour linstant,

Main Menu), effectuez lopration suivante : cliquez sur
Extensions/Gestion des modules puis sur Main Menu, dans la liste des
modules qui apparat dans le gestionnaire de modules. Changez le libell
Main Menu de la zone Titre en Menu principal. Cliquez sur le bouton
Sauver.
Vous allez, dans un premier essai, vrifier que laccs lditeur

darticles ne sera pas autoris un utilisateur non authentifi.
19 Activez longlet de votre navigateur dans lequel est affich le

frontend puis actualisez la page en cliquant sur le bouton
dactualisation du navigateur.
Le nouvel item est affich dans le menu.
Figure 6.11 :
Le nouvel item apparat dans le
menu du frontend
20 Cliquez sur le nouvel item du menu principal, affichant Soumettre

un article.
Chapitre 6
Vous essuyez alors un refus svre de la part de Joomla : la mention

Vous ntes pas autoris accder cette ressource est en effet affiche
dans la page qui apparat.
Figure 6.12 : Laccs la page vous est interdit
Vous allez maintenant effectuer la mme tentative, aprs identification.

Changer le nom du lien menant la page daccueil
Si vous souhaitez franciser le lien ramenant la page daccueil de

votre site, depuis le menu principal (portant jusquici le nom Home),
effectuez lopration suivante, depuis le backend : cliquez sur
Menus/Main Menu puis sur Home, dans la liste des items de menu qui
apparat dans le Gestionnaire dlments de menu. Changez le libell
Home de la zone Titre, par exemple, en Accueil. Cliquez sur le bouton
Sauver.
21 Cliquez sur litem du menu principal affichant Accueil (ou Home,

selon que vous avez ou non renomm cet item de menu).
Changer le titre du formulaire didentification
Si vous souhaitez franciser le titre du formulaire didentification

(portant, pour linstant, le titre Login Form), effectuez lopration
suivante : cliquez sur Extensions/Gestion des modules puis sur Login
Form, dans la liste des modules qui apparat dans le Gestionnaire de
modules. Changez le libell Login Form de la zone Titre en
Identifiezvous, par exemple. Cliquez sur le bouton Sauver.
Chapitre 6
22 Sur la page daccueil, sous le menu principal, est affich le

formulaire didentification, dans la partie gauche de la page.
Saisissez-y lidentifiant de lauteur prcdemment cr dans la
zone Identifiant et tapez son mot de passe dans la zone Mot de
passe. Cliquez sur le bouton Connexion.
Figure 6.13 :
Lidentification dun utilisateur depuis
le frontend
Les zones Identifiant, Mot de passe ainsi que le bouton Connexion sont
masqus et un message de bienvenue est affich lintention de
lutilisateur. En outre, un bouton de dconnexion apparat. Il permet
lutilisateur de se dconnecter, sil le souhaite (voir Figure 6.14).
23 Ritrez votre clic sur le lien Soumettre un article.

La page Soumettre un article est affiche. Elle renferme les composants
suivants :
j
un diteur darticle, ncessaire la rdaction de ce dernier, et

identique celui que vous avez dj utilis dans le backend ; (voir
Figure 6.15)
Chapitre 6
Figure 6.14 :
Un message de bienvenue indique
lutilisateur quil est dsormais
connect
Figure 6.15 : Lditeur darticle, mis la disposition du rdacteur, depuis le
frontend
j
une rubrique Publication, permettant lauteur de dfinir les

paramtres suivants : section, catgorie, affichage sur la page
daccueil, pseudo de lauteur, date de dbut de publication, date
de fin de publication, niveau daccs ;
Figure 6.16 : La rubrique Publication

j
Chapitre 6
une rubrique Mtadonnes permettant lauteur de dfinir les

paramtres suivants : description et mots-cls.
Figure 6.17 : La rubrique Mtadonnes
24 Saisissez un court article dessai puis cliquez sur le bouton

Sauvegarder.
La page daccueil est de nouveau affiche, avec la mention Merci de
votre soumission. Votre proposition sera maintenant examine avant dtre
publie sur le site, lattention de lauteur.
Vous allez maintenant dcouvrir comment un administrateur du site va
pouvoir accepter ou refuser larticle.
Figure 6.18 : La mention affiche sur la page daccueil
25 Activez longlet de votre navigateur dans lequel est affich le

backend puis cliquez sur Contenu/Gestion des articles.
Le Gestionnaire darticles est affich.
26 Cliquez sur len-tte de colonne Date, afin de classer les articles

selon ce critre.
Chapitre 6
Les articles sont dsormais classs par dates de cration et le nouvel

article est affich en premier. Il nest pas publi car cette tche vous
incombe, aprs vrification du contenu rdactionnel de larticle propos
par lauteur.
6.3. Utiliser la messagerie de Joomla

Si plusieurs personnes collaborent la rdaction du site, la
fonctionnalit de messagerie interne de Joomla peut se rvler un outil
de communication trs utile, vitant aux collaborateurs ladressage
traditionnel de mails et dlivrant chacun ses message ds son arrive
sur le backend (la messagerie est rserve aux personnes ayant accs
la partie prive de Joomla).
Vous allez dcouvrir cette fonctionnalit dans la manipulation qui suit.
1 Cliquez sur Site/Gestionnaire des utilisateurs.

Le gestionnaire des utilisateurs apparat.
2 Cliquez sur le nom de lutilisateur, cr la section prcdente, et

disposant du statut dauteur.
3 la rubrique Dtails de lutilisateur, dans la liste Groupe, affectez
lutilisateur le statut de gestionnaire. Vrifiez que loption
Recevoir les emails systme est coche sur Oui. Cliquez sur le
bouton Sauver.
Figure 6.19 : La modification du statut de lutilisateur et lactivation

de la rception des emails du systme
Utiliser la messagerie de Joomla
Chapitre 6
Consulter les messages

1 Activez le menu Outils/Lire les messages.
La page Message priv, qui est alors affiche, prsente la liste les
messages reus.
La colonne Lu permet de visualiser les messages lus (indiqus par une
coche verte) et ceux qui ne lont pas t (indiqus par une croix blanche
sur fond rouge). Un clic sur len-tte de cette colonne vous permet de
trier les messages.
La liste Slectionner un tat permet de filtrer les messages lus et non lus.
Un message est considr comme lu aprs quil ait t ouvert par un clic
sur le libell de son sujet.
Figure 6.20 : La liste des messages reus
2 Cliquez sur le libell de lun des sujets des messages pour

consulter le contenu du message concern.
Le dtail du message saffiche dans la page Voir le message priv. Il est
possible dy rpondre en utilisant le bouton Rponse.
La configuration des paramtres privs
Dans la page Message priv, cliquez sur le bouton Paramtres pour

accder la configuration des messages privs. Dans la page
Configuration des messages privs qui saffiche, il vous est possible de
verrouiller la bote de rception (si loption Oui est choisie, la bote ne
reoit plus de messages), dopter pour la rception demails
davertissement lorsque de nouveaux messages sont reus, de dfinir le
nombre de jours au-del duquel les messages sont supprims.
Chapitre 6
Figure 6.21 : La configuration de la rception des emails du systme
Supprimer un message
Depuis la page Message priv, cochez la case gauche du sujet du
message puis cliquez sur le bouton Supprimer.
La suppression est galement possible depuis la page de dtail du
message en utilisant le bouton Supprimer.
crire un message
1 Activez le menu Outils/Ecrire un message ou cliquez sur le
bouton Nouveau de la page Message priv.
2 Dans la liste droulante de la zone A, choisissez un utilisateur.
3 Saisissez lobjet du message dans la zone Sujet puis le contenu du
message dans la zone Message. Cliquez sur le bouton Envoyer.
Figure 6.22 : La saisie dun message
Depuis linterface dadministration, lutilisateur, qui est envoy le

message, visualise une enveloppe en haut droite de sa fentre. Un clic
sur cette enveloppe permet daccder automatiquement la liste des
messages dans la page Message Priv.
Utiliser la newsletter
Chapitre 6
Figure 6.23 : La rception de nouveaux messages
6.4. Utiliser la newsletter

La fonctionnalit vous permet dadresser en nombre un mme courrier
lectronique des utilisateurs :
1 Activez le menu Outils/Envoi demail en nombre.

La page Envoi massif de-mail est affiche.
2 Dans la liste Groupe, cliquez sur le groupe dutilisateurs auquel

est destin le mail. Par dfaut, lemail sera envoy tous les
groupes dutilisateurs.
3 La case cocher E-mail aux sous-groupes permet de prciser si les
sous-groupes du groupe dutilisateurs choisi prcdemment
recevront galement lemail.
4 La case Envoyer en HTML permet dinsrer des balises HTML dans
le corps du message.
5 La case Destinataires en copie cache (Cci) permet de masquer au
destinataire lensemble des destinataires du message (le
destinataire voit uniquement sa propre adresse email).
Les filtres anti-spam des hbergeurs
Afin dviter le spamming, de nombreux hbergeurs nautorisent pas

lenvoi dun nombre illimit de courriers lectroniques. Ceci peut donc
empcher le droulement du traitement si le nombre de destinataires est
trop important.
Figure 6.24 : La page Envoi massif de-mail
Chapitre 6
Ajouter un en-tte et une signature
Il est possible dajouter un texte den-tte et un autre de signature

tous les messages. Depuis la page Envoi massif de-mail, cliquez pour ce
faire sur le bouton Paramtres. Dans la fentre qui apparat en
surimpression, renseignez la zone Prfixe du sujet (elle apparatra avant le
contenu du message) et la zone Suffixe du corps du message (elle
apparatra aprs le texte du message).
Figure 6.25 :
La fentre de
rdaction du prfixe
et du suffixe
6.5. Effectuer une mise jour de

Joomla
De nouvelles versions de Joomla sont rgulirement publies. Il est
conseill deffectuer souvent la mise jour du systme ; les nouvelles
versions apportant des correctifs de scurit.
Ces mises jour seffectuent dautant plus facilement quelle sont
ralises au moyen dun installateur quil vous suffit de tlcharger et
dexcuter.
1 La version de Joomla que vous utilisez est affiche en haut

droite de la fentre du backend. Vous pouvez galement la
connatre en activant le menu Aide/Infos systme : la version du
CMS est indique la ligne Version de Joomla!.
Figure 6.26 : La consultation de la version de Joomla depuis la page

Informations, affiche par le menu Aide/Infos systme
Effectuer une mise jour de Joomla
Chapitre 6
2 Pour tlcharger la mise jour, lancez votre navigateur Internet

puis connectez-vous au site http://www.joomla.fr.
3 Cliquez sur le bouton Tlcharger Joomla 1.5.XX accessible
depuis nimporte quelle page du site ou sur longlet Aide puis le
menu Tlchargements depuis le menu principal et ensuite sur le
lien Patches de mise jour Joomla! 1.5.x.
Figure 6.27 : Le lien de tlchargement de mise jour
4 En fonction de la version de votre site Joomla, cliquez sur le

bouton Tlcharger dun des patchs.
5 Dzippez le patch tlcharg.
Figure 6.28 : Le contenu du dossier de larchive du patch de mise
jour
Ltape suivante doit tre ralise aprs avoir effectu une sauvegarde de
scurit du systme en place.
6 laide dun logiciel de transfert FTP tel que Filezilla, copiez le

contenu du dossier de larchive dzippe dans la racine du serveur
du site Joomla. Confirmez le remplacement pour tous les fichiers.
La nouvelle version du site est alors affiche depuis ladministration.
Chapitre 6
6.6. Check-list
j
j
j
j
j
Les images doivent tre prpares avant leur utilisation. De

nombreux logiciels, gratuits ou payants, permettent deffectuer ce
traitement.
Joomla permet de dfinir plusieurs niveaux daccs, pour un
travail collaboratif hirarchis.
Le systme dispose dune messagerie interne, facilitant les
changes entre les collaborateurs travaillant la mise jour du
site.
Joomla dispose galement dune fonction dadressage de mailing
list, autorisant lenvoi en nombre de courriers lectroniques.
Des mises jour du systme sont rgulirement mises en ligne.
Aprs tlchargement, elles sont rapides mettre en uvre.
Adapter le site
avec
des composants
Installer un composant ..................................................................................................... 219
Faciliter la rdaction des pages avec lditeur JCE .................................................. 219
Grer un site multilingue avec le composant Joom!Fish ......................................... 225
Grer des documents avec DOCman ........................................................................... 240
Grer des utilisateurs avec Community Builder ......................................................... 243
Grer une galerie de photos Phoca Gallery ................................................................ 243
Grer des newsletters avec Communicator ................................................................ 244
Grer des groupes avec GMAccess ............................................................................. 245
Installer de nouveaux templates .................................................................................... 246
Check-list ............................................................................................................................. 254
Chapitre 7
Joomla renferme nativement, vous lavez dcouvert, de nombreuses et

puissantes fonctionnalits auxquelles il vous est possible davoir recours
via les modules et plugins prsents dans le systme.
Toutefois, il se peut que vous ayez besoin dautres traitements
complmentaires, initialement non intgrs dans le CMS. Latout majeur
de Joomla est alors la possibilit de tlcharger et dimplmenter
facilement des composants spcifiques.
Vous allez en dcouvrir quelques-uns ci-aprs et pourrez en tlcharger
dautres sur le Web, en fonction de vos besoins.
O trouver des composants ?
De nombreux dveloppeurs proposent leurs composants sur le Web.

Toutefois, nous vous conseillons de commencer votre exploration depuis
le site officiel francophone de Joomla, ladresse http://www.joomlafrance
.org.Cliquez pour cela sur longlet Extensions, sur Tlcharger puis sur
Extensions pour Joomla 1.5. Les extensions pour Joomla sont prsentes
par catgories.
Figure 7.1 : Les extensions sont classes par catgories
En outre, de nombreuses extensions sont proposes sur le site officiel de

Joomla, ladresse http://extensions.joomla.org/extensions.
Faciliter la rdaction des pages avec lditeur JCE
Chapitre 7
7.1. Installer un composant

Voici la mthode gnrique dinstallation dun composant, aprs que ce
dernier a t tlcharg sur le disque dur de votre ordinateur.
1 Depuis ladministration de Joomla, cliquez sur le menu

administrateur Extensions/Installer/Dsinstaller.
2 Dans la page Gestion des extensions, cliquez sur le bouton
Parcourir de la rubrique Archive transfrer.
3 Depuis la bote de dialogue Envoi du fichier, slectionnez
larchive du composant puis cliquez sur le bouton Ouvrir.
4 De retour dans la page Gestion des extensions, cliquez sur le
bouton Transfert de fichier & Installation.
Dsinstaller un composant
Dans la page Gestion des extensions, cliquez sur longlet Composants,

cochez loption gauche du nom du composant puis cliquez sur le
bouton Dsinstaller.
Figure 7.2 : La dsinstallation dun composant
Vous allez dcouvrir, ci-aprs, quelques composants significatifs.
7.2. Faciliter la rdaction des pages

avec lditeur JCE
TinyMCE est lditeur darticles implment par dfaut avec Joomla.
Cest avec lui que vous avez, jusqualors, crit vos articles ou dautres
contenus rdactionnels, tels que les descriptions des sections et des
catgories.
Chapitre 7
JCE est un diteur alternatif, largement plbiscit par de nombreux

utilisateurs de Joomla.
Nous vous proposons de dcouvrir comment linstaller et de parcourir
les possibilits quil vous offre.
Installer lditeur JCE

1 Tlchargez le fichier zip du composant dadministration et le
plugin associ. Pour cela, connectez-vous au site http://www
.joomlafrance.org puis cliquez sur longlet Extensions. Dans le
menu de gauche, cliquez sur Tlcharger.
La page Gestionnaire de fichiers est affiche.
2 Cliquez sur la catgorie Extensions pour Joomla 1.5 puis sur J1.5
Editeur HTML. Cliquez sur J1.5JCE Pack Editeur JCE 1.5 FR-EN
puis sur Tlcharger.
La page affiche vous donne un descriptif prcis du contenu de
larchive.
Figure 7.3 : Le tlchargement de lditeur JCE depuis le site

http://www.joomlafrance.org
3 Enregistrez le fichier zip dans un dossier sur votre ordinateur.
Chapitre 7
Le site officiel de lditeur JCE
Ladresse Internet de lditeur JCE est http://www.joomlacontenteditor.net.
4 Dcompressez le fichier archive tlcharg prcdemment

(Pack_JCE15_Stable_FR-EN.zip).
5 Depuis ladministration de Joomla, activez le menu Extension
puis Installer/Dsinstaller pour afficher la page Gestion des
extensions.
6 Installez le composant dadministration, com_jce_15X_FR-EN.zip,
depuis la rubrique Archive transfrer de longlet Installation.
Figure 7.4 : Linstallation du composant dadministration de lditeur
JCE
Figure 7.5 : Linstallation du composant dadministration de lditeur

JCE sest droule correctement
Chapitre 7
7 Aprs le message indiquant le succs de linstallation du

composant, cliquez sur longlet Installation de la page Gestion des
extensions. Procdez linstallation du plugin de lditeur
plg_jce_15X_FR-EN.zip.
Figure 7.6 : Linstallation du plugin dadministration de lditeur JCE
Installer manuellement le plugin de lditeur JCE Editor
Certains hbergeurs limitant le temps dexcution des scripts, il se

peut que vous rencontriez un problme, lors de linstallation du plugin.
Effectuez alors une installation manuelle : aprs linstallation du
composant de lditeur depuis ladministration de Joomla, dcompressez
le fichier archive du plugin JCE, plg_jce_15X_FR-EN.zip.
Figure 7.7 : Le contenu du dossier du plugin plg_jce_15X_FR-EN
Transfrez le contenu du dossier dcompress plg_jce_15X_FR-EN au

moyen dun logiciel de transfert de fichier FTP tel que FileZilla, dans le
dossier plugins/editors de votre site web, sur les machines de votre
hbergeur.
Chapitre 7
Figure 7.8 : Le transfert du contenu du dossier du plugin

plg_jce_15X_FR-EN dans le dossier plugins/editors du site web
Depuis ladministration de Joomla, activez le menu Composants/JCE

Administration afin dafficher le panneau de contrle de ladministration
de lditeur JCE.
Dans la page Administration de JCE, un message vous avertit de la
prsence du plugin. Cliquez sur le lien Finaliser linstallation du plugin JCE.
Figure 7.9 : La finalisation de linstallation de lditeur JCE
Chapitre 7
Dclarer lditeur JCE comme diteur

par dfaut
1 Activez le menu Site/Configuration globale. Dans la rubrique
Paramtres du site de longlet Site, slectionnez Editeur JCE
1.5.X dans la liste droulante Editeur WYSIWYG par dfaut.
Figure 7.10 : La dfinition de lditeur JCE par dfaut
3 Vous pouvez vous assurer du bon fonctionnement du nouvel

diteur en ditant un article.
Figure 7.11 : Un article, ouvert depuis lditeur JCE
Grer un site multilingue avec le composant Joom!Fish
Chapitre 7
Aide sur lutilisation de JCE
Le site officiel de lditeur, accessible au moyen du bouton Aide de

lditeur JCE, fournit une documentation trs complte sur lutilisation
du composant et de nombreux tutoriels.
Figure 7.12 : Les tutoriels
7.3. Grer un site multilingue

avec le composant Joom!Fish
La fonction de ce composant est de transformer votre site Joomla en un
site multilingue. Le concept est le suivant : le contenu du site est
dupliqu (articles, menus, ) en un nombre gal au nombre de langues
que vous avez dtermin puis vous effectuez la traduction de chacun de
ces lments (les pages dorigine ne sont pas automatiquement
traduites).
Ajouter une langue linterface

Indpendamment du contenu rdactionnel dans les articles, le frontend
et le backend peuvent tre traduits dans les langues de votre choix. Il
convient donc de commencer par installer les packs de langues
correspondant aux langues que vous souhaitez employer sur le site.
Chapitre 7
1 Tlchargez le fichier archive de la langue souhaite en vous

http://community.joomla.org/translations.html (cette adresse propose
des packs de langues tlchargeables, raliss par les quipes de
dveloppement "Joomla! Translation Teams").
Figure 7.13 : Le tlchargement de packs de langues

larchive que vous venez de tlcharger puis cliquez sur le bouton
Ouvrir.
Figure 7.14 : Linstallation dune nouvelle langue
Chapitre 7
6 Pour vrifier que la langue est installe, cliquez sur le lien

Langues de la page Gestion des extensions ou activez le menu
Extensions/Gestion des langues.
Figure 7.15 : Ici, le pack de langues a t install avec succs
La page Gestion des langues rcapitule les langues installes.
7 Si vous souhaitez modifier la langue par dfaut, cochez loption

gauche de la langue souhait puis cliquez sur le bouton Default.
Figure 7.16 : Le choix de la langue par dfaut dans le frontend
Modification de la langue par dfaut par un utilisateur
Lorsque lutilisateur est connect depuis linterface publique du site, il

peut galement modifier la langue depuis le formulaire Modifiez vos
coordonnes pour le frontend et le backend. Laccs un tel formulaire
est ajout dans le frontend sous la forme dun item de menu par
Menus/Nom du menu puis Nouveau et Utilisateur/Utilisateur/Paramtres
utilisateurs.
Chapitre 7
Figure 7.17 : La modification de la langue
Installer Joom!Fish
Vous allez maintenant installer le composant Joom!Fish. Il se compose
de deux parties (lune destine au frontend et lautre au backend).
1 Tlchargez sur votre ordinateur le fichier archive en vous

http://www.joomfish.net.
Figure 7.18 : Le site de tlchargement de Joom!Fish (la version

stable lheure o nous crivons ces lignes est la version 2.0.3
Chapitre 7

larchive que vous venez de tlcharger sur votre ordinateur puis
cliquez sur le bouton Ouvrir.
Figure 7.19 : Linstallation de Joom!Fish
Aprs installation, la liste des modules et plugins installs est affiche.
Figure 7.20 : Les modules et plugins installs pour Joom!Fish
Le composant principal est Joom!Fish Composant qui devra tre

paramtr ainsi que les modules mod_jflanguageselection, mod_translate,
ventuellement, et le plugin Jfrouter.
Chapitre 7
5 Par dfaut, linterface de Joom!Fish est en langue anglaise. Pour

la franciser, retournez, depuis votre navigateur Internet, sur le site
http://www.joomfish.net et cliquez sur le menu The Club/Club
Downloads.
Figure 7.21 : Laccs au tlchargement du fichier de traduction en
franais
6 Cliquez sur le lien Joom!Fish Translations puis sur le lien

Joom!Fish French de la page Folder: Joom!Fish Translations pour
tlcharger larchive.
Figure 7.22 : Le lien de tlchargement
Figure 7.23 : Le bouton de lancement du tlchargement
7 Depuis linterface dadministration de Joomla, cliquez sur le

menu Extensions/Installer/Dsinstaller.
Chapitre 7
La page Gestion des extensions est affiche.
8 Cliquez sur le bouton Parcourir de la rubrique Archive transfrer.

larchive que vous venez de tlcharger sur votre ordinateur puis
Figure 7.24 : Linstallation de la traduction de Joom!Fish
Figure 7.25 : Linstallation sest effectue correctement
Chapitre 7
Emplacement des fichiers langue
Dans larborescence des dossiers du systme, les fichiers langue

portent lextension .ini et sont encods selon la norme UTF8.
Les fichiers utiliss par le backend sont placs dans le rpertoire
administrator/language/ puis dans un dossier spcifique la langue (fr-FR/
pour le franais, par exemple).
Les fichiers utiliss par le frontend sont placs dans le rpertoire language/
puis dans un dossier spcifique la langue (fr-FR/ pour le franais, par
exemple).
Paramtrer la langue de rfrence

Dans cet exemple, vous allez apprendre paramtrer le franais comme
langue de rfrence.
1 Activez le menu Extensions/Gestion de Langues.

La page Gestion des langues est affiche.
2 Cochez loption gauche de la langue afin de choisir la langue

par dfaut du site, qui sera la langue principale et de rfrence.
Cliquez sur le bouton Defaut.
3 ce stade, les autres langues ncessaires ont t installes,
comme nous lavons montr prcdemment.
Figure 7.26 : Le choix de la langue principale du site
Langue de rfrence
Il est obligatoire de dfinir une langue principale ; ce sont les contenus

crits dans cette langue qui serviront de modles aux traductions.
Chapitre 7
Vous allez maintenant activer les langues du site depuis linterface du

composant Joom!Fish.
4 Activez le menu Composants/Joom!Fish/Languages.

La page Joom!Fish Language Manager est affiche.
5 Cochez les cases de la colonne Actif correspondant aux langues

utiliser dans le site. La langue principale doit tre galement
coche (ici, le franais est la langue par dfaut).
Figure 7.27 : Lactivation des langues du site
Associer un drapeau une langue
Dans larborescence des dossiers du systme, placez limage du

drapeau dans le dossier components\com_joomfish\images\flags. Dans la
page Gestion des langues Joom!Fish de linterface, saisissez le nom de
limage en chemin relatif dans le champ Nom de fichier de limage.
Accs aux paramtres
ct du nom dune langue, le bouton Config donne

accs aux paramtres de la configuration globale
spcifiques cette langue.
Accder aux paramtres gnraux

1 Activez le menu Composants/Joom !Fish/Panneau de contrle.
Chapitre 7
La page Joom!Fish : Gestionnaire de contenu multilingue pour Joomla! est

affiche.
2 Cliquez sur le bouton Paramtres.
Figure 7.28 : La page Joom!Fish :: Gestionnaire de contenu

multilingue pour Joomla!
La page Joom!Fish est affiche.
3 La liste droulante Il ny a aucune traduction disponible vous permet

dopter pour lun des choix suivants, concernant les contenus non
traduits :
Contenu original. Lorsque cette option est choisie, larticle
dorigine est affich dans la langue par dfaut.

Texte par dfaut. Lorsque cette option est choisie, le texte saisi
dans la zone Texte par Dfaut se substitue au texte de larticle
(vous pouvez avoir recours une mention du type "Cet article
na pas encore t traduit. Nous vous invitons consulter cette
page ultrieurement.").
Contenu original avec infos. Lorsque cette option est choisie,
larticle dorigine est affich, dans la langue par dfaut, auquel
sajoute un texte informatif complmentaire, renferm dans un
fichier du type xx-XX.com_joomfish.ini (dans lequel xx-XX
indique la langue).
Le contenu original propose galement des traductions. Lorsque
cette option est choisie, larticle dorigine est propos, dans la
langue par dfaut, accompagn de drapeaux indiquant les
langues pour lesquelles la traduction a t effectue.
4 La liste de choix Overwrite global config values autorise, selon

loption choisie, dindiquer si les paramtres de configuration
globale par langue doivent rester prioritaires ou non.
5 La liste de choix Publi partir du frontend ? permet dindiquer si
les rdacteurs sont autoriss ou non publier les traductions
depuis linterface du frontend.
Chapitre 7
6 La liste de choix Show default language in administration permet

dindiquer si la langue par dfaut peut ou non tre active dans
linterface de traduction.
7 La liste de choix Copy original params to empty translation permet
dindiquer si les paramtres de larticle dorigine doivent tre
recopis dans la traduction.
8 La liste de choix Enable translation caching permet dindiquer si le
cache doit ou non tre activ pour les traductions.
Figure 7.29 : La page Joom!Fish
Activation du cache lors de traductions
Il est prfrable dactiver le cache uniquement lorsque le travail de

traduction des articles est termin afin de ne pas devoir le vider chaque
modification (commande Outils/Nettoyer le cache), lors du contrle du
rsultat obtenu dans le frontend.
Chapitre 7
La traduction dun article

1 Depuis le panneau de contrle de Joom!Fish, cliquez sur longlet
Traduction.
2 Dans la page Traduction, choisissez la langue dans laquelle la
traduction sera effectue dans la liste droulante Langue.
Choisissez le type dlment Contents dans la liste droulante
Elments de contenu.
3 Choisissez une section pour filtrer les lments puis cliquez sur le
titre de larticle.
Figure 7.30 : La slection de larticle traduire
La page qui est alors affiche prsente, en double, les zones constitutives
de larticle (dans la langue dorigine et dans la langue dans laquelle la
traduction est effectue) :
j
j
j
j
j
j
j
j
j
le titre ;
lalias (ressaisissez un alias spcifique la traduction, dans la
langue utilise) ;
le texte dintroduction ;
le corps de larticle ;
les images ;
les mta-instructions ;
la date de dbut de publication ;
la date de fin de publication ;
diverses autres informations.
Chapitre 7
Pour effectuer la traduction dun article, la traduction doit tre saisie

dans les zones idoines ou le texte dorigine copi au moyen du bouton
Copier plac ct de chacune des zones.
Figure 7.31 : La page Traduction dun article
4 Cochez la case Publi afin dactiver la traduction.
Figure 7.32 :
La publication de la
traduction

Connatre ltat davancement des traductions
Dans la page Traduction, sont affichs, dans la colonne Etat, diffrents

symboles indiquant ltat davancement de la traduction des divers
lments constitutifs du site. La signification de ces symboles est
Chapitre 7
indique au bas de la page (traduction jour, traduction incomplte,

traduction inexistante).
Figure 7.33 : Les tats des traductions
Traduire un menu
Les articles ne sont pas les seuls composants du site pouvoir tre
traduits. Pour traduire un menu, cliquez sur longlet Traduction. Dans la
page Traduction, choisissez la langue approprie dans la liste droulante
Langue. Choisissez ensuite le type dlment Menus dans la liste
droulante Elments de contenu. Cliquez sur le menu traduire.
Traduire directement des contenus

Il existe un autre moyen deffectuer des traductions. Voici un exemple
de ce mode opratoire, appliqu un article.
1 Affichez la page Gestion des articles par le menu Contenu/

Gestion des articles.
2 Cochez la case gauche du titre de llment traduire puis
choisissez la langue dans la liste droulante du module
mod_translate affich en haut droite, dans la fentre
dadministration.
Figure 7.34 : Le choix de la langue de traduction dans le module de

type mod_translate
Chapitre 7
La page Traduction de larticle traduire saffiche dans une fentre.

Activation du module
Le module de type mod_translate doit tre activ depuis la page des

modules de ladministrateur. Effectuez cette opration en cliquant sur le
menu Extensions/Gestion des Modules puis sur longlet Administrateur.
Vrifiez que le module, dont le nom par dfaut est Direct Translation, est
activ.
Figure 7.35 : Le module mod_translate activ dans les modules de

ladministrateur
Traduction orpheline
Ce terme dsigne les traductions pour lesquelles la version dorigine

nexiste plus. Vous pouvez lister lensemble des traductions orphelines
via longlet Traductions orphelines de linterface de Joom!Fish.
Paramtrer le choix de la langue utilise

dans le frontend
Lorsque vos traductions sont effectues, il vous est possible de choisir la
langue utilise dans la partie publique du site.
1 Activez le menu Extensions/Gestion des Modules puis cliquez

sur le module Language Selection de type mod_jflanguageselection.
2 La liste droulante Apparance du slecteur de langue permet de
dfinir laspect du slecteur de langue dans la partie publique.
Chapitre 7
Figure 7.36 : Les choix du slecteur de langue
Figure 7.37 : Le choix de la langue dans une liste droulante depuis

la partie publique
7.4. Grer des documents

avec DOCman
DOCman est un composant permettant de grouper des fichiers et des
descriptifs, dy associer des licences dutilisation et de rendre leur accs
rserv au tlchargement des groupes dutilisateurs choisis. Le
systme fournit galement une fonction de recherche dans les
documents et des statistiques relatives aux tlchargements effectus.
Tlchargez les fichiers des archives du composant DOCman depuis
ladresse http://www.joomlatools.eu/downloads/cat_view/8-docman.html propose
sur le site http://extensions.joomla.org :
j
j
le composant com_docman_1.4.0.stable.zip ;
les fichiers franais pour linterface, french_docman_v1.4.0.zip.
Grer des documents avec DOCman
Chapitre 7
Figure 7.38 : Le tlchargement du composant DOCman depuis le

site http://www.joomlatools.eu
La version 1.4.0 ne fonctionne pas nativement avec la version 1.5.x de

Joomla ; le plugin de compatibilit System Legacy doit tre activ.
Lactivation du plugin de compatibilit Legacy
Certains composants ne fonctionnent pas nativement avec la

version 1.5.x de Joomla, cest le cas de composants dvelopps pour des
versions antrieures de joomla (les versions 1.0.x), ils ne sinstalleront
pas si le plugin de compatibilit System Legacy nest pas activ.
Figure 7.39 : Le composant ne peut pas sinstaller sans lactivation du

plugin Legacy
Par dfaut, le plugin Legacy nest pas activ. Pour lactiver, utilisez le
menu Extensions/Gestionnaire. Dans la page Gestion des plugins, cochez la
case gauche du nom du plugin System Legacy puis cliquez sur le
bouton Actif ou cliquez sur le rond rouge avec une croix blanche de la
colonne Activ.
Chapitre 7
Figure 7.40 : Lactivation du plugin System Legacy
Le fichier de langues de DOCman
Si linterface du composant DOCman nest pas francise, le fichier

archive french_docman_v1.4.0.zip doit tre dcompress.
Figure 7.41 : Le contenu de larchive french_docman_v1.4.0.zip
Le dossier language doit tre ensuite transfr dans le dossier administrator\

components\com_docman et le dossier themes dans le dossier components\
com_docman de votre site web, sur les machines de votre hbergeur au
moyen dun logiciel de transfert de fichier FTP tel que FileZilla.
Figure 7.42 : Le site de lquipe de dveloppement du composant

Community Builder, http://www.joomlapolis.com, utilise Docman pour la
gestion des documents
Grer une galerie de photos Phoca Gallery
Chapitre 7
7.5. Grer des utilisateurs

avec Community Builder
La fonction de cette extension est dajouter des fonctions relatives la
gestion des utilisateurs :
j
j
j
j
ajout de champs dans de nombreux types (listes de choix, cases

cocher, emails, mots de passe, boutons doptions, etc.),
caractrisant les utilisateurs ;
ajout possible davatars (icnes reprsentant les utilisateurs) ;
envoi dun courrier lectronique aprs quun formulaire a t
utilis pour adresser un message un utilisateur ;
recherche des utilisateurs.
La dernire version est tlchargeable sur le site de lquipe de

dveloppement du composant : http://www.joomlapolis.com. La version 1.2
est oprationnelle sur Joomla 1.5.
Une documentation, en anglais, est galement propose sur le site
http://joomlapolis.com.
Aprs avoir dcompress larchive, il vous faut installer le composant
com_comprofiler.zip puis les modules et enfin le plugin de langue en
franais (ce dernier sinstalle depuis linterface du composant dans la

gestion des plugins de Community Builder).
7.6. Grer une galerie de photos Phoca

Gallery
Cette extension a pour fonction de grer des galeries dimages avec
diaporamas. Il est possible de la lier avec le module de commerce
lectronique VirtueMart ainsi quavec les fichiers vido en ligne sur le
site de YouTube.
Vous pourrez tlcharger les fichiers des archives du composant Phoca
Gallery depuis ladresse http://www.phoca.cz/download.
Chapitre 7
Figure 7.43 : Le tlchargement du composant Phoca Gallery depuis le site

http://www.phoca.cz
7.7. Grer des newsletters

avec Communicator
Cette extension, intgralement traduite en franais, repose sur une
fonctionnalit de gestion de newsletters. Elle intgre notamment une
fonction de dsabonnement, une fonction de recherche, une gestion de
listes dabonns (avec importation et exportation), lutilisation de lditeur
WYSIWYG, lenregistrement aux formats texte brut et HTML (avec
utilisation des feuilles de style), la liaison avec les articles du site, etc.
Figure 7.44 : Le tlchargement du composant Communicator depuis le

site http://www.joomlafrance.org
Grer des groupes avec GMAccess
Chapitre 7
Figure 7.45 : Linterface du composant Communicator
7.8. Grer des groupes avec GMAccess

Ce composant a pour fonction de grer des groupes dutilisateurs plus
efficacement que le systme de gestion natif de Joomla, ainsi que les
droits daccs associs au frontend et au backend.
Vous pouvez tlcharger GMAccess ladresse http://www.eduvs.ch
/gmaccess.
Figure 7.46 : Le tlchargement du composant GMA depuis le site

Chapitre 7
7.9. Installer de nouveaux templates

Modifier lapparence du site est une opration trs aise, comme vous
lavez dj dcouvert, par la simple application dun template, sans que
le contenu rdactionnel en soit affect.
Le nombre de templates livr avec Joomla est toutefois restreint. Aussi
apprcierez-vous certainement de dcouvrir que de nombreux
dveloppeurs, doubls dinfographistes dous, pour certains, mettent
votre disposition un trs grand nombre de templates gratuits en ligne sur
le Web.
Gratuit des templates
Vous trouverez sur Internet un nombre incalculable de templates,

gratuits pour la plupart. Certains concepteurs proposent galement des
templates payants, des prix attractifs, dots de fonctionnalits et
dhabillages graphiques indniablement attrayants. Si lun dentre eux
vous convient, la solution consistant en faire lacquisition se rvlera
gnralement un bien meilleur calcul que de passer beaucoup de temps
ladaptation dun template gratuit ou la cration de votre propre
template, si vous ne disposez pas dune certaine exprience en matire
de codage php et de techniques dutilisation des feuilles de style (fichiers
css), rouages sur lesquels sont bass les templates.
Lachat dun template constitue en outre un encouragement, pour ses
dveloppeurs, qui participent lessor du CMS.
Crer son propre template
Si, aprs avoir parcouru les nombreux sites proposant des templates
Joomla (saisissez "template joomla" dans la zone de recherche de
Google pour les dcouvrir), aucun dentre eux ne vous convient, rien ne
vous empche de crer votre propre template. Vous devrez alors vous
documenter sur cette technique car il vous faudra respecter quelques
rgles de construction.
Rechercher des templates

titre dexemple, vous allez ici parcourir les nombreux templates
proposs en tlchargement sur le trs rput site allemand :
http://www.joomlaos.de.
Installer de nouveaux templates
Chapitre 7
1 Depuis votre navigateur Internet, connectez-vous ladresse

http://www.joomlaos.de.
Figure 7.47 : La page daccueil du site http://www.joomlaos.de
2 Dans le menu Main Menu, cliquez sur Template Galerie.
Figure 7.48 :
Le lien menant la
galerie de templates
Chapitre 7
3 Dans la page qui apparat, cliquez sur Templates fr Joomla 1.5.
Figure 7.49 : Ce lien mne aux templates spcifiques la version 1.5
de Joomla
La page affiche vous propose trois types de templates :

j
j
j
les templates largeur fixe ;

les templates largeur variable (en fonction de la taille et de la
rsolution dans lesquelles le site est vu) ;
les templates largeur paramtrable.
Tlcharger des templates largeur fixe

1 Cliquez sur la premire vignette, lgende Album: Statische
Templates.
Figure 7.50 :
La vignette symbolisant la
galerie de templates
statiques
La zone de prsentation des templates statiques est affiche. Elle se

compose de nombreuses pages, que vous pouvez parcourir au moyen de
boutons de navigation.
Chapitre 7
Figure 7.51 : La premire page de prsentation des templates statiques
2 Parcourez les pages proposes au moyen des boutons de

navigation. Lorsquune vignette prsente une mise en forme qui
semble vous convenir, cliquez sur le lien Live Preview affich sous
la vignette.
Un site Joomla de dmonstration sur lequel est appliqu le template est
alors affich dans un nouvel onglet, vous permettant ainsi dapprcier le
rendu du template.
Figure 7.52 :
Le site de dmonstration
prsentant le template
BeeTeddy
Chapitre 7
3 Lorsque votre choix est fait, cliquez sur le lien Download, affich
sous la vignette du template, dans lune des pages de prsentation
des templates largeur fixe.
Une page de description du template apparat, affichant notamment les
paramtres spcifiques au template, quil vous sera possible de modifier
depuis le backend, aprs installation.
Figure 7.53 :
La page de description du
template
4 Cliquez sur le lien Download.

5 Dans la page qui apparat, cochez la case indiquant que vous
acceptez les conditions dutilisation et cliquez sur le bouton
Download.
La bote de dialogue de tlchargement est affiche.
6 Enregistrez le fichier compress, au format zip, sur votre

ordinateur.
Tlcharger des templates largeur variable

La procdure de tlchargement est identique la prcdente, cette
nuance prs quil vous faut cliquer sur la seconde vignette, dans la page
proposant les trois types de templates pour Joomla 1.5.
Chapitre 7
Figure 7.54 :
La vignette symbolisant la galerie
de templates dynamiques
Figure 7.55 : La premire page de prsentation des templates largeur
variable
Tlcharger des templates largeur

paramtrable
La procdure de tlchargement est identique la prcdente mais il
vous faut cliquer sur la troisime vignette, dans la page proposant les
trois types de templates pour Joomla 1.5.
Chapitre 7
Figure 7.56 :
La vignette symbolisant la galerie de
templates largeur paramtrable
Figure 7.57 : La premire page de prsentation des templates largeur

paramtrable
Installer un template tlcharg

Linstallation dun template, aprs quil a t tlcharg, seffectue aussi
simplement quest ralise linstallation dun composant.
1 Depuis le backend, cliquez sur Extensions/Installer/Dsinstaller.

La page Gestion des extensions est affiche.
Chapitre 7
2 Dans la zone Archive transfrer, cliquez sur le bouton Parcourir

puis slectionnez le fichier compress au format zip, tlcharg
prcdemment sur votre ordinateur. Cliquez sur le bouton Ouvrir
puis sur le bouton Transfert de fichier & Installation.
Le message Installateur Template Succs est affich dans la page.
3 Cliquez sur Extensions/Gestion des templates.

La page Gestion des templates est affiche.
4 Cochez loption gauche du nom du template puis cliquez sur le

bouton Dfaut.
5 Affichez la partie publique du site dans un autre onglet et cliquez
sur le bouton dactualisation de votre navigateur pour visualiser le
site aprs application du nouveau template.
Figure 7.58 : Le nouveau template a t appliqu (il sagit ici du trs

original template Beeteddy)
Paramtrer un template
Les paramtres varient dun template lautre. titre dexemple, vous
allez accder ceux du template prcdemment install.
1 Depuis le backend, cliquez sur Extensions/Gestion des templates.

2 Cliquez sur le nom du template.
La page Template: [ diter ] est affiche. La rubrique Paramtres affiche
les paramtres spcifiques au template, quil vous est possible de
modifier pour personnaliser laffichage.
Chapitre 7
Figure 7.59 : Les paramtres du template
7.10. Check-list
j
j
j
j
j
j
j
j
j
Joomla autorise linstallation de trs nombreux composants

complmentaires, facilement tlchargeables sur le Web.
Le composant JCE est trs employ par les utilisateurs de Joomla
pour amliorer les fonctionnalits natives de lditeur
WYSIWYG.
Le composant Joom!Fish permet de crer des sites multilingues.
Le composant DOCman permet la gestion et le tlchargement de
documents.
Le composant Community Builder permet damliorer la gestion
des utilisateurs.
Le composant Phoca Gallery permet la gestion avance de
laffichage des images.
Le composant Communicator permet une gestion amliore des
newsletters.
Le composant GMAccess permet la gestion des groupes.
Des centaines de templates, le plus souvent gratuits, sont
tlchargeables sur Internet. Leur mode dinstallation est
identique celui des composants. Ils permettent de modifier
radicalement la mise en forme sans affecter le contenu
rdactionnel du site.
Ajouter une
boutique en ligne
Comprendre le concept de VirtueMart ......................................................................... 256
Installer VirtueMart ............................................................................................................. 259
Choisir le mode daffichage de linterface dadministration de VirtueMart ......... 275
Dcouvrir les paramtres de configuration gnrale ................................................ 278
Configurer les paramtres de la boutique ................................................................... 279
La TVA ................................................................................................................................... 288
Crer le catalogue de produits ....................................................................................... 292
Paramtrer les expditions .............................................................................................. 318
Personnaliser les modes de paiements ....................................................................... 322
Consulter ltat des commandes ................................................................................... 326
Sauvegarder le site web ................................................................................................... 327
Check-list ............................................................................................................................. 330
Chapitre 8
Une des grandes originalits de Joomla, ce qui le diffrencie

notablement des autres systmes de gestion de contenus, est sa
possibilit dimplmentation du composant VirtueMart, lun des
systmes OpenSource les plus efficaces en matire de gestion de
commerce lectronique.
Cette section lui est ddie. Vous y apprendrez comment transformer
votre site vitrine en une vritable boutique en ligne qui naura rien
envier, en termes de fonctionnalits, aux grands sites de vente en ligne,
jusqualors rservs aux grosses structures logistiques et financires.
8.1. Comprendre le concept

de VirtueMart
VirtueMart est une solution OpenSource de E-Commerce utilise avec
Joomla, galement dveloppe en PHP et utilisant la base de donnes
MySQL.
Les points forts de VirtueMart

Simple utiliser (la prise en main de linterface de VirtueMart requiert
quelques heures) et implmenter, le composant nen est pas moins un
formidable outil complet, disposant, en outre, de nombreuses extensions
tlchargeables sur le Net.
VirtueMart dispose de sa propre interface de gestion, qui sintgre dans
celle de Joomla, et depuis laquelle vous grerez la totalit de vos
produits (matriels ou immatriels) et services vendus en ligne, classs
par catgories et par sous-catgories (ce classement hirarchique peut
tre tendu sans limites).
Les fonctionnalits du systme vont bien au-del de celles dune petite
boutique en ligne. Citons, titre dexemple :
j
j
j
j
la gestion des caractristiques des produits ;

la gestion des promotions et des soldes (paramtrables en fonction
de lappartenance des clients certains groupes) ;
un module daffichage alatoire des produits ;
des tarifs affichables hors taxes ou toutes taxes comprises ;
Comprendre le concept de VirtueMart

j
j
j
j
j
j
j
j
j
j
Chapitre 8
un moteur de recherche ;
une gestion des stocks ;
des importations et exportations de fichiers ;
une gestion des groupes (utilisateurs et clients) ;
de nombreux types de paiements scuriss ;
des statistiques des ventes ;
une gestion de devises diffrentes ;
une gestion de pays diffrents ;
une gestion des expditions et des frais inhrents ;
une gestion des taxes, etc.
Le site officiel de VirtueMart

Ladresse du site officiel de lquipe de dveloppement de VirtueMart
est http://www.virtuemart.net. Vous y trouverez de nombreux tutoriels,
dmonstrations, exemples, extensions, forums, ainsi que divers
complments proposs en tlchargement.
Figure 8.1 : Le site officiel de VirtueMart
Chapitre 8
Le menu Home/Demo du site propose, depuis le lien Live Shops, des

exemples de boutique utilisant la solution VirtueMart.
Figure 8.2 : Des exemples de boutiques
Depuis la page VirtueMart Demo, le lien Demo (shopper) permet de tester

VirtueMart en tant quacheteur pour obtenir un aperu des principales
fonctionnalits de VirtueMart et passer des commandes. Le site de test
est http://demo.virtuemart.net.
Figure 8.3 : La page VirtueMart Demo depuis le site virtuemart.net
Installer VirtueMart
Chapitre 8
Le lien DEMO (administrator) de la page VirtueMart Demo permet de tester

la partie administration de VirtueMart.
8.2. Installer VirtueMart

Il vous est possible dinstaller Joomla et VirtueMart simultanment.
Vous pouvez galement opter pour une installation classique de Joomla
suivie dune installation spare de VirtueMart. (Cette solution
intressera notamment ceux dentre vous qui sont dsireux de mettre en
ligne un site vitrine, dans un premier temps, avant de le transformer en
boutique en ligne.)
Les modes opratoires relatifs aux deux mthodes dinstallation sont
dcrits ci-aprs.
Premire mthode dinstallation : Installer

simultanment Joomla et VirtueMart
Voici une premire mthode dinstallation de Joomla et de VirtueMart,
par le biais dun package unique dinstallation des deux produits.
Le site officiel de VirtueMart fournit un package comprenant la fois
Joomla et VirtueMart, nomm VirtueMart eCommerce Bundle. Il permet
une installation complte de Joomla et de VirtueMart en une seule
opration. Les versions utilises dans le package sont, ce jour, la
version 1.5.9 pour Joomla et la version 1.1.2, concernant VirtueMart.
Linterface dadministration du site est en anglais et Joomla a t
spcialement modifi pour VirtueMart.
Compatibilit du package
Sil offre lindniable avantage dtre simple et rapide installer, ce

package Joomla-VirtueMart a ncessit, pour sa cration, une
modification du code initial de Joomla, par lquipe de dveloppement
de VirtueMart. Pour des raisons de compatibilit avec lensemble des
extensions en ligne sur le Web, nous prfrons utiliser la mthode
traditionnelle dinstallation, reposant sur limplmentation de Joomla
puis de VirtueMart (cette mthode est dcrite dans la section suivante de
ce livre).
Chapitre 8
Procdez ainsi :
1 Tlchargez le fichier compress au format zip du composant

dadministration et le plugin associ. Pour cela, connectez-vous
au site http://www.virtuemart.net. Cliquez sur longlet Downloads
puis sur le lien VirtueMart eCommerce Bundle.
Larchive tlcharge est nomme VirtueMart_1.1.2_eCommerce_Bundle_
Joomla_1.5.9.tar.gz.
Figure 8.4 : Le tlchargement du package e-commerce de Joomla depuis

le site http://www.virtuemart.net
2 Dcompressez le fichier tlcharg.

Dcompression dun fichier au format gz
Pour dcompresser un fichier portant lextension .gz ou .tar.gz, il est

possible dutiliser des logiciels comme 7zip, IceOWS, PoweGZchiver,
iZarc, TugZip. Ces programmes peuvent tre tlchargs sur le Web.
Chapitre 8
Figure 8.5 : Le contenu du dossier

VirtueMart_1.1.2_eCommerce_Bundle_Joomla_1.5.9 de larchive
dcompresse
Figure 8.6 : Le site officiel www.izarc.org
Chapitre 8
Les fichiers tar
Ce format de fichier trouve son origine dans le logiciel darchivage

par concatnation de donnes du mme nom, utilis sous systme
dexploitation UNIX. La compression des donnes est gnralement
effectue au moyen dun logiciel de compression. Les extensions de
fichiers alors gnres sont, le plus souvent, .tar.gz ou .tgz, lorsque le
format gzip est utilis ou, .tar.bz2, lorsque le format bzip2 est employ.
3 Procdez linstallation classique de Joomla en suivant les tapes

dcrites dans la section de ce livre Installer Joomla sur un serveur
web local si vous souhaitez installer le systme des fins de tests
sur votre ordinateur ou en respectant les tapes de la section
Publier les fichiers de Joomla chez lhbergeur"si vous optez pour
une installation chez votre hbergeur.
Figure 8.7 : Aperu de linterface de la version e-commerce de

Joomla dans le frontend
Chapitre 8
Seconde mthode dinstallation : Ajouter

le composant VirtueMart un systme
Joomla dj install
Voici une seconde mthode dinstallation de VirtueMart, plus classique,
et que nous vous conseillons de prfrer la prcdente afin de ne courir
aucun risque de compatibilit avec des installations ultrieures de
composants ou de modules.
Aprs avoir implment Joomla, il est possible dinstaller le composant
VirtueMart ainsi que ses modules et ses plugins afin de comprendre
larrire boutique. Vous allez donc ajouter VirtueMart un systme
Joomla dj en place sur votre serveur.
Tlchargement du package complet

de VirtueMart
1 Tlchargez le fichier zip du package de la dernire version de
VirtueMart. Pour cela, connectez-vous au site http://www.virtuemart
.net, cliquez sur longlet Downloads puis sur le lien Complete
Package for Joomla! 1.5. Enregistrez larchive sur votre ordinateur.
Larchive tlcharge ce jour est VirtueMart_1.1.3-COMPLETE_
PACKAGE.j15.zip.
Figure 8.8 : Le tlchargement du package VirtueMart depuis le site

http://www.virtuemart.net

Chapitre 8
Vous obtenez un dossier VirtueMart_1.1.X-COMPLETE_PACKAGE.j15

contenant diffrents dossiers.
Figure 8.9 : Le contenu de larchive

VirtueMart_1.1.X-COMPLETE_PACKAGE.j15
Le tlchargement de VirtueMart depuis le site joomla.fr
Il est possible de tlcharger la solution VirtueMart depuis le site

officiel franais de Joomla mais sans certitude quil sagisse de la
dernire version. Cest pourquoi il est prfrable de tlcharger depuis le
site officiel de VirtueMart.
Connectez-vous au site http://www.joomla.fr. Cliquez sur longlet Extensions.
Dans le menu de gauche, cliquez sur Tlcharger.
La page Gestionnaire de fichiers est affiche.
Cliquez sur la catgorie Extensions pour Joomla 1.5 puis sur J1.5
E-Commerce. Cliquez sur VirtueMart pour j1.5 version puis sur Tlcharger.
La page affiche vous donne un descriptif prcis du contenu de larchive.
Larchive tlcharge ce jour est VirtueMart_1.1.3COMPLETE_PACKAGE.j15.zip.
Figure 8.10 : Le tlchargement de VirtueMart depuis le site

Chapitre 8
Linstallation du composant VirtueMart

larchive du composant, com_virtuemart_1.1.X.j15.zip qui se trouve
dans le dossier VirtueMart_1.1.X-COMPLETE_PACKAGE.j15, puis
La page VirtueMart Installation saffiche.
5 Cliquez sur le bouton Install SAMPLE DATA. Un message vous

demande de patienter durant lajout des exemples de donnes.
Cliquez sur le bouton OK pour continuer linstallation.
Figure 8.11 : Lajout dexemple de donnes
La page de linterface dadministration de VirtueMart saffiche.
Chapitre 8
Figure 8.12 : Le panneau de contrle de VirtueMart aprs linstallation du

package complet de VirtueMart tlcharg depuis le site virtuemart.net
Installation du composant VirtueMart depuis un dossier ou depuis

une URL
En cas de problme dinstallation du composant, il est galement possible

deffectuer linstallation depuis un dossier. Pour cela, placez le fichier
com_virtuemart_1.1.X.j15.zip dans le dossier tmp sous la racine du
dossier du site web Joomla. Depuis le backend du site Joomla, cliquez sur
le menu Extensions/Installer/Dsinstaller. Dans la page Gestion des
extensions qui saffiche, vrifiez que la zone dossier dinstallation est
renseigne par le chemin daccs au dossier tmp. Cliquez sur le bouton
Installation de la rubrique Installer depuis un dossier.
Figure 8.13 : Linstallation du composant VirtueMart depuis un dossier
Pour effectuer une installation depuis une URL, saisissez lURL indiquant
ladresse du fichier com_virtuemart_1.1.X.j15.zip (du type
http://nomdusite/dossier/com_virtuemart_1.1.X.j15.zip) dans la zone URL
de la rubrique Installer depuis une adresse URL. Cliquez sur le bouton
Installation.
Chapitre 8
Aprs avoir utilis lune des mthodes prcdentes, la page

Bienvenue sur VirtueMart saffiche.
Si le problme dinstallation du composant persiste, ayez recours
linstallation manuelle comme dcrit ci-aprs.
Linstallation manuelle du composant

VirtueMart
Si le fichier com_virtuemart_1.1.x.j15.zip du composant est suprieur
2 Mo, il se peut que vous rencontriez un problme, lors de linstallation
du composant (ce problme peut provenir du dlai dexcution des
scripts, paramtr chez votre hbergeur). Il est donc recommand de
raliser une installation manuelle.
1 Connectez-vous au site http://www.virtuemart.net. Cliquez sur

longlet Downloads puis sur le lien Manual Installation Package for
Joomla! 1.5. Enregistrez larchive VirtueMart_1.1.X-Manual_
Installation_Package.j15.tar.gz sur votre ordinateur.
Figure 8.14 : Le tlchargement du package dinstallation manuelle

depuis le site http://virtuemart.net
2 Dcompressez le fichier tlcharg sur votre ordinateur.
Chapitre 8
Vous obtenez un dossier VirtueMart_1.1.X-Manual_Installation_Package.j15

contenant diffrents dossiers.
Figure 8.15 : Le contenu de larchive

VirtueMart_1.1.X-Manual_Installation_Package.j15
3 Copiez les dossiers administrator, components du dossier

VirtueMart_1.1.X-Manual_Installation_Package.j15 dans la racine du
site Joomla au moyen dun logiciel de transfert de fichier FTP tel
que FileZilla, sur les machines de votre hbergeur.
Dossiers modules et plugins
Les dossiers modules et plugins ne sont pas copier car les modules et
plugins seront installs depuis linterface dadministration du site
Joomla.
4 Aprs vous tre connect linterface dadministration du site

Joomla, saisissez dans la Barre dadresse du navigateur ladresse
http://www. www.mon-site-web-joomla.fr/administrator/index.php?option
=com_virtuemart puis validez.
Figure 8.16 :
La poursuite de
linstallation
manuelle de
VirtueMart
Chapitre 8
La page VirtueMart Installation saffiche.
5 Cliquez sur le bouton Install SAMPLE DATA. Un message vous

demande de patienter durant lajout des exemples de donnes.
Cliquez sur le bouton OK pour continuer linstallation.
Figure 8.17 : Lajout dexemple de donnes
La page de linterface dadministration de VirtueMart saffiche.
Figure 8.18 : Le panneau de contrle de VirtueMart
Chapitre 8
Installer VirtueMart en franais

Dans ce qui suit, nous supposons que vous avez comme nous opt pour
la seconde mthode dinstallation de VirtueMart, dcrite prcdemment
(installations de Joomla et de VirtueMart spares).
Linterface de VirtueMart est affiche en version francophone si linstallation est issue du package tlcharg depuis le site http://www.joomla.fr.
Dans ce cas, les modes opratoires suivants ne sont pas suivre.
Si vous avez procd une installation dun package tlcharg depuis
le site http://virtuemart.net, linterface de VirtueMart est affiche en langue
anglaise. Nous vous conseillons de suivre les tapes ci-aprs pour
franciser linterface.
Tlchargement du package des fichiers

de langue
1 Connectez-vous au site http://www.virtuemart.net.
2 Cliquez sur longlet Downloads puis sur le lien Language Pack et
enregistrez larchive Language_Pack_for_VirtueMart_1.1.X.zip sur
votre ordinateur.
Figure 8.19 : Le tlchargement du package des langues depuis le

site http://virtuemart.net
Chapitre 8

Vous obtenez un dossier Language_Pack_for_VirtueMart_1.1.X contenant
le dossier languages.
Figure 8.20 : Le contenu de larchive Language_Pack_for_VirtueMart_1.1.3
Installation des fichiers french.php

Transfrez le dossier languages du dossier Language_Pack_for_
VirtueMart_1.1.X dans le dossier
components/com_virtuemart.
mon-site-web-joomla/administrator/
Un complment de traduction
ce jour, le fichier archive propos sur le site www.virtuemart.net,

Language_Pack_for_VirtueMart_1.1.3.zip, ne contient pas toutes les
traductions franaises de linterface de VirtueMart.
Ainsi, par exemple, si vous activez depuis linterface dadministration de
VirtueMart le menu Configuration, le bas de page de longlet Gnral
prsente des tiquettes des zones de texte absentes.
Le site http://www.alatak.net propose un complment de la traduction
franaise. Pour cela, connectez-vous au site et tlchargez larchive
LanguagePack_french_20080605.tar.gz accessible depuis le menu
Tlchargement.
Dcompressez larchive puis copiez le dossier languages du dossier
Language Pack for VirtueMart 1.1 dans le dossier
mon-site-web-joomla/administrator/components/com_virtuemart.
Chapitre 8
Ne supprimez ni ne renommez le dossier languages tlcharg depuis

http://virtuemart.net car celui du site http://www.alatak.net ne contient pas
certains dossiers comme tax, vendor ou encore zone. Vous devez publier
le contenu du dossier languages en crasant le rpertoire initial, issu de
la version tlcharge sur le site http://virtuemart.net.
Installer les modules de VirtueMart

Les archives des modules de VirtueMart installer sont renfermes dans
le dossier modules de VirtueMart_1.1.X-COMPLETE_PACKAGE.j15.
Figure 8.21 : La liste des archives des modules de VirtueMart
Pour installer les modules, reportez-vous la section Installer

un composant de ce livre (menu
Extensions/Installer/Dsinstaller).
La liste des modules est la suivante :
: affichage des catgories de produits
(archive : mod_product_categories_1.1.X.j15.zip) ;
VirtueMart Product Scroller : affichage des produits par dfilement
(archive : mod_productscroller_1.1.X.j15.zip) ;
VirtueMart Module : affichage de la boutique (archive :
mod_virtuemart_1.1.X.j15.zip) ;
VirtueMart All-In-One : affichage de tous les produits de la boutique
(archive : mod_virtuemart_allinone_1.1.X.j15.zip) ;
j VirtueMart Product Categories

j
j
j
Shopping Cart : affichage
mod_virtuemart_cart_1.1.X.j15.zip) ;
j VirtueMart
j VirtueMart Currency Selector
Chapitre 8
du panier (archive :
: affichage de la liste droulante pour
choisir la devise (archive :

mod_virtuemart_currencies_1.1.X.j15.zip) ;
: affichage des produits en promotion

(archive : mod_virtuemart_featureprod_1.1.X.j15.zip) ;
VirtueMart Latest Products : affichage des nouveaux produits
(archive : mod_virtuemart_latestprod_1.1.X.j15.zip) ;
VirtueMart Login : affichage du compte client (archive :
mod_virtuemart_login_1.1.X.j15.zip) ;
VirtueMart Manufacturers : affichage des fabricants (archive :
mod_virtuemart_manufacturers_1.1.X.j15.zip) ;
VirtueMart Random Products : affichage alatoire de produits
(archive : mod_virtuemart_randomprod_1.1.X.j15.zip) ;
VirtueMart Search : affichage dune recherche (archive :
mod_virtuemart_search_1.1.X.j15.zip) ;
VirtueMart Top Ten Products : affichage des meilleures ventes
(archive : mod_virtuemart_topten_1.1.X.j15.zip).
j VirtueMart Featured Products

j
j
j
j
j
j
Dcouvrir la boutique depuis le Frontend

moins que vous ayez utilis la mthode dinstallation simultane de
Joomla et de VirtueMart, par le package dinstallation, les modules de
VirtueMart ne sont pas directement actifs, aprs leur installation. Vous
devez les activer depuis linterface dadministration de Joomla, par le
menu Extensions/Gestion des modules.
Afin de dcouvrir la boutique dans le frontend, vous allez activer le
module principal de VirtueMart. Vous pourrez ensuite reproduire ce
mode opratoire pour activer les autres modules, mesure de la mise en
uvre des fonctionnalits de VirtueMart.
1 Depuis le backend de Joomla, cliquez sur Extensions/Gestion des

modules.
Le gestionnaire de modules est affich.
2 Depuis la colonne Activ du gestionnaire de modules, activez le

module VirtueMart Module.
Chapitre 8
Figure 8.22 : Lactivation du module principal
3 Visualisez le rsultat obtenu dans le frontend.
Figure 8.23 : La boutique en ligne est dsormais visible dans le
frontend
Installer les plugins de VirtueMart

Les archives des plugins de VirtueMart installer se trouvent dans le
dossier plugins de VirtueMart_1.1.X-COMPLETE_PACKAGE.j15.
Choisir le mode daffichage de linterface dadministration de VirtueMart
Chapitre 8
Figure 8.24 :
La liste des archives
des plugins de
VirtueMart
Pour installer les plugins, utilisez le mode opratoire dcrit

dans la section Installer un composant (menu
Extensions/Installer/Dsinstaller).
La liste des plugins est la suivante :
permet de lier un produit dans un
article de Joomla (archive : vmproductsnapshots_1.1.X.j15.zip).
j VirtueMart Product Snapshot
crire dans larticle {vmproductsnapshots : id du produit}
Ce petit plugin vous sera trs utile lors de la rdaction darticles

affrents certains de vos produits et dans lesquels vous souhaiterez
insrer un lien textuel associ une image menant directement un
produit de votre catalogue (cette opration seffectue en insrant la
commande {vmproductsnapshots : id du produit} dans le texte
de votre article). Vous crerez ainsi des pages attractives pour les
internautes tout en constituant des liens profonds entre articles de mme
sujet, qui, comme vous le dcouvrirez plus loin, amliorent le
rfrencement de votre site dans les moteurs de recherche.
permet de faire une recherche

sur les articles et les produits (archive : VirtueMart vmxsearch.
plugin_1.1.3.j15.zip) depuis le module de recherche joomla natif.
j VirtueMart Extended Search Plugin
Comme les modules, les plugins, pour tre utiliss, doivent tre activs.
Vrifiez que tel est bien le cas, depuis linterface dadministration de
Joomla, par le menu Extensions/Gestion des plugins.
8.3. Choisir le mode daffichage

de linterface dadministration
de VirtueMart
VirtueMart est install. Vous pouvez dsormais utiliser le composant.
Choisissez lun des deux modes de prsentation proposs, en ce qui
concerne laspect de linterface.
Chapitre 8
1 Activez le menu Composants/VirtueMart pour afficher linterface

dadministration de VirtueMart.
Par dfaut les lments de linterface de VirtueMart sont intgrs ceux
de Joomla. Cette prsentation est dsigne par les dveloppeurs du
composant sous lappellation de Mise en page simple. Il vous est
galement possible de choisir une interface uniquement ddie
VirtueMart.
VirtueMart propose deux affichages de son interface dadministration :
La mise en page "simple", dans laquelle le menu Administration
est prsent verticalement gauche. Deux onglets, dans la partie
centrale, donnent accs au panneau de contrle (renfermant des
boutons de raccourcis) et des statistiques. Les menus de Joomla
restent accessibles.
Figure 8.25 : Laffichage "simple" de linterface de VirtueMart
la mise en page "tendue", dans laquelle le menu Administration

est prsent horizontalement. Les deux onglets sont affichs
comme prcdemment mais les menus de Joomla ne sont plus
accessibles.
Figure 8.26 : Laffichage "tendu" de linterface de VirtueMart
Choisir le mode daffichage de linterface dadministration de VirtueMart
Chapitre 8
2 Pour accder laffichage tendu alors que laffichage simple est

activ, cliquez sur le lien Mise en page tendu.
Figure 8.27 : Lactivation de laffichage tendu
3 Pour accder laffichage simple alors que laffichage tendu est

activ, cliquez sur le lien Mise en page simple.
Figure 8.28 : Lactivation de laffichage simple
Chapitre 8
8.4. Dcouvrir les paramtres

de configuration gnrale
Pour cette prise en mains, vous allez survoler les nombreux paramtres
dont les valeurs vous permettront de personnaliser VirtueMart en
fonction de votre activit conomique. Certains de ces points sont
dtaills plus loin dans ce livre.
1 Depuis linterface dadministration de VirtueMart, cliquez sur le

menu Configuration gnrale puis sur Configuration.
La page Configuration qui est affiche prsente de nombreux paramtres
de configuration, accessibles depuis plusieurs onglets (Gnral,
Scurit,
Site,
Expdition,
Commande,
Tlchargements,
Configuration du flux).
Figure 8.29 : La page Configuration
Utiliser VirtueMart pour afficher un simple catalogue
La boutique en ligne peut tre utilise afin de prsenter votre

catalogue de produits. Vous ne souhaiterez plus alors afficher les prix ni
permettre lachat en ligne.
Depuis linterface de VirtueMart, activez le menu Configuration
gnrale/Configuration. Dans longlet Gnral, cochez la case Utiliser
Configurer les paramtres de la boutique
Chapitre 8
comme catalogue uniquement de la rubrique Gnral. Dcochez

ventuellement la case Afficher les prix de la rubrique Configuration des
prix.
Figure 8.30 : La dsactivation de laffichage des prix dans la boutique
En outre, le menu Configuration gnrale, lorsquil est cliqu, permet

louverture dautres sous-menus autorisant laccs divers paramtres.
Certains dentre eux seront expliqus plus loin.
2 Depuis linterface dadministration de VirtueMart, cliquez sur le

menu Configuration gnrale puis sur chacun de ses items pour
dcouvrir les paramtres rattachs (gestion des utilisateurs et des
groupes, pays, devises, modules, etc.).
8.5. Configurer les paramtres

de la boutique
Pour dbuter, il vous faut dfinir quelques paramtres de base,
spcifiques votre activit.
Depuis linterface dadministration de VirtueMart, cliquez sur Boutique
puis sur Editer la boutique.
La page Informations sur la boutique saffiche.
Chapitre 8
Figure 8.31 :
Laccs aux paramtres de la boutique
Dfinir lidentit de la boutique

Les informations renfermes dans les zones de la rubrique Boutique sont
spcifiques votre boutique. Il convient de les renseigner avec soin car
elles sont utilises, notamment, lors de ladressage des courriels la
clientle.
Les donnes quil vous faut personnaliser dans cette rubrique sont les
suivantes :
j
j
j
j
j
j
le nom de la boutique ;
le nom de lentit juridique ;
lURL de la boutique ;
ladresse postale (sur deux champs) ;
la ville ;
le pays ;
Modifier la liste des pays
Pour ajouter ou supprimer des pays la liste propose, cliquez sur

Configuration gnrale puis sur Lister les pays. Utilisez le bouton
Nouveau pour ajouter un pays et le bouton Supprimer pour supprimer les
pays slectionns.

j
j
j
j
Chapitre 8
ltat (ou la province ou encore la rgion) ;

le code postal ;
le numro de tlphone ;
le format de ladresse de la boutique ;
Le format de ladresse de la boutique
Le champ Format de ladresse de la boutique est utilis pour

slectionner, ordonner et structurer les informations envoyes dans le
mail de confirmation linternaute, lorsque ce dernier effectue une
commande (pour connatre les champs quil vous est possible dutiliser,
cliquez sur licne dinformation, symbolise par le caractre "i" cot
du nom de la zone, afin de faire apparatre la liste dans une infobulle).
Figure 8.32 : La liste des champs disponibles pour la zone Format de

ladresse de la boutique
Chapitre 8
j
le format de la date.
Le format de la date
Pour accder la liste des diffrents formats daffichage de la date,

quil vous est possible dutiliser pour la zone champ Format de la date de
la boutique, cliquez sur le lien info, propos droite de la zone.
Figure 8.33 : Laccs aux diffrents types daffichage de la date
Dans un autre onglet du navigateur, saffiche la page dtaillant la syntaxe

de la fonction strftime() sur le site fr.php.net (http://fr.php.net/manual/fr/function
.strftime.php). La liste des lments syntaxiques ncessaires la composition
de la date y sont dcrits.
Figure 8.34 : La liste des paramtres de la fonction strftime() sur le site
fr.php.net
Chapitre 8
Dfinir les informations sur la boutique

Toujours sur la page Informations sur la boutique, les zones de la rubrique
Informations sur la boutique permettent de dfinir des informations
complmentaires telles que :
j
j
j
le logo utilis dans les courriels adresss aux internautes, lors des
commandes ;
le montant minimal de la commande ;
le montant TTC partir duquel les frais de transport seront
"franco de port".
Figure 8.35 : Les informations sur la boutique
Dfinir lidentit du responsable contacter

Les zones de la rubrique Informations de contact permettent de
renseigner lidentit de la personne responsable de la boutique : nom,
prnom, civilit, tlphone, fax et email du responsable.
Ladresse lectronique du responsable a une double utilit : elle est
communique linternaute lors du courriel de confirmation de la
commande et avertit le responsable, lorsquune nouvelle commande est
passe ; une copie du courriel est galement envoye cette adresse.
Chapitre 8
Figure 8.36 : Les coordonnes du contact de la boutique
Dfinir la devise utilise et le format

daffichage des prix
VirtueMart est un systme multidevise et multipays.
Les zones de la rubrique Style affichage monnaie permettent dindiquer la
devise utilise pour laffichage des prix ainsi que le format dans lequel
les valeurs seront prsentes.
Procdez ainsi :
1 Choisissez la devise utilise dans la liste droulante Devise.

2 Saisissez le symbole montaire dans la zone Symbole montaire
(le symbole Q, par exemple).
3 Indiquez le nombre de dcimales afficher dans la zone
Dcimales (la valeur sera arrondie si elle renferme un nombre
suprieur de dcimales).
4 Saisissez le caractre utilis comme caractre dcimal dans la
zone Symbole dcimal (le point est propos par dfaut).
5 Saisissez le caractre utilis comme sparateur de milliers dans la
zone Sparateur de milliers (cette zone peut rester vide).
Chapitre 8
6 La zone Format positif prsente une liste droulante dans laquelle

vous pouvez indiquer le format de prsentation des valeurs
positives (ainsi, par exemple, le choix du format 00 Symb aura
pour consquence un affichage des prix positifs sous la forme
dune valeur, suivie dun espace, lui-mme suivi du symbole
montaire, 15,00 Q, par exemple).
7 La zone Format ngatif prsente une liste droulante dans laquelle
vous pouvez indiquer le format de prsentation des valeurs
ngatives (ainsi, par exemple, le choix du format -00 Symb aura
pour consquence un affichage des prix positifs sous la forme
dune valeur, suivie dun espace, lui-mme suivi du symbole
montaire, -15,00 Q, par exemple).
8 La zone Liste des devises acceptes prsente une liste permettant
de choisir les devises autorises sur le site. Afin dviter des
problmes de conversion, nous vous conseillons de choisir
uniquement la devise prcdemment dfinie.
Liste des devises
Pour ajouter ou supprimer une devise, cliquez sur le menu

dadministration Configuration gnrale puis sur Lister les devises. La
liste des devises est affiche. Utilisez le bouton Nouveau pour ajouter
une nouvelle devise ou le bouton Supprimer pour supprimer les devises
slectionnes.
Figure 8.37 : La liste des devises
Chapitre 8
Saisir la description de la boutique

La rubrique Description de la page Informations sur la boutique est ddie
la saisie, au moyen dun diteur WYSIWYG, du texte de prsentation
de la boutique (vous pouvez, bien entendu, galement y placer des
images).
Ces informations, dans lesquelles il est videmment conseill de placer
des mots-cls lattention des moteurs de recherche, seront affiches sur
le frontend si, dans un menu, est cr un lien menant la boutique
(cest--dire vers le composant VirtueMart).
Figure 8.38 : Laffichage de la description de la boutique du site

http://www.la-mesange-bleue.fr dans le frontend
Saisir les conditions gnrales de vente

Prsente dans le mme diteur WYSIWYG, la rubrique Conditions
gnrales de vente de la page Informations sur la boutique est, elle,
ddie la saisie du texte des conditions gnrales de vente de la
boutique.
Chapitre 8
Figure 8.39 : La saisie des conditions gnrales de vente dans les

paramtres de la boutique
Placer les conditions gnrales de vente dans un article
Une autre faon dafficher les conditions gnrales de ventes (CGV)

consiste les saisir dans un article. Cette mthode, plus souple que la
prcdente, permet de donner accs aux CGV lors de la commande, mais
aussi depuis nimporte quelle partie du site, par un lien plac dans un
menu ou dans un article.
Suivez ce mode opratoire :
j Crez un article depuis le menu Contenu/Gestion des articles de
linterface dadministration de Joomla. Nommez cet article
Conditions gnrales de vente.
j Activez le menu Composants/VirtueMart pour afficher linterface
dadministration de VirtueMart. Cliquez sur le menu Configuration
gnrale/Configuration.
j Dans la page Configuration, longlet Gnral est affich. Slectionnez
larticle des conditions gnrales de vente dans la liste Lien vers la
version longue de votre texte concernant la politique des retours de la
rubrique Paramtres denregistrement des utilisateurs.
j Cliquez sur le bouton Enregistrer.
Figure 8.40 : Le choix de larticle des Conditions gnrales de vente
Chapitre 8
8.6. La TVA
VirtueMart dispose de nombreuses options dapplication de la TVA.
Lapplication du calcul de la TVA

Trois mthodes dapplication de la TVA sont possibles :
1 Depuis linterface de VirtueMart, activez le menu Configuration

gnrale/Configuration.
2 Dans longlet Gnral, choisissez lun des modes de calcul de la
TVA dans la liste droulante Calcul des taxes de la rubrique
Configuration des taxes (TVA).
Le choix propos par dfaut est Base sur ladresse du vendeur.
Figure 8.41 : Le choix du mode de calcul de la TVA
VirtueMart permet trois mthodes de calcul de la TVA :

j Base sur ladresse de livraison.
Le calcul de la TVA est tabli sur

les taux de TVA du pays de livraison de linternaute qui effectue
lachat. Les taux de TVA des pays autoriss dans la boutique
doivent alors tre dfinis par le menu Taxes/Ajouter un taux de
TVA.
Le pays de lacheteur est connu
Lorsque linternaute cre son compte client avant de passer sa

commande, il doit spcifier son pays de rsidence dans un formulaire.
La TVA
Chapitre 8
j Base sur ladresse du vendeur.
Le calcul de la TVA est tabli sur

les taux de TVA du pays dans lequel la boutique est juridiquement
tablie.
Le pays de la boutique
Pour dfinir le pays de la boutique, cliquez sur le menu

Boutique/diter la boutique. Dans la page Informations sur la boutique,
choisissez le pays de la boutique dans la liste Pays de la rubrique
Boutique.
Figure 8.42 : Le choix du pays de la boutique

j Mode Union Europenne.
Le calcul de la TVA est tabli comme

dans le cas prcdent, si le client rside dans un pays de la
communaut europenne. Dans le cas contraire, la TVA du pays
du client est applique, si elle a t paramtre.
Appliquer une taxe sur les produits

immatriels
Les produits tlchargs (musiques, vidos, logiciels, etc.) nont pas
dexistence physique. Ils se distinguent donc des produits traditionnels
en ce sens quils ont un poids nul (Le poids dun produit peut tre dfini
Chapitre 8
par le menu Produits/Lister les produits, aprs avoir cliqu sur le

produit concern, dans la zone Poids de longlet Dimensions et poids du
produit.)
Il vous est possible dindiquer si la TVA doit ou non tre applique sur
ce type de produits.
Dans longlet Gnral de la page Configuration, cochez la case Taxe
virtuelle de la rubrique Configuration des taxes (TVA) (cette case est active
par dfaut).
Figure 8.43 :
Lactivation de la taxe virtuelle
Utiliser des taux de TVA multiples

Vous devez utiliser cette option si tous vos produits ne sont pas soumis
aux mmes taux de TVA.
Dans longlet Gnral de la page Configuration, cochez la case Activer le
taux de TVA multiples ? de la rubrique Configuration des taxes (TVA) (cette
case est active par dfaut).
Figure 8.44 : Lactivation de la gestion des taux de TVA multiples
La TVA
Chapitre 8
Crer les taux de TVA par pays ou rgion

Pour affecter chacun de vos produits le code TVA qui lui correspond,
vous devez au pralable crer les taux de TVA pour chacun des pays et
des tats concerns, si vous avez opt pour un calcul de TVA utilisant
ces paramtres (taux de TVA bas sur ladresse de livraison ou sur le
mode Union europenne).
1 Depuis linterface de VirtueMart, activez le menu Taxes/Lister les

taux de TVA.
La page Liste des taux de TVA est affiche.
2 Supprimezr les dfinitions de taxes inutiles en les cochant puis en

cliquant sur le bouton Supprimer.
Figure 8.45 :
Suppression
dun taux de
TVA
3 Confirmez la suppression en cliquant sur le bouton OK de la bote

de dialogue affiche.
4 Pour crer un nouveau taux, cliquez sur le bouton Nouveau.
5 Dfinissez le pays dans la liste de la zone TVA pour le pays.
6 Faites de mme pour la zone TVA pour ltat ou la rgion.
7 Saisissez la valeur du taux dans la zone Taux de TVA.
Figure 8.46 :
La saisie dun
taux de TVA
Chapitre 8
Affichage de la mention indiquant que la TVA est incluse
Une mention indiquant que la TVA est comprise peut tre affiche
cot du prix du produit, accompagne du taux de TVA appliqu.
Pour ce faire, activez le menu Configuration gnrale/Configuration. Dans
longlet Gnral de la page Configuration, dcochez la case Affiche "(TVA
XX% comprises)" quand possible? de la rubrique Configuration des prix.
Figure 8.47 :
La mention indiquant que la TVA est
incluse
8.7. Crer le catalogue de produits

Vous allez dsormais saisir vos produits et leurs caractristiques.
Crer les fabricants de produits

Avant de crer les produits, vous allez constituer la liste des fabricants
(ou des marques) auxquels sont rattachs les produits.
Si le nombre de fabricants est important, il est prfrable de crer des
catgories de fabricants. Cela facilitera votre classement. Sinon, la
catgorie qui sera utilise par dfaut se nomme default.
1 Depuis linterface dadministration de VirtueMart, activez le

menu Fabricants/Ajouter une catgorie de fabricants.
La page Formulaire catgorie fabricant est affiche.
Crer le catalogue de produits
Chapitre 8
2 Saisissez le nom de la catgorie du fabricant dans le champ Nom

de la catgorie.
3 Saisissez un descriptif dans la zone Description de la catgorie.
4 Cliquez sur le bouton Enregistrer.
Suppression dune catgorie
Pour supprimer une catgorie, affichez la liste des fabricants par le

menu Fabricants/Lister les catgories de fabricants. Dans la page Liste
des catgories de fabricants, cochez le nom de la catgorie, puis cliquez
sur le bouton Supprimer.
Vous allez maintenant crer un fabricant.

menu Fabricants/Ajouter un fabricant.
La page Ajouter une information est affiche.
6 Saisissez le nom du fabricant dans le champ Nom du fabricant.

7 Saisissez lURL du site Internet du fabricant dans la zone URL.
8 Saisissez ladresse lectronique du fabricant dans la zone Email.
Affichage et masquage de lURL du fabricant dans la fiche du produit
Pour activer cette option, cliquez sur le menu Configuration gnrale

/Configuration. Depuis longlet Site, cliquez sur le lien Configuration de
la rubrique Affichage. Dans la page Paramtres du thme qui est alors
affiche, activez ou dsactivez loption de la ligne Show Manufacturer
Link.
Si loption est active, les informations concernant le fabricant (ladresse
du site Internet, ladresse lectronique et le descriptif) safficheront dans
une fentre depuis la page de dtails du produit, lorsque le lien du
fabricant sera cliqu.
Chapitre 8
Figure 8.48 : Laffichage du fabricant
9 Choisissez la catgorie de fabricant dans la liste droulante

Catgorie de fabricant.
10 Saisissez un descriptif dans la zone Description.
Suppression dun fabricant
Affichez la liste des fabricants par le menu Fabricants/Lister des

fabricants. Dans la page Liste des fabricants, cochez le nom du
fabricant, puis cliquez sur le bouton Supprimer.
Crer des catgories de produits

Un produit doit tre rattach une catgorie. Aussi, avant de crer des
produits, est-il ncessaire de crer des catgories de produits. En outre,
la cration dune hirarchie de catgories permet de structurer le
catalogue.

menu Produits/Ajouter une catgorie.
La page Information sur la catgorie saffiche.
Chapitre 8
2 Depuis longlet Information sur la catgorie, saisissez le nom de

la catgorie du produit dans le champ Nom de la catgorie.
3 Saisissez un descriptif dans la zone Description de la catgorie.
Le choix de lordre daffichage
lenregistrement effectu.
ne
sera
possible
quaprs
4 Choisissez le niveau suprieur de la catgorie dans la liste

droulante Parent.
Une catgorie de niveau 1 doit tre affecte au niveau parent Default -Top
Level.
5 La zone Affiche x produits par ligne permet de dfinir le nombre de

produits affichs par ligne lorsque la rubrique est clique.
6 Les listes droulantes Page de navigation catgorie et Page produit
de la catgorie dfinissent respectivement le modle de mise en
forme de la page de la catgorie et celui de la page des produits de
la catgorie.
Figure 8.49 : La saisie dune catgorie
Il est possible dassocier une image une catgorie.
7 Cliquez sur longlet Images,

manipulations suivantes :
puis
excutez
lune
des
Chapitre 8
j
Pour associer une image au format dune vignette partir

dune image de grande taille, cliquez dans la zone Image
grande taille, puis choisissez, depuis la bote de dialogue Envoi
du fichier, le fichier de limage de la catgorie et cliquez sur le
bouton Ouvrir. Sous longlet Images de la page Information sur
la catgorie, cliquez sur loption Auto-cration vignette ?, puis
sur le bouton Appliquer. Cliquez nouveau sur longlet Images
pour constater que la vignette associe la catgorie est alors
gnre. Cette dernire est visible sous la rubrique Vignette
(colonne de droite).
Figure 8.50 : La cration de limage de la catgorie dans le format

dune vignette
Modification des dimensions des vignettes
La largeur et la hauteur des vignettes sont modifiables depuis les

zones Largeur de la vignette et Hauteur de la vignette, accessibles depuis le
menu Configuration/Configuration gnrale, sous longlet Site et la
rubrique Affichage.
La modification sera applique pour les futures vignettes gnres. Les
vignettes cres avant la modification des dimensions restent dans leur
taille initiale.
Chapitre 8
Figure 8.51 : La modification des dimensions des futures vignettes
Pour associer une image de taille personnalise la catgorie,

cliquez dans la zone Vignette, puis choisissez, depuis la bote de
dialogue Envoi du fichier, le fichier de limage de la catgorie et
cliquez sur le bouton Ouvrir. Sous longlet Images de la page
Information sur la catgorie, cliquez sur le bouton Appliquer.
Cliquez nouveau sur longlet Images pour constater que limage
utilise pour la catgorie conserve les dimensions de limage
initialement choisie, visible sous la rubrique Vignette (colonne de
droite).
Figure 8.52 : La cration de limage de la catgorie dans un format

personnalis
Chapitre 8
j
Saisissez dans la zone URL de la rubrique Vignette, lURL de

limage de la vignette.
Figure 8.53 : La liste des catgories hirarchises
La catgorie de produit cre apparat dans la liste des catgories

hirarchises de la page Arborescence des catgories.
Supprimer limage dune catgorie
Pour ce faire, ditez la catgorie depuis la page Arborescence des

catgories accessible depuis le menu Produits/Lister les catgories.
Cliquez sur longlet Images de la page Information sur la catgorie, puis
cochez loption Taper none pour effacer les images courantes de la
rubrique Vignette et cliquez sur le bouton Appliquer.
Figure 8.54 :
La suppression de limage
dune catgorie
Chapitre 8
Ne pas publier une catgorie
Une catgorie est, par dfaut, publie. Pour ne pas la publier, affichez
la page Arborescence des catgories, accessible depuis le menu
Produits/Lister les catgories, puis cliquez dans la colonne Publier de la
ligne correspondant la catgorie retirer de la publication.
Une autre mthode consiste diter la catgorie, puis dcocher la case
Publier ? sous longlet Information sur la catgorie.
Attention, une catgorie qui nest pas publie nannule pas la publication
des produits qui lui sont associs ! Il faut galement annuler la publication
de ces produits.
Supprimer une catgorie
Pour supprimer une catgorie, affichez la page Arborescence des

catgories par le menu Produits/Lister les catgories, puis cochez le
nom de la catgorie et cliquez sur le bouton Supprimer. La suppression
dune catgorie provoque la suppression des produits qui lui sont
rattachs, sauf si ce dernier est associ dautres catgories.
Saisir les produits

Aprs avoir cr les diffrentes classifications de produits, vous allez
procder la saisie des produits. Plusieurs mthodes soffrent vous.
Saisir les caractristiques de base dun

produit
1 Pour ajouter un produit, activez le menu Produits/Ajouter un
produit.
La page Nouveau produit saffiche. Elle renferme plusieurs onglets qui
vous permettent de saisir les diffrentes caractristiques du produit.
Longlet Informations du produit est ddi la saisie des
caractristiques principales du produit (voir Figure 8.55).
2 Saisissez la rfrence du produit qui doit tre unique dans la zone

Ref.
3 Saisissez le nom du produit dans le champ Nom.
Chapitre 8
Figure 8.55 :
La page dajout dun
nouveau produit
4 Saisissez lURL dans la zone URL.

La zone Vendeur contient le nom de la socit de la boutique qui a t
dfinie dans les informations de la boutique par le menu Boutique
/Boutique Editer la boutique.
Multivendeurs
La version actuelle de VirtueMart, 1.1.3, nest pas multivendeurs. La

gestion des vendeurs est accessible depuis le menu Vendeurs, mais nest
pas oprationnelle et est en version alpha. Il est donc recommand de ne
pas lutiliser tant que la phase de dbogage nest pas termine. Un
message est affich dans la page Ajouter des informations si vous activez
le menu Vendeurs/Ajouter un vendeur.
Figure 8.56 : Lajout de plusieurs vendeurs nest pas conseill
5 Choisissez le fabricant, cr auparavant, dans la liste Fabricant.
Chapitre 8
6 Cliquez sur la catgorie du produit dans la liste Catgories.

Plusieurs catgories peuvent tre slectionnes au moyen des
touches [Ctrl] ou [Maj].
7 Saisissez le prix HT du produit dans la zone Prix HT. La devise
propose dans la liste droite du prix HT est celle paramtre
depuis la page Informations sur la boutique par le menu Boutique
/Editer la boutique.
8 Choisissez le taux de TVA appliquer sur le produit dans la liste
NTVA.
Le prix TTC du produit est systmatiquement affich dans la zone Prix
TTC si le prix HT et le taux de TVA ont t dfinis.
La mise jour du prix HT ou du prix TTC
Le prix HT est recalcul automatiquement si le prix TTC est saisi

dans la zone Prix TTC et inversement. Il est quelquefois plus simple de
saisir des prix TTC avec des dcimales prcises (par exemple 15,90)
pour en dduire un calcul automatique du prix HT.
9 Saisissez un descriptif succinct dans la zone Rsum qui sera

affich dans la page de la catgorie du produit et dans celle de
tous les produits. La taille maximale est de 255 caractres.
10 Saisissez un descriptif complet dans la zone Description complte
qui sera affiche dans la page de dtails du produit.
Importer ou exporter des produits dans un fichier CSV
Pour importer ou exporter des produits dun fichier au format CSV, le

composant CSV Improved doit tre install. Les versions rcentes du
composant sont payantes ; les versions anciennes gratuites doivent tre
installes avec le plugin System Legacy activ. Toutefois il est
recommand de faire une sauvegarde avant linstallation. Le menu
Produits/Utiliser Envoi de CSV permet daccder la page de
tlchargement du composant sur le site http://www.csvimproved.com/downloads.
Pour installer une version tlcharge, installez le composant depuis le
menu Extensions/Installer/Dsinstaller, puis suivez les instructions pour
importer ou extraire des produits VirtueMart.
Chapitre 8
Figure 8.57 : La page de tlchargement dextensions VirtueMart

depuis le site http://www.csvimproved.com/downloads
diter un produit
1 Activez le menu Produits/Lister les produits.
La page Liste des produits affiche les produits dans un tableau avec
certaines caractristiques.
2 Pour rechercher un produit, utilisez les zones de recherche, situes

en haut de la page, ou la liste Filtre pour afficher les produits dune
catgorie.
Figure 8.58 : Le filtre sur les catgories
Chapitre 8
3 Pour diter le produit, cliquez sur le nom du produit.

La page Mettre jour llment affiche les caractristiques du produit
dans les diffrents onglets.
Ne pas publier un produit
Un produit est, par dfaut, publi. Pour ne pas le publier, affichez la

page Liste des produits, accessible depuis le menu Produits/Lister les
produits, puis cliquez dans la colonne Publier de la ligne du produit
retirer.
Une autre mthode consiste diter le produit, puis dcocher la case
Publier ? sous longlet Informations produit.
Supprimer un produit
Affichez la liste des produits par le menu Produits/Lister des produits.

Dans la page Liste des produits, cochez la case gauche du produit,
puis cliquez sur le bouton Supprimer.
Cloner un produit
Cette opration est utile si vous disposez de produits

similaires. Affichez la liste des produits par le menu
Produits/Lister des produits, puis cliquez sur le bouton
Cloner produit. La page Mettre jour llment affiche alors
les caractristiques du produit. Modifiez les caractristiques de votre
choix et, dans tous les cas, changez la rfrence du produit qui doit tre
unique afin que le systme puisse lidentifier.
Intgrer limage principale du produit

1 ditez le produit depuis la page Liste des produits, accessible
depuis le menu Produits/Lister les produits.
2 Cliquez sur longlet Images du produit.
Cet onglet permet dassocier au produit une image agrandie et de
gnrer la vignette de limage, sans avoir le faire depuis votre logiciel
de retouche dimage. Il nest pas utile de transfrer limage via un
Chapitre 8
systme tel que [FileZilla]. Limage agrandie est visible lorsque la

vignette du produit est clique depuis la page de dtails du produit.
3 Cliquez dans la zone Image grande taille, puis choisissez, depuis la

bote de dialogue Envoi du fichier, le fichier de limage agrandie
du produit et cliquez sur le bouton Ouvrir. Sous longlet Images du
produit de la page Mettre jour llment, cliquez sur loption
Auto-cration vignette ?, puis sur le bouton Appliquer.
4 Cliquez nouveau sur longlet Images du produit pour constater
que limage agrandie du produit est affiche sous la rubrique
Image grande taille (colonne de gauche) et que sa vignette est
visible sous la rubrique Vignette (colonne de droite).
Figure 8.59 :
Limage du
produit et sa
vignette
Il est galement possible dassocier au produit une vignette de taille

personnalise.
5 Cliquez dans la zone Vignette, puis choisissez, depuis la bote de

dialogue Envoi du fichier, le fichier de limage de la vignette du
produit et cliquez sur le bouton Ouvrir. Sous longlet Images du
produit de la page Mettre jour llment, cliquez sur le bouton
Appliquer. Cliquez nouveau sur longlet Images du produit pour
constater que limage utilise pour la vignette conserve les
dimensions de limage choisie, visible sous la rubrique Vignette
(colonne de droite).
Associer au produit des images

et des fichiers complmentaires
VirtueMart permet dafficher plusieurs images pour un produit et
dassocier des fichiers tels que des notices aux formats PDF, des vidos
ou des sons, par exemple.
Chapitre 8
1 Affichez la page Liste des produits par le menu Produits/Lister les

produits.
2 Cliquez sur licne de la colonne Media de la ligne du produit.
Le numro droite de licne est le nombre de fichiers associs au
produit. Si vous avez associ une grande image ainsi que sa vignette, le
nombre indiqu est 2.
Figure 8.60 :
Le gestionnaire de fichiers du produit
va tre affich
La page Gestionnaire de fichiers::Liste Image/Fichier affiche les images

et les fichiers du produit dans un tableau. Depuis cette page, il est
possible dajouter, de supprimer et de voir les fichiers du produit.
3 Pour associer un nouveau fichier, cliquez sur le bouton Nouveau.

Le formulaire Envoyer un fichier saffiche dans une autre fentre.
4 Pour associer une image supplmentaire au produit, choisissez

Image dans la liste Type de fichier, puis cliquez sur le bouton dans
la zone Nom de fichier pour la choisir depuis un emplacement de
votre ordinateur.
5 Saisissez le texte associ limage dans la zone Titre Fichier.
Figure 8.61 :
Le choix du
type de fichier
associ
Chapitre 8
6 Pour associer un fichier un produit, choisissez Fichier dans la

liste Type de fichier, puis saisissez le texte du lien du fichier dans la
zone Titre fichier.
Dans la page Gestionnaire de fichiers:Liste Image/Fichier, le fichier
supplmentaire est ajout la liste.
Changer de fichier
En cas derreur de fichier, vous pouvez en changer depuis la page

Gestionnaire de fichiers:Liste Image/Fichier, en cliquant sur le nom du
fichier afin daccder nouveau la page Envoyer un fichier.
Associer des attributs un produit

Les attributs sont des caractristiques ajouts au produit. Par exemple, la
couleur et la taille sont des attributs pour un pull-over, la puissance est
un attribut pour une voiture. Chaque attribut a des valeurs qui sont
dfinies comme des proprits. Par exemple, rouge, vert et bleu sont les
proprits de lattribut couleur.
Le produit affiche une liste de choix et linternaute slectionne une
option pour le produit avant de lajouter au panier. Par exemple,
linternaute va choisir rouge pour un pull-over.
Vous allez dfinir un attribut et ses proprits.
1 ditez le produit depuis la page Liste des produits, accessible

2 Cliquez sur longlet Statut du produit, puis saisissez le nom de
lattribut dans la zone Titre de la rubrique Liste des attributs, par
exemple Couleur.
3 Saisissez ensuite le nom de la premire valeur de lattribut dans la
zone Proprit, par exemple Rouge.
4 La zone Prix HT permet de dfinir le prix du produit en fonction de
la proprit. Utilisez lune des saisies suivantes :
j
Pour conserver le prix initial HT du produit (saisi dans la zone

Prix HT de longlet Informations produit) laissez la zone Prix HT
vide.

j
j
j
Chapitre 8
Pour augmenter le prix initial HT du produit de X, saisissez +X

dans la zone Prix HT.
Pour diminuer le prix initial HT du produit de X, saisissez -X
dans la zone Prix HT.
Pour dfinir un prix X diffrent du prix initial HT du produit,
saisissez =X.
5 Pour ajouter une nouvelle proprit lattribut, cliquez sur le lien

Nouvelle proprit. Rptez laction en fonction du nombre de
valeurs de lattribut.
6 Pour crer un nouvel attribut et ses proprits, cliquez sur le lien
Nouvel attribut.
Figure 8.62 : La saisie dattributs et de proprits

Gestion des stocks
Cette mthode ne permet pas de grer les stocks du produit par

attribut car le systme considre quil nexiste quun produit, quel que
soit le nombre dattributs crs.
Dans le frontend de la boutique, une liste droulante est affiche dans la

page de dtails du produit. Cette liste renferme les proprits de
lattribut cr prcdemment. La valeur entre parenthses, affiche
droite de certaines proprits dans la liste droulante, indique
laugmentation TTC ou la diminution TTC par rapport au prix du
produit.
Chapitre 8
Figure 8.63 :
Laffichage dans le frontend
Crer des produits personnalisables par lacheteur
Si votre boutique met en vente des objets que lacheteur peut

personnaliser (des tee-shirts son nom, par exemple), il vous est
possible de dfinir une ou plusieurs zones de texte complter par
lacheteur, lors de lachat. La saisie du texte est effectue avant lajout
du produit dans le panier.
Pour ce faire, ditez le produit depuis la page Liste des produits,
accessible depuis le menu Produits/Lister les produits, puis cliquez sur
longlet Statut du produit. Saisissez le nom de lattribut dans la zone Liste
des attributs personnaliss. Si plusieurs attributs doivent apparatre,
saisissez les noms des attributs personnaliss spars par des
points-virgules.
Figure 8.64 : La saisie de donnes personnelle, pour un produit, lors de
son achat
Figure 8.65 : La cration dattributs personnaliss
Dcliner un produit
Un produit peut tre cr avec des conditionnements diffrents (un
savon distribu en pains de poids diffrent ou liquide, par exemple).
Il vous faut alors constituer le produit principal (ou produit parent), puis
les variantes (produits enfants). Les produits parents et enfants ayant des
Chapitre 8
rfrences distinctes, il est donc possible de dfinir les stocks de chaque

produit afin de pouvoir les grer.
La premire tape consiste crer le produit principal.
1 Pour cela, utilisez le menu Produits/Ajouter un produit,

renseignez les caractristiques de base du produit, puis cliquez sur
le bouton Appliquer pour enregistrer les donnes du produit.
Le titre de la page Nouveau produit est modifi en Mettre jour
llment.
La deuxime tape est celle de la dfinition dun attribut.
2 Depuis la page Mettre jour llment du produit parent, cliquez

sur le bouton Ajouter un attribut. Ce bouton nest pas accessible
depuis la page Nouveau produit.
3 Dans la page Formulaire dAttribut affiche, saisissez le nom de
lattribut dans la zone Nom de lattribut.
4 Dans la zone Ordre daffichage, saisissez une valeur afin
dindiquer sa position par rapport aux autres attributs, si ceux-ci
existent.
Figure 8.66 : La seconde tape

La page Liste dattributs pour affiche les attributs crs.
Ajouter, modifier, supprimer un attribut
Pour modifier un attribut, cliquez sur le nom de lattribut dans la page

Liste dattributs pour afin de lditer. Pour ajouter un nouvel attribut,
cliquez sur le bouton Nouveau. Pour supprimer un attribut, utilisez le
bouton Supprimer aprs avoir slectionn lattribut.
Chapitre 8
Ltape suivante consiste crer des dclinaisons du produit principal.
6 Activez le menu Produits/Ajouter un lment.

La page Nouvel lment saffiche avec des zones vierges pour la saisie
des caractristiques du produit enfant.
7 Saisissez la rfrence du produit enfant, unique, donc distincte de

celle du produit parent, dans la zone Rf.
8 Saisissez le nom du produit enfant dans la zone Nom qui ne doit
pas rester vide. Les autres zones peuvent le rester, ce sont les
donnes dfinies pour le produit principal qui seront prises en
compte.
9 Cliquez sur longlet Statut de llment, puis saisissez la valeur
de chaque attribut dans la zone de la rubrique Attributs de
llment.
10 Saisissez ventuellement la quantit disponible dans la zone En
stock de la rubrique Statut de llment pour grer les stocks du
produit enfant.
Modifier un produit enfant
Affichez les produits par le menu Produits/Lister les produits. Le

produit ayant des produits enfants est reprable par le lien [Information de
llment] plac droite de son nom. Cliquez sur ce lien pour afficher les
produits enfants dans la page Liste des produits, puis sur le nom dun
produit pour lditer.
Figure 8.67 :
Laccs aux produits enfants
Dans le frontend de la boutique, les produits enfants sont affichs dans

une liste droulante de la fiche de dtails du produit parent. Les
caractristiques du produit enfant sont affiches lorsquun produit enfant
est choisi dans la liste droulante.
Il est possible de modifier laffichage des produits de la liste.
11 Depuis linterface dadministration de VirtueMart, affichez la liste

des produits par le menu Produits/Lister les produits, puis ditez
le produit parent. Cliquez ensuite sur longlet Affiche les options.
Chapitre 8
12 Pour ne pas afficher les caractristiques dun produit enfant

lorsque celui-ci est cliqu, cochez la case Efface les valeurs
daffichage des produits enfants et utilise les parents.
13 Lorsque la case de la liste Utiliser une liste droulante pour les
produits enfants est coche, les produits enfants sont affichs dans
un tableau. Utilisez les paramtres de la zone Style de la liste
devenus actifs pour personnaliser laffichage des produits enfants.
Associer les produits complmentaires

Les produits complmentaires sont des produits ayant un lien avec le
produit prsent, tels que des accessoires ou des modles similaires.
1 ditez le produit depuis la page Liste des produits accessible

2 Cliquez sur longlet Produits complmentaires, puis saisissez le
nom du produit associer dans la zone Trouver des produits ou des
catgories ici.
Une liste des produits trouvs saffiche sous la zone de saisie.
3 Cliquez un produit de la liste pour lafficher dans la liste de droite.

Rptez lopration pour en ajouter plusieurs.
Figure 8.68 : Lassociation de produits complmentaires
Supprimer des produits complmentaires
Depuis longlet Produits complmentaires, cliquez sur le produit

complmentaire dans la liste de droite, puis sur le symbole <. Le produit
est alors retir des produits complmentaires.
Chapitre 8
Personnaliser un produit par ajout

des caractristiques spcifiques
Il est possible dajouter des caractristiques complmentaires un
produit.
Crer un type de produit

1 Activez le menu Produits/Ajouter type produit.
La page Information type produit est affiche.
2 Saisissez un nom, qui donnera naissance un nouvel onglet dans

la page de mise jour du produit, dans la zone Nom Type Produit,
puis un descriptif succinct dans la zone Description type produit.
Figure 8.69 : La cration dun type de produit
Crer les paramtres du produit type

Cette tape consiste en la cration des tiquettes et des zones de saisie
qui apparatront sous longlet.
1 Activez le menu Produits/Lister type produit, puis cliquez sur le

lien [Afficher] de la colonne Paramtres de la ligne du type de
produit dans la page Lister type produit affiche.
2 Cliquez sur le bouton Nouveau dans la page Paramtres de type
produit.
La page Information paramtre Type produit est affiche.
Chapitre 8
3 Saisissez le nom du premier paramtre du type de produit dans la

zone Nom paramtre.
4 Saisissez le texte qui sera affich dans le frontend pour dsigner
ce paramtre, dans la zone Etiquette paramtre.
5 Saisissez ventuellement un texte descriptif du paramtre qui sera
affich comme aide dans le frontend dans la zone Description.
La modification de lordre daffichage ne sera possible quaprs un
premier enregistrement des informations.
6 Choisissez le type du paramtre dans la liste Type paramtre.

7 Saisissez ventuellement la valeur dans la zone Valeurs possibles.
Dans le cas de plusieurs valeurs, utilisez le point-virgule comme
sparateur entre les valeurs (qui seront alors affiches, dans le
frontend, dans une liste droulante).
8 Cochez la case Afficher valeurs possibles en slection multiple ? si
vous souhaitez quil soit possible, pour linternaute, de choisir
plusieurs valeurs.
9 Saisissez le texte proposer par dfaut dans la zone Valeur par
dfaut.
10 Dfinissez lunit ventuelle.
11 Cliquez sur le bouton Enregistrer, puis renouvelez ce mode
opratoire pour crer dautres paramtres associs au type de
produit.
Figure 8.70 : Les paramtres du produit type
Chapitre 8
Relation entre un produit et un type de produit

Vous allez maintenant associer le produit un type de produit.

2
Cliquez sur le bouton Ajouter type produit dans la
page Mettre jour llment.
3 Choisissez le type de produit dans la liste Type produit de la page
Ajouter un type produit pour Produit.
Figure 8.71 : Lajout dun type de produit
4 Cliquez ensuite sur le bouton Enregistrer.
Renseigner les caractristiques complmentaires

du produit
Longlet portant le nom du type de produit cr est ajout la liste des
onglets existant dans la fiche descriptive du produit.
2 Cliquez sur longlet portant le nom du type de produit.

Les zones affiches correspondent aux paramtres crs pour le type du
produit.
Figure 8.72 : Les zones affiches pour le produit
Chapitre 8
3 Compltez les zones de cet onglet, puis cliquez sur le bouton

Enregistrer.
Les informations complmentaires apparaissent dans le frontend.
Figure 8.73 :
Le frontend
Crer un produit tlchargeable

La premire tape consiste activer la fonctionnalit de tlchargement
dans la boutique.
1 Activez le menu Configuration gnrale/Configuration, puis

cliquez sur longlet Tlchargements.
2 Cochez la case Activer les tlchargements et vrifiez le chemin
physique dans la zone Racine des fichiers en tlchargement. Le
chemin daccs au fichier doit tre termin par une barre oblique
(/) et le dossier de stockage des fichiers tlcharger doit tre en
dehors du dossier dinstallation du site web.
Le nombre de tlchargements
Il est possible de dfinir le nombre de tlchargements autoriss dans

la zone Tlchargement maximum de longlet Tlchargements.
4 Affichez la liste des produits par le menu Produits/Lister les

produits et cliquez sur licne de la colonne Media de la ligne du
produit. Dans la page Gestionnaire de fichiers ouverte dans une
autre fentre, cliquez sur le bouton Nouveau.
5 Dans la page Envoyer un fichier pour, ouverte galement dans une
autre fentre, choisissez Produit tlchargeable (en vente !)dans la
liste Type de fichier.
6 Choisissez ensuite, dans la liste Nom de fichier qui est apparue, le
nom du fichier tlcharger. Si le fichier ne figure pas dans la
liste, il est possible de le transfrer depuis la zone Nom de fichier.
Chapitre 8
7 Saisissez le texte du lien du fichier tlchargeable dans la zone

Titre fichier.
Lors de lachat dun produit tlchargeable, un e-mail de confirmation
est envoy. Aprs rglement du produit, un e-mail est nouveau envoy
lacheteur lui indiquant un numro de tlchargement, correspondant
la commande passe, ainsi que ladresse URL pour effectuer le
tlchargement.
Grer les prix du produit

Paramtrer les remises
1 Activez le menu Produit/Ajouter une remise produit.
2 Renseignez les zones de la page.
Figure 8.74 : Le paramtrage des remises
3 ditez le produit par le menu Produits/Lister les produits. Dans la

liste Type de remise, cliquez sur la remise appliquer sur le
produit.
4 Dans la zone Prix rduit, saisissez le prix remis du produit si la
remise ne figure pas dans la liste Type de remise.
Chapitre 8
Aprs validation, la remise est calcule automatiquement par rapport au

prix initial du produit, dfini dans la zone Prix TTC.
Soustraire les remises avant dappliquer taxes et frais
Depuis linterface de VirtueMart, activez le menu Configuration

gnrale/Configuration. Sous longlet Gnral de la page Configuration,
cochez la case Soustraire les remises avant dappliquer taxes et frais ? de la
rubrique Configuration des taxes (TVA).
Appliquer des prix dgressifs

Vous pouvez appliquer des prix dgressifs en fonction de la quantit de
produits commands.
1 Affichez la page Liste des produits, accessible depuis le menu

Produits/Lister les produits, puis slectionnez le produit et
cliquez sur le bouton Lister les prix.
2 Cliquez ensuite sur le bouton Nouveau de la page Produit Prix
pour. Saisissez la quantit dachat minimale dans la zone Quantit
dachat minimum.
3 Saisissez la quantit dachat maximale dans la zone Quantit
dachat maximal.
Offrir des rductions au moyen de chques boutique
Pour permettre de saisir un code de chque boutique lors de la prise

de commande, la fonctionnalit des chques boutique doit tre active.
Pour cela, activez le menu Configuration gnrale/Configuration, puis
cliquez sur longlet Gnral et enfin cochez la case Active utilisation
chque boutique de la rubrique Fonctionnalits de la boutique.
Pour crer un chque boutique, cliquez sur le menu Chque boutique
/Nouveau chque boutique. Renseignez les zones de la page Nouveau
chque boutique affiche, puis cliquez sur le bouton Enregistrer.
Chapitre 8
Figure 8.75 : Lactivation de lutilisation des chques boutique
La gestion des stocks

VirtueMart permet une gestion des stocks.

cochez la case Vrifier les stocks ? de la rubrique Paramtres
principaux sous longlet Gnral.
2 ditez le produit, puis cliquez sur longlet Statut du produit.
3 Saisissez le nombre de produits en stock dans la zone En stock.
Ltat des stocks est visible depuis linventaire.
5 Pour consulter les stocks des produits, activez le menu Produits

/Voir inventaire.
Le stock de chaque produit est affich dans la colonne Nombre de la
page Inventaire des produits. Par dfaut, les produits en rupture de stock
ne sont pas affichs.
6 Pour afficher tous les produits, cliquez sur le lien Lister tous les
produits.
8.8. Paramtrer les expditions

Vous pouvez opter pour plusieurs types dexpditions.
Paramtrer les expditions
Chapitre 8
Choisir la mthode dexpdition

cliquez sur longlet Expditions.
Cet onglet affiche les diffrents modules dexpdition.
2 Cochez la case de la mthode dexpdition correspondant au

transport utilis. Il vous est possible den choisir plusieurs. Voici
les principaux :
j Module standard, avec frais et transporteur indpendant : calcul
effectu selon le poids et la destination de la commande.
j Module dexpdition par Zone/Pays Version 1.0 : calcul effectu
selon le nombre de produits et la destination de la commande.
j Flex Shipping : calcul effectu selon le montant de la
commande.
j Frais de livraison bas sur le montant total de la commande :
calcul effectu selon le montant total de la commande.
Ne pas appliquer de frais dexpdition pour toutes les commandes
Il est possible de ne pas paramtrer des frais de livraison dans la

boutique en dsactivant ltape du choix de la mthode de livraison lors
de la commande.
Pour cela, activez le menu Configuration gnrale/Configuration, puis
cliquez sur longlet Commande et dcochez la case "Choisissez une
mthode dexpdition".
Figure 8.76 : La dsactivation du choix de la mthode dexpdition
Chapitre 8
Dfinir le poids et les dimensions dun

produit
2 Cliquez sur longlet Dimensions et poids du produit, saisissez le
poids du produit dans la zone Poids, puis lunit de mesure dans
la zone Unit de mesure.
3 Renseignez les zones Longueur, Largeur et Hauteur.
Afficher un dlai de livraison
Pour indiquer un dlai de livraison du produit dans sa page de dtails,

ditez le produit par le menu Produits/Lister les produits, puis cliquez
sur longlet Statut du produit de la page Mettre jour llment.
Saisissez le dlai dans la zone Dlai de livraison ou choisissez un fichier
de limage du dlai dans la liste propose. Pour ajouter une image
symbolisant un dlai dans la liste, le fichier image doit tre transfr
dans le dossier componentscom_virtuemart/themes/default/images/availability
laide dun logiciel FTP.
Lister les transporteurs

Activez le menu Expditions/Lister les transporteurs.
Les deux transporteurs crs par dfaut sont DHL et UPS.
Ajouter un transporteur
1 Pour ajouter un transporteur, cliquez sur le menu Expditions
/Ajouter un transporteur.
2 Dans la page Crer/diter un transporteur affiche, saisissez le
nom du transporteur dans la zone Socit expditrice et un numro
dans la zone Ordre daffichage pour ordonner les transporteurs.
Figure 8.77 :
Lajout dun
transporteur
Paramtrer les expditions
Chapitre 8
Ajouter un tarif dexpdition

1 Activez le menu Expditions/Ajouter un taux dexpdition.
La page Crer/diter taux dexpdition est affiche.
2 Saisissez le taux dexpdition qui sera affich lors de la prise de

commande dans la zone Description taux dexpdition.
3 Saisissez un numro dans la zone Ordre daffichage pour dfinir la
position du taux dans la liste des taux affichs.
4 Choisissez le transporteur dans la liste Transporteur.
5 Choisissez le pays dexpdition de lapplication du taux dans la
liste Pays. Plusieurs pays peuvent tre slectionns au moyen de
la touche [Ctrl]. Le taux ne sera pas affich pour les acheteurs des
pays non slectionns.
Modifier la liste des pays de livraison
Pour ajouter ou supprimer des pays la liste propose, cliquez sur

Configuration gnrale, puis sur Lister les pays. Utilisez le bouton
Nouveau pour ajouter un pays et le bouton Supprimer pour supprimer les
pays slectionns.
6 Saisissez ventuellement le code postal de dpart dans la zone

Fourchette de codes postaux commence et le code postal de fin
dans la zone Fourchette de codes postaux termine . Le taux sera
alors appliqu pour certaines villes. Utilisez la fourchette 00000 et
99999 pour appliquer le taux pour toute la France.
7 Saisissez le poids minimal de la commande dans la zone Poids
minimum.
8 Saisissez le poids maximal dans la zone Poids maximum.
9 Saisissez le tarif pour ce taux dans la zone Frais.
10 Saisissez le prix de lemballage du colis dans la zone Vos frais
demballage.
11 Choisissez la monnaie utilise pour ce taux dans la liste Devise
(voir Figure 8.78).
Chapitre 8
Figure 8.78 : Lajout dun tarif
Ne pas appliquer de frais de port pour un montant minimal
Pour ne pas appliquer de frais dexpdition partir dun montant de

commande, activez le menu Boutique/Editer la boutique, puis saisissez le
montant TTC dans la zone Montant minimal pour un franco de port de la
rubrique Informations sur la boutique. Il est recommand den informer les
internautes depuis les articles du site.
8.9. Personnaliser les modes

de paiements
Plusieurs modes de paiements sont autoriss.
Activer les moyens de paiement

1 Activez le menu Boutique/Lister les mthodes de paiement.
Personnaliser les modes de paiements
Chapitre 8
La page Liste des mthodes de paiement affiche de nombreuses

mthodes de paiement.
2 Pour dsactiver une mthode de paiement, cliquez sur le bouton

de la colonne Actif.
Figure 8.79 : La liste des mthodes de paiement
Les paiements par chques et virements

1 Activez le menu Boutique/Ajouter une mthode paiement.
Dfinissez les zones de longlet Formulaire de mthode de paiement
comme suit :
2 Saisissez le nom de la mthode de paiement dans la zone Nom de

la mthode de paiement, ici Paiement par chque.
3 Saisissez le code pour cette mthode de paiement.
4 Conservez ps_payment dans la liste Nom de la classe de paiement.
5 Cochez loption Adresse seulement/Paiement la livraison pour la
zone Activer type mthode de paiement.
6 Cliquez ensuite sur longlet Configuration et saisissez le message
de finalisation de la commande ainsi que ladresse denvoi du
chque.
8 Dans le cas dun paiement par virement, ritrez les oprations
prcdentes en choisissant loption Virement bancaire pour la zone
Activer type mthode de paiement. Dans le message de longlet
Configuration, saisissez les rfrences bancaires.
Chapitre 8
Figure 8.80 : Lajout dun mode de paiement
Les paiements par le systme Paypal

Le systme de paiement par carte bancaire Paypal met votre
disposition un environnement de test, simulant lutilisation dun compte
Business sur le site de test Paypal Sandbox (https://developer.paypal.com).
Il vous est ainsi possible de crer un compte e-mail pour le client
(acheteur) et pour le compte du commerant (vendeur) et de vous faire
attribuer un numro de carte bancaire fictif. Vous pourrez alors raliser
la simulation dune commande et en suivre les tapes.
Configurer Paypal dans VirtueMart

pour les tests
1 Activez le menu dadministration de VirtueMart Boutique/Lister
les mthodes de paiement.
Personnaliser les modes de paiements
Chapitre 8
2 Dans la page Liste des mthodes de paiement, cliquez sur le lien

Paypal, puis sur longlet Configuration de la page Formulaire de
mthode de paiement. Choisissez Oui dans la liste Mode Test ?.
3 Saisissez dans la zone Email Paypal, ladresse lectronique du
compte vendeur que vous aurez cre dans lenvironnement de
test PayPal Sandbox.
Figure 8.81 : Le paramtrage en mode test du paiement Paypal
Paramtrer Paypal pour une mise en uvre

relle
1 Connectez-vous ladresse www.paypal.fr et crez un compte
Paypal en tant que vendeur.
2 Activez le menu dadministration de VirtueMart Boutique/Lister
les mthodes de paiement.
3 Dans la page Liste des mthodes de paiement, cliquez sur le lien
Paypal, puis sur longlet Configuration de la page Formulaire de
mthode de paiement. Choisissez Non dans la liste Mode Test ?.
4 Saisissez, dans la zone Email Paypal, ladresse lectronique du
compte vendeur rel sur le site de Paypal.
Figure 8.82 :
La configuration relle du paiement
Paypal
Chapitre 8
8.10. Consulter ltat des commandes

VirtueMart vous permet de visualiser ltat de vos commandes, en cours
ou effectues.
1 Activez le menu Commandes/Lister les diffrents tats de la

commande.
La page Lister les diffrents tats de commande affiche les tats de la
commande en anglais.
2 Renommez ventuellement les tats de la commande en cliquant

sur leurs noms. Les tats sont les suivants :
: commande en attente (la commande est enregistre,
mais le rglement est en attente).
Confirmed : commande confirme (le paiement est accept, un
e-mail est envoy au client).
Cancelled : commande annule.
Refunded : commande rembourse.
Shipped : commande expdie (il vous faut activer cet tat de
commande aprs la livraison).
j Pending
j
j
j
j
Figure 8.83 : Les diffrents tats de la commande
VirtueMart ndite pas de facture, mais un bon de commande
la prise de commande est envoy un bon de commande et non une

facture. Pour le moment, lenvoi de facture aux clients doit tre trait
sparment de VirtueMart.
Sauvegarder le site web
Chapitre 8
3 Activez le menu Commandes/Lister les commandes afin de

consulter les commandes passes.
4 Pour consulter les commandes par client, activez le menu
Configuration gnrale/Utilisateurs. Dans la page Liste des
utilisateurs, cliquez sur le nom de lutilisateur, puis sur longlet
Liste des commandes de la page Ajouter des informations.
Figure 8.84 : Les commandes dun client
8.11. Sauvegarder le site web

Il est ncessaire deffectuer rgulirement des sauvegardes de votre
systme pour vous prserver dune perte ou dune altration de vos
donnes.
Sauvegarde de la base de donnes

1 Depuis un navigateur Internet, connectez-vous ladresse Internet
de votre hbergeur.
2 Depuis linterface dadministration client de votre espace
dhbergement, accdez la base de donnes utilise pour le site
web Joomla pour afficher linterface Php MyAdmin. Laccs est
diffrent selon les hbergeurs.
3 Depuis linterface Php MyAdmin, cliquez, dans la partie gauche
de la fentre, sur le lien du nom de la base de donnes, puis sur le
lien Exporter en haut de la partie centrale de la fentre.
4 Dans la page Schma et donnes de la base qui apparat, cliquer
sur le bouton Excuter en bas de la page sans modifier les
paramtres cochs.
Chapitre 8
Figure 8.85 : Lexportation de la base de donnes
5 La base de donnes est affiche au format SQL dans la partie

centrale. Cliquez sur ce code, puis combinez laction des touches
[Ctrl]+[A] pour en slectionner lintgralit. La slection apparat en
vido inverse. Combinez ensuite laction des touches [Ctrl]+[C]
pour effectuer un copier.
6 Ouvrez le Bloc-notes de Windows et collez le code prcdemment
copi. Enregistrez le fichier texte sur lordinateur local avec la
date de sauvegarde de type AAMMJJ (080901-mysql.txt, par
exemple).
7 Fermer la fentre ouverte de linterface de Php MyAdmin.
8 Dconnectez-vous de linterface dadministration client de votre
espace dhbergement.
Sauvegarde des fichiers

1 Lancez Filezilla afin de vous connecter votre espace
dhbergement. Dans le logiciel, saisissez ladresse de lespace
dhbergement, le nom dutilisateur et son mot de passe rattachs.
Ces paramtres FTP vous ont t fournis depuis linterface
Sauvegarder le site web
Chapitre 8
dadministration de votre espace dhbergement. Cliquez sur le

bouton Connexion rapide.
2 Ouvrez, dans la partie Site Local (colonne de gauche), le dossier
qui contiendra la sauvegarde des fichiers de site Joomla.
3 Dans votre espace dhbergement, figur dans la partie droite du
logiciel nomme Site distant (colonne de gauche), slectionnez le
dossier du site web Joomla, puis oprez un glisser-dposer vers le
dossier de sauvegarde dans la partie Site Local.
Lavancement du transfert du fichier apparat tout en bas de la fentre.
Figure 8.86 : Le transfert des fichiers
Le composant JoomlaPack
Le composant JoomlaPack permet de sauvegarder les fichiers et la

base de donnes ainsi que deffectuer la restauration du systme. La
dernire version peut tre tlcharge depuis le site officiel du composant
ladresse www.joomlapack.net.
Chapitre 8
8.12. Check-list
j
j
j
j
VirtueMart est un composant trs sophistiqu, permettant de

transformer votre site Joomla en un vritable site de commerce
lectronique.
Vous devrez alors paramtrer ce composant pour ladapter votre
secteur dactivit, vos produits, votre couverture gographique et
vos modes de paiements.
Vous disposerez de statistiques avances sur ltat de vos
commandes.
Une perte de vos donnes pouvant savrer dramatique, il vous
faudra effectuer rgulirement des sauvegardes manuelles.
Vous pourrez galement avoir recours un composant effectuant
les oprations de sauvegarde et de restauration du systme.
Amliorer
lindexation dans
les moteurs
de recherche
Connatre les principes de fonctionnement de Google ............................................ 332
Rfrencement naturel vs rfrencement payant ...................................................... 335
Comprendre les principes du rfrencement naturel ............................................... 340
Dterminer sa stratgie de positionnement ................................................................ 348
Optimiser son site pour le rfrencement naturel ..................................................... 356
Avoir recours au rfrencement payant ....................................................................... 369
Utiliser les commandes de Google ............................................................................... 372
Anticiper les futures techniques de rfrencement ................................................... 380
Check-list ............................................................................................................................. 381
Chapitre 9
Amliorer lindexation dans les moteurs de recherche
Le rfrencement permet daugmenter la visibilit de votre site web

dans les moteurs de recherche et les annuaires (sites prsentant de
nombreux liens vers des sites Internet, classs par catgories),
lorsquune recherche, portant sur une expression cl (du type "voiture
doccasion moins de 5 000 euros"), est effectue.
La qualit dun rfrencement dpend dun nombre consquent de
paramtres (quantit de liens externes pointant vers le site, qualit du
contenu rdactionnel, utilisation de certaines balises, smantique, noms
des images, etc.).
9.1. Connatre les principes

de fonctionnement de Google
Google, qui tire ses revenus de la publicit, se doit, pour conserver
lnorme taux de frquentation qui le caractrise, de fournir aux
internautes un service de qualit, en matire de classement des sites
quil a rpertoris. Ceux-ci doivent nous tre prsents en fonction de
critres de pertinence rels, dont le contenu rdactionnel est
certainement le plus important.
bien y rflchir, le "march" est quitable puisque tous les acteurs y
trouvent leur compte :
j Linternaute,
qui le moteur de recherche donne gratuitement une

source dinformations pertinentes, sous la forme dune liste
dURL classes selon une estimation qualitative crdible, en
fonction de la recherche effectue.
Les sites web, dont les webmestres trouvent, en ce qui concerne le
rfrencement naturel (terme indiquant que le moteur de
recherche nest pas pay pour positionner le site), chez Google,
un outil efficace de promotion gratuit de leurs contenus.
Le moteur de recherche qui, grce lnorme trafic gnr, se
trouve promu au rang dimmense espace daffichage publicitaire,
capable de stendre linfini, puisque les annonces payantes des
annonceurs, nommes "liens commerciaux", ne sont plus
seulement affiches sur le portail de Google mais sur
dinnombrables sites web, moyennant rmunration de leurs
propritaires, par le systme de partenariat de Google nomm
"Google AdSense".
Connatre les principes de fonctionnement de Google
Chapitre 9
Google AdSense
Ce terme dsigne le concept technique de Google reposant sur

linsertion de messages publicitaires dynamiques (cest--dire en rapport
avec le contenu rdactionnel des pages dans lesquelles ils sont affichs)
sur les sites des webmestres ayant souhait devenir partenaires du
moteur de recherche.
Au regard de ces bases conceptuelles, il est donc ais de dduire

laxiome fdrateur de toute thorie visant amliorer le rfrencement
naturel : de nombreux contenus de qualit. Sans ce fond de sauce
essentiel, toutes les recettes de cuisine que vous lirez dans cet ouvrage et
ailleurs ne seront que des trucs et astuces efficacit non garantie et, par
essence, phmres.
Qualit des contenus ditoriaux et frquence de mise jour des
informations produites sont donc les garants de la prennit dun bon
rfrencement naturel.
Cette logique, universelle et simple, peut dailleurs tre tendue tous
les moteurs de recherche puisque lon imagine mal comment leurs
critres de slection pourraient diffrer de ceux de Google. ceci,
ajoutez une bonne comprhension du principe de la "longue trane",
dcrit plus loin, et vous disposerez des bases efficaces pour obtenir une
indexation naturelle (encore dsigne par le terme de "rfrencement
organique") durable et de qualit.
Que penser, alors, de tous les conseils doptimisation des pages, de tous
les modes opratoires plus ou moins techniques, dicts de faon
souvent anarchique sur le Web ?
Ceux-ci se divisent en deux catgories, quil est essentiel de
parfaitement cerner car de mauvaises pratiques pourraient vite se
retourner contre le webmestre peu scrupuleux et uniquement soucieux
de positionner son site (ou celui de son client) en tte des classements et
ceci tout prix :
j
Les techniques approuves par les moteurs de recherche et qui

suivent une logique cohrente dutilisation de loutil web
(utilisation des titres, emploi des balises de formatage de texte et
des images, etc.). Ces mthodes, dcrites plus loin, ont un effet
bnfique sur le positionnement dun site dans les pages de
Chapitre 9
rponses des moteurs de recherche. Elles ne visent pas berner

linternaute mais correspondent un usage normal et efficace du
code html.
Les techniques "de triche", en ce sens quelles ne respectent pas le
code de dontologie des moteurs (usage abusif de certaines
balises de mise en forme, rptitions non justifies dun mot-cl,
pages ddies au moteur de recherche et non linternaute, pages
satellites, texte invisible cach dans le code html, le code
JavaScript ou les feuilles de style, inscription sur des annuaires
nayant pour fonction que de gnrer artificiellement des liens
vers le site, etc.). Forcment voues lchec, plus ou moins
long terme, ces mthodes peuvent engendrer, de la part du moteur
de recherche, des "sanctions" pouvant aller jusqu lexclusion
pure et simple du site concern. Elles sont, videmment,
proscrire.
Quand le travail de rfrencement aboutit une dsindexation
du site
Si, comme de nombreux propritaires de sites web, votre emploi du temps

ne vous permet pas deffectuer vous-mme le travail de rfrencement,
activit trs consommatrice de temps, et que vous dcidiez de confier
cette mission un rfrenceur professionnel, demandez ce dernier
dtablir une description exacte et prcise des tches quil envisage
deffectuer. Prenez le temps ncessaire pour vous documenter sur les
techniques nonces afin de vous assurer quaucune dentre elles ne risque
de provoquer un dclassement dans les moteurs de recherche ou, pire, un
blacklistage (suppression de tout ou partie du contenu de votre site dans
les index des moteurs).
Nous vous conseillons donc de conserver une ligne conductrice

"honnte", visant respecter les consignes des moteurs de recherche, et
particulirement celles de Google. Une telle ligne de conduite vous
apportera de nombreux avantages, long terme :
j
Vos visiteurs constateront, en navigant sur votre site, que vous ne

cherchez pas les berner mais dcrivez objectivement votre sujet.
Cette attitude ne pourra que vous apporter des retombes
bnfiques (de plus en plus dinternautes adoptent un regard trs
critique vis--vis de certains sites utilisant des techniques de
marketing grossires).
Vous contribuerez au dveloppement de ce superbe outil quest le
Web, en apportant votre contribution cette immense base de
Rfrencement naturel vs rfrencement payant
Chapitre 9
connaissances communautaire, par un site Internet de qualit,

disposant dune originalit propre et apportant une vritable
valeur ajoute aux informations en ligne.
Les paramtres de positionnement des sites voluant en
permanence, et gards secrets par les moteurs de recherche, vous
partirez sur des bases rdactionnelles et comportementales saines,
vous assurant une stratgie de rfrencement robuste, quil vous
suffira daffiner, au fil de lvolution des techniques utilises par
les moteurs.
Les algorithmes de Google sont, en effet, lun des secrets les mieux
gards du monde par ses concepteurs. Chose parfaitement logique
puisque le moteur de recherche perdrait instantanment toute sa
crdibilit si le code de ses programmes dindexation taient connus des
rfrenceurs, qui le dtourneraient irrmdiablement de sa fonction
premire, le classement des sites, pour vendre leurs prestations aux plus
offrants. On trouverait alors aux premires places, non plus les sites les
plus mritants et les plus apprcis des internautes mais ceux pour qui le
plus gros budget marketing aurait t investi. Et ceci sonnerait le glas de
lInternet en tant que source et lieu de partage universel de linformation.
On ne peut donc, au final, que se rjouir du manque de communication
de Google sur le fonctionnement de ses rouages internes, frquemment
modifis et amliors, puisque cette attitude sert lensemble de la
communaut des utilisateurs du Web et incite les diteurs de contenus
que nous sommes amliorer sans cesse et sans subterfuge la qualit de
nos pages.
9.2. Rfrencement naturel vs

rfrencement payant
Le rfrencement naturel et le rfrencement payant sont, pour le
webmestre, deux stratgies diffrentes qui visent pourtant un mme
objectif : se trouver mieux plac que ses concurrents dans les pages de
recherche des moteurs. Les moyens employs, quant eux, diffrent de
lun lautre.
Dans le cas du rfrencement naturel, lenjeu est de positionner un site
dans les premiers liens "non sponsoriss", sur les SERP des moteurs de
recherche, lorsquune expression de recherche est saisie par linternaute
et quelle renferme des mots-cls spcifiques au site.
Chapitre 9
Figure 9.1 : Une recherche effectue sur lexpression " voiture doccasion
moins de 5000 euros" dans Google (http://www.google.fr)
SERP
SERP est lacronyme de Search Engine Result Page. Ce terme dsigne

une page de rsultats, cest--dire une liste de liens, affichs par les
moteurs de recherche et pointant vers des sites web, aprs que
linternaute a effectu sa recherche.
Figure 9.2 : Une recherche effectue sur la mme expression et ralise

dans le moteur de recherche Yahoo (http://fr.yahoo.com) renvoie un
rsultat diffrent
Chapitre 9
Mots-cls
Les mots-cls sont les mots que lutilisateur dun moteur de

recherche tape dans la zone de saisie afin que celui-ci lui propose des
liens vers les sites qui sy rapportent. Ils constituent donc le thme de
la recherche. Les mots-cls sont gnralement saisis par groupes afin de
prciser au maximum le sujet.
Figure 9.3 :
Une recherche
effectue sur la mme
expression et ralise
dans un troisime
moteur de recherche
(ici Bing, ladresse
http://www.bing.com)
renvoie un rsultat
encore diffrent)
Le rfrencement payant, quant lui, ncessite de verser des sommes

plus ou moins consquentes des rgies publicitaires, pour que celles-ci
affichent des liens commerciaux sous forme de textes, dimages ou
encore danimations, dans les pages de recherche ou lintrieur de
sites, alors rmunrs. Les sites ayant choisi de rserver un espace la
publicit sont gnralement pays en fonction du nombre de clics
effectus par les internautes sur ces publicits. La rgie publicitaire en
ligne la plus importante, ce jour, est celle de Google ("Google
Adwords" et "Google Adsens").
Figure 9.4 :
La mme recherche
est cette fois ralise
sur le moteur de
recherche Orange
(http://www.orange.fr)
Chapitre 9
Google AdWords et Google AdSense
Afin de simplifier au maximum et rendre plus accessible laffichage de

publicit dans les sites internet, la rgie publicitaire Google a choisi de
sparer les deux aspects de son utilisation et de les rendre indpendants
aux yeux des internautes qui en font usage.
Ainsi, un annonceur naura sintresser qu Google AdWords. Grce
ce systme, il pourra acqurir des espaces daffichage publicitaire vers son
site. Si plusieurs liens publicitaires sont en concurrence, une enchre sur
des mots-cls est effectue et un classement reposant sur le prix pay par
clic dtermine le positionnement.
Si, au contraire, vous tes propritaire dun site frquemment visit et que
vous souhaitiez gagner de largent grce la publicit, cest uniquement
Google AdSense que vous devez vous intresser. Vous naurez qu
dcider de placer une "annonce Google" sans vous soucier du contenu.
Google sen charge. Ainsi, vous choisissez la nature de la publicit
(simples liens hypertextes, images, animations, etc.) mais une fois cette
tape franchie, vous navez plus rien faire. Lorsque des visiteurs
sintressent la publicit et cliquent sur les liens, vous recevez de
largent de la part de Google. Les annonces sont en rapport plus ou moins
direct avec le contenu de la page qui les contient : elles sont dites
"contextuelles".
Le concept du rfrencement payant consiste donc payer Google (ou

un moteur de recherche fournissant le mme type de service) pour
lachat de mots-cls. Ds lors, les liens publicitaires seront affichs dans
les SERP si lexpression saisie par linternaute correspond aux mots-cls
pour lesquels lannonceur paye ou au sein des sites si le contenu de la
page est en rapport avec ces mots-cls (voir Figure 9.5).
Une campagne de rfrencement payant peut se montrer efficace pour
augmenter la visibilit dun site sur une priode limite. Cest, par
exemple, un bon moyen de faire connatre un site qui prsente un
vnement annuel. En effet, il sera trs difficile pour le webmestre de
celui-ci dobtenir un bon rfrencement naturel, dans la mesure o le
site nest visit quun mois sur douze. Mais le rfrencement payant
nest pas une stratgie durable et il ne faut pas compter sur ce seul
moyen pour assurer une bonne visibilit de votre site. Il semble en outre
logique dimaginer que linternaute, de mieux en mieux inform sur les
techniques marketing en vigueur sur le Web, fera de plus en plus la part
des choses et accordera moins dimportance aux liens commerciaux
quaux liens naturels.
Chapitre 9
Figure 9.5 : Les annonces textuelles et les bannires publicitaires des

annonceurs sont affiches sur les sites diffusant les annonces Google (ici,
sur le site http://www.mosaiqueinformatique.fr)
Obtenir un bon rfrencement naturel, par contre, est une tche de plus
longue haleine et ncessite patience, esprit de comptition et savoirfaire. Vous laurez compris, ce type de rfrencement se mrite, mais la
rpercussion se fait trs largement sentir au niveau du taux de visites.
Les facteurs de russite dun site dans le domaine du rfrencement
naturel sont trs divers, et seront dvelopps plus loin dans ce livre.
Les plus importants sont :
j
j
j
La prsence du site dans le plus grand nombre possible

dannuaires, cest--dire dans des sites dont le rle est de classer
par catgories des liens vers des sites en fonction de leur
pertinence.
La dynamique du site, cest--dire le fait quil soit, ou non,
frquemment mis jour.
La qualit du contenu. Celle-ci passe principalement par la qualit
de la rdaction et la quantit dinformations prsentes.
Chapitre 9
j
j
La thmatique du site.
Le Page Rank, indice attribu par le moteur de recherche luimme au site reposant sur de nombreux critres visant estimer
la qualit.
Lexistence ou non de liens externes pointant vers le site, le
nombre de ceux-ci et la notorit des sites qui placent ces liens,
etc.
Le rfrencement est donc dune importance cruciale pour toute

stratgie de communication, dans la mesure o cest lui qui dtermine,
parmi les visiteurs ayant fait une recherche sur le sujet de votre site, le
nombre de ceux qui seront amens voir votre site.
Pour obtenir un bon rfrencement naturel, vous devrez respecter les
rgles dictes par Google et viter les techniques de "triche", qui
risqueraient de provoquer un bannissement temporaire ou dfinitif de
votre site par les moteurs de recherche.
9.3. Comprendre les principes

du rfrencement naturel
Il est important de comprendre lintrt du rfrencement, son incidence
sur la viabilit du site, les enjeux et la stratgie adopter, en fonction
des moyens et de lobjectif atteindre.
Comprendre les enjeux du rfrencement

Les techniques de rfrencement ont radicalement chang en quelques
annes. Cette volution est alle dans le bon sens, puisque les sites qui
fournissent des contenus rdactionnels de qualit sont largement
privilgis, cest--dire promus par Google (moteur de recherche leader,
sur lequel sappuie cette tude des techniques de rfrencement).
Il est en effet incontestable quun net progrs a t fait, en matire de
qualit de classement fourni par les moteurs de recherche, par rapport
cette poque, datant dil y a quelques annes, et pendant laquelle
certains webmestres crivaient en texte blanc sur fond blanc, afin dy
cacher des listes de mots-cls ou utilisaient les balises META du code
html pour y inclure des mots-cls sans rapport avec les pages visites.
Ces techniques taient lorigine dun appauvrissement progressif des
Comprendre les principes du rfrencement naturel
Chapitre 9
contenus, dune diminution de la pertinence et, par consquent, de pertes

de temps lors des recherches qui devenaient inefficaces.
Heureusement, les critres ont eu le temps de saffiner et les moteurs de
recherche ont acquis lintelligence ncessaire pour faire la part des
choses, discerner les techniques illgitimes et sanctionner par une
dgradation du positionnement ou un bannissement les sites qui en font
usage.
Sil veut anticiper laspect que prendra son champ de bataille, un bon
rfrenceur se doit de comprendre les rgles conomiques qui
simposent Google et aux autres moteurs de recherche. Ceux-ci, pour
garder toute crdibilit auprs des annonceurs publicitaires, doivent
fournir aux consommateurs des rsultats de qualit, concernant les
recherches dinformations, de produits, de techniques et de services. Les
moteurs de recherche doivent donc liminer tous les sites qui ne
respectent pas les rgles de qualit. Il est obligatoire de comprendre ces
rgles.
Sil devait tre rsum en une phrase, le concept du rfrencement
naturel snoncerait comme ceci : dimportants contenus de bonne
qualit et un maximum de liens pointant vers ceux-ci. Rien de
techniquement inabordable mais un travail pouvant se rvler
rapidement fastidieux. Aussi est-il prudent destimer objectivement le
temps dont vous disposerez pour entretenir le rfrencement naturel de
votre site et de ne pas vous voiler la face : si vous ne pouvez y consacrer
plusieurs heures par semaine, voire davantage, lobjectif se rvlera trs
difficile atteindre.
Pour tre visible sur Google, chers webmestres, il faut donc, on a
tendance loublier, avoir un sujet prcis traiter avec intrt. De plus,
la qualit rdactionnelle est indispensable. Enfin, cest la touche
personnelle qui jouera. Cette dernire fera que vos articles seront
attractifs ou ennuyeux, et cest loin dtre un dtail sans importance. Si
linternaute accroche votre style, ce sera pour lui un plaisir de lire
jusquau bout, et il retournera sur votre site sil en a loccasion. Si, au
contraire, il lui a fallu relire larticle plusieurs fois pour le comprendre,
il prfrera visiter un autre site la fois suivante. Nabusez toutefois pas
des effets de style car les robots des moteurs de recherche nont aucune
finesse desprit. Certains jeux de mots, par exemple, peuvent tre mal
interprts et ne pas donner des rsultats, en terme de classement dans
les SERP, la hauteur de vos textes.
Chapitre 9
Voici dj un rsum des rgles comportementales adopter, pour tout

rdacteur, et qui sont expliques plus en dtails dans les sections
suivantes de ce livre :
j
j
Dterminez seulement quelques mots-cls ou expressions sur

lesquels vous vous concentrerez lors de la rdaction dune page.
Ne tombez pas dans lexcs quant la rptition de ces mots-cls.
Ne vous sentez donc aucune obligation de placer "voiture" dans
chacune des phrases de votre site ddi lautomobile. Quatre ou
cinq fois seront suffisantes, la rptition systmatique pouvant
mme tre nfaste.
Appliquez sur vos mots ou expressions-cls des liens hypertextes
menant vers dautres pages de votre site traitant dun sujet
similaire. Par exemple, vous pouvez crer un lien vers
"accessoires automobiles", pointant vers la page de votre site qui
voque cette catgorie. Il sagit alors de placer lexpression que
vous voulez rendre cliquable dans une phrase comme "Nos
voitures peuvent tre livres avec de nombreux accessoires
automobiles, dans toutes nos agences de vente dautomobiles."
Il ne semble pas y avoir de volume idal, en terme de nombre de
mots constituant une page web mais ne descendez pas en dessous
de plusieurs centaines de mots par article ; vous risqueriez de
manquer de richesse smantique sur le sujet, donc de pertinence
sur le chapitre.
Rdigez vos articles dans un style naturel tout en gardant
lesprit que le robot du moteur de recherche risque de prendre
pour non pertinent un texte qui ne serait fait que de priphrases,
jeux de mots et allusions.
Tentez de faire en sorte quun nombre maximal de liens externes
pointe vers votre site. Ceux-ci peuvent tre dirigs vers la page
daccueil du site mais aussi vers les pages de contenus. On parle
dans ce second cas de "liens profonds". Dans la mesure du
possible, il est trs largement prfrable que les liens soient
dirigs vers des pages qui contiennent vos mots-cls. Enfin, plus
le site qui propose un lien vers le vtre est important et en rapport
avec votre sujet, plus il amliorera votre rfrencement.
Chapitre 9
Comprendre les objectifs et les mthodes

de rfrencement
Les raisons dobtenir un bon rfrencement varient en fonction de
lactivit lie au site :
j
j
j
j
Quel que soit votre secteur dintervention, vous souhaiterez

augmenter votre notorit. Celle-ci est lie la visibilit de votre
site et toute augmentation de trafic sur celui-ci sera positive.
Amliorer laccs une information (scientifique, culturelle,
politique, etc.).
Accrotre le nombre de vos clients potentiels.
En augmentant le nombre de visiteurs, vous augmentez
automatiquement les revenus que vous touchez grce la
prsence dannonces publicitaires. Ce point est particulirement
important si vous comptez gagner de largent en parlant de votre
passion, sur votre blog.
tablir un rseau de relations et de contacts utiles.
Connatre les types de rfrencement

Il existe, vous lavez dcouvert, deux types de rfrencement :
j
le rfrencement naturel, que lon appelle aussi parfois

"rfrencement organique" ou encore SEO, acronyme de Search
Engine Optimization ;
le rfrencement payant ou SEM (acronyme de Search Engine
Marketing), dont le principe est de payer afin dtre plac parmi
les liens sponsoriss ;
Un troisime type de rfrencement appel SMO (Social Media

Optimization) consiste faire connatre le site en question par le biais de
moyens divers tels que les rseaux sociaux ou lemailing.
Assimiler les mthodes de rfrencement

naturel
Pour permettre votre site de bnficier dun bon rfrencement naturel,
il vous faudra :
Chapitre 9
j
Veiller au bon fonctionnement du site, cest--dire vous efforcer

dliminer au maximum les problmes dordre technique quil
pourrait renfermer, et ne ngliger en aucun cas limportance de la
qualit relle du contenu de vos pages. En effet, si celui-ci ne se
montre pas intressant aux yeux du lecteur, inutile desprer un
bon placement dans les SERP.
Travailler sur lenvironnement du site, qui joue de manire trs
importante sur son rfrencement naturel. Lerreur ne pas faire
serait de se concentrer uniquement sur le site lui-mme. Un site
peut tre dune richesse exemplaire, et ntre pour autant que trs
peu visit sil se trouve coup du "noyau actif" dInternet, savoir
les forums de discussion, le monde des blogueurs et les rseaux
sociaux (tels que Facebook). En effet, cest en ce lieu virtuel que,
dans de nombreux domaines, le bouche oreille seffectue, que
les liens se font naturellement et quun site de qualit a de grande
chance dtre reconnu en tant que tel.
Figure 9.6 : Les sites de rseaux sociaux (ici Facebook sur

http://fr-fr.facebook.com) constituent une opportunit non
ngligeable de faire connatre votre site
Matriser les tapes du rfrencement

Le travail du rfrenceur demande une grande endurance. Il sagit dun
cycle dactions visant augmenter lindexation sur un nombre toujours
plus important de mots-cls :

j
j
j
Chapitre 9
Vrifiez constamment que le site nest entach daucun problme

technique ou rdactionnel ; les plus classique dentre eux tant les
"liens morts", cest--dire les liens hypertextes vers des pages
supprimes ou inexistantes, les contenus ou images dupliqus
(que le robot repre trs facilement).
Rflchissez au choix des mots-cls que vous allez dfinir. Gardez
en tte quun internaute effectuant une recherche sur ceux-ci doit
voir la page sur laquelle vous avez travaill. Une fois un objectif
bien cibl atteint (par exemple "meubles anciens Nantes"), vous
pouvez largir un sujet plus vaste.
Vrifiez que le contenu de vos pages traite exactement le sujet
que constituent vos mots-cls. Il est conseill de crer une page
par expression prcise que le visiteur est susceptible de saisir dans
le moteur de recherche.
uvrez amliorer les liens (on parle de "netlinking") internes et
externes pointant vers les pages concernes.
Votre travail ne sarrte jamais : peine vos objectifs sont-ils
atteints que vous devez songer largir la plage de mots-cls
dfinis. Autrement, vos pages se verront vite descendre dans le
positionnement. En effet, vos concurrents ne se reposeront pas.
Anticiper le fonctionnement des moteurs

de recherche
La mthode utilise par les moteurs de recherche est nomme "crawl" et
emploie un "robot" (encore appel "spider" ou "crawler"). Il sagit dun
programme qui visite les pages en ligne, suivant le chemin des liens
hypertextes. Chaque page visite est copie sur un serveur.
laide dun algorithme complexe et tenu secret par Google, les pages
enregistres sont analyses : cest lindexation. Ensuite, le moteur de
recherche classe le contenu ainsi que dautres informations qui lui ont
servi estimer la pertinence de la page dans sa banque de donnes.
Sensuit lenregistrement de la page auprs de lindex du moteur. Ce
dernier rpertorie les pages rencontres.
La dernire tape est la formulation de la rponse que
recherche fournit lutilisateur lorsquil effectue une
recherche est alors ralise au sein de lindex. Les pages
classes en fonction de leur pertinence par rapport la
le moteur de
requte. Une
trouves sont
requte, puis
Chapitre 9
affiches dans la SERP. Il est donc vident que le rfrenceur se doit de

matriser cet algorithme le mieux possible.
Utiliser la longue trane

Le terme de "longue trane", "long Tail" ou encore "longue queue"
dsigne un facteur dterminant du rfrencement naturel.
Ce paramtre repose sur le fait que linternaute novice, lorsquil effectue
une recherche, a tendance ne taper quun ou deux mots dans la zone de
saisie du moteur. Par consquent, les rsultats sont trs nombreux
puisque le sujet est vague. La probabilit quune rponse satisfaisante se
trouve dans les premiers liens est alors trs mince. Par exemple, si notre
internaute, voyant le printemps arriver, dcide de sintresser au
fonctionnement des bicyclettes afin de rparer son vieux VTT, il va sans
doute dabord saisir "vlo" dans sa barre de recherche. Mais les rsultats
quil obtiendra ne conviendront pas, pour beaucoup, ses attentes (vente
de vlos, vlos doccasion, location de vlos...).
Sil a beaucoup de temps, il peut parcourir les nombreuses pages qui
soffrent lui dans lespoir de trouver une rponse pertinente, mais cest
rarement la solution choisie. Il va donc reformuler sa requte avec plus
de prcision ("fonctionnement vlo rparation", par exemple).
Il est alors capital, pour le rfrenceur, dutiliser leffet de la longue
trane.
Figure 9.7 : Cette courbe illustre le phnomne de la longue trane : sur

laxe horizontal, les produits (ou le nombre de mots saisis dans une requte)
et sur laxe vertical, les ventes (ou le nombre de visites du site). Source :
Wikipdia
Chapitre 9
Le terme de "longue trane" a dabord t utilis dans le marketing. Ce

phnomne, observ et tudi avec attention, a rcemment t galement
constat sur le Web, concernant le trafic gnr sur un site Internet par
les moteurs de recherche.
Lorigine de la longue trane
Le phnomne de la longue trane (Long Tail, en anglais) a t

dcouvert en 2004 par Chris Anderson, analyste et rdacteur au
magazine Wired, qui a fait sa dcouverte en tudiant les ventes en ligne
dAmazon et de grosses structures conomiques de vente en ligne
similaires.
Il a dtermin que le volume total de ventes des produits peu recherchs
par les consommateurs tait plus lev que celui des produits en vogue.
Ce constat sapplique galement sur le Web, en terme daudience lie
des recherches effectues dans les moteurs : le volume total des visites
lies des recherches spcifiques, donc expressment et explicitement
nommes ("guitares vintages Fender et Gibson", par exemple) est
suprieur celui li des recherches sur des mots trs populaires
("musique", par exemple). En outre, le taux de conversion est meilleur car
la probabilit, pour linternaute, de trouver une rponse en corrlation
avec sa recherche, est suprieure lors dune recherche explicite que sur
une expression trop gnrique, sur laquelle un bon positionnement
ncessitera un travail fastidieux et donc coteux pour le rfrenceur.
Essayons de nous reprsenter en quoi consiste leffet longue trane grce

un exemple simple : Imaginons quun site de vente en ligne propose
des vtements. Il dispose dun avantage par rapport son concurrent, le
magasin traditionnel, de possder un fond de catalogue (ensemble
darticles peu vendus) thoriquement illimit, puisquil ne doit pas
stocker ses marchandises. Il est constat que le bnfice dgag par le
fond de catalogue est suprieur celui que gnre la vente des produits
les plus vendus, dont doit se contenter le magasin traditionnel.
Quel rapport avec le rfrencement ? Le principe est exactement le
mme. Au lieu de sessouffler tenter, souvent vainement, de bien se
positionner sur un mot-cl unique, face une concurrence norme, il est
plus rentable de viser les expressions prcises, quitte multiplier les
pages. De cette manire, vous pouvez bien placer une page pour chaque
expression longue, donc saisie par un nombre plus restreint
dinternautes, mais ceux-ci auront plus de chances de voir votre site et
ce sera bien ce dont il traite qui les intresse. Avec un peu
dimagination, il est facile denvisager de nombreuses combinaisons de
Chapitre 9
mots-cls. Il ne vous reste qu crer une page par combinaison et

travailler sur son rfrencement.
Sur le schma prsent prcdemment, vous pouvez voir que si lon
considre le trafic sur laxe vertical et le nombre de mots-cls sur laxe
horizontal, la partie droite, donc celle reprsentant le nombre de
visiteurs parcourant le site grce leffet longue trane, est plus
importante que la partie gauche, qui reprsente le nombre dinternautes
ayant trouv le site suite une recherche sur une expression simple.
9.4. Dterminer sa stratgie

de positionnement
Avant de dbuter le travail de rfrencement proprement parler, une
tude de la concurrence savre une tape indispensable. Elle vous
permettra destimer le cot financer et la somme de travail ncessaires
pour atteindre votre objectif.
De nombreux outils, disponibles sur le Web vous aideront dans cette
tche. Vous allez en dcouvrir quelques-uns ci-aprs.
Rechercher des mots-cls

Le travail du rfrenceur, comme nous lavons vu, est efficace uniquement
sil est effectu sur de nombreuses expressions. Aussi, vous devrez en
estimer limportance en fonction du rapport trafic par travail fourni. Vous
rencontrerez sans doute de grandes difficults vous positionner si vous
visez trop haut, par le choix dexpressions trop vagues. Noubliez aucun
moment quil faut garder un esprit comptitif et mesurer avec justesse le
poids de vos concurrents, qui, dans certains domaines, peuvent consacrer
un budget trs important au rfrencement de leur site.
Utiliser des outils de mesure des mots-cls

Le gnrateur de mots-cls de Google
Cest maintenant que vous allez dcouvrir les outils qui vous
permettront de travailler plus efficacement sur la qualit de vos motscls.
Dterminer sa stratgie de positionnement
Chapitre 9
Pour ce faire :
1 Sur le site de Google ( ladresse http://www.google.fr), cliquez sur

Connexion.
Figure 9.8 : Le lien Connexion, sur la page daccueil de Google
La page Comptes Google est affiche.
2 Si vous en avez une, entrez ladresse email de votre compte

Google puis saisissez votre mot de passe. Autrement, crez un
compte (en cliquant sur Crer un compte maintenant). Cliquez
sur le lien Connexion.
3 Cliquez sur le lien Mon compte.
4 Dans la rubrique Dcouvrez dautres services, cliquez sur
AdWords.
La page Bienvenue sur le service AdWords est affiche.
5 Cliquez sur Trouver des ides de mots-cls.
Figure 9.9 : Le lien Trouver des ides de mots-cls
La page Gnrateur de mots-cls apparat.
Chapitre 9
6 Choisissez Expressions ou termes descriptifs puis saisissez le motcl ou lexpression-cl qui vous intresse dans la zone Entrez un
mot-cl ou une expression par ligne. Recopiez le code dans la zone
Entrez les caractres figurant dans limage ci-dessous puis validez
votre demande par un clic sur le bouton Trouver des ides de
mots-cls.
Figure 9.10 : La saisie de lexpression recherche
Google vous fournit des informations utiles concernant les diffrents

mots-cls envisageables. Cela peut vous tre dune grande utilit ; vous
pouvez comparer la concurrence laquelle vous devrez faire face pour
chaque expression. la base, cet outil a t conu pour les utilisateurs
de Google AdWords, afin de leur permettre de faire leur choix plus
facilement lorsquils veulent acheter des affichages de publicits en
ligne.
Les principales informations qui pourront vous tre utiles sont :
un grand nombre dexpressions-cls en rapport avec votre sujet ;
le volume de recherche, cest--dire le nombre moyen de requtes
effectues sur les expressions dont il est question ;
les tendances des volumes de recherche, soit la proportion des
requtes effectues durant lanne pour chaque mois ;
le mois pendant lequel le plus dentre elles ont t effectues sur
lexpression.
Chapitre 9
Figure 9.11 : Les rsultats affichs
7 Cliquez sur len-tte de colonne de votre choix afin de changer

lordre de classement des rponses affiches dans celle-ci.
Figure 9.12 : Les donnes sont tries par ordre dcroissant dans
cette colonne
8 Vous trouverez encore un grand nombre dinformations votre

disposition. Pour y avoir accs, parcourez la liste de la zone
Slectionnez les colonnes afficher.
Chapitre 9
Figure 9.13 : Laffichage de toutes les donnes disponibles
Figure 9.14 : De nombreuses donnes complmentaires sont

maintenant affiches, telles que le cot par clic moyen prvisionnel
CPC
Ce terme est lacronyme de Cot par Clic. Les valeurs de la colonne

Cot par clic moyen prvisionnel reprsentent de prcieuses informations
pour qui doit optimiser le cot dune campagne publicitaire Google
AdWords. Les montants affichs sont estims en fonction de la demande
Chapitre 9
sur lexpression, ainsi que du positionnement et des enchres

effectues sur le prix de laffichage de celle-ci.
Le service Google Trends

Google Trends pourra aussi se montrer dune grande utilit dans certains
cas. Cet outil affiche, sous forme de graphiques, les tendances sur les
volumes de recherche, cest--dire le nombre de recherches effectues
sur une expression, que vous pouvez cibler sur une rgion ou une
langue. Google Trends peut galement vous prsenter comparativement
les statistiques relatives plusieurs expressions de manire simultane,
ainsi que des articles dactualit en rapport direct avec les priodes
ponctuelles de grande popularit du mot-cl.
1 Connectez-vous ladresse http://www.google.com/trends.

2 Dans la zone de saisie, prsente en haut de la page, saisissez une
expression ou plusieurs (sparez alors les expressions par des
virgules). Cliquez sur le bouton Search Trends.
Figure 9.15 : Le service de Google Trends, ladresse

http://www.google.com/trends
Un graphique prsentant lvolution chronologique des tendances de

recherches effectues est affich (voir Figure 9.16).
3 Utilisez la liste droulante prsente en haut et droite de la page

pour restreindre la zone gographique sur laquelle doit tre
applique la fonctionnalit un pays (voir Figure 9.17).
Chapitre 9
Figure 9.16 : Le graphique de Google Trends
Figure 9.17 :
Les statistiques
seront ici
limites la
France
4 Utilisez la liste droulante prsente en haut et droite de la page

pour restreindre la zone gographique sur laquelle la
fonctionnalit une rgion doit tre applique.
Figure 9.18 :
Les
statistiques
seront ici
limites la
Lorraine
5 Utilisez la liste droulante place droite de la prcdente afin de

restreindre la priode.
Chapitre 9
Figure 9.19 :
Les statistiques
seront ici limites
lanne 2009
Le service Google Insights for Search

Comme Google Trends, ce nouveau service de Google affiche, sous
forme graphique, des statistiques sur le nombre de recherches effectues
pour une ou plusieurs expressions-cls, aprs saisie de celles-ci (il vous
sera ncessaire de vous identifier par votre compte Google).
Plus performant et daspect plus graphique (le service affiche une carte
de taille et dchelle variables lors de laffichage des rsultats), Google
Insights for Search se prsente comme le remplaant de Google Trends,
Google maintenant ce jour les deux services en ligne.
Google Insights for Search est accessible ladresse http://www.google
.com/insights/search/#.
Figure 9.20 :
Le service Google
Insights for Search
Chapitre 9
9.5. Optimiser son site

pour le rfrencement naturel
Vous allez maintenant appliquer les principales techniques de
rfrencement votre site Joomla.
Indexer son site dans Google

Lorsque vous souhaitez que votre nouveau site soit index dans Google,
deux solutions soffrent vous :
j
crer un lien vers celui-ci depuis un site dj index de sorte que

le robot dindexation Google (nomm Googlebot) parcourt votre
site ;
dclarer directement lexistence de votre site auprs de Google,
via le formulaire de dclaration que vous trouverez ladresse
http://www.google.fr/intl/fr/addurl.html.
Figure 9.21 : Le formulaire de dclaration dun nouveau site
Utiliser le fichier Sitemap

Le fichier Sitemap contient toutes les pages dun site que Google doit
indexer. Il sert indiquer Google lexistence de celles quil naurait
Optimiser son site pour le rfrencement naturel
Chapitre 9
pas encore rencontres. Il nest pas obligatoire den crer un, mais cela
peut savrer utile si les pages de votre site ne sont pas toutes accessible
par la navigation ou que celles-ci sont dveloppes en technologie Flash
uniquement, ce qui reprsente un obstacle pour le robot. Le fichier
Sitemap doit tre plac, comme indiqu par Google, sur votre espace
dhbergement.
Pour crer le fichier Sitemap, la dmarche suivre est :
Si ce nest dj fait, crez un compte Google Webmaster Tools.
Depuis linterface alors propose par Google, saisissez lURL du
site pour lequel vous voulez crer le fichier Sitemap.
Suivez la procdure de vrification afin que Google sassure que
vous tes le webmestre du site, puis Google crera le fichier.
Indiquez lURL dans le fichier Sitemaps.
Lindexation des pages se fera automatiquement, grce au travail
du robot de Google. Le moteur de recherche vous enverra un
compte-rendu sur votre compte Google Webmaster Tools.
Augmenter son PageRank

Google calcule un indice appel PageRank valuant la qualit des pages
web, en fonction de nombreux paramtres. Celui-ci ne dpend pas du
thme abord. Le PageRank nest videmment pas lunique paramtre
pris en compte par lalgorithme de Google mais il a une incidence sur le
positionnement dune page web dans les SERP du moteur de recherche.
Principalement, les facteurs en jeu sont les suivants :
j
j
j
Un lien hypertexte vers une page augmente le PageRank de

celle-ci.
Limportance de laugmentation provoque dpend de la
popularit de la page sur laquelle figure le lien.
Si sur une page relativement populaire ne figure quun lien,
celui-ci augmentera de beaucoup le PageRank de la page cible,
mais plus la page comprendra de liens, moins chacun dentre eux
aura de poids.
Cet indice est mesur selon une chelle logarithmique ferme.

Autrement dit, le nombre peut aller de 0 10 et pour chaque unit, il
faut multiplier par dix le travail fournir, ce qui rend les derniers
Chapitre 9
chelons quasi inaccessibles (passer du neuvime au dixime chelon

reprsente un milliard de fois plus de travail que dobtenir le premier).
Au contraire, les premiers sont rapides et simple atteindre. Mais
parvenir un PageRank de 5 est presque impensable pour un rdacteur
seul et les chelons suprieurs ncessitent la mise en uvre de toute une
quipe rdactionnelle.
Connatre son PageRank
Afin de savoir si les stratgies quil utilise sont efficaces ou non, il est
intressant pour le webmestre davoir connaissance du PageRank des
diffrentes pages de son site.
De nombreux sites permettent dafficher en ligne le PageRank dune page
web, aprs saisie de son URL.
Figure 9.22 : Le site http://www.pagerank.fr, par exemple, affiche le

PageRank dun site, par simple saisie de son URL
Toutefois, la mthode la plus simple pour connatre le PageRank des

pages que vous visitez consiste tlcharger la barre doutils Google. Elle
affiche le PageRank directement dans votre navigateur.
Chapitre 9
Figure 9.23 : Le tlchargement de la barre doutils Google, ici pour

Firefox, ladresse
http://www.google.com/tools/firefox/toolbar/FT3/intl/fr/
Les principales techniques permettant damliorer le PageRank sont les

suivantes :
augmenter le nombre de liens externes ;
essayer, si cela est possible, dobtenir ces liens de pages ellesmmes populaires ;
chercher en priorit des backlinks depuis des pages qui nen
contiennent pas beaucoup.
Attention, au contraire, le PageRank ne dpend pas :
du trafic que le site connat;
de la frquence laquelle les internautes cliquent sur le lien vers
le site depuis les SERP ;
de lemplacement de la page au sein du site web ;
du sujet trait.
Transmission du PageRank
La formule de calcul du PageRank indique que toute page distribue 15

% de son PageRank aux pages vers lesquelles pointent ses liens
hypertextes. Forte est donc la tentation, pour un webmestre, de limiter
les liens de ses pages des liens internes, afin dviter toute fuite de son
prcieux PageRank vers des sites extrieurs.
Chapitre 9
Comme vous vous en doutez, les dveloppeurs de Google ne

peuvent laisser une telle situation se crer car elle serait synonyme
de la fin du Web, chaque site fonctionnant en autarcie.
Il semble donc que des "points" soient redistribus, en terme de
positionnement, aux sites jouant le jeu dun Web ouvert. Ainsi, une page
prsentant quelques liens externes vers des sites choisis se verra mieux
place que la mme page disposant uniquement de liens internes.
Un autre indice, le TrustRank
Google cherchant liminer les sites sans intrt, le moteur conu le

concept de TrustRank, indice indiquant le degr de "confiance" accord
un site. Dabord affect par un humain sur certains sites forte
notorit, le TrustRank se transmet ensuite par les liens hypertextes vers
les autres sites.
Diminuer leffet Sandbox

Le terme deffet Sandbox dsigne la mise lcart dun site, lors de
laffichage des rsultats.
Cet effet touche principalement les nouveaux sites, pendant les mois qui
suivent leur cration. Google considre que les sites doivent attester de
leur relle existence. Sont ainsi limins les sites nayant pas fait leurs
preuves.
Pour pallier leffet SandBox, la mthode la plus efficace est
certainement, pour le webmestre, de conserver une attitude naturelle et
de ne pas utiliser de techniques daugmentation artificielle de la
visibilit, telles que linscription un grand nombre de sites en une
courte priode.
La Google Dance
Ce terme indique la mise jour du classement des pages rfrences

par Google et pendant laquelle le PageRank et lindexation des pages
sont recalculs.
Chapitre 9
Optimiser les titres des pages

Ce point est essentiel puisque Google accorde beaucoup de crdit, lors
de lindexation, au contenu de la balise <title>, dans le code de la page,
ainsi qu celui des liens pointant vers les pages (backlinks) et leur
contexte smantique.
Voici quelques conseils qui vous seront utiles afin doptimiser vos
titres :
j
j
j
j
j
j
j
j
Le titre dune page tant affich dans la page de rsultats de

Google, choisissez une courte phrase donnant linternaute envie
de la visiter.
Limitez cette phrase quelques mots (moins de 10).
Variez les titres dune page lautre afin daffecter une expression
chaque page.
Nutilisez pas de termes gnriques (par exemple, "Bienvenue sur
mon site"), cest un gaspillage et une dilution de la pertinence de
vos mots-cls.
Utilisez le plus possible de mots-cls dans le titre.
Placez les mots les plus importants au dbut de la phrase
composant le titre (exemple : "Club de plonge aux Carabes
Stages dt").
Faites en sorte que le contenu smantique du titre corresponde
parfaitement au contexte de la page.
Utilisez des expressions composes et non une liste de mots-cls.
Activer lURL rewriting

Joomla gnre des URL renfermant un nombre assez important de
paramtres. Ainsi, une adresse peut prendre la forme suivante : http:
//www.formations-informatiques-nancy.mosaiqueinformatique.fr/index
.php?option=com_content&view=article&id=47&Itemid=56.
Lactivation de la rcriture dynamique des pages, qui sappuie sur la
technique de lURL Rewriting, peut vous permettre damliorer le
rfrencement de votre site par linsertion de mots-cls dans les adresses
de vos pages web.
Chapitre 9
Technique relativement complexe est fastidieuse, lURL Rewriting est

nativement intgre Joomla. Il vous suffira de lactiver pour en
bnficier. Vous trouverez ici le mode opratoire ncessaire.
1 Au moyen de votre logiciel de transfert FTP, FileZilla, par

exemple, connectez-vous lespace dhbergement de votre site
Joomla.
2 la racine du site, renommez le fichier htaccess.txt en
.htaccess (noubliez pas le point avant le nom du fichier).
3 Depuis linterface dadministration de votre site Joomla, cliquez
sur Site/Configuration gnrale.
4 la rubrique Paramtres SEO, activez les trois options URLs
explicites (SEF), Utiliser le module Apachemod_rewrite (rcriture au
"vol" des URLs) et Ajouter un suffixe aux URLs.
Figure 9.24 : Les paramtres dactivation de la rcriture dynamique
des pages
5 Cliquez sur le bouton Appliquer (et non sur le bouton Sauver, qui
ne vous permettrait pas de dsactiver la fonctionnalit en cas de
problme).
6 Dans un nouvel onglet de votre navigateur, donc sans fermer la
fentre du backend, testez le bon fonctionnement du systme en
vous dplaant sur le site au moyen des liens de navigation des
menus.
En cas de problme
Si, lors de vos tests de bon fonctionnement de la fonctionnalit dURL

Rewriting, vous rencontrez le message Error 500 - Internal server error,
Chapitre 9
vous devez effectuer une copie du fichier sur votre ordinateur, au

moyen de votre logiciel de transfert FTP, ouvrir le fichier sur votre
machine avec un diteur de texte tel que le Bloc-notes, puis supprimer le
caractre dise plac au dbut de la ligne RewriteBase / (le dise est
utilis pour les commentaires, une ligne dbutant par ce caractre est
donc ignore). Transfrez le fichier modifi sur votre espace
dhbergement en FTP. Le problme devrait tre rsolu.
Les URL que vous obtenez sont du type http://www

.formations-informatiques-nancy.mosaiqueinformatique.fr
/creez-votre-site-web-introduction.html (lalias des articles est utilis en
remplacement des paramtres).
7 Si vous rencontrez un problme daffichage, celui-ci est

probablement d aux paramtres par dfaut du serveur web de
votre hbergeur. Il vous faudra trouver des informations sur son
site pour solutionner le problme. En attendant, dsactivez les
trois options de la rubrique Paramtres SEO puis cliquez sur
Sauver.
8 Si tout fonctionne correctement, cliquez sur Sauver aprs avoir
effectu plusieurs tests daffichage sur diffrentes pages.
Optimiser les pages de contenus

Le contenu de la page est dterminant.
Respectez les consignes suivantes :
j
j
j
j
j
Ayez un vritable contenu rdactionnel dans la page.

Nutilisez quune langue par page.
Employez les titres et les sous-titres (balises <h1>, <h2>, ), les
balises de mise en gras ( ou ) et de mise en italique
( ou ) et les balises de liens hypertextes (<a>) pour
mettre en valeur vos mots-cls, Google accorde plus de crdit aux
textes placs dans ces balises. Ne tombez toutefois pas dans
lexcs et restez naturel dans votre mise en forme.
crivez un "chapeau", cest--dire un paragraphe dintroduction,
plac au dbut du texte, et renfermant les mots-cls stratgiques.
Placez les mots-cls de premier niveau en dbut de page.
Chapitre 9
j
j
j
j
Employez des synonymes vos mots-cls et variez fminin,

masculin, singulier et pluriel dans les textes.
Le nombre doccurrences dun mot dans la page divis par le
nombre total de mots dans la page permet de calculer lindice de
densit du mot dans la page. Cette valeur, qui semble prise en
considration par certains rfrenceurs, ne parat pas tre
dterminante pour Google. Gardez-lui une valeur raisonnable et
rsistez la tentation de rpter trop de fois un mot-cl dans la
mme page, cest inutile.
Donnez de limportance lordre des mots en plaant les motscls de premier niveau en dbut dexpression.
Composez des pages ayant un contenu rel, de plusieurs milliers
de mots, en encapsulant les mots ou expressions-cls dans des
contextes smantiques de quelques centaines de mots.
Optimiser les images

Loptimisation des images est un facteur important de lindexation :
j
j
j
Placez des mots-cls, spars par des tirets, dans les noms des
images.
Placez des mots-cls dans lattribut alt de la balise <img>.
Placez des mots-cls autour de limage, afin quils constituent une
lgende.
Utiliser la balise META description

Bien que nayant pas ou peu dincidence sur lindexation, cette balise
est employe pour affecter une description de la page. Son contenu sera
affich lintention des internautes, dans les SERP, et cest lui qui
dclenchera ou non le clic sur le lien menant votre site. Utilisez des
phrases ayant une construction smantique correcte plutt quune suite
de mots-cls et limitez la valeur de cette balise 150 caractres environ.
Balises META
Les balises META sont des balises places dans len-tte de la page et
destines transmettre des renseignements complmentaires aux moteurs
de recherche. Google ne tient presque plus compte de ces balises, suite
des utilisations excessives de celles-ci faites au dbut du Web et rendant
lindexation des pages peu crdibles.
Chapitre 9
Certaines de ces balises sont toutefois davantage utilises par

certains petits moteurs de recherche.
Utiliser la balise META robots

Cette balise est utiliser dans certaines situations, par exemple pour
indiquer au moteur que vous ne souhaitez pas quune page soit indexe.
Utiliser la balise META keywords

Cette balise contient la liste de mots-cls de la page. Elle nest plus prise
en considration par Google. Elle peut toutefois tre utilise par le
module Related Items de Joomla pour mettre en relation des articles
traitant de sujets proches. En crant des "liens profonds", darticle
article, cette technique amliore de faon notable de positionnement par
cration de backlinks automatiquement gnrs, sans surcrot de travail
pour le webmestre.
Figure 9.25 : Le module Related Items de Joomla
Chapitre 9
Bien choisir le nom de domaine du site

Lincidence du libell du nom de domaine, si elle nest pas dterminante
sur lindexation, est toutefois significative, puisque lURL peut
renfermer des mots-cls. En outre, cette adresse sera galement lue par
les internautes ; il est donc toujours prfrable quelle soit
mnmotechnique.
Voici quelques conseils ce propos :
j
j
Si possible, intgrez des mots-cls dans le nom de domaine,

spars par des tirets.
Nutilisez quun nom de domaine par site (afin dviter dtre
pnalis par Google, qui y verrait un contenu dupliqu. Redirigez
vos ventuels autres noms de domaines vers ce nom de domaine
principal depuis linterface de votre hbergeur, via une redirection
de type 301.
Lemploi de noms de sous-domaines (du type http://www
.monsousdomaine.mondomaine.fr), pour augmenter artificiellement le
nombre de domaines, ne produit gnralement pas de bons
rsultats car les sous-domaines sont vus comme des nouveaux
noms de domaines et sont mis dans la Sandbox de Google
pendant plusieurs mois. En outre, si la raison dtre des sousdomaines crs est uniquement lindexation, Google risque de
considrer la manuvre comme une technique de triche
(spamdexing) et de pnaliser le site dans les classements.
Lutilisation de sous-domaines, effectue correctement, peut
toutefois augmenter votre visibilit en ce sens que Google, voyant
plusieurs domaines, pourra affecter jusqu deux lignes dans sa
page de rsultats chacun dentre eux.
Utiliser des mots-cls dans les noms

de dossiers et de fichiers
Les moteurs de recherche tant capables de lire les noms de dossiers et
les noms de fichiers pour accder une page web, placez des mots-cls
dans ceux-ci, spars par des tirets. Cette technique ajoute quelques
points la qualit dindexation de vos pages.
Oprez de mme avec les noms des images.
Chapitre 9
Grer un site multilingue

Google accorde des priorits de classement en fonction de lextension
du nom de domaine, qui indique sa nationalit.
Ainsi, un site franais sera mieux positionn dans les recherches
spcifiques du type "Pages : France" sil est en .fr, sil est hberg en
France ou si vous avez indiqu Google la zone gographique associe
votre site (depuis le compte Webmaster Tools que vous pouvez crer
partir de la page daccueil du moteur de recherche).
Dans le domaine de la gestion de sites multilingues, certaines techniques
sont proscrire. Parmi elles, citons lusage des cookies (fichiers texte
envoys dans le cache du navigateur pour aider la navigation) et la
gestion de la langue dans un paramtre pass dans lURL (du type http://
www.monsite.com/mapage.php?lg=fr).
tre prsent dans les rponses de recherche

universelle
Google affiche, dans certains cas de recherche classique, dautres
informations provenant de diffrentes sources, comme les cartes Local
Business Center de Google ou Google News.
Figure 9.26 : Une carte Local Business Center de Google
Chapitre 9
Ces lignes de rsultats font partie des lignes affiches et repoussent les
autres plus loin dans les pages daffichage.
Mme si lopration vous cote du temps, pensez vous inscrire de
tels services accessibles gnralement par formulaires dinscription.
Figure 9.27 : Linscription au service Local Business Center de Google

(https://www.google.com/accounts/ServiceLogin?continue=
http%3A%2F%2Fwww.google.com%2Flocal%2Fadd%2Fbusiness
Center%3Fgl%3DFR%26hl%3Dfr&service=lbc&hl=fr&gl=FR)
Google News
Ce service a pour finalit dafficher un rsum de lactualit, issu des

journaux en ligne, lorsque le lien Actualits est cliqu dans la page de
recherche de Google. tre prsent sur Google News est un privilge
rserv aux journaux en ligne professionnels, puisquil est ncessaire de
mettre en ligne un nombre consquent darticles, de disposer de
plusieurs rdacteurs et de publier chaque article sur une adresse unique.
Avoir recours au rfrencement payant
Chapitre 9
Figure 9.28 : Le service Google News
9.6. Avoir recours au rfrencement

payant
Si vous choisissez cette solution, conservez lesprit quun tel service
doit vous rapporter plus dargent quil ne vous en cote.
Figure 9.29 : Les liens commerciaux sont affichs en haut et droite des
SERP de Google
Chapitre 9
Cette technique ne doit quexceptionnellement se substituer au

rfrencement naturel. Il sagit, certes, dune faon de positionner votre
site dans la premire ou la seconde page de liens dune SERP mais ce
positionnement est artificiel : il disparatra ds que vous cesserez de
payer le moteur de recherche.
De plus, de nombreux internautes font maintenant la part des choses et
accordent moins de crdit aux liens sponsoriss qu ceux apparaissant
dans la zone de liens naturels.
Sil serait une erreur de la bannir, cette technique est donc employer
avec pondration, dans des cas prcis, tels que des vnements ponctuels
ou imprvus, pour lesquels vous ne disposez plus dassez de temps de
travail sur votre rfrencement naturel. Il peut galement sagir dun
choix stratgique de votre part, parce que vous estimez que le cot dun
rfrencement naturel sera suprieur celui dune campagne de liens
commerciaux. Vous devez, dans ce dernier cas, effectuer votre choix
aprs une srieuse tude marketing dont le bilan prvisionnel quelle a
gnr vous laisse dimportants espoirs de dgager un bnfice la suite
de cette action.
Lavantage essentiel du lien sponsoris est quil est affich
immdiatement sur les moteurs de recherche, sans devoir subir les
longues et fastidieuses tapes inhrentes au rfrencement naturel. Cest
aussi un moyen de contourner le Sandbox de Google, qui impose tout
nouveau site, mme de qualit, un dlai dattente pendant lequel le site
est observ par le moteur de recherche.
Certains secteurs nhsitent pas investir de grosses sommes dargent
dans des campagnes publicitaires utilisant le lien payant comme vecteur
de communication, quelquefois en diminuant en proportions les budgets
allous aux mdias traditionnels, tels que la presse, la tlvision, la radio
ou les affiches urbaines.
Le mode opratoire est le suivant :
1 Le webmestre du site choisit des mots-cls ou des expressions.

2 Il se lie par un contrat auprs dune rgie publicitaire en ligne,
telle que celle de Google et achte le positionnement de ces mots,
pour un montant donn. Les valeurs quil affecte aux mots-cls ou
aux expressions de son choix dterminent un positionnement aux
enchres (les meilleurs places sont rserves aux annonceurs
ayant pay le plus fort prix, pour une expression donne).
Avoir recours au rfrencement payant
Chapitre 9
3 Le crdit de lannonceur est diminu chaque clic effectu par les

internautes sur les liens commerciaux, placs dans les pages de
rsultats du moteur de recherche ou sur les sites diffusant des
liens commerciaux.
4 Quand le crdit est puis, la campagne sarrte, moins que
lannonceur alloue un nouveau budget sa campagne daffichage
pour quelle continue.
Figure 9.30 : Linscription une campagne de liens commerciaux,

sur le site de Google AdWords
(https://www.google.com/accounts/ServiceLogin?service=
adwords&cd=FR&hl=fr-FR&ltmpl=adwords&passive=true&ifr=
false&alwf=true&continue=https%3A%2F%2Fadwords.google.fr%2
Fselect%2Fgaiaauth%3Fapt%3DNone%26ugl%3Dtrue&sourceid=awo)
Voici les principales raisons de choisir deffectuer une campagne de

liens commerciaux :
j
j
j
accroissement de limage de marque dune entreprise, trs visible

sur Internet, aux yeux de certains internautes novices, pour qui
visibilit est synonyme de notorit ;
augmentation du trafic afin demmener lacheteur potentiel sur
une page dclenchant la pulsion dachat ;
campagne publicitaire complmentaire limpact du
rfrencement naturel ou une publicit sur dautres canaux
traditionnels (journaux, TV, etc.).
Chapitre 9
9.7. Utiliser les commandes de Google

Google met la disposition de ses utilisateurs un ensemble de
commandes qui, saisies dans la zone de recherche du moteur, permettent
dobtenir de nombreuses informations et daffiner les rsultats obtenus.
Ces instructions sont essentiellement utilises pour tudier votre
positionnement et celui de vos concurrents.
Vous trouverez, ci-aprs, la liste des commandes essentielles.
Augmenter le nombre de rponses de Google
Le nombre de liens, affichs par Google dans ses pages de rsultats

est de 10, ce qui oblige de nombreux recours aux boutons de
navigation placs en bas des pages, pour parcourir un nombre
suffisamment consquent de rponses.
Vous pouvez augmenter ce nombre en ajoutant &num=20 (ou une autre
valeur infrieure 100) dans la barre dadresse du navigateur, aprs que
la recherche a t lance une premire fois.
Ainsi, la requte "guitares doccasion", saisie dans la zone de recherche
de Google, gnre lURL http://www.google.fr
/search?hl=fr&q=guitares+d%27occasion&btnG=Rechercher&meta= , aprs que le
bouton Rechercher est cliqu. Les rsultats sont, comme laccoutum,
affichs par lots de 10. Alors que la requte http://www.google.fr
/search?hl=fr&q=guitares+d%27occasion&btnG=Rechercher&meta=&num=100 affiche,
elle, des pages renfermant chacune 100 liens.
allintitle
Exemple de syntaxe : allintitle:"vacances t".
Cette commande, lorsquelle est saisie dans la zone de recherche de
Google, permet dafficher toutes les pages rpertories par le moteur et
renfermant lexpression (dans ce cas entre guillemets) dans leur titre
(voir Figure 9.31).
Utilisation de guillemets
Lorsque des guillemets sont utiliss, lexpression exacte est

recherche, alors quen labsence de guillemets, les mots quelle
renferme sont recherchs, indpendamment de leur ordre de saisie.
Utiliser les commandes de Google
Chapitre 9
Figure 9.32 : La mme commande, sans lutilisation des guillemets, renvoie

des rsultats diffrents
Figure 9.31 : Un exemple dutilisation de la commande allintitle
Chapitre 9
allinurl
Exemple de syntaxe : allinurl: "physique chimie".
Google, permet dafficher toutes les pages rpertories par le moteur et
renfermant lexpression (dans ce cas entre guillemets) dans leur URL.
Figure 9.33 : Un exemple dutilisation de la commande allinurl sur Google
filetype
Exemple de syntaxe : physique chimie filetype:pdf.
Google, permet dafficher les liens pointant vers le type de fichier
indiqu (pdf, dans cet exemple) et en rapport avec lexpression saisie.
Cette instruction vous sera trs utile si vous souhaitez, par exemple,
connatre en un instant lensemble des documents au format PDF mis en
ligne sur un sujet.
Chapitre 9
Figure 9.34 : Un exemple dutilisation de la commande filetype sur Google
inanchor
Exemples de syntaxe :
j
informatiques". Cette commande

permet dafficher toutes les pages indexes et renfermant des liens
utilisant exactement lexpression entre guillemets, indique
comme paramtre de la commande.
inanchor:livres informatiques. Cette commande permet
dafficher toutes les pages indexes et renfermant des liens
utilisant les mots, dans un ordre quelconque, de lexpression
indique comme paramtre de la commande.
inanchor:"livres
Figure 9.35 : Un exemple dutilisation de la commande inanchor sur
Google
Chapitre 9
info
Exemple de syntaxe : info:http://www.palaisdecouverte.fr.
Google, permet dafficher les principales informations actuellement
dtenues par Google sur le site indiqu en paramtre (version en cache,
pages similaires, pages renfermant un lien pointant vers ladresse, liste
des pages du site, liste des pages renfermant ladresse, etc.).
Figure 9.36 :
Un exemple
dutilisation de la
commande info sur
Google
intext
j
chimie". Cette commande permet

dafficher toutes les pages indexes et renfermant exactement
lexpression entre guillemets.
intext:"physique chimie" terminale. Cette commande
permet dafficher toutes les pages indexes et renfermant
exactement lexpression entre guillemets, ainsi que le mot suivant
(non encadr de guillemets), quelle que soit sa place dans le texte
des pages.
intext:"physique
Figure 9.37 :
Un exemple
dutilisation de la
commande intext
sur Google
Chapitre 9
intitle
Exemple de syntaxe : intitle:vacances t.
Cette commande permet dafficher toutes les pages rpertories par le
moteur et dont le premier mot de lexpression recherche est contenu
dans leur titre alors que les suivants sont renferms dans la page.
Figure 9.38 :
Un exemple
dutilisation de la
commande intitle
link
Exemple de syntaxe : link:www.lemonde.fr.
Cette commande permet de connatre les adresses des pages rpertories
par le moteur et renfermant un lien pointant vers ladresse indique en
paramtre de la commande.
Figure 9.39 :
Un exemple
dutilisation de la
commande link sur
Google
Chapitre 9
Sur Google, la liste de liens renvoye par cette commande est

incomplte. Sa valeur est donc indicative. Pour vous en convaincre,
saisissez la mme commande sur le moteur de recherche Yahoo (http:
//www.yahoo.fr). Le nombre de liens indiqus est beaucoup plus
consquent.
Figure 9.40 : Un exemple dutilisation de la commande link sur Yahoo
related
Exemple de syntaxe :
related http://www.palaisdecouverte .fr/index.php.
Figure 9.41 : Un exemple dutilisation de la commande related sur Google
Chapitre 9
Cette commande permet deffectuer une recherche des sites proposant

un sujet proche ou analogue celui du site indiqu en paramtre de la
commande.
site
j
site:http://www.palaisdecouverte.fr. Cette commande
permet dafficher toutes les pages indexes du site indiqu en

paramtre de la commande.
site:http://www.palaisdecouverte.fr
+
chimie.
Cette commande permet deffectuer une recherche, sur un site
spcifique, des pages renfermant un mot-cl ajout en paramtre,
derrire loprateur +.
Figure 9.42 : Un exemple dutilisation de la commande site sur
Google
Autre syntaxe
Il vous est galement possible dutiliser une syntaxe telle que

"chimie" site:http://www.palaisdecouverte.fr
"chimie" site:.fr. Cette commande permet deffectuer une
recherche pour le mot-cl cit en paramtre, pour les sites portant

lextension .fr.
Chapitre 9
define
Exemple de syntaxe : define:php.
Google, permet dafficher les dfinitions de lexpression saisie en
paramtre.
Figure 9.43 : Un exemple dutilisation de la commande define sur Google
9.8. Anticiper les futures techniques

de rfrencement
Les techniques de rfrencement dcrites ici volueront, nen doutez
pas.
Google annonce en effet des modifications majeures de ses algorithmes,
sous lappellation de Google personalized search results.
Ce nouvel algorithme sappuie sur lhistorique de navigation des
internautes, mmoris et diffrent pour chacun dentre eux. Les rsultats
obtenus varieront donc en fonction des sites prcdemment visits.
Check-list
Chapitre 9
Le rfrenceur devra suivre de prs cette volution, sil souhaite

conserver ses acquis.
9.9. Check-list
j
j
j
j
j
Le travail du rfrenceur est une tche consquente et qui stire

sur toute la dure de vie du site web.
La premire tape, lors du rfrencement dun site, consiste
dfinir clairement les objectifs atteindre et les mettre en
corrlation avec les moyens ncessaires.
La deuxime tape consiste effectuer une recherche de mots et
dexpressions-cls stratgiques, en vous aidant des outils en ligne.
Ensuite, vient le travail doptimisation technique et rdactionnelle
des pages.
Ltape suivante consiste obtenir un nombre maximal de liens,
internes et externes, pointant vers les pages que vous souhaitez
mettre en valeur.
ce stade, il ne vous reste qu augmenter le nombre de
mots-cls et recommencer le cycle.
Annexe
Glossaire .............................................................................................................................. 384

Adresses Internet utiles .................................................................................................... 406
Chapitre 10
Annexe
10.1. Glossaire
A
Accessibilit
Ce terme dsigne la possibilit, pour tous les internautes, y compris les personnes
handicapes ou malvoyantes, daccder aux services Internet.
Achat de mots-cls
Terme indiquant la possibilit, pour les annonceurs, dacheter des liens publicitaires
affichs lorsque certains mots-cls sont saisis dans un moteur de recherche. Ces
prestations sont vendues par des rgies publicitaires telles que celle de Google.
Acrobat Reader
Logiciel permettant dafficher des documents dans leur forme originale, au format
PDF. Ce logiciel, conu par la socit Adobe (www.adobe.fr), est trs utilis sur
Internet. De nouvelles versions, tlchargeables gratuitement (par exemple
ladresse www.adobe.fr/products/acrobat/readstep2.html), sont mises la disposition des
utilisateurs rgulirement par lditeur.
ActionScript
Langage de programmation utilis pour le dveloppement dapplications Flash
sophistiques, telles que les jeux en ligne.
ActiveX
Programmes de technologie Microsoft pouvant tre utiliss dans une page web ou
un courriel au format HTML. Les ActiveX, comme les scripts crits en langage
JavaScript, permettent de raliser les traitements impossibles effectuer en langage
HTML. Ils peuvent contenir des virus informatiques et doivent donc tre activs
uniquement lorsquils proviennent de sources sres, sous le contrle dun logiciel
antivirus.
Administrateur de rseau
Personne ayant la charge dentretenir un rseau informatique. Ladministrateur cre les
comptes des utilisateurs et leur affecte des droits (de lecture ou dcriture par exemple)
sur le systme informatique.
Adresse email
En informatique, adresse quivalente une adresse postale et vers laquelle sont
adresss les courriers lectroniques.
Adresse IP
Adresse sur 32 bits, divise en zones. Les adresses IP sont utilises par le protocole
TCP/IP qui affecte une adresse unique chaque ordinateur (192.168.000.001, par
Glossaire
Chapitre 10
exemple). Il existe deux catgories dadresses IP affectes un ordinateur :

ladresse IP statique, qui ne change pas, et ladresse IP dynamique, qui change
chaque connexion. Dans ce cas, il faut que le serveur dispose dune fonctionnalit
permettant la distribution dynamique dadresses IP (DHCP).
Adresse URL (Uniform Resource Locator)

Adresse dun site Internet (du type www.mosaique-informatique.com) saisie dans la
Barre dadresse du navigateur Internet pour accder une page.
AdSense
Systme de publication de liens publicitaires textuels, cest--dire variant en
fonction des pages web dans lesquelles elles sont diffuses, moyennant
rmunration des sites sur lesquels les liens sont diffuss.
ADSL (Asymmetrical Digital Subscriber Line)

Mode de connexion Internet permettant de disposer dune connexion permanente
et rapide un cot abordable et utilisant le rseau tlphonique existant.
AdWords
Systme de diffusion de liens publicitaires payants, dit par Google, sur ses pages
de recherche et sur les sites web qui en font la demande Google et sont accepts
en tant quditeurs par ce dernier.
AFNIC (Association franaise pour le nommage

Internet en coopration)
Organisme ayant pour mission de grer les noms de domaine franais.
Ajax (Asynchronous JavaScript and XML)

Terme indiquant lutilisation dun regroupement de technologies libres (XHTML,
CSS, XML, XSLT, JavaScript) et autorisant le rafrachissement partiel dune partie
web, dans le but de diminuer les temps de rponses et la quantit de bande passante
utilise.
Algorithme
Mthode danalyse de problmes destine optimiser lcriture des programmes
informatiques.
Algorithme de pertinence
Systme destimation de la pertinence dune page web, utilis par les moteurs de
recherche,, lorsquune requte est saisie par linternaute.
Alias
Synonyme de "raccourci vers un fichier".
Chapitre 10
Annexe
Alt
Balise XHTML permettant dindiquer un message associ une image,
particulirement lintention des malvoyants.
Ancre (Anchor)
Balise XHTML permettant de crer un lien hypertexte.
Annonceur
Personne crant une action publicitaire daffichage de liens payants sur Internet.
Annuaire
Moteur de recherche de sites web dont lindexation est contrle par des humains,
la diffrence dun robot dans lequel lindexation est ralise automatiquement par
une machine.
Apache
Serveur web OpenSource, trs largement utilis sur le Web, chez les FAI
notamment.
Applet Java
Programme insr dans les pages web et permettant des traitements impossibles en
HTML tels que des animations dimages, des calculs ou des chats.
Arobase (@)
Caractre signifiant "chez" (prononc at en anglais), utilis dans les adresses de
courrier lectronique pour sparer le nom du destinataire de celui du nom de
domaine auquel il est rattach (dupont@nomdedemine.fr, par exemple).
Article
Sous Joomla, entit rdactionnelle compose de texte, dimages et ventuellement
dobjets.
Assistant
Logiciel apportant une aide lutilisateur lors dune tche, linstallation dun
programme par exemple.
Audit de site
Analyse dun site web dans le but den amliorer les performances.
Authentification
Contrle de lidentit dun utilisateur sur un rseau ou un ordinateur.
Glossaire
Chapitre 10
AVI
Format de fichiers informatiques de vido.
AWR - Agent Web Ranking

Programme danalyse de rfrencement et de positionnement dans les moteurs de
recherche.
B
Backlink
Lien hypertexte venant dun autre site web.
Backend
Interface dadministration de Joomla.
Backup
Sauvegarde de fichiers dune unit de mmoire de masse vers une autre.
Balise
Commande utilise en HTML pour mettre en forme le document.
Balise meta
Balise HTML renfermant des informations lintention des robots des moteurs de
recherche.
Balise meta title

Balise HTML qui dfinit le texte du titre dune page web. Cette balise est
fondamentale ; elle renferme un texte qui est affich dans les pages de rsultats des
moteurs de recherche. Elle est trs souvent prise en considration par les moteurs de
recherche, lors de lindexation dune page.
Balise meta description

Balise HTML qui dfinit la description dune page web. La description est affiche
la suite du titre, dans les pages de rponses des moteurs de recherche. Elle doit
tre correctement rdige afin de donner linternaute le dsir de visiter le site web
correspondant.
Balise meta keywords

Balise HTML qui dfinit les mots-cls dune page. Cette balise nest plus prise en
considration par la plupart des moteurs de recherche.
Chapitre 10
Annexe
Bande passante
Dbit dune connexion.
Bannire
Image ou animation publicitaire affiche sur un site web.
Barre de titre
Zone daffichage des titres en haut dune fentre de Windows, celle du navigateur
Internet par exemple.
Barre doutils
Zone compose de boutons et dicnes qui constituent des raccourcis vers les
menus.
Base de donnes
Logiciel de stockage des informations rpondant des concepts structurels (tables,
relations), comme les logiciels Access ou MySQL.
Bloc-notes
diteur de texte primitif sous Windows.
Blog
Terme dsignant un type de site web, souvent utilis afin dafficher un journal
personnel et dont le propritaire (nomm blogueur) nest pas systmatiquement
informaticien. Les pages places sur le blog sont affiches dans un ordre
chronologique inverse et portent lappellation de billets. Ces sites sont trs
nombreux.
Body
Balise HTML dfinissant la zone de contenu dune page web.
Bookmarks
Adresses de pages web mmorises sur un navigateur Internet.
Browser
Synonyme de navigateur Internet.
Buffer
Mmoire tampon. Les donnes quelle renferme sont rgulirement effaces au
profit de nouvelles. Les buffers permettent lacclration des logiciels.
Bug
Erreur informatique (quivalent franais : bogue).
Glossaire
Chapitre 10
Butineur
Synonyme de navigateur Internet.
C
Cache
Zone de mmoire, appele aussi "mmoire cache", qui stocke les donnes
rcemment utilises afin dacclrer les traitements.
Catgorie
Conteneur virtuel darticles sous Joomla.
Chemin daccs
Chemin virtuel quil faut emprunter, en partant de la racine, pour accder un
fichier sur un ordinateur, plus exactement sur une de ses units de mmoire de
masse (disque dur, disquette, CD-ROM). Chaque unit est signale par une lettre
suivie de deux points : les lecteurs de disquettes sont gnralement nomms A: et
B:, le premier disque dur est nomm C:, etc. Les fichiers sont classs dans des
dossiers ou rpertoires, eux-mmes pouvant en contenir dautres. Le caractre
utilis pour sparer les noms de dossier est la barre oblique (/) ou la barre oblique
inverse (\).
Clic
Action de cliquer sur un lien dans une page web.
Client
Dans une architecture client-serveur, le client est le logiciel qui se connecte un
autre pour obtenir des donnes ou solliciter des traitements. Le navigateur Internet
(Internet Explorer, par exemple) est le client dun serveur web lorsquil se connecte
celui-ci pour obtenir des pages HTML. Ce principe de fonctionnement dcharge le
logiciel client des tches les plus lourdes pour les dlguer au serveur qui dispose
gnralement de capacits de traitement plus importantes.
Client-serveur
Type de rseau compos de postes (clients) qui se connectent au serveur distribuant
les applications et les fichiers. Cette architecture est utilise en grandes et moyennes
entreprises. Les particuliers et les petites entreprises peuvent se satisfaire dune
architecture de type poste poste, moins lourde mettre en uvre, mais dans
laquelle la scurit est moindre.
Cloaking
Technique de triche consistant afficher des informations diffrentes pour les robots
de celles affiches aux internautes et employe lorigine afin dempcher la copie
Chapitre 10
Annexe
de certaines informations. Cette mthode est aujourdhui considre comme du

spamdexing par les moteurs de recherche car elle leur cache le vritable contenu
dun site web. Cette technique est interdite par les moteurs de recherche.
Clustering
Technique employe par les moteurs de recherche, consistant afficher une seule
page par site web dans les pages de rsultats pour empcher le monopole des
meilleures places par un site unique.
CMS (Content management system)

Terme synonyme de "systme de gestion de contenus", dsignant un site web
compos dun ensemble de programmes et dune base de donnes permettant de
stocker les articles, mis jour par les rdacteurs depuis une interface accessible par
un simple navigateur Internet. Les CMS ont connu un grand essor, ces dernires
annes.
Combo
Menu droulant.
Commerce lectronique
Les sites de commerce lectronique sont des sites Internet permettant dacheter des
produits ou des services sur Internet.
Compatibilit
Un matriel (ou un programme) est compatible sil se plie aux normes dinterfaage
en vigueur et si son fonctionnement nentre pas en conflit avec dautres
priphriques ou dautres applications.
Composant
Sous Joomla, fonctionnalit complmentaire et additionnelle au systme natif.
Compression
Mthode visant rduire la taille dun fichier afin quil utilise moins de place sur le
disque dur ou moins de bande passante. Certains fichiers, comme les vidos et les
sons, prennent normment de place et doivent tre compresss. Les fichiers
compresss doivent subir lopration inverse, nomme "dcompression", avant de
pouvoir nouveau tre exploits.
Compte daccs
Terme dsignant lidentification dun abonn chez un FAI.
Configuration
Terme dsignant un environnement paramtr dordinateurs, de logiciels et de
priphriques.
Glossaire
Chapitre 10
Contenu dynamique
Mthode de construction dun site, faisant appel un langage de programmation, tel
que PHP, et une base de donnes, telle que MySql, pour afficher des pages, plutt
qu construire celles-ci de faon traditionnelle en langage HTML.
Cookie
Fichier texte dpos sur le disque dur dun ordinateur par un serveur Internet et
stockant des informations relatives au comportement de lutilisateur lors de sa
navigation sur le site. Il est possible de supprimer les cookies stocks sur
lordinateur.
Courriel
Synonyme de courrier lectronique.
Cot par clic

Systme de tarification des rgies publicitaires en ligne par lequel les annonceurs
paient le service publicitaire au prorata du nombre de clics effectu sur les liens
affichs.
Cot pour mille

Systme de tarification des rgies publicitaires en ligne par lequel les annonceurs
paient le service publicitaire au prorata du nombre de milliers daffichages
effectus.
Cracker
Individu effectuant une tentative dintrusion logicielle sur un ordinateur distant. Les
crackers utilisent gnralement les failles de protection dcouvertes dans Windows
pour pntrer distance sur des ordinateurs connects Internet. Lemploi dun
pare-feu est indispensable pour se prserver des attaques des crackers.
CSS (Cascading Style Sheet)

Nom donn aux feuilles de style en cascade, fichiers utiliss pour dcrire la mise en
forme des pages HTML. Cette technique est aujourdhui couramment utilise. Elle
permet de normaliser la prsentation de toutes les pages dun site et de changer leur
aspect en quelques instants. Ceci ntait pas possible avant lapparition des feuilles
de style, poque laquelle le code de mise en forme tait stock lui-mme dans la
page HTML.
D
Dbit
Quantit de donnes pouvant tre transmises en un temps donn. Cest la vitesse de
transmission sur un rseau. Le dbit est un lment essentiel des performances du
rseau. Il dtermine ce qui pourra ou ne pourra pas tre fait sur le rseau. Ainsi, un
Chapitre 10
Annexe
rseau offrant un dbit trop faible ne pourra pas vhiculer certaines fonctionnalits,
comme le son ou la vido.
Dbit descendant
Informations reues par linternaute par le biais de sa connexion.
Dbit montant
Informations envoyes par linternaute par le biais de sa connexion.
DHTML
Variante du langage HTML.
DNS (Domain Naming System)

Systme de correspondance entre les adresses IP et des adresses saisies dans la
Barre dadresse du navigateur Internet.
Download
Tlchargement de fichiers reus sur le Poste de travail depuis un autre ordinateur.
Dynamique
Adjectif indiquant le mode de construction dun site web, dans lequel les textes des
pages sont enregistrs dans une base de donnes. Les pages sont alors construites
"dynamiquement", au fil des requtes de linternaute qui parcourt le site.
E
change de liens
Technique visant augmenter le rfrencement de deux sites, qui changent des
liens hypertextes et augmentent ainsi le nombre de backlinks, liens externes
pointant vers eux.
Encapsulation
Technique consistant enfermer un sous-protocole dans un autre pour permettre le
transport de donnes.
Ergonomie web
Terme synonyme de recherche dune optimisation des fonctionnalits dun site web.
Extension
Lextension dun fichier est une chane de caractres ajoute derrire son nom (nom
de fichier et extension sont spars par un point) et indiquant quelle famille
appartient le fichier. Un fichier portant lextension .xls appartient la famille des
fichiers de classeurs Excel.
Glossaire
Chapitre 10
F
FAI (fournisseur daccs Internet)
Free, Wanadoo, Neuf Telecom, etc., sont des FAI. Connects en permanence
Internet, ils permettent leurs abonns de disposer de tous les services accessibles
sur le rseau des rseaux. Le terme anglais provider est aussi utilis.
Favoris
Voir Bookmarks.
Feuille de style
Voir CSS.
Fichier
Un fichier correspond un stockage dinformations. Les informations sont
enregistres sur les units de mmoire de masse sous la forme dentits que sont les
fichiers, eux-mmes grs par le systme dexploitation. Il existe deux types de
fichiers : les fichiers excutables par le systme, comme les fichiers programmes, et
les fichiers de donnes (informations utilises par les programmes).
Fil dAriane
Liste de liens hypertextes indiquant linternaute les pages par lesquelles il est pass.
Firefox
Navigateur Internet, concurrent du navigateur Internet Explorer.
Firewall
Voir Pare-feu.
Flash
Technologie volue permettant de raliser des applications dans les pages web.
Flash Player
Plug-in gratuit permettant de lire les animations Flash dans un navigateur Internet.
Flux RSS
Documents au format XML utiliss pour la syndication de contenus sur le Web. Il
est ainsi possible labonn de recevoir des mises jour dinformations diverses.
Format de fichier
Mthode dorganisation des informations dans un fichier. Le format dun fichier
dpend du logiciel qui la gnr. Le format de fichier le plus simple est le format
"texte brut", qui ne contient aucun caractre denrichissement de la mise en forme.
Chapitre 10
Annexe
Forum de discussion
Espace de discussion en diffr sur Internet dans lequel les internautes peuvent
laisser des messages consultables en ligne et classs par thmes.
Footer (pied de page)

Partie infrieure de la page, dans laquelle sont gnralement affiches des
informations gnriques.
Freeware
Logiciel gratuit, gnralement propos en tlchargement sur le Web.
Frontend
Partie publique dun site Joomla.
FTP (File Transfer Protocol)

Protocole de communication permettant un utilisateur de transfrer des fichiers
entre des ordinateurs distants.
G
Gigaoctet (Go)
Unit de mesure informatique ayant pour valeur 1 073 741 824 octets.
Gmail
Service de cration dadresses email de Google.
GNU/GPL
Type de licence OpenSource trs rpandu.
Google
Moteur de recherche trs utilis sur Internet.
Google Bombing
Technique mise en uvre par les blogueurs, qui, agissant en nombre en crant de
nombreux liens hypertextes vers un mme site, positionnent celui-ci sur une
expression cl, valorisante ou pjorative.
Google Chrome
Navigateur Internet dvelopp par Google.
Glossaire
Chapitre 10
H
Hacker
Pirate informatique. Les pirates sont des personnes qui tentent dentrer de faon
illicite sur un systme informatique.
Head
Zone den-tte dans une page HTML.
Heuristique
Technique de rsolution de problmes dont le principe repose sur une analyse de
rsultats qui dtermine la conduite tenir pour les traitements suivants. Cette
technique est utilise par les logiciels antivirus et les moteurs de recherche.
HTML (HyperTexte Markup Language)

Langage de mise en forme utilis pour lcriture des pages consultes dans le
navigateur Internet (ou dautres logiciels susceptibles de lire ce format de fichiers).
Le HTML a permis lessor dInternet, notamment avec la possibilit de "rebondir"
dune page une autre par le biais des liens hypertextes (do lexpression surfer
sur le Web, par analogie avec un surfeur qui rebondirait de vague en vague).
HTTP (HyperText Transfer Protocol)

Protocole de communication entre le poste client (poste connect Internet et
utilis par linternaute) et le serveur (machine qui envoie les fichiers,
principalement des pages HTML).
HTTPS - HTTP Scuris

Version scurise du protocole HTTP, utilise notamment pour les paiements en
ligne.
I
IIS (Internet Information Services)
Serveur web de Microsoft.
Impression
Affichage dune publicit sur un site web.
Index
Base de donnes renfermant une liste ordonne et facilitant les recherches.
Indexation
Enregistrement dune page web dans un moteur de recherche.
Chapitre 10
Annexe
Indice de densit
Rapport entre le nombre de fois o un mot est affich et le nombre total de mots
dans une page.
Indice de popularit
Critre de pertinence dune page web employ par les moteurs de recherche.
Interactivit
Possibilit donne linternaute de laisser des messages sur une page web.
Interface
Terme gnrique dsignant tout systme, logique ou physique, permettant deux
univers incompatibles dentrer en communication. Un modem (acronyme de
modulateur dmodulateur), par exemple, est une interface physique. Un systme
dexploitation ou un logiciel sont des interfaces logiques entre le microprocesseur et
lutilisateur.
Interface graphique
Ensemble de commandes permettant un utilisateur dagir sur le fonctionnement
dun programme sans saisir de lignes de commandes.
Internet
Rseau informatique mondial permettant linterconnexion de tous types
dordinateurs. Les deux principales fonctionnalits dInternet sont le World Wide
Web, qui permet la consultation des pages au format HTML constituant les sites
Internet, et le courrier lectronique.
Internet Explorer
Navigateur Internet de Microsoft.
Internic
Organisme amricain dont la mission est de grer certaines familles de noms de
domaine Internet.
Intranet
Mise en application des protocoles Internet sur un rseau local.
IP (Internet Protocol)
Protocole de rseau ayant pour mission lacheminement des paquets dinformations.
Glossaire
Chapitre 10
J
Java
Langage de programmation utilis sur les serveurs web pour crer des
fonctionnalits dynamiques dans les pages web.
JavaScript
Langage de script capable dtre interprt par le navigateur web et insr dans le
code HTML afin de permettre des traitements tels que des animations.
Joomla
Systme de gestion de contenu OpenSource.
K
Kilobit par seconde (kbit/s)
Unit de mesure de vitesse de transfert des donnes (1 024 bits par seconde).
L
LAMP (Linux Apache Mysql Php)
Ensemble OpenSource constitu dun systme dexploitation, dun serveur web,
dune base de donnes et dun langage de programmation pour le Web.
LAN (Local Area Network)

Terme signifiant rseau local. Ensemble dordinateurs et de priphriques relis
entre eux par des liaisons physiques et rgis par des protocoles de communication
communs.
Lien contextuel
Lien en rapport avec le contexte smantique dune page web.
Lien hypertexte
Zone de texte ou image ractive qui ouvre une page HTML ou un fichier lorsquelle
est active dun clic.
Lien mort
Lien hypertexte pointant vers une page inexistante.
Lien naturel
Lien hypertexte plac spontanment sur une page vers un autre site web, sans
contrepartie commerciale.
Chapitre 10
Annexe
Lien organique
Lien dun moteur de recherche vers un site, sans rmunration du moteur de la part
du propritaire du site.
Lien profond
Lien pointant vers une page spcifique dun site et non vers sa page daccueil.
Liens rciproques
change de liens rciproques entre deux sites web.
Lien sponsoris
Lien publicitaire payant, affich sur un site web.
Link-farm
Site web affichant de trs nombreux liens.
Linux
Systme dexploitation libre.
Login
Nom dutilisateur gnralement associ un mot de passe et permettant
lidentification dun utilisateur sur un systme informatique ou lors de
ltablissement dune connexion.
M
Marque-page
Voir Favori.
Mgabit par seconde (Mbit/s)

Unit de mesure de vitesse de transfert des donnes (1 000 000 bits par seconde).
Mgaoctet (Mo)
Unit de mesure informatique correspondant 1 048 576 octets.
Mmoire vive
La mmoire vive est la mmoire de travail du microprocesseur. Elle est rapide
(beaucoup plus que la mmoire de masse). la diffrence de la mmoire de masse,
la mmoire vive est volatile : la conservation de son contenu est lie au passage du
courant lectrique, cest--dire que lordinateur doit tre sous tension pour que le
contenu de la mmoire vive soit conserv.
Glossaire
Chapitre 10
Menu
Systme de navigation sous Joomla.
Modem (modulateur dmodulateur)

Interface transformant un signal numrique en un signal analogique, et
rciproquement. Un modem est donc un priphrique rversible, largement utilis
depuis les annes 1980, pour permettre la communication entre les ordinateurs, via
le rseau tlphonique, initialement prvu pour vhiculer la voix humaine, sous
forme de signaux analogiques (et non de signaux numriques, utiliss par les
ordinateurs). Bien quil prsente des analogies physiques et conceptuelles, ce type
de modem, dit modem RTC, ne doit pas tre confondu avec un modem ADSL, de
technologie radicalement diffrente.
Module
Fonctionnalit additionnelle sous Joomla.
Moteur de recherche
Site Internet permettant deffectuer des recherches dautres sites sur le Net par le
biais de mots-cls.
Firefox
Navigateur Internet OpenSource.
MySQL
Base de donnes trs utilise sur le Web, associe PHP.
N
Navigateur
Logiciel ddi laffichage des pages HTML, tel quInternet Explorer ou Firefox.
Newsletter
Courrier lectronique dinformation sur un sujet et adress des internautes
abonns au service.
Nom de domaine
Adresse rseau sur Internet du type www.mondomaine.extension.
O
Occurrence
Nombre de rptitions dun mot dans un texte.
Chapitre 10
Annexe
Octet
Unit dinformation correspondant 8 bits. Un bit est une valeur binaire gale 0
ou 1. Un octet est donc une valeur du type 10111011, qui correspond ici la
valeur 187 en base 10.
OpenSource
Programmes libres daccs qui peuvent tre modifis et redistribus librement.
P
Page jacking
Technique frauduleuse reposant sur la copie illgale du contenu dune page web.
Page alias
Page nayant dexistence que pour les moteurs de recherche dans le but damliorer
lindexation. Cette technique est illgale aux yeux des moteurs de recherche.
Page orpheline
Page nayant aucun lien pointant vers elle.
Page satellite
Pages dun site Internet ddies au rfrencement sur les moteurs de recherche et
redirigeant vers dautres pages. Elles renferment un texte optimis pour apparatre
dans les moteurs de recherche sur un mot-cl puis redirigent linternaute vers une
page du site. Cette technique est prohibe par les moteurs de recherche.
Pagerank
Indice de popularit dune page web utilis par Google et intervenant dans le
classement des liens dans les pages de rsultats.
Pare-feu
Programme empchant les intrusions de crackers sur un ordinateur. Le principe du
pare-feu repose sur un blocage des ports non autoriss mettre ou recevoir. Ce
dispositif de protection antipiratage sur un rseau est encore nomm firewall.
PDF (Portable Document Format)

Format de fichier cr par Adobe affichable sur la majorit des plateformes
informatiques.
Permalink
Lien permanent vers une page web.
Glossaire
Chapitre 10
Plugin
Sous Joomla, petit programme ajoutant des fonctionnalits au systme.
PNG (Portable Network Graphics)

Format dimage libre de droits.
Podcast
Fichier audio ou vido envoy par flux RSS.
Pop-up
Fentre ouverte automatiquement dans un navigateur Internet.
Positionnement
Place dun site web dans le classement dun moteur de recherche.
Positionnement naturel
Place dun site web dans le classement dun moteur de recherche, sans
rmunration du moteur.
Protocole
Ensemble de normes dfinissant une mthode dchanges de donnes.
Provider
Voir FAI.
R
Redirection
Technique de renvoi dune adresse Internet vers une autre.
Rcriture dURL (URL Rewriting)

Technique de rcriture dURL afin damliorer le rfrencement.
Registrar
Socit denregistrement des noms de domaines.
Requte
Expression saisie dans un moteur de recherche dans le but de trouver ladresse dun
site web.
Chapitre 10
Annexe
Rseau
Ensemble dordinateurs relis entre eux par un dispositif physique et logique.
Robot
Programme dun moteur de recherche utilis pour lindexation.
Roll over
Affichage dune information au passage du pointeur de la souris sur une zone dune
page web.
Routage
Acheminement de donnes dun point un autre.
Routeur
Dispositif permettant laiguillage des informations entre diffrents rseaux.
RSS (Really Simple Syndication)

Systme de diffusion darticles depuis un site web vers les internautes qui
sabonnent au service.
S
Sanbox
Temps de mise en retrait dun site web par Google dans son index, pour diverses
raisons.
SEO (Search Engine Optimization)

Optimisation dun site pour le rfrencement dans les moteurs de recherche.
Section
Conteneur virtuel de catgories sous Joomla.
Serveur
Ordinateur ddi ladressage des fichiers ou des programmes aux ordinateurs
clients. Dans un rseau, un serveur est la cl de vote du systme : il adresse les
informations et les programmes aux postes clients qui en font la demande.
Serveur de messagerie
Ordinateur connect Internet et permettant aux abonns de recevoir et envoyer des
courriers lectroniques.
Serveur web
Ordinateur qui hberge des pages web et rpond aux requtes des navigateurs.
galement appel serveur HTTP, un serveur web stocke des fichiers dont lURL
commence par http://.
Glossaire
Chapitre 10
Site dynamique
Site web dont les pages sont gnres par lecture de leur contenu dans une base de
donnes.
SiteMaps
Fichier plac dans un site web dans le but damliorer le rfrencement de toutes les
pages du site.
SMTP (Simple Mail Transfer Protocol)

Protocole employ pour adresser les courriers lectroniques sortants.
Spip
Soumission
Inscription dun site web dans un annuaire.
Spam
Courriels publicitaires adresss en grande quantit et gnralement indsirables.
Cest un facteur de ralentissement du rseau Internet, du fait de la surcharge inutile
de trafic quil gnre.
Spamdexing
Pratiques interdites permettant de tromper les moteurs de recherche.
Syndication
Principe de mise disposition dune partie dun site lattention des autres sites qui
souhaitent en afficher les contenus.
Systme de gestion de contenu

Voir CMS.
Systme dexploitation
Programme de base permettant lordinateur de fonctionner.
T
Tag
Voir Balise.
Taux de rebond
Pourcentage dinternautes visitant une page dun site web et la quittant
immdiatement aprs.
Chapitre 10
Annexe
Taux de transfert
Terme dsignant un dbit de donnes pendant une transmission.
Taux de transformation
Pourcentage dinternautes ayant ralis un achat par rapport au nombre total de
visites.
TCP/IP (Transmission Control Protocol/Internet

Protocol)
Regroupement de deux protocoles : TCP, qui gre les flux de paquets, et IP, qui
effectue la vrification des erreurs. Ce protocole est le protocole standard utilis sur
Internet.
Tlchargement
Transfert de fichiers dun ordinateur un autre par Internet. On parle de dbit
descendant (download) lorsque le tlchargement lieu vers lordinateur et de
dbit montant (upload) lorsquun fichier est charg depuis lordinateur par une
autre machine. Les protocoles FTP et HTTP sont les plus utiliss pour les
tlchargements.
Template
Systme de gestion de la mise en forme sur un CMS tel que Joomla.
Trafic
Total de visites reues par un site web sur une priode dfinie.
Trustrank
Indice de confiance accord par Google un site web.
Typo3
U
Unix
Systme dexploitation portable sur des machines de types diffrents.
Upload
Terme dsignant un transfert de fichiers depuis lordinateur de travail vers une autre
machine.
URL (Uniform Ressource Locator)

Adresse Internet. Systme de dnomination des pages HTML sur Internet.
Glossaire
Chapitre 10
V
VirtueMart
Composant Joomla permettant de crer un site de commerce lectronique.
W
W3C
Consortium assurant la fonction de normalisateur des protocoles utiliss sur
Internet.
Web
Service dInternet autorisant laccs aux informations des serveurs web au moyen
dun interprteur de code HTML, nomm navigateur. Les navigateurs les plus
clbres sont Internet Explorer et Firefox.
Web 2.0
Terme dsignant les techniques rcentes utilises sur le Web.
Webmaster
Personne ayant en charge la gestion dun site web.
Wordpress
WWW (World Wide Web)

Sigle dsignant aujourdhui, par abus de langage, lensemble des pages HTML
disponibles sur Internet.
WYSIWYG (What you see is what you get)

Terme dsignant un diteur de HTML graphique et permettant de visualiser
immdiatement le rsultat obtenu.
X
XHTML
Langage de cration des pages web.
XML (langage de balisage extensible)

Langage de cration de fichiers de donnes permettant la dfinition de balises.
Chapitre 10
Annexe
Z
Zip
Format de compression de fichiers le plus rpandu, permettant de rduire la taille
des fichiers et donc leur espace de stockage ncessaire ainsi que leur temps de
tlchargement. De nombreux logiciels permettant de compresser et dcompresser
des fichiers au format ZIP sont tlchargeables sur le Net, mais ils deviennent
inutiles sous Windows XP et Vista, qui savent effectuer cette tche.
10.2. Adresses Internet utiles

Cette section vous propose quelques adresses Internet qui vous permettront de
trouver des informations complmentaires sur Joomla.
j Portail Joomla francophone : http://www.joomla.fr.
j Portail Joomla francophone ddi aux extensions :
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
http://www.joomlafrance.com.
Portail Joomla francophone ddi la documentation sur le produit :
http://aide.joomla.fr.
Portail Joomla francophone ddi aux forums dentraide et de discussions :
http://forum.joomla.fr.
Forums de discussion Joomla en anglais : http://forum.joomla.org.
Site des concepteurs de VirtueMart (en anglais) : http://virtuemart.net.
Site de dmonstration de VirtueMart : http://demo.virtuemart.net.
Site fournissant de nombreux liens et composants Joomla :
http://www.joomlasource.be.
Site fournissant de nombreux templates Joomla : http://www.joomlademo.de.
Site de MySql (en anglais) : http://www.mysql.com.
Site francophone de MySql : http://www.mysql.fr.
Site officiel de PHP (en anglais) : http://www.php.net.
Cration de texte latin de remplissage pour crer des maquettes de pages :
http://fr.lipsum.com.
Moteur de recherche Google : http://www.google.fr.
Moteur de recherche Bing : http://www.bing.com.
Moteur de recherche Orange : http://www.orange.fr.
Moteur de recherche Yahoo : http://www.yahoo.com.
Moteur de recherche Alta vista : http://fr.altavista.com.
Google vido : http://video.google.fr.
Apache : http://www.apache.org.
Adresses Internet utiles
Chapitre 10
j Logiciel permettant dinstaller de faon totalement automatise un serveur

j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
j
Apache, PHP, MySQL sous Windows : http://www.easyphp.org.

Logiciel permettant dinstaller lensemble PHP Apache et MySQL sur
Windows : http://www.wampserver.com.
Le client FTP OpenSource FileZilla : http://www.filezilla.fr.
CMS WordPress francophone : http://www.wordpress-fr.net.
CMS Spip : http://www.spip.net.
CMS Dotclear permettant de grer des blogs : http://fr.dotclear.org.
CMS Typo3 : http://typo3.org.
CMS XOOPS France - Systme Dynamique de Gestion de Contenu :
http://frxoops.org.
CMS Drupal France et francophonie : http://drupalfr.org.
Jardin Zen css, conception CSS : http://www.csszengarden.com/tr/francais.
Mozilla Europe, navigateur web Firefox :
http://www.mozilla-europe.org/fr/firefox.
Navigateur web Opera Software : http://www.opera-fr.com.
Navigateur web Google Chrome : http://www.google.com/chrome.
Codes JavaScript : http://www.javascriptfr.com et www.codes-sources.com.
Lditeur JavaScript : http://www.editeurjavascript.com.
Recherche de nom de domaine : http://www.indom.com.
AFNIC : http://www.afnic.fr/outils/whois.
Recherche de nom de domaine : http://www.whois.net.
Hbergeur Magic OnLine : http://www.magic.fr.
Hbergeur 1&1 : http://www1and1.fr.
Hbergeur OVH : http://www.ovh.com.
Hbergeur Gandi : http://www.gandi.net.
Hbergeur Amen : http://www.amen.fr.
Hbergeur NFrance : http://www.nfrance.com.
Hbergeur NuXit : http://www.nuxit.com
Hbergeur Ouvaton : http://www.ouvaton.coop.
Hbergeur Strato : http://www.strato-hebergement.fr.
Portail Free : http://www.free.fr.
Tlchargement de logiciels gratuits ou de dmonstration :
http://www.telecharger.com.
Logiciels Adobe : http://www.adobe.com/fr.
Logiciel Photoshop Album dition Dcouverte :
http://www.adobe.com/fr/products/photoshopalbum/starter.html.
Chapitre 10
Annexe
j Logiciel Adobe Photohop Express :

j
j
j
j
j
j
j
j
j
j
j
j
j
http://www.photoshop.com/express/landing.html.
Logiciels Corel Corporation : http://www.corel.com.
Media Convert convertisseur gratuit et en ligne : http://media-convert.com.
Logiciel Picasa : http://picasa.google.fr.
Logiciel The GIMP : http://www.gimp.org.
Google Maps : http://maps.google.fr.
Google Adsense : http://www.google.com/adsense.
Google AdWords : http://www.google.com/adwords.
Centre daide AdWords : https://adwords.google.fr/support.
Blog officiel Adwords en franais : http://adwords-fr.blogspot.com.
Encyclopdie Wikipedia : http://fr.wikipedia.org.
Encyclopdie de la distribution : http://www.distripedie.com.
Tutoriels infographie, photo numrique et bureautique :
http://www.mosaiqueinformatique.fr.
Formations Joomla : http:www.mosaiqueinformatique.com.
Index
Chapitre 11
Index
!
@, 386
<a>, 39
, 35
, 36
, 38
A
Accessibilit, 384
Achat de mots-cls, 384
Acrobat Reader, 384
ActionScript, 384
ActiveX, 384
Actualisation dune page, 96
Administrateur de rseau, 200, 384
Adresse
email, 384
IP, 384
URL, 385
AdSense, 333, 385
ADSL, 385
AdWords, 385
AFNIC, 385
Ajax, 385
Album Starter Edition, 193
Algorithme de pertinence, 385
Algorithme, 385
Alias, 129, 385
Alignement
droite, 136
gauche, 136
centr, 136
justifi, 136
Allintitle, 372
Allinurl, 374
Alt, 386
Anchor, 39
Ancre, 386
Annonceur, 386
Annuaire, 386
Apache, 16, 44, 50, 386
Applet Java, 386
Archive gz, 260
Archive tar, 262
Arobase, 386
Article, 115, 122, 386
catgoris, 123
cration, 128
insertion dune image, 141
mise en forme, 134
modification, 128
paramtre par dfaut, 149
paramtre spcifique, 150

paramtre, 149
prvisualisation, 131-132
publication en page daccueil, 156
saut de page, 145
Assistant, 386
Attribut, 29, 39
Audit de site, 386
Auteur, 201
Authentification, 386
AVI, 387
AWR, 387
B
Backend, 26, 86, 89, 387
Backlink, 387
Backup, 387
Balise, 28, 387
de fin, 28
meta description, 387
meta keywords, 387
meta title, 387
META, 364, 387
Bande passante, 70, 388
Bannire, 388
Barre de titre, 388
Barre doutils, 388
Barr, 136
Base de donnes, 388
cration, 81
Bloc-notes, 388
Blog, 22, 388
Body, 388
Bogue, 388
Bookmarks, 388
Boutique en ligne, 255
Bouton
lire la suite, 157
Browser, 388
Buffer, 388
Bug, 388
Butineur, 389
C
Cache, 96, 389
du navigateur Internet, 34
Cascading Style Sheet, 14
Catalogue, 278
Catgorie, 122, 125, 389
suppression, 299
Chemin daccs, 389
Index
Chevron, 28
Clic, 389
Client, 389
Client-serveur, 389
Cloaking, 389
Clustering, 390
CMS, 11, 16, 390
base de donne, 17
code dynamique, 17
principe, 17
principe de fonctionnement, 19
serveur web, 17
Combo, 390
Commande de linterface dadministration, 116
Commentaire, 30
Commerce lectronique, 255, 390
Community Builder, 243
Compatibilit, 390
Composant, 110, 217, 390
communicator, 244
community Builder, 243
dsinstallation, 219
DOCman, 240
GMAccess, 245
installation, 219
JCE, 219
Joom !Fish, 225
Phoca Gallery, 243
Compression, 390
Compte daccs, 390
Configuration, 390
Content Management System, 17
Contenu
dupliqu, 174
dynamique, 391
Cookie, 367, 391
Courriel, 391
Cot
par Clic, 352, 391
pour mille, 391
CPC, 352
Cracker, 391
Crawl, 345
Crawler, 345
CSS, 14, 391
D
Dbit, 391
descendant, 392, 404
montant, 392, 404
Define, 380
DHTML, 392
DNS, 392
DOCman, 240
Chapitre 11
Domaine, 76
Dotclear, 22
Download, 392, 404
Dreamweaver, 14
Drupal, 23
Dure de session, 119
Dynamique, 392
E
EasyPHP, 50
Echange de liens, 392
Editeur
darticles, 134
de texte, 14
HTML, 134
Encapsulation, 392
Ergonomie web, 392
Extension, 392
F
FAI, 393
Favori, 16, 393
Feuille de style, 393
en cascade, 14
Fichier, 393
Fil dAriane, 393
Filetype, 374
Filezilla, 72
Filtre, 127
Firefox, 45, 393, 399
Firewall, 393
FLA, 192
Flash Player, 192, 393
Flash, 13, 191, 393
Flux RSS, 106, 393
Footer, 394
Format
de fichier, 393
gz, 260
tar, 262
Forum de discussion, 394
Freeware, 394
Frontend, 26, 86, 394
FTP, 72, 198, 394
Fuseau horaire, 120
G
Gnrateur de mots-cls, 348
Gestionnaire de mdias, 195
Chapitre 11
Index
Gif anim, 190

Gif, 190
Gigaoctet, 394
Gimp, 194
Glossaire, 384
GMAccess, 245
Gmail, 394
GNU, 394
Google commande :, 372
allintitle, 372
allinurl, 374
define, 380
filetype, 374
inanchor, 375
info, 376
intext, 376
intitle, 377
link, 377
principe, 332
related, 378
site, 379
Google
AdSense, 333, 338
AdWords, 338
Bombing, 394
Chrome, 394
Dance, 360
Insights for Search, 355
News, 368
personalized search results, 380
Trends, 353
Gras, 135
Gz, 260
H
Hacker, 395
Head, 395
Hbergement
gratuit, 69
mutualis, 66
payant, 69
sur serveur ddi, 67
sur serveur virtuel, 67
Hbergeur, 68
Heuristique, 395
Href, 41
Htaccess, 362
HTML, 13, 395
HTTP, 395
HTTPS, 395
Hypertext Markup Language, 13
Hypertext REFerence, 41
I
IIS, 395
Image, 364
format Flash, 191
format GIF, 190
format JPEG, 191
format PNG, 191
format, 190
Gif anim, 190
logiciel de retouche, 192
optimiser, 192
retoucher, 192
Impression, 395
Inanchor, 375
Index, 395
Indexation, 395
dans les moteurs de recherche, 331
Indice
de densit, 396
de popularit, 396
Info, 376
Interactivit, 396
Interface, 396
graphique, 396
Internet, 396
Explorer, 45, 396
Internic, 396
Intext, 376
Intitle, 377
Intranet, 396
IP, 396
Italique, 135
Item, 160
J
Java, 397
Javascript, 13, 397
JCE, 219
aide, 225
dclaration comme diteur par dfaut, 224
installation, 220
Joom !Fish
ajout dune langue linterface, 225
installation, 228
langue utilise dans le frontend, 239
paramtrage de la langue de rfrence, 232
paramtrage gnral, 233
traduction directe, 238
traduction dun article, 236
traduction orpheline, 239
Joomla, 24, 397
caractristique, 26
Index
configuration ncessaire, 44
gestionnaire darticles, 89
gestionnaire de mdias, 93
gestionnaire de menus, 92
installation chez un hbergeur, 66
installation sur un serveur web local, 57
installation type chez un hbergeur, 68
installation, 43
origine du CMS, 26
tlchargement, 45
templates, 94
version 1.0.x, 45
version 1.5.x, 45
Joomla Pack, 329
JPEG, 191
JPG, 191
K
Kbit/s, 397
Kilobit par seconde, 397
L
LAMP, 397
LAN, 397
Langue, 225
Lien
commercial, 332
contextuel, 397
externe, 143
interne, 143
mort, 397
naturel, 397
organique, 398
profond, 398
rciproque, 398
sponsoris, 398
Lien hypertexte, 13, 143, 397
dans la mme fentre, 144
dans une autre fentre, 144
vers la mme page, 144
vers une adresse email, 145
vers une autre page, 144
Link, 377
Link-farm, 398
Linux, 16, 398
Lire la suite, 157
Login, 121, 398
Long Tail, 346-347
Longue queue, 346
Longue trane, 346
Longueur des listes, 118
Chapitre 11
M
Marque-page, 16, 398
Mbit/s, 398
Mdia, 190
dossier de stockage, 196
gestionnaire de mdias, 195
ouverture dun fichier PDF, 198
suppression, 196
transfert en ftp, 198
transfert, 196
Mgabit par seconde, 398
Mgaoctet, 398
Mmoire vive, 398
Menu, 97, 159, 399
aide/Aide Joomla !, 113-114
ajouter un item, 175
alias de menu, 174
crer un menu, 177
dsactiver, 160
lment de menu, 163
lien interne, 164
lien vers une page externe, 172
limiter laffichage, 187
modifier la position, 183
modifier le style, 186
modifier lodre, 182
modifier, 162
paramtre daffichage, 180
sparateur, 173
Menu/Composants
/Bannire/Bannires, 104
/Bannire/Catgories, 105
/Bannire/Clients, 104
/Contacts/Catgories, 105
/Contacts/Contacts, 105
/Fils dactualits/Catgories, 107
/Fils dactualits/Fils, 106
/Liens web/Catgories, 108
/Liens web/Liens, 108
/Recherche, 108
/Sondages, 107
Menu Contenu
/Corbeille article, 102
/Gestion de la page daccueil, 103
/Gestion des articles, 101
/Gestion des catgories, 102
/Gestionnaire des sections, 102
Menu Extensions
/Gestion des langues, 111
/Gestion des modules, 109
/Gestionnaire des plugins, 110
/Gestionnaire des templates, 110
/Installer/Dsinstaller, 109
Menu Menus
/Corbeille de menu, 100
Chapitre 11
Index
/Gestion des menus, 100

/Main menu, 101
Menu Outils
/crire un message, 111
/Envoi massif de-mail, 112
/Lire les messages, 111
/Nettoyer le cache, 113
/Purger les fichiers expirs du cache, 113
/Validation gnrale, 112
Menu Site/
/Configuration gnrale, 98
/Dconnexion, 99
/Gestion des mdias, 98
/Gestionnaire des utilisateurs, 97
/Panneau dadministration, 97
Message
Consultation, 211
Cration, 212
Suppression, 212
Messagerie, 210
META description, 364
META keywords, 365
META robots, 365
Mtadonne, 155
Mise jour, 214
Modem, 399
Module, 110, 399
Related Items, 156
Mot de passe, 121
Mot-cl, 337, 348
Moteur de recherche, 331, 399
Crawl, 345
Crawler, 345
Fonctionnement, 345
Robot, 345
Spider, 345
Multivendeur, 300
MySQL, 16, 44, 50, 399
N
Navigateur, 399
Navigation, 15
Netlinking, 345
Newsletter, 213, 399
Niveau daccs, 198
gestion, 200
principe, 198
Nom de domaine, 399
Nom de domaine du site, 366
Nom du site, 118
O
Occurrence, 399
Octet, 400
Open source, 18, 400
P
Page alias, 400
Page dynamique, 361
Page jacking, 400
Page orpheline, 400
Page satellite, 400
Page web, 122
Page XHTML, 28
PageRank, 357, 400
Paint Shop Pro, 193
Paramtres gnraux, 117
Pare-feu, 400
Paypal, 324
PDF, 198, 400
Permalink, 400
Phoca Gallery, 243
Photoshop Elements, 193
Photoshop Express, 193
Photoshop, 192
PHP, 16, 44, 50
Picasa, 193
Plugin, 110, 401
PNG, 191, 401
Podcast, 401
Pop-up, 401
Positionnement naturel, 401
Positionnement, 401
Prfixe de table, 81
Produit
caractristiques, 299
Protocole, 401
Provider, 401
Publication, 71
R
Raccourcis clavier, 141
Recherche universelle, 367
Redirection, 401
Rcriture des pages, 361
Rfrencement
contenu dupliqu, 366
dans les moteurs de recherche, 331
enjeux, 340
tape, 344
image, 366
Index
indexer son site dans Google, 356
mthode, 343
naturel, 335
nom de dossier, 366
objectif, 343
optimisation des pages de contenus, 363
optimisation des titres des pages, 361
optimisation du site, 356
organique, 333, 343
payant, 335, 369
principe, 340
stratgie de positionnement, 348
technique du futur, 380
type de rfrencement, 343
Registrar, 401
Related, 378
Requte, 22, 401
Rseau, 402
Robot, 345, 402
Roll over, 402
Routage, 402
Routeur, 402
RSS, 402
S
Sanbox, 402
Sandbox, 360
Sauvegarde, 327
Search Engine Marketing, 343
Search Engine Optimization, 343
Section, 122, 402
SEM, 343
SEO, 402
SERP, 336
Serveur de messagerie, 402
Serveur, 402
Serveur local
Dmarrage, 86
Serveur web local, 50
Serveur web, 402
SGC, 17
SGML, 13
Site dynamique, 16, 403
Site multilingue, 367
Site statique, 13
Site, 379
Sitemap, 356, 403
SMO, 343
SMTP, 403
Soulign, 135
Soumission, 403
Sous-domaine, 76
Spam, 403
Spamdexing, 366, 403
Chapitre 11
Spider, 345
Spip, 24, 403
Standard Generalized Markup Language, 13
SWF, 192
Syndication, 403
Systme de Gestion de Contenu, 16-17, 403
Systme dexploitation, 403
T
Table, 81
Tag, 28, 403
Tar, 262
Taux
de rebond, 403
de transfert, 404
de transformation, 404
TCP/IP, 404
Tlchargement, 404
Template, 26, 94, 246, 404
largeur fixe, 248
largeur variable, 250-251
dveloppement de son propre template, 246
installer un template tlcharg, 252
paramtrage, 253
tlchargement, 246
template gratuit, 246
TinyMCE, 135
Titre, 41
Traduction orpheline, 239
Trafic, 70, 404
Traitement informatique, 29
TrustRank, 360, 404
Typo3, 404
U
Unix, 404
Upload, 404
URL rewriting, 361
URL, 404
Utilisateur enregistr, 199
Utilisateur, 198
V
Validation gnrale, 99
VirtueMart, 255, 405
attribut de fichier, 306
attribut de produit, 309
calcul de la TVA, 288
Chapitre 11
Index
caractristique spcifique dun produit, 312

chque boutique, 317
clonage dun produit, 303
commande, 326
concept, 256
condition gnrales de vente, 286
configuration gnrale, 278
contact de la boutique, 283
cration des catgories de produits, 294
cration des fabricants, 292
cration du catalogue de produits, 292
cration dun type de produit, 312
CSV, 301
dclinaison dun produit, 308
dpublication dun produit, 303
description de la boutique, 286
devise, 284
diter un produit, 302
expdition, 318
exportation, 301
format daffichage des prix, 284
format de date, 282
format de ladresse, 281
identit de la boutique, 280
image et fichier complmentaire dun
produit, 304
image principale dun produit, 303
importation, 301
information sur la boutique, 283
installation des modules, 272
installation des plugins, 274
installation du composant, 265
installation manuelle du composant, 267
installation spare, 263
installation simultane avec Joomla, 259
installation, 259
liste des pays, 280, 321
mode daffichage, 275
mode de paiement, 322
paramtre de la boutique, 279
poids et dimensions dun produit, 320
prix dgressif, 317
prix, 316
produit complmentaire, 311

produit personnalisable, 308
produit tlchargeable, 315
remise, 316
saisie de produit, 299
site officiel, 257
spcificit, 256
stock, 307, 318
suppression dun produit, 303
taux de TVA multiple, 290
taux de TVA par pays et par rgion, 291
taxe virtuelle, 289
tlchargement, 263
transporteur, 320
TVA, 288
version francophone, 270
visualisation depuis le frontend, 273
W
W3C, 405
Web 2.0, 116, 405
Web, 405
WordPress, 25
World Wide Web, 405
WWW, 57
WYSIWYG, 14, 405
X
XAMPP, 50
XHTML, 13, 27-28, 405
Z
Zip, 47, 406
Compos en France par Jouve

11, bd de Sbastopol - 75001 Paris

Guide Complet Joomla - (WWW - Worldmediafiles.com)

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Guide Complet Joomla - (WWW - Worldmediafiles.com)

Transféré par

Droits d'auteur :

Formats disponibles

Copyright

2009 Micro Application

Retrouvez des informations sur cet ouvrage !

: menu, commande, bote de dialogue, bouton, onglet.

: zone de texte, liste droulante, case cocher, bouton

Police bton : Instruction, listing, adresse internet, texte

: indique un retour la ligne volontaire d aux contraintes de

Met laccent sur un point important, souvent dordre technique quil

Propose conseils et trucs pratiques.

Donne en quelques lignes la dfinition dun terme technique ou dune

Techniques traditionnelles de construction de sites Internet . 13

La configuration ncessaire ...................................... 44

Se familiariser avec Joomla

Le menu Site/Configuration gnrale ............................ 98

Crer des articles

Utiliser les commandes de linterface dadministration ... 116

Paramtrer le fuseau horaire ..................................... 120

Administrer les menus

Dsactiver les menus inutiles .................................. 160

Utiliser les fonctionnalits natives de Joomla 189

Grer les niveaux daccs ........................................ 200

Adapter le site avec des composants

Installer un composant .......................................... 219

Ajouter une boutique en ligne

Comprendre le concept de VirtueMart ....................... 256

Amliorer lindexation dans les moteurs

Connatre les principes de fonctionnement de Google ... 332

site ................................................................... 379

10.1. Glossaire ........................................................... 384

Techniques traditionnelles de construction de sites Internet .................................... 13

Mme sil est dusage de comparer Internet une toile daraigne,

Techniques traditionnelles de construction de sites Internet

Quest-ce quun systme de gestion de contenu ? Avant de pouvoir

1.1. Techniques traditionnelles

Crer un site statique, une technique

Autre complment aujourdhui indissociable des pages HTML, les

Parler de "pages HTML" est aujourdhui un abus de langage puisque

La mthode la plus simple, la plus ancienne galement, pour raliser un

On nomme "diteur de texte" un logiciel simple, qui peut tre

Techniques traditionnelles de construction de sites Internet

Le terme WYSIWYG, quant lui, est un acronyme de What You See

Lextension dun fichier est le terme indiquant une courte chane de

La visite dun site ne commence toutefois pas obligatoirement par celle

Comprendre les principes des sites

Comprendre les principes des CMS

tches de cration des pages pour lui permettre de se concentrer sur le

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

1.2. Comprendre les principes

Les CMS sont des systmes de publication sur Internet. Leurs

On peut traduire ce terme par "source ouverte". Il dsigne les logiciels

Comprendre les principes des CMS

Ajoutons cette liste, dj longue, darguments positifs en faveur de

Figure 1.3 : Sur Joomla, la modification de la mise en forme seffectue par

Vous pourrez, par exemple, utiliser des modles de prsentation

La mise jour immdiate du site

Figure 1.4 : Schma de publication traditionnelle dun site web

Lorsque le site est construit et mis en ligne de faon traditionnelle,

Comprendre les principes des CMS

voient, comme les internautes, les modifications apparatre en ligne ds

Mise jour des donnes

Les modifications sont

Elles sont cres dynamiquement, en fonction des demandes (nommes

Les principaux CMS du march