Joomla Le Guide Complet

Micro Application
20-22 rue des Petits Htels

75010 Paris
Tl. : 01 53 34 20 20
Fax : 01 53 34 20 00
http://www.microapp.com
Paris le 08/02/2010 01:02
Client n2334204
HAFSI Jak
BP X989X
12000 FRANCE
France
Fiche didentit
Acquisition par tlchargement :
Date de la commande : 08/02/2010 00:02 n de commande : 657062
Ouvrage :
Joomla!
Auteur(s) :
MOSAIQUE Informatique
Editeur :
MICRO APPLICATION, SA
ISBN :
978-2-3000-2219-7
Respectez les droits dauteur. Lexploitation sans autorisation de tout ou partie du prsent ouvrage est un acte
de contrefaon puni de 3 ans demprisonnement et de 300.000 damende. Les exceptions ce principe sont
strictement limites et dfinies par la loi. Nous vous invitons en prendre connaissance.
La prsente Fiche didentit fait partie intgrante de louvrage dont le contenu commence la page suivante...
Copyright 2009 Micro Application
20-22, rue des Petits-Htels
75010 Paris
1
re
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 Les informations contenues dans cet ouvrage sont donnes titre indicatif
aux utilisateurs 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 informa-
tions 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 Support technique :
20-22, rue des Petits-Htels galement disponible sur
75010 PARIS www.microapp.com
Tl. : 01 53 34 20 20
Fax : 01 53 34 20 00
http://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 n de chaque chapitre, dcouvrez,
en fonction du sujet, des exercices, une check-list ou une srie de FAQ
pour rpondre vos questions.
Vous trouverez dans cette collection les principaux thmes de lunivers
informatique : matriel, bureautique, programmation, nouvelles
technologies...
Conventions typographiques
An 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 dnition dun terme technique ou dune
abrviation.
Chapitre 1 Le concept du CMS 11
1.1. Techniques traditionnelles de construction de sites Internet . 13
Crer un site statique, une technique aujourdhui dpasse . 13
Comprendre les principes des sites dynamiques ............. 16
1.2. 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
1.3. Comprendre le langage XHTML ................................. 27
Comprendre les bases dune page XHTML .................... 28
Comprendre le HTML par lexemple ............................. 30
1.4. Check-list ............................................................ 42
Chapitre 2 Installer Joomla 43
2.1. La conguration ncessaire ...................................... 44
2.2. Tlcharger Joomla ................................................ 45
2.3. Tlcharger et installer un serveur web local ................. 50
2.4. Installer Joomla sur un serveur web local ..................... 57
2.5. 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
2.6. Check-list ............................................................ 83
Chapitre 3 Se familiariser avec Joomla 85
3.1. Le frontend .......................................................... 86
3.2. 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
3.3. 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
4 LE GUIDE COMPLET
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
3.4. Check-list .......................................................... 114
Chapitre 4 Crer des articles 115
4.1. Utiliser les commandes de linterface dadministration ... 116
4.2. Dnir les paramtres gnraux ............................... 117
Paramtrer le nomdu site ........................................ 118
Paramtrer la longueur des listes ............................... 118
Augmenter la dure de session ................................. 119
Sommaire
5 LE GUIDE COMPLET
Paramtrer le fuseau horaire ..................................... 120
4.3. Changer le login et le mot de passe administrateur ....... 121
4.4. Crer des sections ............................................... 122
4.5. Crer des catgories ............................................. 125
4.6. Crer et modier des articles ................................... 128
Prvisualiser larticle dans une fentre de prvisualisation . 131
Prvisualiser larticle dans le frontend ......................... 132
Mettre en forme le contenu de larticle ......................... 134
Insrer une image dans le texte de larticle .................... 141
Crer un lien hypertexte .......................................... 143
Crer un saut de page dans le texte de larticle .............. 145
Dfinir les paramtres de larticle ............................... 149
Publier larticle en page daccueil ............................... 156
4.7. Check-list .......................................................... 158
Chapitre 5 Administrer les menus 159
5.1. Dsactiver les menus inutiles .................................. 160
5.2. Modier un menu existant ...................................... 162
5.3. Exploiter les diffrents lments de menu ................... 163
Les fonctionnalits daffichage des liens internes ........... 164
Crer un itemde menu pointant vers une page externe .... 172
Crer un itemde sparation dans un menu ................... 173
Crer un alias de menu ........................................... 174
5.4. Ajouter un itemau menu ........................................ 175
5.5. Crer un nouveau menu ......................................... 177
5.6. Modier les paramtres daffichage dun menu ............ 180
Appliquer un style au menu ...................................... 180
Modifier lordre des menus ...................................... 182
Modifier la position du menu .................................... 183
Modifier le style du menu ......................................... 186
Limiter laffichage du menu certaines parties du site ...... 187
5.7. Check-list .......................................................... 187
Chapitre 6 Utiliser les fonctionnalits natives de Joomla 189
6.1. Grer les mdias .................................................. 190
Les formats dimages ............................................. 190
Optimiser et retoucher les images pour Internet ............. 192
Le Gestionnaire de mdias ...................................... 195
6.2. Grer les niveaux daccs et les utilisateurs ................ 198
Comprendre les niveaux daccs ............................... 198
6 LE GUIDE COMPLET
Sommaire
Grer les niveaux daccs ........................................ 200
Exercice pratique : Cration dun compte de niveau Auteur .. 201
6.3. Utiliser la messagerie de Joomla .............................. 210
Consulter les messages .......................................... 211
Supprimer un message ........................................... 212
crire un message ................................................. 212
6.4. Utiliser la newsletter .............................................. 213
6.5. Effectuer une mise jour de Joomla .......................... 214
6.6. Check-list .......................................................... 216
Chapitre 7 Adapter le site avec des composants 217
7.1. Installer un composant .......................................... 219
7.2. 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 Ajouter une boutique en ligne 255
8.1. Comprendre le concept de VirtueMart ....................... 256
Les points forts de VirtueMart ................................... 256
Le site officiel de VirtueMart ..................................... 257
8.2. Installer VirtueMart ............................................... 259
Sommaire
7 LE GUIDE COMPLET
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 conguration gnrale ...... 278
8.5. Congurer les paramtres de la boutique ................... 279
Dfinir lidentit de la boutique .................................. 280
Dfinir les informations sur la boutique ........................ 283
Dfinir lidentit du responsable contacter .................. 283
Dfinir la devise utilise et le format daffichage des prix ... 284
Saisir la description de la boutique ............................. 286
Saisir les conditions gnrales de vente ....................... 286
8.6. La TVA ............................................................... 288
Lapplication du calcul de la TVA ................................ 288
Appliquer une taxe sur les produits immatriels .............. 289
Utiliser des taux de TVA multiples .............................. 290
Crer les taux de TVA par pays ou rgion ..................... 291
8.7. Crer le catalogue de produits ................................. 292
Crer les fabricants de produits ................................. 292
Crer des catgories de produits ............................... 294
Saisir les produits ................................................. 299
La gestion des stocks ............................................ 318
8.8. Paramtrer les expditions ..................................... 318
Choisir la mthode dexpdition ................................ 319
Dfinir le poids et les dimensions dun produit ............... 320
Lister les transporteurs ........................................... 320
Ajouter un transporteur ........................................... 320
Ajouter un tarif dexpdition ..................................... 321
8.9. Personnaliser les modes de paiements ...................... 322
Activer les moyens de paiement ................................ 322
Les paiements par chques et virements ..................... 323
Les paiements par le systme Paypal .......................... 324
8.10. Consulter ltat des commandes .............................. 326
8.11. Sauvegarder le site web ......................................... 327
Sauvegarde de la base de donnes ............................ 327
Sauvegarde des fichiers .......................................... 328
8.12. Check-list .......................................................... 330
8 LE GUIDE COMPLET
Sommaire
Chapitre 9 Amliorer lindexation dans les moteurs
de recherche 331
9.1. Connatre les principes de fonctionnement de Google ... 332
9.2. Rfrencement naturel vs rfrencement payant .......... 335
9.3. 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
9.4. Dterminer sa stratgie de positionnement ................. 348
Rechercher des mots-cls ....................................... 348
Utiliser des outils de mesure des mots-cls .................. 348
9.5. 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 nomde 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
9.6. Avoir recours au rfrencement payant ...................... 369
9.7. Utiliser les commandes de Google ............................ 372
allintitle .............................................................. 372
allinurl ............................................................... 374
filetype .............................................................. 374
inanchor ............................................................. 375
info ................................................................... 376
intext ................................................................. 376
intitle ................................................................. 377
link ................................................................... 377
related ............................................................... 378
Sommaire
9 LE GUIDE COMPLET
site ................................................................... 379
define ................................................................ 380
9.8. Anticiper les futures techniques de rfrencement ........ 380
9.9. Check-list .......................................................... 381
Chapitre 10 Annexe 383
10.1. Glossaire ........................................................... 384
A ...................................................................... 384
B ...................................................................... 387
C ..................................................................... 389
D ...................................................................... 391
E ...................................................................... 392
F ...................................................................... 393
G ..................................................................... 394
H ..................................................................... 395
I ....................................................................... 395
J ...................................................................... 397
K ...................................................................... 397
L ...................................................................... 397
M ..................................................................... 398
N ..................................................................... 399
O ..................................................................... 399
P ...................................................................... 400
R ...................................................................... 401
S ...................................................................... 402
T ...................................................................... 403
U ..................................................................... 404
V ...................................................................... 405
W ..................................................................... 405
X ...................................................................... 405
Z ...................................................................... 406
10.2. Adresses Internet utiles ......................................... 406
Chapitre 11 Index 409
10 LE GUIDE COMPLET
Sommaire
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
Mme sil est dusage de comparer Internet une toile daraigne,
limage nest que partiellement fonde En effet, les arachnides ont
pour habitude de tisser seules Or la toile du Web, qui stend toujours
plus chaque jour, est luvre dun nombre important et croissant
dacteurs. Webmestres, informaticiens, scientiques, journalistes,
blogueurs, marchands, passionns en tous genres de sujets en tous
types ; chacun deux, chacun de nous, tisse, tout instant, une maille
supplmentaire, participant ainsi ce fantastique accroissement de la
mise en ligne des connaissances technologiques, culturelles et
artistiques, rvolution majeure de la dernire dcennie.
Chaque jour voit de nouvelles techniques natre, des habitudes changer,
des internautes plus curieux mais aussi, forcment, plus presss de
savoir, dcouvrir, essayer et galement laisser leur propre trace dans la
mmoire sans n du rseau.
Plus question, en effet, de se limiter la consultation passive de sites
construits uniquement avec des textes et des images. Musiques, lms,
forums, chats, messageries instantanes, rponses aux articles sont les
lments constituants du Web moderne.
Noublions pas le commerce lectronique Cette rvolution dans la
rvolution, fonctionnalit balbutiante hier, parfaitement mature
aujourdhui, capable de faire vaciller certaines grandes structures
commerciales, construites sur des techniques de vente traditionnelles, et
qui payent cher lerreur de ne pas avoir anticip la vague dferlante du
commerce en ligne.
Passionnant mais bouillonnant, pourvoyeur de richesses intellectuelles et
nancires pour certains, de rves et de dsillusions pour dautres, le
Web est sans merci et ne laisse pas place linefficacit. Que lon soit
rdacteur ou commerant, on ne cre plus aujourdhui des pages comme
on le faisait il y a encore quelques annes. Performance et rentabilit
sont les matres mots de la russite, en matire de gestion du contenu
rdactionnel, qui ne peut plus soprer de faon artisanale. Et cest tout
naturellement en rponse ce besoin de productivit que sont ns les
systmes de gestion de contenu.
Lobjectif de ce livre est de vous prsenter Joomla. nos yeux, Joomla
est le systme de gestion de contenu le plus abouti et le plus polyvalent.
Il est capable, par exemple, de se transformer en forum de discussion, en
galerie dimages et surtout, comme vous le dcouvrirez dans la seconde
partie de cet ouvrage, en site de commerce lectronique.
12 LE GUIDE COMPLET
Le concept du CMS
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 an dafficher les contenus des pages web dans
les navigateurs Internet. Ce langage est une variante du
SGML (Standard Generalized Markup Language).
La structure du HTML est fonde sur lutilisation de "balises",
instructions permettant la mise en forme des documents, essentiellement
composs de textes et dimages. Lune dentre elles est fondamentale,
puisquelle autorise la cration de liens "hypertextes", qui permettent,
par simple clic sur une chane de caractres ou une image, douvrir une
autre page. Cette fonctionnalit, qui autorise les sauts dune page une
autre, est lorigine de lexpression "surfer sur le Web".
En complment du code HTML, il est frquent de trouver, greffes dans
les pages, des fonctionnalits complmentaires, telles que des
animations sophistiques en technologie Flash, des vidos ou des
morceaux de code Javascript. Ces derniers sont utiliss an de raliser
des traitements impossibles en HTML, tels que des validations de
donnes dans des formulaires (zones de collectes dinformations
structures), des calculs ou encore certains types de menus droulants.
Techniques traditionnelles de construction de sites Internet
Chapitre 1
13 LE GUIDE COMPLET
Autre complment aujourdhui indissociable des pages HTML, les
feuilles de style en cascades (dont lextension de chiers est .ccs),
traduction franaise de lexpression "Cascading Style Sheet" et dont la
fonction est de grer la mise en forme des pages. Lutilisation des
feuilles de style a constitu un progrs majeur car elle a simpli
considrablement la lecture du code HTML.
"Page HTML", un abus de langage
Parler de "pages HTML" est aujourdhui un abus de langage puisque
le HTML a t remplac par le XHTML. Cette expression est toutefois
trs rpandue et nous lutiliserons dans ce qui suit pour dsigner les
pages crites en langage XHTML.
La mthode la plus simple, la plus ancienne galement, pour raliser un
site web, est celle du "site statique". Dans un tel site, les pages sont
crites par le webmestre, en langage XHTML, soit par une saisie totale
du code dans un diteur de texte, tel que le Bloc-notes, soit par le biais
dun logiciel de cration de pages WYSIWYG tel que Dreamweaver.
diteur de texte et gnrateur de code WYSIWYG
On nomme "diteur de texte" un logiciel simple, qui peut tre
compar un traitement de texte qui ne disposerait pas de
fonctionnalits de mise en forme du texte. Le langage XHTML tant un
langage de mise en forme de documents, cest en effet le code de la
page et celui de la feuille de style laquelle elle est rattache qui
contiennent les instructions de mise en forme.
Figure 1.1 : Extrait du code XHTML dune page web, ici affich dans le
Bloc-notes, lditeur de texte livr avec Windows
14 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
Le terme WYSIWYG, quant lui, est un acronyme de What You See
Is What You Get. Cette expression, qui peut tre interprte par "Vous
voyez ce que vous obtiendrez" est utilise pour dsigner le mode de
fonctionnement des logiciels de cration de pages web, tels que le clbre
Dreamweaver. la diffrence dun simple diteur de texte, ceux-ci se
prsentent sous la forme dun traitement de texte simpli, disposant
dune interface ddie la ralisation des mises en forme des textes et des
images ainsi quaux insertions dobjets dans les pages tels que des
applications en technologie Flash ou de traitements prdnis en langage
Javascript. Les actions effectues sont ensuite transformes en langage
XHTML, comme si ce dernier avait t tap manuellement dans un
diteur de texte.
Le plus souvent, la visite dun site web dbute par la page daccueil.
Celle-ci se nomme quasi invariablement "Index". Si le site est construit
de faon "statique" (entendez "sans utilisation dun langage de
programmation gnrant les pages HTML"), elle porte lextension .htm
ou .html.
Les navigateurs Internet, dont la nalit est dinterprter le code des
pages et dafficher le rsultat de cette interprtation, sont programms,
lorsquun nom de domaine est saisi dans leur barre dadresse, pour
sassurer de lexistence dune telle page et pour louvrir, dans
laffirmative. Si tel nest pas le cas, le navigateur affiche un message
indiquant quil ne peut afficher la page.
Nomet extension dun chier
Lextension dun chier est le terme indiquant une courte chane de
caractres ajouts aprs le nom du chier et qui indique son
appartenance une famille. Ainsi, les chiers portant lextension .htm ou
.html font partie de la famille des pages web statiques. Nom de chier et
extension sont toujours spars par un point.
La visite dun site ne commence toutefois pas obligatoirement par celle
de la page daccueil, linternaute venant gnralement dun moteur de
recherche, pouvant commencer son parcours depuis nimporte quelle
page du site et se dplacer vers les suivantes en utilisant les liens
hypertextes permettant une navigation sur le site.
Techniques traditionnelles de construction de sites Internet
Chapitre 1
15 LE GUIDE COMPLET
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 conguration chez la quasi totalit des hbergeurs.
Nombreuses sont les utilisations qui peuvent tre faites des rouages du
Web dynamique : commerce lectronique, en premier lieu, mais aussi
forums, blogs, rseaux sociaux, jeux en ligne, pour citer les applications
les plus rpandues.
Lun des tournants majeurs du Web dynamique, ces dernires annes, a
t sa dmocratisation. Petites et moyennes structures commerciales
lont adopt, y voyant une technologie beaucoup plus efficace et bien
moins coteuse que celle du traditionnel Web statique. Quant aux
particuliers, nombre dentre eux lutilisent sans mme en avoir
conscience, en publiant leurs articles sur des blogs, par exemple. Facilit
de mise jour par interface directement accessible depuis un navigateur
web, de nimporte quel poste connect Internet, aucun logiciel
installer sur le PC, optimisation du rfrencement dans les moteurs de
recherche sont les sduisants atouts du Web dynamique, auxquels il est
difficile de rsister.
Cest donc trs naturellement sur cette vague que se sont dvelopps les
CMS (Systmes de Gestion de Contenu), outils de cration et de mise
jour de sites, dont le principal avantage est de dlester le webmestre des
16 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
tches de cration des pages pour lui permettre de se concentrer sur le
contenu rdactionnel du site.
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.
Figure 1.2 : Lditeur de cration de pages en ligne propos par le CMS
Joomla
Comprendre les principes des CMS
Chapitre 1
17 LE GUIDE COMPLET
Les CMS sont des systmes de publication sur Internet. Leurs
mcanismes sont prfabriqus : dition du contenu des pages (textes et
images), fonctionnalits en tous genres qui ncessitaient il y a peu des
dveloppements spciques lors de la cration dun site, etc.
Implmenter un site web au moyen dun CMS consiste donc
paramtrer celui-ci.
Le webmestre ayant dj cr, de toutes pices, un site statique via des
techniques traditionnelles, sera immdiatement et agrablement surpris
par lefficacit dune telle solution, en terme de temps de mise en place
(sans les nombreux jours de dbogage et de tests).
Sa seconde surprise sera certainement la facilit qui soffrira lui en ce
qui concerne la mise jour du contenu ditorial et qui soprera
simplement, depuis une interface dadministration en ligne. La quantit
de pages quil mettra en ligne sen trouvera certainement accrue, de
mme que leur qualit, puisque la tche du webmestre se limitera la
rdaction du contenu rdactionnel, laquelle sajouteront quelques
oprations simples de mise en forme, opres par les commandes
proposes sur linterface.
En outre, toute modication effectue (mise jour dun catalogue, date
dvnement, modication de tarif, ) sera visible instantanment pour
tout visiteur du site.
Enn, et cela nest pas le moindre avantage, le webmestre, par simple
mise jour de son systme de gestion de contenu, bnciera de toutes
les amliorations apportes par lquipe de dveloppement du produit,
presque toujours gratuitement puisque issues du monde de lopen
source, soucieuse dapporter leur "bb" toutes les nouvelles
fonctionnalits qui ne manqueront pas dapparatre sur Internet.
Le monde de lopen source
On peut traduire ce terme par "source ouverte". Il dsigne les logiciels
disposant dune licence autorisant la libre redistribution du produit et
dont le code informatique est libre.
Les programmes open source sont gnralement de bonne qualit puisque
louverture du code de nombreux programmeurs favorise lamlioration
des produits.
18 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
Ajoutons cette liste, dj longue, darguments positifs en faveur de
lutilisation dun CMS, que ce dernier sinstalle en un temps record
(moins dune heure en gnral) et il sera ais de comprendre pourquoi
tant de personnes utilisent aujourdhui des systmes de gestion de
contenu.
Intressons-nous maintenant aux principes techniques qui rgissent les
CMS, et particulirement Joomla
Lide fdratrice est de sparer les contenus proprement parler, que
reprsentent les textes, les images et, dune manire gnrale, les objets
insrs dans les pages, de leur mise en forme, effectue par un choix en
matire de polices de caractres, de couleurs et dhabillage graphique
principalement.
Les contenus sont stocks dans une base de donnes (MySql dans
presque tous les cas), alors que les directives relatives la prsentation
sont dans des feuilles de styles, les chiers dans lesquels sont
enregistres les particularits de mise en forme des pages du site.
Ainsi, il est possible, sans changer une virgule du contenu rdactionnel
du site, den modier lapparence radicalement (il suffit de modier la
ou les feuilles de style qui leur sont appliques).
Figure 1.3 : Sur Joomla, la modication de la mise en forme seffectue par
application dun "template"
Chapitre 1
19 LE GUIDE COMPLET
Vous pourrez, par exemple, utiliser des modles de prsentation
diffrents en fonction des priodes de soldes, ou des ftes venir an de
changer laspect de votre site, sans modier les textes et les images quil
renferme.
La mise jour immdiate du site
Lun des principaux avantages du CMS est la mise en ligne immdiate
de toute modication des pages du site. Pour bien le comprendre, il est
ncessaire de commencer par dcrire le mode de fonctionnement de la
publication traditionnelle dun site web.
Lorsque le site est construit et mis en ligne de faon traditionnelle,
cest--dire sans utilisation dun systme de gestion de contenu (au
moyen dun logiciel tel que Dreamweaver, par exemple), le webmestre
construit une version "locale" du site sur son ordinateur. Il "publie"
ensuite cet ensemble de chiers chez son hbergeur an que le site soit
"en ligne", terme synonyme de "accessible depuis Internet".
Cette mthode prsente un inconvnient majeur : toute mise jour du
contenu rdactionnel du site doit tre suivie dune nouvelle publication,
action chronophage, fastidieuse et rptitive.
Avec un systme de gestion de contenu, les choses sont diffrentes. Les
personnes en charge de la mise jour du contenu rdactionnel du site
Page 1
Publication
Page 2
Page etc.
Version locale
du site
Page 1
Page 2
Page etc.
Version en ligne
du site
Ordinateur
du webmestre
Plate-forme
dhbergement
Figure 1.4 : Schma de publication traditionnelle dun site web
20 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
voient, comme les internautes, les modications apparatre en ligne ds
leur validation, cest--dire immdiatement. La phase de publication est
supprime, les donnes tant stockes dans une base de donnes et non
plus en tant que pages HTML indpendantes. Ce principe simplie
considrablement les choses et rend les travaux de rdaction accessibles
tous, y compris aux non informaticiens.
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.
Mise jour des donnes
Page.php
Plateforme
dhbergement
Les modifications sont
visibles immdiatement
Base de donnes
Poste
du webmestre
Figure 1.5 : Schma de la mise jour dun site administr avec Joomla
Chapitre 1
21 LE GUIDE COMPLET
Elles sont cres dynamiquement, en fonction des demandes (nommes
"requtes") effectues par les internautes.
Un CMS ne requiert donc aucune installation logicielle sur 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 spcicits
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 spcicits.
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
nalit est de donner son propritaire des outils rapides et efficaces
pour gnrer du contenu (le site traite souvent des passions du blogueur
et peut prendre la forme dun journal plus ou moins intime). On y trouve
frquemment des vidos, ce qui fait de certains blogs des vritables
canaux mdiatiques, parallles ceux des grands mdias traditionnels.
Ce CMS est tlchargeable, ladresse http://fr.dotclear.org.
22 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
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.6 :
Le site de
tlchargement de
Dotclear
Figure 1.7 :
Le site de
tlchargement de
Drupal
Chapitre 1
23 LE GUIDE COMPLET
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.).
Signication du mot "Joomla"
Ce terme semble trouver son origine dans le mot "Jumla" qui, en
swahili, signie "tous ensemble".
Vous pouvez le tlcharger ladresse http://www.joomla.fr.
Spip
Cet excellent CMS est conu comme un vritable outil de gestion dun
journal dinformation en ligne. Il offre nombre de fonctions spciques
au monde de la presse.
Figure 1.8 : Le site de tlchargement de Joomla
24 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
Spip est tlchargeable ladresse http://www.spip.net.
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.9 :
Le site de
tlchargement de
Spip
Figure 1.10 :
Le site de
tlchargement de
WordPress
Chapitre 1
25 LE GUIDE COMPLET
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 spcique). La version actuelle du systme est la
version 1.5. Elle autorise deux mthodes daccs aux donnes : le
"frontend" est la partie rserve aux internautes visitant le site et le
"backend" est linterface dadministration, accessible seulement aux
administrateurs.
Joomla se singularise galement par sa gestion de la mise en forme des
pages (polices, couleurs, images de fond, boutons, etc.) qui peut tre
modie en quelques clics par application de "templates" (modles de
mise en forme utilisant les feuilles de style, chiers stockant les
paramtres de mise en forme).
26 LE GUIDE COMPLET
Le concept du CMS
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
Comprendre le langage XHTML
Chapitre 1
27 LE GUIDE COMPLET
chier texte, qui peut tre gnr par un logiciel de cration de pages
HTML mais peut aussi bien tre saisi avec un simple Bloc-notes,
cest--dire un diteur de texte.
Certes, Joomla utilise le langage PHP pour gnrer ses pages et
interroger ses bases de donnes mais ces traitements sont transparents
pour le webmestre qui travaille sur le site depuis linterface
dadministration et qui, par exemple, met en forme un article depuis
lditeur de pages du CMS. Lors de cette opration, du code du HTML
est gnr et une comprhension des rgles syntaxiques employes ne
peut qutre quutile.
Comprendre les bases dune page 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 dnissent la mise en forme des contenus (textes et
images essentiellement) puis sont interprtes par les navigateurs
Internet qui affichent alors les pages sous une forme intelligible pour les
humains.
Conventionnellement, il est dusage de saisir les noms des balises en
caractres minuscules et encadrs par les caractres "<" 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 n lorsque la mme balise, portant un nom identique prcd du
caractre "/", est rencontre par le navigateur Internet, lors de sa lecture
squentielle du code XHTML (on parle alors de "balise de n").
28 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
Un nombre limit de balises droge toutefois cette rgle et ne ncessite
pas de balises de n. Ainsi, par exemple, la balise permettant linsertion
dune image ou celle utilise pour gnrer un simple saut de ligne dans
un paragraphe.
La syntaxe utilise est alors du type :
<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 n du code.
Il existe dautres traitements, susceptibles dtre effectus par des langages
de programmation : les traitements rptitifs (rptant une squence) et
conditionnels (le rsultat du traitement est dtermin par une condition).
XHTML nest pas adapt lexcution de ces deux derniers types de
traitements, cest pourquoi XHTML nest pas considr comme un
langage de programmation mais comme un langage de mise en forme de
documents.
Le code XHTML utilise frquemment des balises de manire
imbrique : il est ainsi, par exemple, possible dindiquer quune portion
de texte est en caractres italiques et quune sous-portion de celle-ci est
en caractres gras. Les balises indiquant la mise en forme en gras seront
alors comprises dans les balises indiquant la mise en forme en italiques.
Voici un exemple de code XHTML, utilisant les balises <h1> et ,
permettant respectivement de dnir 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.
Chapitre 1
29 LE GUIDE COMPLET
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, an de rendre celle-ci
plus intelligible, lors dune relecture ultrieure.
Pour tre ignors lors de la lecture de la page par le navigateur Internet,
les commentaires doivent tre prcds de la suite de caractres <! 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
Le concept du CMS
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 n. 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.
Chapitre 1
31 LE GUIDE COMPLET
2 Saisissez le code suivant :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
3 Enregistrez le chier, via la commande Fichier/Enregistrer sous,
dans le dossier de votre choix sur votre ordinateur. Affectez, par
exemple, le nom page1.html.
Figure 1.11 :
La fentre du Bloc-notes
de Windows
Figure 1.12 :
Le code de la structure de
base dune page XHTML,
saisi dans le Bloc-notes de
Windows
32 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
Extension des chiers HTML
Le Bloc-notes tant un diteur de texte, il affectera par dfaut
lextension .txt votre chier si celle-ci est omise, lors de
lenregistrement. La page XHTML ne sera alors pas reconnue lorsquelle
sera ouverte dans le navigateur. Veillez bien saisir lextension .html,
aprs le nom du chier, lors de son enregistrement depuis le Bloc-notes.
4 Lancez un navigateur Internet, Internet Explorer, par exemple,
puis activez le menu Fichier/Ouvrir. Dans la bote de dialogue
Ouvrir qui apparat, cliquez sur le bouton Parcourir et recherchez
le chier page1.html prcdemment enregistr. Slectionnez ce
chier, cliquez sur le bouton Ouvrir puis sur le bouton OK.
Une page blanche est affiche dans le navigateur. Il sagit de votre page
XHTML. Vous pouvez le vrier par la lecture de son adresse dans la
Barre dadresse de votre navigateur. Elle est vierge car vous ny avez
saisi aucun contenu afficher.
5 Laissez le navigateur ouvert et retournez au Bloc-notes. Modiez
le code de la page en y ajoutant un contenu textuel entre les
balises <body> et </body>, comme dans le code qui suit :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
Figure 1.13 : Le code HTML affiche une page vide
Chapitre 1
33 LE GUIDE COMPLET
6 Depuis le Bloc-notes, enregistrez nouveau le chier, en utilisant
le menu Fichier/Enregistrer.
7 Retournez dans la fentre du navigateur, que vous aviez laiss
ouverte, par la Barre des tches de Windows.
Aucune modication nest visible dans le navigateur. La phrase que
vous avez ajoute dans le code napparat pas. Ceci est d au fait que la
page affiche actuellement est celle qui a t charge dans le cache du
navigateur lors du premier essai. Il va vous falloir lactualiser.
Cache du navigateur Internet
Ce terme dsigne une zone de mmoire intermdiaire, dans laquelle
sont stockes les dernires pages et images affiches rcemment dans le
navigateur. Sa fonction principale est dacclrer laffichage. Il doit tre
actualis, si la page consulte a t modie, an de permettre la
consultation de la dernire version du document.
8 Dans Internet Explorer, cliquez sur le bouton Actualiser (ou
appuyez sur la touche [F5]).
La page est actualise et la phrase apparat dans la page affiche dans le
navigateur.
Figure 1.14 : Le code est modi dans le Bloc-notes
Figure 1.15 :
Le bouton Actualiser du navigateur Internet
Explorer
34 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
Vous allez ajouter quelques balises dans le code de la page, an de bien
assimiler les bases de limbrication des tags.
le code de la page en y ajoutant les balises et , an
quelles encadrent une zone quelconque de texte, comme dans le
code qui suit (cette balise permet de mettre le texte concern en
gras) :
<html>
<head>
</head>
<body>
Voici une phrase afficher.
</body>
</html>
Figure 1.16 :
La page a t modie
Figure 1.17 : Lajout du code dans le Bloc-notes
Chapitre 1
35 LE GUIDE COMPLET
10 Depuis le Bloc-notes, enregistrez nouveau le chier, via le menu
Fichier/Enregistrer.
ouverte, par la Barre des tches de Windows. Actualisez la page
affiche dans le navigateur.
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 , an
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 chier, par le menu
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
36 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
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.19 : La nouvelle version de la page
Figure 1.20 : Un retour la ligne est cr dans le Bloc-notes
Chapitre 1
37 LE GUIDE COMPLET
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.
Cette manipulation met en vidence le fait que le navigateur, qui agit en
tant quinterprteur du code XHTML, naccorde aucune valeur au retour
la ligne effectu par la touche [], dans le Bloc-notes. Tout le code
XHTML pourrait tre crit sur une seule ligne. Cette disposition
entacherait certainement la lecture dun il humain mais nullement celle
dun navigateur Internet. Vous pouvez, pour vous en convaincre,
supprimer tous les retours la ligne placs dans le code : ceci ne
changera rien laffichage de la page dans le navigateur.
Un retour la ligne est un paramtre de mise en forme comme un autre.
Or, XHTML est un langage de mise en forme de document. Lordre de
retourner la ligne doit donc tre donn par une balise.
Cest ce que vous allez faire au moyen de la balise , dont la nalit
est de crer un nouveau paragraphe. Pour rendre la dmonstration plus
pertinente, vous supprimerez mme le retour la ligne cr dans le
Bloc-notes en utilisant la touche [].
18 Retournez dans la fentre du Bloc-notes. Modiez le code de la
page en supprimant le retour la ligne gnr par lutilisation de
la touche [] et en le remplaant par une balise , comme dans
le code qui suit :
<html>
<head>
Figure 1.21 : Le retour la ligne napparat pas dans le navigateur
38 LE GUIDE COMPLET
Le concept du CMS
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, modiez le code de la page comme
dans le code qui suit :
<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>
Figure 1.22 : Le retour la ligne apparat dsormais dans le navigateur
Chapitre 1
39 LE GUIDE COMPLET
23 Toujours depuis le Bloc-notes, modiez le code de la page comme
suit :
<html>
<head>
</head>
<body>
Ceci est la seconde page.
</body>
</html>
24 Enregistrez le chier avec le nom page2.html, par le menu
Fichier/Enregistrer sous.
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.
Figure 1.23 : La premire page, affiche dans le navigateur
40 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
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 modier
cet affichage.
28 Depuis le Bloc-notes, modiez 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>
Figure 1.24 : Le lien hypertexte a permis douvrir la deuxime page
Chapitre 1
41 LE GUIDE COMPLET
29 Enregistrez nouveau le chier, par le menu Fichier/Enregistrer.
1.4. Check-list
j Les CMS ont rvolutionn, en quelques annes, le concept du site
Internet.
j Un CMS est construit autour de trois concepts : les contenus sont
stocks dans une base de donnes, les pages sont gnres
dynamiquement et le webmestre dispose dune interface de mise
jour qui facilite considrablement son travail.
j 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.
j 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.
Figure 1.25 :
Lajout de la balise
<title> au code
HTML
Figure 1.26 :
Le titre de la page
est visible dans la
Barre de titre du
navigateur
42 LE GUIDE COMPLET
Le concept du CMS
Chapitre 1
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
Dans la premire partie de cet ouvrage, vous allez dcouvrir comment
raliser un site vitrine, cest--dire un site de prsentation de contenus,
sans fonctionnalits spciques au commerce lectronique. Mais avant
cela, il vous faut installer Joomla.
Lopration est possible "en local", cest--dire sur votre ordinateur, an
de pouvoir effectuer tous les tests de fonctionnement que vous jugerez
utiles et aussi, bien entendu, chez un hbergeur, de sorte que le site soit
accessible aux internautes.
2.1. La conguration ncessaire
Quil soit install en local ou chez un hbergeur, le systme doit
disposer, pour fonctionner, de fonctionnalits techniques de base :
j le systme de gestion de contenu Joomla, un ensemble de
procdures dveloppes dans le langage PHP ;
j un serveur web (nous utiliserons ici "Apache", le serveur web le
plus rpandu) ;
j le moteur de langage de programmation de pages web PHP (une
version postrieure la version 4.3 est requise) ;
j la base de donnes MySQL.
Avant deffectuer linstallation de Joomla, vous devez tlcharger le systme.
La trilogie Apache/PHP/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
Installer 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.
2 Cliquez sur le lien de tlchargement de la dernire version 1.5.x
(ou ultrieure) de Joomla.
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.
Figure 2.1 : Le site www.joomla.fr
Figure 2.2 : Le lien de tlchargement de la version 1.5.x
Tlcharger Joomla
Chapitre 2
45 LE GUIDE COMPLET
La page Joomla! 1.5.x : packages dinstallation et patches est affiche.
3 Cliquez sur le lien Joomla 1.5.x stable fr propos dans cette page.
La bote de dialogue de tlchargement de chiers apparat.
Figure 2.3 : Le lien de lancement du tlchargement
Figure 2.4 : La bote de tlchargement
46 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
4 Choisissez denregistrer le chier (sous Internet Explorer, cliquez
sur le bouton Enregistrer).
La bote de dialogue Enregistrer sous apparat.
5 Dans larborescence des dossiers, prsente gauche de la bote
de dialogue, placez-vous dans le dossier que vous rservez aux
tlchargements puis cliquez sur le bouton Enregistrer.
Le tlchargement du chier compress au format zip sopre et dure
quelques instants.
La compression des chiers au format .zip
Cette extension indique des chiers ayant subi une compression,
opration visant rduire la place occupe sur lordinateur. Plusieurs
chiers peuvent tre compresss en un seul. Ils doivent tre
dcompresss avant usage.
6 Cliquez du bouton droit sur le chier et choisissez Extraire tout,
dans le menu contextuel qui apparat.
La bote de dialogue Extraire les dossiers compresss apparat.
Figure 2.5 : Le tlchargement est termin
Tlcharger Joomla
Chapitre 2
47 LE GUIDE COMPLET
7 Conservez les options proposes et cliquez sur le bouton Extraire
de la bote de dialogue.
La bote de dialogue suivante mentionne le temps restant ncessaire au
systme pour effectuer la dcompression des chiers qui constituent le
systme Joomla. Attendez la n de lopration.
Figure 2.6 : La bote de dialogue Extraire les dossiers compresss
Figure 2.7 : La dcompression des chiers
48 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
la n du traitement, un nouveau dossier est cr. Dans larborescence
des chiers, affiche depuis lExplorateur de chiers, il se trouve au
mme niveau que celui du chier zipp. Ce nouveau rpertoire renferme
les chiers et les dossiers de Joomla non compresss.
Conservez ces chiers sur votre disque dur ; ils vous seront utiles dans
les tapes suivantes.
Figure 2.8 : Les chiers de Joomla, aprs dcompression du chier
Tlcharger Joomla
Chapitre 2
49 LE GUIDE COMPLET
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 vous permettre deffectuer toutes les tapes dune premire
installation, donc prendre en main le systme ;
j une fois celui-ci install, pouvoir raliser tous les essais de votre
choix, plus rapidement que chez un hbergeur et sans risquer une
interruption de service, inhrente une mauvaise manipulation,
ou dobtenir des rsultats indsirables sur votre vritable site web
(dans le pire des cas, rien ne vous empchera de tout effacer et de
recommencer les oprations, chose toujours plus dlicate, plus
longue et entachant limage du site, lorsque cette opration est
effectue en ligne).
Vous dcouvrirez plus loin comment installer Joomla chez un hbergeur.
Pour que Joomla fonctionne localement, vous devez installer un serveur
web (il sagira dApache), le moteur de langage PHP ainsi que le
systme de gestion de base de donnes MySql. Il existe plusieurs
packages de ces trois logiciels. Nous utilisons ici EasyPHP.
Apache, PHP et MySql : les packages dinstallation
Bien quil vous soit possible dinstaller ces trois composants
individuellement sur votre ordinateur, il est beaucoup plus simple davoir
recours un package dinstallation. EasyPHP nest pas le seul package
de ce type, tlchargeable librement sur le Web. Citons notamment
XAMPP, pour "X Apache MySQL Perl PHP", quil est possible de
tlcharger ladresse http://www.apachefriends.org/fr/xampp.html.
1 Tlchargez le chier dinstallation dEasyPHP en vous
connectant, depuis votre navigateur Internet, ladresse :
http://www.easyphp.org.
50 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
2 Sur le site, choisissez la langue franaise dans la liste droulante
qui vous est propose en haut de page.
3 Cliquez sur le lien tlchargement puis sur le lien lanant le
tlchargement de la dernire version dEasyPHP dans la page qui
apparat.
4 Effectuez le tlchargement du chier dinstallation en cliquant
nouveau sur le lien suivant qui vous est propos. Enregistrez le
chier dans le dossier de votre choix.
Figure 2.9 : Le site http://www.easyphp.org
Figure 2.10 : Le lien de tlchargement
Tlcharger et installer un serveur web local
Chapitre 2
51 LE GUIDE COMPLET
5 Lancez lExplorateur de chiers de Windows en cliquant du
bouton droit sur Dmarrer puis en choisissant Explorer dans le
menu contextuel. Lancez lexcution du chier tlcharg en
double-cliquant sur son icne.
La bote de dialogue Avertissement de scurit apparat.
Figure 2.11 : Le tlchargement du chier
Figure 2.12 : Linstallation dEasyPHP est lance par un double-clic
Figure 2.13 : La bote de dialogue Avertissement de scurit
52 LE GUIDE COMPLET
Installer Joomla
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.
8 Choisissez le franais puis cliquez sur le bouton OK de la bote de
dialogue.
La bote de dialogue Installation EasyPHP apparat.
9 Cliquez sur le bouton Suivant de la bote de dialogue.
Figure 2.14 :
La bote de dialogue
Langue de lAssistant
dinstallation
Figure 2.15 :
La bote de dialogue
Installation
Chapitre 2
53 LE GUIDE COMPLET
10 Acceptez les termes du contrat de licence en cliquant sur le
bouton doption idoine puis cliquez sur le bouton Suivant de la
bote de dialogue.
11 Linstallateur vous informe quEasyPHP est un environnement de
travail, et non un environnement de production. Cliquez sur le
bouton Suivant de la bote de dialogue.
12 Linstallateur propose de choisir le dossier dinstallation du
logiciel. Effectuez cette opration, ou conservez le dossier
propos par dfaut, puis cliquez sur le bouton Suivant de la bote
de dialogue.
Dossier dinstallation
Sous Windows Vista, nous avons constat, dans certaines
congurations, des problmes de fonctionnement lorsque EasyPHP est
install dans le dossier dinstallation propos par dfaut de Windows (le
dossier Programmes). Pour pallier ce problme, nous vous conseillons de
crer un dossier diffrent (c:\autresprogrammes, par exemple), que vous
rserverez linstallation dEasyPHP.
13 Ltape suivante est celle de la cration des raccourcis de
lancement de lapplication. Conservez les paramtres proposs
par dfaut et cliquez sur le bouton Suivant de la bote de dialogue.
14 Ltape suivante rsume les paramtres prcdemment saisis.
Cliquez sur le bouton Installer de la bote de dialogue.
Figure 2.16 : La bote de dialogue rsumant les paramtres
dinstallation
54 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
Un tmoin davancement indique que linstallation dEasyPHP est en
cours dexcution.
lissue du traitement, une dernire bote de dialogue indique que
linstallation est termine.
Figure 2.17 : Linstallation est en cours
Figure 2.18 : La dernire bote de dialogue de lAssistant
Chapitre 2
55 LE GUIDE COMPLET
15 Cliquez sur le bouton Terminer de la bote de dialogue.
Vous allez lancer EasyPHP et vous assurer que le systme fonctionne.
16 Cliquez sur le bouton Dmarrer de Windows puis sur Tous 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.
17 An de vrier le bon fonctionnement du service, cliquez du
bouton droit sur cette icne et choisissez Administration dans le
menu contextuel qui apparat.
La page dadministration des services dEasyPHP est ouverte dans votre
navigateur web.
Figure 2.19 : Une fois EasyPHP dmarr, son icne est visible dans la Barre
des tches
Figure 2.20 : Le menu contextuel, activ par un clic droit sur licne
dEasyPHP
56 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
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
chiers qui composent le CMS sur votre serveur web.
1 Activez lExplorateur de chiers de Windows (en cliquant du
bouton droit sur Dmarrer puis en choisissant Explorer) et
placez-vous dans le dossier EasyPHP 3.0, rpertoire dinstallation
dEasyPHP (le dossier Programmes, si vous avez conserv les
paramtres dinstallation par dfaut ou le dossier que vous avez
stipul lors de linstallation, si vous avez choisi dutiliser dautres
paramtres). Sous ce dossier, slectionnez le dossier www.
2 Copiez-y le dossier Joomla_1.5.10-Stable-Full_Package-French qui
a t cr lors de la dcompression du chier compress portant le
mme nom (ne copiez pas le dossier compress mais le dossier
contenant les chiers qui ont t extraits).
Particularit du dossier www
Les sous-dossiers placs dans ce dossier correspondent chacun un
site web gr par le serveur Apache, sous EasyPHP.
Figure 2.21 : La page dadministration des services dEasyPHP
Installer Joomla sur un serveur web local
Chapitre 2
57 LE GUIDE COMPLET
3 Cliquez du bouton droit puis choisissez Renommez sur le nom du
dossier Joomla_1.5.10-Stable-Full_Package-French, an de lui
affecter un nom plus signicatif, site1joomla par exemple
(nayez pas recours aux espaces, aux caractres spciaux ou
accentus pour crire le nom du dossier).
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.22 : Le dossier va tre renomm
Figure 2.23 : La page daccueil de votre serveur web
58 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
La page affiche dans le navigateur prsente tous les sites installs sur
votre serveur web.
5 Cliquez sur le lien site-1-joomla an de lancer linstallation du
systme.
Lorsque ladresse dun site Joomla est saisie, le systme teste si
linitiation du systme a dj t effectue. Si, comme ici, tel nest pas le
cas, le premier cran de linstallateur de Joomla apparat.
6 Slectionnez la langue franaise dans la liste Slectionnez la langue
puis cliquez sur le lien Suivant, prsent dans la page, pour passer
ltape suivante de linstallation.
Ltape suivante consiste en une vrication des paramtres du serveur
web.
La partie suprieure de la page affiche une liste de paramtres devant
tous tre ltat Oui, indiquant un paramtrage correct.
La partie infrieure de la page, quant elle, indique ltat des
paramtres recommands. Pour un fonctionnement optimal et une plus
grande scurit, il est prfrable que les paramtres de votre serveur
web, indiqus dans la colonne Actuel, correspondent ceux prconiss
Figure 2.24 : Linstallateur de Joomla affiche la premire tape du
paramtrage initial du systme
Chapitre 2
59 LE GUIDE COMPLET
par les concepteurs de Joomla, mentionns dans la colonne
Recommand. Si tel nest pas le cas, le systme pourra toutefois tre
excut.
7 Cliquez sur le lien Suivant.
Dans ltape suivante, vous devez signier votre acceptation de la
licence dutilisation de Joomla.
Figure 2.25 : La seconde tape de linstallation
Figure 2.26 : Lacceptation de la licence dutilisation
60 LE GUIDE COMPLET
Installer Joomla
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.
Ltape suivante vous permet de paramtrer un accs FTP, utile pour
grer des problmes de publication pouvant apparatre chez certains
hbergeurs, dans des conditions spciques. Cette fonctionnalit ne vous
sera pas utile dans le cas prsent.
Figure 2.27 :
Ltape de
paramtrage de la
base de donnes
Figure 2.28 :
Ltape de la
conguration
optionnelle de laccs
FTP
Chapitre 2
61 LE GUIDE COMPLET
ltape qui saffiche, vous pouvez dnir les paramtres de
conguration initiaux du site. Ces valeurs pourront tre changes
ultrieurement.
16 Dans la zone Nom du site, saisissez, par exemple, Site Joomla
local.
Cette information sera visible dans la Barre de titre du navigateur
Internet depuis lequel le site est affich.
17 Dans la zone Votre email, saisissez votre adresse email.
18 Dans la zone Mot de passe de ladmin, saisissez le mot de passe qui
vous permettra de vous identier lors de vos accs linterface
dadministration.
19 Dans la zone Confirmer le mot de passe admin, saisissez nouveau
le mot de passe.
20 Cliquez sur le bouton Installer les donnes dexemple (an
dinsrer dans la base de donnes quelques articles ctifs et de
copier dans le site les images utilises par ces exemples).
la dernire tape, il vous est indiqu que linstallation sest droule
normalement. Vous tes inform que vous devez dtruire le dossier
Figure 2.29 : Ltape dinstallation des donnes dexemple
62 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
installation, dans larborescence de rpertoires du systme Joomla que
vous venez de mettre en place sur votre serveur web local.
Cette opration a pour but de vous protger contre une tentative
ventuelle de piratage, pendant laquelle un pirate informatique pourrait
excuter une nouvelle fois la procdure dinstallation an de
sapproprier le site.
22 Ne fermez pas votre navigateur Internet et lancez lExplorateur de
chiers de Windows (en cliquant du bouton droit sur le bouton
Dmarrer, dans la Barre des tches, puis en choisissant Explorer
dans le menu contextuel qui apparat). Positionnez-vous dans le
rpertoire dinstallation dEasyPHP (le dossier Programmes, si
vous avez conserv les paramtres proposs linstallation).
Recherchez le dossier www puis, sous ce dernier, le dossier
renfermant les chiers de Joomla (site-1-joomla, dans notre
exemple). Sous ce rpertoire, supprimez le dossier installation en
le slectionnant puis en appuyant sur la touche [Suppr] (voir
Figure 2.31).
23 Retournez sous le navigateur Internet et cliquez sur le bouton
Site, an daccder la partie publique du site.
Vous visualisez la partie publique de votre site, cest--dire celle qui sera
accessible aux internautes. Cette premire maquette utilise les donnes
dexemples implmentes lors de linstallation, ainsi quune mise en
forme par dfaut, modiable ultrieurement (voir Figure 2.32).
Figure 2.30 : Le message vous indiquant que vous devez dtruire le
rpertoire
Chapitre 2
63 LE GUIDE COMPLET
Figure 2.31 : La suppression du dossier peut galement tre effectue via
le menu contextuel
Figure 2.32 : La partie publique du site
64 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
Vous allez maintenant accder linterface dadministration du site,
cest--dire lespace qui vous est rserv et depuis lequel vous pourrez
modier le site.
24 Ouvrez un nouvel onglet dans votre navigateur Internet (par la
commande Fichier/Nouvel onglet) et saisissez ladresse de ce
dernier, en ajoutant celle-ci la chane de caractres
/administrator. Dans cet exemple, le chemin daccs est
http://localhost/site1joomla/administrator.
La page de connexion linterface dadministration de Joomla apparat.
25 Dans la zone Identifiant, saisissez admin.
Cet identiant est le nom dutilisateur cr par dfaut linstallation de
Joomla. Il vous sera possible de le modier ultrieurement depuis
linterface dadministration du systme, an daccrotre la scurit.
Cette opration nest pas utile dans le cas prsent, car vous travaillez sur
un serveur web local. Lorsque le site sera publi chez un hbergeur, il
sera, en revanche, conseill de changer cet identiant.
26 Dans la zone Mot de passe, saisissez le mot de passe que vous
avez dni lors de linstallation.
27 Cliquez sur le bouton Connexion.
La page daccueil de linterface dadministration de Joomla est affiche.
Figure 2.33 :
La connexion linterface
dadministration de Joomla
Chapitre 2
65 LE GUIDE COMPLET
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 an dassurer lhbergement dun grand
nombre de sites.
Cet hbergement est adapt dans la majorit des cas car lespace de
stockage des pages du site est largement suffisant (plusieurs gigaoctets,
gnralement).
Figure 2.34 : Linterface dadministration de Joomla
66 LE GUIDE COMPLET
Installer Joomla
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.
Installer Joomla chez un hbergeur
Chapitre 2
67 LE GUIDE COMPLET
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.
2 Cliquez sur le lien Hbergements Linux.
Figure 2.35 : La page daccueil de lhbergeur 1and1
68 LE GUIDE COMPLET
Installer Joomla
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 an de contracter un abonnement (choisissez le
mieux adapt la taille et au taux de frquentation prvisionnels
de votre site).
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
Figure 2.36 : Le choix dun type dhbergement
Chapitre 2
69 LE GUIDE COMPLET
passante et espaces de stockage levs, trac, cration de comptes
emails rattachs aux noms de domaines, etc.).
Importance de la bande passante et du trac
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 quantie en bits par seconde. Une bande passante leve
permet de diminuer le temps daffichage des pages du site.
Le terme trac 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 chiers 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 vrier quil vous est dsormais possible daccder cette
interface.
4 Cliquez sur le lien Accs client.
La page Espace client apparat.
5 Saisissez le code client et le mot de passe rattach, qui vous ont
t communiqus par votre hbergeur an de vous permettre de
vous authentier. Cliquez sur le bouton Connexion.
Figure 2.37 : Le lien permettant laccs votre espace
dhbergement
70 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
Linterface dadministration est affiche dans votre navigateur.
Publier les chiers 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 an de transfrer les
chiers qui constituent le CMS sur votre espace dhbergement.
Figure 2.38 : La saisie du code client et du mot de passe
Figure 2.39 : Linterface dadministration
Chapitre 2
71 LE GUIDE COMPLET
Le protocole FTP
Ce terme, acronyme de File Transfer Protocole, dsigne lun des
protocoles de communication les plus rpandus, permettant ladressage
de chiers sur les rseaux TCP/IP. Il est employ dans de trs
nombreuses circonstances, pour lchange et ladministration des chiers
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.
2 Depuis linterface dadministration de votre espace
dhbergement, affiche prcdemment dans la fentre de votre
navigateur Internet, cliquez sur le lien Accs FTP, an daccder
Figure 2.40 : Le site de tlchargement de Filezilla
72 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
votre identiant FTP et son mot de passe associ (ces
paramtres sont requis pour effectuer la connexion en FTP depuis
le logiciel Filezilla).
3 Lancez Filezilla an 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.
4 Dans votre espace dhbergement, gurant dans la partie droite du
logiciel nomme Site distant, cliquez du bouton droit sur licne
reprsentant la racine de larborescence de chiers et choisissez
Nouveau dossier dans le menu contextuel qui apparat.
5 Affectez un nom signicatif ce dossier (pour viter dventuels
problmes, utilisez uniquement des caractres minuscules, sans
espaces et sans accents ni caractres spciaux pour nommer le
dossier).
Figure 2.41 :
Le lien permettant
daccder vos
paramtres FTP
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
Figure 2.43 :
La cration du nouveau dossier sur
le site distant
Chapitre 2
73 LE GUIDE COMPLET
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 chier 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 chier, dans la partie
infrieure droite de la fentre, nomme, Nom. Utilisez la
combinaison de touches [Ctrl]+[A] pour slectionner tous les
chiers et tous les dossiers du dossier Joomla_1.5.10-Stable-
Full_Package-French.
7 Collez ces chiers dans le dossier cr chez lhbergeur
ltape 5 (sur Filezilla, ce copier/coller seffectue en glissant les
chiers slectionns de la partie gauche vers la partie droite de la
fentre). Assurez-vous que le dossier cible est slectionn an
dviter une ventuelle erreur de destination lors de la copie des
chiers et des dossiers.
Figure 2.44 :
Un nom signicatif est affect au
dossier
Figure 2.45 : Tous les chiers et tous les dossiers du dossier
Joomla_1.5.10-Stable-Full_Package-French sont slectionns
74 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
Pendant lopration de copie, qui prend quelques minutes (ou plus), les
chiers copis sont affichs dans la partie infrieure de la fentre de
Filezilla.
lissue de la copie, les chiers et les dossiers publis chez lhbergeur
sont visibles dans les zones Site distant et Nom, dans la partie droite de la
fentre de Filezilla.
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.
Figure 2.46 :
Les chiers et dossiers
sont colls par un
glisser dans la partie
droite de la fentre
Figure 2.47 :
Les chiers en cours
de copie sont affichs
dans la partie
infrieure de la
fentre
Figure 2.48 :
Les chiers
constituant le
systme Joomla,
aprs leur publication
chez lhbergeur
Chapitre 2
75 LE GUIDE COMPLET
Pour accder au site, il vous faut crer un nom de sous-domaine pointant
vers le dossier dans lequel vous avez dpos les chiers 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 identiant
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 authenti, cliquez sur le lien
Configuration des domaines.
La page Aperu des domaines est affiche.
9 Cliquez sur le lien Nouveau.
Figure 2.49 : Le lien Conguration des domaines, affich dans
linterface dadministration de lhbergeur
Figure 2.50 : Le lien permettant de crer un nouveau domaine ou un
nouveau sous-domaine
76 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
La page Ajouter un domaine est affiche.
La page Nouveau sous-domaine est affiche.
10 Dans la zone Sous-domaine.Nom du domaine, saisissez le prxe
du sous-domaine(nous utilisons "formations-informatiques-
nancy", 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.
Le nom de sous-domaine tant dsormais cr, il faut le diriger vers le
dossier dans lequel vous avez dpos les chiers de Joomla.
Figure 2.51 : La page Ajouter un domaine
Figure 2.52 : La cration du sous-domaine
Chapitre 2
77 LE GUIDE COMPLET
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 sous-
domaine qui vient dtre cr.
La page Paramtres pour la destination du domaine est affiche.
13 la rubrique Destination, cliquez sur le bouton Modifier.
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 chiers et dossiers dinstallation de
Joomla. Cliquez sur le bouton Enregistrer.
Figure 2.53 :
La page
Paramtres pour la
destination du
domaine
Figure 2.54 :
Le choix du dossier
de destination
78 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
La page alors affiche indique que lopration sest effectue
correctement et que les modications 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 vrication des paramtres du serveur
web. La partie suprieure de la page affiche une liste de paramtres
devant tous tre ltat Oui, indiquant un paramtrage correct alors que
la partie infrieure de la page indique ltat des paramtres
recommands.
Dans ltape suivante, vous devez signier 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.
Chapitre 2
79 LE GUIDE COMPLET
20 Depuis votre navigateur Internet, accdez nouveau linterface
dadministration de votre espace dhbergement, comme vu
prcdemment. Aprs vous tre authenti, cliquez sur le lien
Administration de MySQL la rubrique Applications Web.
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.
Figure 2.55 : Le paramtrage de la base de donnes emploie ici des
informations spciques votre hbergement
Figure 2.56 : Le lien permettant laccs aux paramtres de la base
de donnes
80 LE GUIDE COMPLET
Installer Joomla
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 spcicits 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 prxe 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 prxant 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 prxe
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 prxe unique.
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.
Figure 2.57 : La dnition dun prxe de tables
Chapitre 2
81 LE GUIDE COMPLET
cette tape, dnissez les paramtres de conguration 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 identier 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 (an
dinsrer dans la base de donnes quelques articles ctifs 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, an 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, an 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
Installer Joomla
Chapitre 2
35 Pour accder linterface dadministration de votre site Joomla,
cest--dire lespace qui vous est rserv et depuis lequel vous
pourrez modier 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 dni 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 Le CMS Joomla est tlchargeable gratuitement en ligne.
j Il en va de mme pour le serveur Apache et la conguration de
base de donnes MySQL et PHP.
Figure 2.58 : La suppression du dossier dinstallation
Check-list
Chapitre 2
83 LE GUIDE COMPLET
j Ces derniers composants peuvent tre facilement installs sur
votre ordinateur, des ns de tests.
j De nombreux hbergeurs, gratuits ou moindre cots, proposent
diffrents types dhbergements. Il vous sera ais de choisir le
plus adapt vos besoins.
j Linstallation de Joomla seffectue en quelques instants, sur votre
serveur local ou chez un hbergeur grce un installateur ne
ncessitant pas de connaissances spciques en programmation.
84 LE GUIDE COMPLET
Installer Joomla
Chapitre 2
Se familiariser
avec Joomla
Le frontend ............................................................................................................................. 86
Le backend ............................................................................................................................ 89
Les menus de Joomla ......................................................................................................... 97
Check-list ............................................................................................................................. 114
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
Se familiariser avec Joomla
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 ;
j des menus, horizontaux et verticaux, permettant la navigation sur
le site ;
j diffrents composants (derniers articles, articles les plus lus,
sondage, zone de recherche, formulaire didentication, indicateur
du nombre de visiteurs actuellement en ligne, etc.) ;
Figure 3.2 : La zone de bannire de haut de page
Figure 3.3 :
Deux menus verticaux
Le frontend
Chapitre 3
87 LE GUIDE COMPLET
j une zone daffichage de bannires publicitaires ;
j une zone principale affichant le contenu proprement parler de la
page (textes et images).
Figure 3.4 :
Un module de ralisation de sondages et un
autre affichant le nombre de visiteurs sur le site
Figure 3.5 :
Une zone est
ddie laffichage
de bannires
publicitaires, en
bas de page
Figure 3.6 :
Un exemple de
contenu textuel
88 LE GUIDE COMPLET
Chapitre 3
3.2. Le backend
Vous allez maintenant dcouvrir linterface dadministration de Joomla
(backend), grce laquelle vous pourrez crer et modier 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
identiant 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 signicatifs du systme, an 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 backend
Chapitre 3
89 LE GUIDE COMPLET
Le gestionnaire des articles est affich (son utilisation sera dtaille plus
loin dans cet ouvrage).
3 Dans la colonne Titre, qui affiche les titres des articles, cliquez par
exemple sur le premier lien.
Figure 3.7 :
Laccs au
panneau
dadministration
Figure 3.8 :
Le bouton
Gestion des
articles
Figure 3.9 : Le gestionnaire des articles
90 LE GUIDE COMPLET
Chapitre 3
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).
4 Quittez lditeur sans sauvegarder vos ventuelles modications
en cliquant sur le bouton Fermer.
Figure 3.10 :
Vous avez cliqu sur le
premier lien
Figure 3.11 : Lditeur darticles
Le backend
Chapitre 3
91 LE GUIDE COMPLET
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.
Le gestionnaire dlment de menu apparat.
2 Cliquez, par exemple, sur le lien Home, qui est le premier item du
menu.
Figure 3.12 :
Le bouton Fermer
Figure 3.13 :
Le menu
Menu/Main
menu
Figure 3.14 :
Le lien Home, dans le
gestionnaire dlment de
menu
92 LE GUIDE COMPLET
Chapitre 3
Lalias de menu est affich.
3 Quittez lalias de menu sans sauvegarder vos ventuelles
modications 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 chiers qui seront
accessibles depuis les pages du site.
Cliquez sur 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 chiers.
Figure 3.15 :
Le menu Site/Gestion des
mdias
Figure 3.16 : Le gestionnaire de mdias
Le backend
Chapitre 3
93 LE GUIDE COMPLET
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.
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.17 :
Laccs au
gestionnaire des
templates
Figure 3.18 : Le choix du template
94 LE GUIDE COMPLET
Chapitre 3
3 Cliquez sur le bouton Dfaut, plac en haut et droite de
la fentre du gestionnaire de templates.
Vous venez de modier le modle de mise en forme appliqu votre
site. Pour le vrier, cliquez sur Prvisualiser, en haut et droite de
linterface dadministration de Joomla.
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.
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
Figure 3.19 :
Le lien Prvisualiser
Figure 3.20 : Le frontend aprs application du template
Le backend
Chapitre 3
95 LE GUIDE COMPLET
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.
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
modie 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.21 :
Le bouton Actualiser la
page courante de Firefox
Figure 3.22 : Le nouveau template est appliqu et modie la mise en forme
de la partie publique du site
96 LE GUIDE COMPLET
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 conguration globale du
systme.
Le menu Site/Gestionnaire des utilisateurs
Ce menu permet douvrir le gestionnaire des utilisateurs.
Figure 3.23 :
Les boutons composant
le panneau
dadministration
Figure 3.24 :
Le gestionnaire des
utilisateurs
Les menus de Joomla
Chapitre 3
97 LE GUIDE COMPLET
Le menu Site/Gestion des mdias
Ce menu permet douvrir le gestionnaire des mdias. Il se compose de
dossiers dans lesquels sont dposs les chiers mdias (images
notamment) affichs dans les pages du site.
Le menu Site/Conguration gnrale
Ce menu vous permet de modier tous les paramtres globaux du site
(nom du site, description dans les moteurs de recherche, dure des
sessions, paramtres du serveur, etc.).
Figure 3.25 :
Le gestionnaire de
mdias
Figure 3.26 :
Le gestionnaire de
conguration
gnrale
98 LE GUIDE COMPLET
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.
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, an de
clturer correctement la base de donnes.
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.
Figure 3.27 : Aprs dconnexion, il vous faudra vous identier nouveau
pour accder linterface dadministration de Joomla
Figure 3.28 :
Le lien Dconnexion
Les menus de Joomla
Chapitre 3
99 LE GUIDE COMPLET
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.
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 dnitive de litem (an de pouvoir le retrouver, si
vous changez davis, sans devoir le recrer).
Figure 3.29 :
Le gestionnaire de
menus
Figure 3.30 :
Le gestionnaire de
corbeille de menus
100 LE GUIDE COMPLET
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.
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 an den
modier le contenu rdactionnel. Il offre galement de nombreuses
fonctions de classement des articles.
Figure 3.31 :
Le gestionnaire
dlments de menu
Figure 3.32 :
Le gestionnaire
darticles
Les menus de Joomla
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.
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 modication de vos sections.
Le menu Contenu/Gestion des catgories
Le gestionnaire de catgories vous permet deffectuer les oprations de
cration, de suppression ou de modication de vos catgories.
Figure 3.33 : La corbeille darticles
Figure 3.34 : Le gestionnaire de sections
Chapitre 3
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.35 : Le gestionnaire de catgories
Figure 3.36 : Le gestionnaire de la page daccueil
Les menus de Joomla
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.
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.37 : Le gestionnaire de bannires
Figure 3.38 : Le gestionnaire des clients de bannire
Chapitre 3
Le menu Composants/Bannire/Catgories
Ce composant est galement complmentaire des deux prcdents. Il
permet de grer des catgories de bannires publicitaires.
Le menu Composants/Contacts/Contacts
Ce composant vous permet denregistrer les coordonnes des
administrateurs du site, an de proposer aux visiteurs du site dentrer en
contact avec eux par courrier lectronique.
Le menu Composants/Contacts/Catgories
Ce composant est complmentaire du prcdent. Il permet de grer des
catgories de contacts.
Figure 3.39 : Le gestionnaire des catgories de bannires
Figure 3.40 : Le gestionnaire de contacts
Les menus de Joomla
Chapitre 3
Le menu Composants/Fils dactualits/Fils
Ce composant vous permet de stocker des listes de ux RSS, publis sur
dautres sites, an de les afficher sur votre site Joomla.
Les ux RSS
Les ux 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 ux an de les
Figure 3.41 : Le gestionnaire des catgories de contacts
Figure 3.42 : Le gestionnaire des ls dactualits
Chapitre 3
consulter ou de les afficher dans des pages web (on parle de
"syndication de contenus").
Le menu Composants/Fils dactualits
/Catgories
Le menu Composants/Sondages
Ce composant vous permet de crer des sondages, destins recueillir
les avis des visiteurs du site.
Figure 3.43 : Le gestionnaire des catgories de ls dactualits
Figure 3.44 : Le gestionnaire de sondages
Les menus de Joomla
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.
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.
Le menu Composants/Liens web/Catgories
catgories de liens web.
Figure 3.45 : Le composant daffichage des statistiques de recherches
effectues sur le site
Figure 3.46 : Le composant de gestion des liens web
Chapitre 3
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.
Le menu Extensions/Gestion des modules
Cette fonctionnalit vous permet dadministrer les modules installs
dans le systme.
Figure 3.47 :
Le composant de
gestion des
catgories de liens
web
Figure 3.48 :
Le gestionnaire
dextensions
Figure 3.49 :
Le gestionnaire de
modules
Les menus de Joomla
Chapitre 3
Le menu Extensions/Gestionnaire
des plugins
Cette fonctionnalit vous permet dadministrer les plugins installs dans
le systme.
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
spciques, 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.50 :
Le gestionnaire de
plugins
Figure 3.51 :
Le gestionnaire de
templates
Chapitre 3
Le menu Extensions/Gestion des langues
Cette fonctionnalit vous permet de choisir la langue utilise dans le
systme.
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.
Le menu Outils/crire un message
Cette fonctionnalit, complmentaire de la prcdente, permet
dadresser un message un autre administrateur du site.
Figure 3.52 : Le gestionnaire de langues
Figure 3.53 : Le gestionnaire de messagerie
Figure 3.54 : Le gestionnaire denvoi de messages
Les menus de Joomla
Chapitre 3
Le menu Outils/Envoi massif demail
Cette fonctionnalit vous sera utile si vous souhaitez adresser une
newsletter un grand nombre dabonns.
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.55 : Le gestionnaire denvoi massif de courriers lectroniques
Figure 3.56 : La validation gnrale du systme
Chapitre 3
Le menu Outils/Nettoyer le cache
Cette fonctionnalit vous permet de supprimer les chiers 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.
Le menu Outils/Purger les chiers expirs
du cache
Cette fonctionnalit permet de supprimer les chiers du cache.
Le menu Aide/Aide Joomla!
Cette fonctionnalit permet daccder laide en ligne de Joomla, en
langue anglaise.
Figure 3.57 :
La fonction de vidage
du cache
Figure 3.58 :
La fonction de vidage
des chiers expirs
du cache
Figure 3.59 :
Laide de Joomla
Les menus 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, chier de conguration, permissions des
dossiers, informations PHP).
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.
j La partie publique, ou frontend, visible des internautes, prsente
des fonctionnalits et des donnes dexemples qui devront tre
modies ou supprimes.
j Linterface dadministration, ou backend, donne accs de trs
nombreuses fonctionnalits, essentiellement par un systme de
menus droulants.
Figure 3.60 : Les informations systme
Chapitre 3
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
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, ls
RSS, rseaux sociaux, vido, audio, classements de sites cons 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.
An 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 modier lordre des traitements
prvus par les concepteurs du systme et crer ainsi des
dysfonctionnements.
Crer des articles
Chapitre 4
Votre navigation au sein de
linterface dadministration de
Joomla doit donc toujours tre
ralise en utilisant les boutons et
les menus proposs par le systme.
Certains de ces lments sont
prsents sur tous les gestionnaires,
an 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 modication dun article, par exemple) et
pour revenir la page parente de la page en cours.
j Le bouton Appliquer. Utilisez ce bouton pour enregistrer
votre action tout en restant dans la page en cours
(gnralement an de tester le rsultat de lopration
dans un autre onglet affichant la partie publique du site).
j 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 modication dun article.
4.2. Dnir les paramtres gnraux
Certains paramtres gnraux ncessitent dtre dnis la cration du
site, depuis le gestionnaire de conguration gnrale.
Figure 4.1 :
Les boutons Reculer dune page et Avancer dune page du
navigateur Firefox
Figure 4.2 : Les boutons
Prcdent et Suivant du
navigateur Internet Explorer
Dfinir les paramtres gnraux
Chapitre 4
1 Cliquez sur le menu Site/Configuration gnrale.
2 Le gestionnaire de conguration gnrale apparat. Vous allez y
effectuer les manipulations suivantes.
Paramtrer le nomdu site
Le nom du site est utilis diffrents endroits du site. Vous lavez dni
lors du paramtrage initial du site. Vous pouvez le modier a posteriori.
1 Cliquez sur longlet Site.
la rubrique Paramtres du site est affiche la zone Nom du site.
2 Modiez, 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
Figure 4.3 : La zone Nom du site
Crer des articles
Chapitre 4
peut tre modie dans les composants au moyen de la liste de la zone
Affichage, propose en bas des gestionnaires.
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 dler 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.
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
sauthentier nouveau pour accder au backend.
Figure 4.4 : La zone Affichage, en bas du gestionnaire darticles, propose
par dfaut un affichage de 20 items
Figure 4.5 :
La valeur
maximale de
la zone est
choisie
Dfinir les paramtres gnraux
Chapitre 4
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.
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.
3 Cliquez sur le bouton Sauver du gestionnaire.
Figure 4.6 : La dure de session est augmente
Figure 4.7 : Le choix dun fuseau horaire
Crer des articles
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.
Les paramtres de lutilisateur sont affichs.
Figure 4.8 :
Le nom Administrator est cliqu
Figure 4.9 :
Les paramtres de
lutilisateur
Changer le login et le mot de passe administrateur
Chapitre 4
3 la rubrique Dtails de lutilisateur, dans la zone Identifiant,
saisissez un nouveau login. Modiez 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 spcicits 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 articles
Chapitre 4
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.
Figure 4.10 : Limbrication des sections, des catgories et des articles
sous Joomla
Crer des sections
Chapitre 4
La fentre de cration de la nouvelle section apparat.
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.
Les autres zones de la fentre ne seront pas modies pour linstant.
4 Cliquez sur le bouton Sauver.
Figure 4.11 : Le bouton Nouveau dans le gestionnaire de sections
Figure 4.12 : La fentre de cration de la nouvelle section
Figure 4.13 : La saisie du titre de la section
Crer des articles
Chapitre 4
De retour dans le gestionnaire de section, le nom de la nouvelle section
a t ajout la liste des sections dj existantes.
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.
Figure 4.14 : Le nom de la nouvelle section gure dsormais dans la liste
des sections
Crer des catgories
Chapitre 4
3 la rubrique Dtails, dans la zone Titre, saisissez le nom que vous
souhaitez affecter la catgorie.
4 Droulez la liste de la zone Section et choisissez la section
prcdemment cre.
Les autres zones de la fentre ne seront pas modies pour linstant.
Figure 4.15 : La fentre de cration de la nouvelle catgorie
Figure 4.16 :
La saisie du
titre de la
catgorie
Figure 4.17 :
Le choix de la
section
Crer des articles
Chapitre 4
De retour dans le gestionnaire de catgories, le nom de la nouvelle
catgorie a t ajout la liste des catgories dj existantes.
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
l de lavancement de vos travaux. Vous pouvez choisir dorganiser
laffichage en modiant 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 ltrer les items en
saisissant un mot-cl dans la zone Filtre, prsente en haut et gauche
des gestionnaires.
Figure 4.18 :
Le nom de la nouvelle
catgorie gure
dsormais dans la
liste des catgories
Figure 4.19 : La zone Filtre
Crer des catgories
Chapitre 4
4.6. Crer et modier 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.
Cette fentre renferme toutes les fonctionnalits ncessaires la cration
dun contenu rdactionnel de qualit, rdig au format HTML.
Modication dun article existant
La procdure de modication dun article dj cr est identique. Elle
seffectue galement depuis cette fentre. Pour modier 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.
Figure 4.20 : La fentre de cration de larticle
Crer des articles
Chapitre 4
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 signicatifs dans le but damliorer votre
indexation dans les moteurs de recherche.
4 Droulez la liste de la zone Section et affectez une section
larticle.
5 Droulez la liste de la zone Catgorie et affectez une catgorie
larticle.
Figure 4.21 : La saisie du titre de larticle
Figure 4.22 : Une section est affecte larticle
Figure 4.23 : Une catgorie est affecte larticle
Crer et modifier des articles
Chapitre 4
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.
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 dnis dans lditeur darticles de Joomla.
Figure 4.24 : Un texte est copi dans la zone de saisie de larticle
Crer des articles
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.
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 dlement 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).
Figure 4.25 : Le bouton Prvisualiser
Chapitre 4
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.
Figure 4.26 : La fentre de prvisualisation
Figure 4.27 :
La fermeture de la fentre de prvisualisation
Crer des articles
Chapitre 4
1 Cliquez sur le bouton Appliquer.
2 Cliquez sur le lien Prvisualiser, plac droite de la barre de
menus de Joomla.
La partie publique du site est affiche dans un nouvel onglet.
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.28 : Le lien Prvisualiser
Figure 4.29 : Le frontend est affich dans un nouvel onglet du navigateur
Figure 4.30 :
Le lien pointant vers
votre nouvel article
Chapitre 4
Larticle est affich dans son contexte rel, sur votre site web.
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.
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.
Figure 4.31 : Le nouvel article, affich sur le site
Figure 4.32 : Les boutons de mise en forme du contenu, proposs dans
lditeur
Crer des articles
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.
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.
j Le bouton Italic permet de mettre la slection en
caractres italiques.
j Le bouton Underline permet de mettre la slection en
caractres souligns.
Figure 4.33 : Le tlchargement de lditeur JCE, ladresse
http://www.joomlafrance.org/telecharger/select/J1.5_Editeur_
HTML/par_titre/1.html
Chapitre 4
j Le bouton Strikethrough permet de mettre la slection
en caractres barrs.
j Le bouton Align left permet daligner le paragraphe
gauche.
j Le bouton Align center permet de centrer le paragraphe.
j Le bouton Align right permet daligner le paragraphe
droite.
j Le bouton Align full permet de justier le paragraphe.
j La liste Styles permet daffecter un style dni dans le template.
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).
j La liste Font family permet daffecter une famille de polices de
caractres la slection (voir Figure 4.36).
j Le bouton Unordered list permet daffecter le style
liste puces la ligne slectionne.
Figure 4.34 :
La liste des styles
Crer des articles
Chapitre 4
j Le bouton Ordered list permet daffecter le style liste
numrote la ligne slectionne.
j Le bouton Outdent permet de rduire le retrait du
paragraphe.
Figure 4.35 :
La liste des formats HTML permettant de
dnir des niveaux hirarchiques
Figure 4.36 :
La liste des familles de
polices
Chapitre 4
j Le bouton Indent permet daugmenter le retrait du
paragraphe.
j Le bouton Undo permet dannuler la dernire opration
effectue.
j Le bouton Redo permet de rpter la dernire
opration effectue.
j Le bouton Insert/edit link permet de crer ou dditer
un lien hypertexte sur la slection.
j Le bouton Unlink permet de supprimer un lien hypertexte
sur la slection.
j Le bouton Insert/edit anchor permet de crer ou
dditer une ancre de lien hypertexte sur la slection.
j Le bouton Insert/edit image permet dinsrer une image
dans un texte ou den diter les proprits.
j Le bouton Cleanup messy code permet de supprimer
les attributs de mise en forme, lorsque du texte est
copi/coll depuis une autre application.
j Le bouton Edit HTML Source permet dditer le code
HTML de larticle, an dy apporter des spcicits
non prises en charge par lditeur HTML.
j Le bouton Find permet deffectuer la recherche dune
chane de caractres dans le texte de larticle.
j Le bouton Find/Replace permet deffectuer le
remplacement dune chane de caractres dans le texte
de larticle.
Crer des articles
Chapitre 4
j Le bouton Insert date permet dinsrer la date dans le
texte de larticle.
j Le bouton Insert time permet dinsrer lheure dans le
texte de larticle.
j Le bouton Emotions permet dinsrer un moticne
dans le texte de larticle.
j Le bouton Insert/edit Embedded media permet
dinsrer un chier multimdia dans le texte de larticle.
j Le bouton Insert new layer permet dinsrer un calque
dans le texte de larticle.
j Le bouton Select text color permet daffecter une
couleur spcique au texte slectionn dans larticle.
j Le bouton Insert horizontal ruler permet de tracer une
ligne horizontale dans le texte de larticle.
j Le bouton Remove formatting permet de supprimer les
attributs de mise en forme sur le texte slectionn.
j Le bouton Toogle guidelines/invisible elements permet
dafficher les contours des tableaux insrs dans le texte
de larticle.
j Le bouton Subscript permet daffecter au texte
slectionn la position Indice.
j Le bouton Superscript permet daffecter au texte
slectionn la position Exposant.
Chapitre 4
j Le bouton Insert custom character permet linsertion
de caractres spciaux dans le texte de larticle.
j Le bouton Horizontal rule permet linsertion dune ligne
de sparation horizontale de largeur et de hauteurs
paramtrables dans le texte de larticle.
j Le bouton Inserts a new table permet linsertion dun
tableau dans le texte de larticle.
j Le bouton Table row properties permet de modier les
proprits de la ligne slectionne dans un tableau de
larticle.
j Le bouton Table cell properties permet de modier les
proprits de la cellule slectionne dans un tableau de
larticle.
j Le bouton Insert row before permet dinsrer une ligne
avant la ligne slectionne dans un tableau de larticle.
j Le bouton Insert row after permet dinsrer une ligne
aprs la ligne slectionne dans un tableau de larticle.
j Le bouton Delete row permet de supprimer une ligne
slectionne dans un tableau de larticle.
j Le bouton Insert colomn before permet dinsrer une
colonne avant la colonne slectionne dans un tableau de
larticle.
j Le bouton Insert colomn after permet dinsrer une
colonne aprs la colonne slectionne dans un tableau
de larticle.
j Le bouton Remove colomn permet de supprimer une
colonne slectionne dans un tableau de larticle.
Crer des articles
Chapitre 4
j Le bouton Split merged table cells permet de diviser des
cellules prcdemment fusionnes dans un tableau de
larticle.
j Le bouton Merge table cells permet de fusionner des
cellules slectionnes dans un tableau de larticle.
j Le bouton Toggle fullscreen mode permet de basculer en
mode Plein cran (seuls les boutons ddition de larticle
sont affichs).
j 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
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.
j Les vignettes des dossiers. Lorsque lune dentre elles est clique,
le dossier correspondant est ouvert (vous pouvez avoir recours
la cration de dossiers an 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.
j La liste droulante de la zone Aligner permet de choisir le type
dalignement de limage (gauche ou droite).
j La zone Description de limage vous permet de saisir une
description de limage.
j 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
Figure 4.37 : La fentre dinsertion dimages
Crer des articles
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.
j La case Lgende. Lorsquelle est coche, elle gnre laffichage
du titre sous la forme dune lgende, cot de limage.
j 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 an
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.
j Le bouton Insrer valide linsertion de limage dans le texte de
larticle.
j 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
2 Cliquez sur Insert/edit link, prcdemment dcrit.
La fentre Insert/edit link apparat. Longlet General y est activ.
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 signie 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 spciques, ainsi
Figure 4.39 : La fentre Insert/edit link
Crer des articles
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
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.
5 Cliquez sur le bouton Insrer un saut de page.
Dans lditeur, le saut de page est gur dans le texte par une ligne
pointille.
Figure 4.41 : Exemple de textes saisis dans les deux zones
Figure 4.42 : Le symbole du saut de page
Crer des articles
Chapitre 4
Modication et suppression dun saut de page
Un saut de page ne peut pas tre modi. Si vous souhaitez le
modier, 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 modications 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.
En bas de la page, sont dsormais affichs des liens de navigation vers
les pages constituant larticle.
Dans la barre de titre du navigateur est affich le titre de larticle.
Figure 4.43 : La table des matires
Figure 4.44 :
Les liens de navigation
Chapitre 4
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.
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".
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.
Figure 4.45 :
Le titre de la page
Figure 4.46 :
Le lien pointant
vers la seconde
page de larticle
Figure 4.47 : La seconde page
Crer des articles
Chapitre 4
Vous allez maintenant dcouvrir les principaux paramtres de
personnalisation de larticle.
Dnir les paramtres de larticle
Les paramtres par dfaut
An de vous viter de rednir les paramtres lis aux articles dans
chacun dentre eux, Joomla autorise la dnition dun ensemble de
paramtres gnraux qui sont appliqus par dfaut aux articles. Vous
conservez toutefois la possibilit de modier 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.
Une fentre apparat en surimpression devant le gestionnaire darticles
(voir Figure 4.49).
3 Modiez, 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 an de quitter la fentre en
sauvegardant les modications ou sur le bouton Annuler pour
quitter sans sauvegarder.
Figure 4.48 : Le bouton Paramtres, affich dans la partie
suprieure droite du gestionnaire darticles
Chapitre 4
Les paramtres spciques de larticle
Les paramtres dnis par dfaut peuvent tre modis 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 ltrer les titres darticles affichs.
Figure 4.49 : La fentre de gestion des paramtres par dfaut
Figure 4.50 : Les articles sont ici ltrs sur la section
Crer des articles
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 modiables
Dans la partie suprieure droite de la fentre sont affiches des
informations non modiables ( lexception du compteur de clics, qui
peut tre rinitialis).
Ces informations sont les suivantes :
j lidentiant de larticle, qui se compose dun numro unique,
affect automatiquement par Joomla ;
j ltat de publication de larticle ;
j 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) ;
j le nombre de rvisions, qui indique le nombre de modications
enregistres depuis que larticle a t affich, modications
effectues par vous-mme ou dautres administrateurs du site,
dans lditeur darticles du backend ;
j la date de cration de larticle ;
j la date de dernire modication de larticle.
Les paramtres courants de larticle
Cliquez maintenant sur la zone Paramtres Article prcde dune petite
che verte, en dessous de la zone daffichage des informations non
modiables, an de faire apparatre les paramtres de cette rubrique.
Figure 4.51 : Les informations non modiables
Chapitre 4
Les paramtres accessibles dans cette rubrique sont les suivants :
j Lauteur.
j Le pseudo de lauteur, qui sera affich, le cas chant, en
remplacement du nom de lauteur.
j Le niveau daccs, correspondant aux groupes Public, Enregistr et
Spcial.
j La date de cration de larticle, qui peut tre aisment modie
par un clic sur un calendrier interactif, affich lorsque le bouton
plac droite de la zone de date est cliqu.
Figure 4.52 : Les paramtres de la zone Paramtres Article
Figure 4.53 : La saisie de la date de cration seffectue par un simple
clic sur un calendrier
Crer des articles
Chapitre 4
j 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.
j La date de n de publication. Ce paramtre vous sera utile si vous
souhaitez publier un article pendant une priode dtermine, puis
mettre n sa mise en ligne une date donne.
Les paramtres avancs
Cliquez prsent sur la zone affichant Paramtres Avancs, prcde
dune petite che verte, en dessous de la zone daffichage Paramtres
Article, an 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 an dtre applique
ponctuellement larticle).
j Le choix daffichage ou de masquage du titre de larticle.
j Lactivation/dsactivation de la fonctionnalit "titres cliquables".
Figure 4.54 :
Les paramtres de
la zone Paramtres
Avancs
Chapitre 4
j 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.
j 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).
j Lactivation/dsactivation de la fonctionnalit "titre de section
cliquable".
j 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).
j Lactivation/dsactivation de la fonctionnalit "titre de catgorie
cliquable".
j Lactivation/dsactivation de la fonctionnalit permettant
linternaute daffecter une note larticle.
j Le choix daffichage ou de masquage du nom de lauteur.
j Le choix daffichage ou de masquage de la date et de lheure de
cration de larticle.
j Le choix daffichage ou de masquage de la date et de lheure de
dernire modication de larticle.
Figure 4.55 : La fonctionnalit daffectation dune note larticle, par
linternaute, affiche ici dans le frontend
Crer des articles
Chapitre 4
j Le choix daffichage ou de masquage de licne PDF (qui permet
un visiteur de gnrer un chier au format PDF, quil pourra
facilement enregistrer ou transmettre, et renfermant le contenu de
larticle).
j Le choix daffichage ou de masquage de lIcne Imprimer (qui
permet un visiteur dimprimer facilement le contenu de
larticle).
j Le choix de la langue de larticle (qui permet dindiquer en quelle
langue est rdig larticle).
j La possibilit dindiquer une cl de rfrence larticle, dans
certaines congurations.
j 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.
j La zone Mots-cls. La nalit de cette mtadonne est de recevoir
des mots-cls, en rapport avec le sujet trait dans larticle, et
Chapitre 4
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 Mots-
cls 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 uidit 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.
j La zone Robots peut renfermer des informations facultatives
composes dinstructions spciques aux programmes de certains
moteurs de recherche.
j 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.
Figure 4.56 : Les paramtres de la zone Informations des mtadonnes
Crer des articles
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.
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.57 : Les options de publication et daffichage en page
daccueil 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
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.
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 Le systme utilise des paramtres gnraux quil convient de
dnir lors de la mise en uvre.
j Joomla utilise un classement hirarchis des articles, rpartis en
sections et en catgories.
j Un diteur WYSIWYG de code HTML permet deffectuer une
mise en forme avance des textes, des images et objets qui
constituent les articles.
j Un module spcial permet de placer les articles de votre choix en
page daccueil, an den accrotre la visibilit.
Figure 4.60 : Le lien Lire la suite, affich dans le fontend
Crer des articles
Chapitre 4
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
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.).
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.
Figure 5.1 : Les diffrents items du menu Main Menu
Administrer les menus
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 an de dsactiver ces modules.
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.2 : Les modules peuvent tre activs ou dsactivs par de
simples clics dans la colonne Activ
Figure 5.3 : Les menus dsactivs napparaissent plus dans le frontend
Dsactiver les menus inutiles
Chapitre 5
5.2. Modier 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
Chapitre 5
3 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.
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.
La page Alias de menu: [ Nouveau ] est affiche. la rubrique Slection du
type dlment de menu sont proposes de trs nombreuses
fonctionnalits daffichage de contenus, qui peuvent tre appeles depuis
les items du menu.
Figure 5.5 :
Les items dpublis
napparaissent plus dans le menu
Exploiter les diffrents lments de menu
Chapitre 5
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 an 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. Cette fonctionnalit permet dafficher les
articles archivs et classs par dates.
j Un article. Cette fonctionnalit permet dafficher un article unique.
j Proposition darticle. Cette fonctionnalit permet aux internautes
disposant dun niveau dadministration gal ou suprieur celui
dauteur de proposer des articles aux administrateurs du site.
Figure 5.6 : La page affiche permet la cration de nombreux types ditems
de menus
Chapitre 5
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.
j 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.
j Page daccueil au format blog. Cette fonctionnalit permet
dafficher certains articles slectionns dans une forme rappelant
celle utilise sur les blogs.
Figure 5.7 : Les types ditems de menus de la catgorie Articles
Chapitre 5
j Articles dune section donne en blog. Cette fonctionnalit permet
dafficher les articles appartenant une section dans une forme
rappelant celle utilise sur les blogs.
j 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 an de dvelopper les options quil
propose.
Les types ditems de cette catgorie sont affichs.
j Contacts classs par catgories. Cette fonctionnalit permet
dafficher une liste de contacts (an de permettre aux internautes
de communiquer avec les administrateurs du site), classs par
j Fiche standard de contacts. Cette fonctionnalit permet dafficher
la che dinformations relatives un contact spcique.
3 Cliquez sur le lien Fils dactualit an de dvelopper les options
quil propose.
Figure 5.8 : Les types ditems de menus de la catgorie Contacts
Chapitre 5
j Disposition de la liste de catgorie. Cette fonctionnalit permet
dafficher une liste de catgories de ls dactualit.
j Disposition de la catgorie. Cette fonctionnalit permet dafficher
une liste de ls dactualit appartenant une catgorie de ls.
j Fil dactualit simple. Cette fonctionnalit permet dafficher un l
dactualit unique.
4 Cliquez sur le lien Sondage an 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 an de dvelopper loption quil
propose.
Figure 5.9 : Les types ditems de menus de la catgorie Fils dactualit
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 an de dvelopper les options quil
propose.
j Identification. Cette fonctionnalit permet dafficher une page
didentication, lattention des visiteurs du site.
j Enregistrement dun utilisateur. Cette fonctionnalit permet
dafficher une page dinscription, lattention des visiteurs du
site.
Figure 5.12 : Les types ditems de menus de la catgorie Utilisateur
Chapitre 5
j Rappel. Cette fonctionnalit permet dafficher une page dans
laquelle lidentiant dun utilisateur peut lui tre rappel, sil la
oubli.
j Rinitialiser. Cette fonctionnalit permet dafficher une page dans
laquelle un utilisateur peut changer de mot de passe.
j Utilisateur. Cette fonctionnalit permet dafficher une page
contenant un message lorsque lutilisateur accde un espace
priv.
j Mise en page utilisateur. Cette fonctionnalit permet un utilisateur
dditer les paramtres de son compte.
7 Cliquez sur le lien Liens Web an 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. Cette fonctionnalit permet
dafficher une liste de catgories de liens web.
j Liste de catgories. Cette fonctionnalit permet dafficher une liste
de liens web appartenant une catgorie de liens.
j Soumission de lien Web. Cette fonctionnalit permet aux
utilisateurs enregistrs de soumettre un lien web.
8 Cliquez sur le lien Encapsuleur (Wrapper) an 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 itemde 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.
Les principales zones quil vous faut renseigner, pour la cration du lien,
sont les suivantes :
j le titre, qui apparatra dans le menu ;
j ladresse de la page vers laquelle pointe le lien ;
j le nom du menu dans lequel sera cr litem ;
Figure 5.15 : Lditeur de liens externes
Chapitre 5
j 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 itemde sparation dans un menu
1 De retour dans le Gestionnaire dlments de menu, cliquez sur le
bouton Nouveau, an daccder comme prcdemment la
slection du type dlment de menu.
2 Cliquez sur le lien Sparateur.
Lditeur de sparateur est affich.
3 Pour crer une sparation dans le menu (si le nombre dlments
quil renferme est important et que vous souhaitiez le scinder en
Figure 5.16 : Lditeur de sparateur
Chapitre 5
plusieurs parties, par exemple), rptez le caractre de sparation
dans la zone Titre.
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, an 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
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"
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 itemau 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.
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).
Ajouter un item au menu
Chapitre 5
Une fentre apparat en surimpression de la page. Vous allez pouvoir y
effectuer la slection de larticle.
6 Choisissez, le cas chant, la section et la catgorie auxquelles est
rattach larticle dans les listes des zones Slectionner une section
Figure 5.18 :
Le lien cliquer
Figure 5.19 :
Le bouton Slection
Figure 5.20 :
La fentre autorisant
la slection de
larticle est affiche
en surimpression de
la fentre principale
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.
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 an de modier 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 identier le menu. Il
est prfrable de ne pas utiliser despace dans ce nom).
Figure 5.21 :
Le nouvel item est
maintenant propos
dans le menu
Crer un nouveau menu
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).
Bien que cr, votre menu nest pas encore visible dans le frontend.
Vriez-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
Figure 5.22 : La cration dun nouveau menu
Chapitre 5
module an de lactiver (le symbole passe dune croix blanche sur
fond rouge une coche verte).
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.23 : Le module est activ depuis le Gestionnaire de modules
Figure 5.24 :
Le nouveau menu est
maintenant visible dans le
frontend
Crer un nouveau menu
Chapitre 5
5.6. Modier les paramtres
daffichage dun menu
Vous allez dcouvrir quelques paramtres signicatifs affectant la
prsentation des menus.
Appliquer un style au menu
Comme vous lavez certainement constat, le nouveau menu ne
bncie 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, an daccder ses paramtres.
Figure 5.25 : Un clic sur le nom du menu permet daccder ses
paramtres
Chapitre 5
La page Module: [ diter ] est affiche.
2 Cliquez sur Paramtres avancs an daccder aux paramtres
renferms dans cette rubrique puis saisissez _menu dans la zone
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.
Figure 5.26 : La page ddition des paramtres du module
Figure 5.27 : Lajout dun suffixe de classe de module
Modifier les paramtres daffichage dun menu
Chapitre 5
Modier lordre des menus
Le nouveau menu a t insr avant le menu principal. Cet ordre peut ne
pas vous convenir. Il est facilement modiable 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 che verte pointant vers le bas.
Le nouveau menu est dsormais affich sous le menu principal.
Figure 5.28 :
La mise en forme
applique au nouveau
menu
Figure 5.29 : Le bouton Dplacer vers le bas
Chapitre 5
Modier 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 modier 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 modier 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.
Figure 5.30 :
La modication de
lordre des menus
dans le frontend
Chapitre 5
Les paramtres du template sont affichs dans la page Template: [ diter ].
Ils sont spciques ce template (dautres templates disposeront
dautres paramtres).
3 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.31 : La slection du template, depuis le Gestionnaire de
templates
Figure 5.32 : La page Gestion des templates
Chapitre 5
Dans cet exemple, vous allez placer votre menu vide en position right.
4 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.
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.
Figure 5.33 : Le choix de la position
Chapitre 5
Modier le style du menu
En fonction des positions et des spcicits du template, il est galement
possible de modier 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.34 : Laffichage du menu en position right
Figure 5.35 : Les choix proposs dans la zone Style du menu permettent de
modier le style du menu, en fonction des options du template
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
spcique 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 spcique.
5.7. Check-list
j Il est possible de crer facilement des menus de navigation
personnalisables an dafficher les articles du site.
j Un item de menu peut pointer vers de trs nombreux modules
daffichage de contenus ou lancer des fonctionnalits avances.
j La position et laspect des menus peuvent tre moduls volont.
Figure 5.36 : La rubrique Affectation de menu
Check-list
Chapitre 5
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
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 chiers dautres types, tels que les
chiers 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 Il utilise 256 nuances de couleurs au maximum (il est possible de
travailler en couleurs scurises pour le Web).
j Cest le format le plus utilis pour les lments graphiques de
navigation sur les sites web (boutons, puces, etc.).
j 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).
j Il permet la gestion danimations ("gifs anims") par un
enchanement de plusieurs images dans un mme chier. 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).
Utiliser les fonctionnalits natives de Joomla
Chapitre 6
Origine du mot GIF
GIF signie Graphics Interchange Format.
Le format JPG (ou JPEG)
j Il utilise 16 millions de couleurs environ.
j Cest le format le plus souvent employ pour laffichage des
photographies.
j Il utilise un algorithme de compression destructive, cest--dire
que la diminution du poids du chier se fait au dtriment de la
qualit de limage (une diminution du poids du chier entrane
une diminution de la qualit).
Origine du mot JPEG
JPEG signie Joint Photographic Experts Group.
Le format PNG
j Il est compress mais non destructeur.
j Il gre la transparence et la translucidit.
j Il est utile pour lenregistrement des images renfermant des aplats
de couleurs (boutons, icnes, graphiques, etc.).
j Concernant les photographies, en revanche, le poids des chiers
est suprieur celui des chiers JPG, en 16 millions de couleurs.
Origine du mot PNG
PNG signie Portable Network Graphics.
Technologie Flash
Grer les mdias
Chapitre 6
j Cest un format propritaire (Flash a t initialement dvelopp
par Macromedia, socit cratrice de Dreamweaver, aujourdhui
rachete par Adobe).
j Les chiers Flash utilisent lextension .SWF ; le format des
animations prtes lemploi.
j Les chiers sources portent lextension .FLA, non utilisable sur le
Web.
j Pour dcoder un chier SWF, le navigateur doit tre quip de
Flash Player (module complmentaire, tlchargeable gratuitement
sur le Web).
j degrs danimations gaux, les chiers Flash sont beaucoup
plus lgers que les chiers 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 signicatifs 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.
Chapitre 6
Photoshop Elements
Photoshop Elements est une version simplie 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 :
Grer les mdias
Chapitre 6
j la gestion des albums photo et de vos chiers stocks sur dautres
services tels que Facebook ou Picasa ;
j 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
An dconomiser votre bande passante et de rendre la navigation la
plus rapide possible sur votre site, trouvez le meilleur compromis entre
le poids du chier 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, an de diminuer encore la
taille du chier.
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.
vitez galement les largeurs dimages excessives, sous peine de
problmes daffichage avec certains templates (testez toujours le rsultat
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
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.
Il prsente de nombreuses fonctionnalits dadministration des chiers
tlchargs et des dossiers qui les renferment, sur le serveur hbergeant
Joomla.
Figure 6.2 : Le gestionnaire de mdias
Grer les mdias
Chapitre 6
Longlet Miniatures, activ par dfaut, permet deffectuer les oprations
courantes sur les chiers :
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.
j 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).
j Le transfert dun chier seffectue avec le bouton Parcourir, qui
permet dindiquer au CMS lemplacement du chier sur votre
ordinateur. Cliquez ensuite sur le bouton Lancer le transfert.
j 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).
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.
Figure 6.3 : La visualisation dune image en taille relle seffectue
dans une fentre affiche en surimpression
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.
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, an
doptimiser le classement des chiers.
2 Cliquez sur longlet Dtails du Gestionnaire de mdias.
Figure 6.4 :
Les sous-dossiers
du dossier Images
Figure 6.5 :
Longlet
Dtails du
Gestionnaire
de mdias
Grer les mdias
Chapitre 6
Cet onglet permet deffectuer les mmes oprations sur les chiers et les
dossiers que le prcdent en affichant des informations
complmentaires, telles que les dimensions des chiers, exprimes en
pixels.
Transfert des chiers mdias en FTP
Si le nombre de chiers transfrer est important, vous pouvez
galement placer tous les chiers 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
chiers de Windows, si le site est en place sur votre serveur local.
Ouverture dun chier au format PDF
Pour ouvrir un chier au format PDF (ou dun autre format, non
affichable directement dans une page HTML), depuis un article, placez
le chier 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 chier.
6.2. Grer les niveaux daccs et
les utilisateurs
Joomla permet de crer des niveaux hirarchiques, dnissant 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, an
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.
j 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 didentication et dinscription, activ par dfaut lors de
limplmentation du systme.
j Spcial. Ce niveau donne accs aux parties du site concernes
uniquement aux administrateurs du site.
Figure 6.6 :
Le formulaire didentication
Grer les niveaux daccs et les utilisateurs
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 modier.
j Editeur. Ce niveau dispose des mmes droits que le prcdent. Il
permet, en outre, la modication 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 modication 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 modication 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 le nom de lutilisateur ;
j lidentiant de lutilisateur ;
j ltat de connexion de lutilisateur (indiquant sil est actuellement
connect ou non) ;
Chapitre 6
j ltat dactivation du compte (indiquant si le compte est activ ou
non) ;
j le groupe auquel appartient lutilisateur (indiquant son niveau
daccs) ;
j ladresse email de lutilisateur ;
j la date de dernire visite de lutilisateur ;
j lidentiant unique de lutilisateur, dans la base de donnes
utilise par le CMS.
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.
Figure 6.7 : Le Gestionnaire des utilisateurs
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 lidentiant 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.
Conrmation 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/
Figure 6.9 : Le nouvel utilisateur apparat dsormais dans la liste des
utilisateurs du Gestionnaire des utilisateurs
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.
La page Alias de menu: [ Nouveau ] apparat.
Figure 6.10 : Un nouvel item, permettant laccs lditeur
darticles, va tre ajout au menu principal
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, vrier que laccs lditeur
darticles ne sera pas autoris un utilisateur non authenti.
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.
20 Cliquez sur le nouvel item du menu principal, affichant Soumettre
un article.
Figure 6.11 :
Le nouvel item apparat dans le
menu du frontend
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.
Vous allez maintenant effectuer la mme tentative, aprs identication.
Changer le nomdu 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 didentication
Si vous souhaitez franciser le titre du formulaire didentication
(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.
Figure 6.12 : Laccs la page vous est interdit
Chapitre 6
22 Sur la page daccueil, sous le menu principal, est affich le
formulaire didentication, dans la partie gauche de la page.
Saisissez-y lidentiant 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.
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)
Figure 6.13 :
Lidentication dun utilisateur depuis
le frontend
Chapitre 6
j une rubrique Publication, permettant lauteur de dnir les
paramtres suivants : section, catgorie, affichage sur la page
daccueil, pseudo de lauteur, date de dbut de publication, date
de n de publication, niveau daccs ;
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
Figure 6.16 : La rubrique Publication
Chapitre 6
j une rubrique Mtadonnes permettant lauteur de dnir les
paramtres suivants : description et mots-cls.
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.
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, an de classer les articles
selon ce critre.
Figure 6.17 : La rubrique Mtadonnes
Figure 6.18 : La mention affiche sur la page daccueil
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 vrication 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. Vriez que loption
Recevoir les emails systme est coche sur Oui. Cliquez sur le
bouton Sauver.
Figure 6.19 : La modication du statut de lutilisateur et lactivation
de la rception des emails du systme
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 ltrer 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.
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 conguration des paramtres privs
Dans la page Message priv, cliquez sur le bouton Paramtres pour
accder la conguration 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 dnir le
nombre de jours au-del duquel les messages sont supprims.
Figure 6.20 : La liste des messages reus
Utiliser la messagerie de Joomla
Chapitre 6
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.
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.
Figure 6.21 : La conguration de la rception des emails du systme
Figure 6.22 : La saisie dun message
Chapitre 6
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 ltres anti-spamdes hbergeurs
An 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.23 : La rception de nouveaux messages
Figure 6.24 : La page Envoi massif de-mail
Utiliser la newsletter
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).
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.25 :
La fentre de
rdaction du prxe
et du suffixe
Figure 6.26 : La consultation de la version de Joomla depuis la page
Informations, affiche par le menu Aide/Infos systme
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.
4 En fonction de la version de votre site Joomla, cliquez sur le
bouton Tlcharger dun des patchs.
5 Dzippez le patch tlcharg.
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. Conrmez le remplacement pour tous les chiers.
La nouvelle version du site est alors affiche depuis ladministration.
Figure 6.27 : Le lien de tlchargement de mise jour
Figure 6.28 : Le contenu du dossier de larchive du patch de mise
jour
Effectuer une mise jour de Joomla
Chapitre 6
6.6. Check-list
j Les images doivent tre prpares avant leur utilisation. De
nombreux logiciels, gratuits ou payants, permettent deffectuer ce
traitement.
j Joomla permet de dnir plusieurs niveaux daccs, pour un
travail collaboratif hirarchis.
j Le systme dispose dune messagerie interne, facilitant les
changes entre les collaborateurs travaillant la mise jour du
site.
j Joomla dispose galement dune fonction dadressage de mailing
list, autorisant lenvoi en nombre de courriers lectroniques.
j Des mises jour du systme sont rgulirement mises en ligne.
Aprs tlchargement, elles sont rapides mettre en uvre.
Chapitre 6
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
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 spciques.
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.
En outre, de nombreuses extensions sont proposes sur le site officiel de
Joomla, ladresse http://extensions.joomla.org/extensions.
Figure 7.1 : Les extensions sont classes par catgories
Adapter le site avec des composants
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.
Vous allez dcouvrir, ci-aprs, quelques composants signicatifs.
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.
Figure 7.2 : La dsinstallation dun composant
Faciliter la rdaction des pages avec lditeur JCE
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 chier 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.
3 Enregistrez le chier zip dans un dossier sur votre ordinateur.
Figure 7.3 : Le tlchargement de lditeur JCE depuis le site
http://www.joomlafrance.org
Chapitre 7
Le site officiel de lditeur JCE
Ladresse Internet de lditeur JCE est http://www.joomlacontenteditor.net.
4 Dcompressez le chier 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.
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 chier archive du plugin JCE, plg_jce_15X_FR-EN.zip.
Transfrez le contenu du dossier dcompress plg_jce_15X_FR-EN au
moyen dun logiciel de transfert de chier FTP tel que FileZilla, dans le
dossier plugins/editors de votre site web, sur les machines de votre
hbergeur.
Figure 7.6 : Linstallation du plugin dadministration de lditeur JCE
Figure 7.7 : Le contenu du dossier du plugin plg_jce_15X_FR-EN
Chapitre 7
Depuis ladministration de Joomla, activez le menu Composants/JCE
Administration an 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.8 : Le transfert du contenu du dossier du plugin
plg_jce_15X_FR-EN dans le dossier plugins/editors du site web
Figure 7.9 : La nalisation 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.
3 Vous pouvez vous assurer du bon fonctionnement du nouvel
diteur en ditant un article.
Figure 7.10 : La dnition de lditeur JCE par dfaut
Figure 7.11 : Un article, ouvert depuis lditeur JCE
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.
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.
Figure 7.12 : Les tutoriels
Grer un site multilingue avec le composant Joom!Fish
Chapitre 7
1 Tlchargez le chier 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").
larchive que vous venez de tlcharger puis cliquez sur le bouton
Ouvrir.
Figure 7.13 : Le tlchargement de packs de langues
Figure 7.14 : Linstallation dune nouvelle langue
Chapitre 7
6 Pour vrier que la langue est installe, cliquez sur le lien
Langues de la page Gestion des extensions ou activez le menu
Extensions/Gestion des langues.
La page Gestion des langues rcapitule les langues installes.
7 Si vous souhaitez modier la langue par dfaut, cochez loption
gauche de la langue souhait puis cliquez sur le bouton Default.
Modication de la langue par dfaut par un utilisateur
Lorsque lutilisateur est connect depuis linterface publique du site, il
peut galement modier 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.
Figure 7.15 : Ici, le pack de langues a t install avec succs
Figure 7.16 : Le choix de la langue par dfaut dans le frontend
Chapitre 7
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 chier archive en vous
http://www.joomfish.net.
Figure 7.17 : La modication de la langue
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.
Aprs installation, la liste des modules et plugins installs est affiche.
Le composant principal est Joom!Fish Composant qui devra tre
paramtr ainsi que les modules mod_jflanguageselection, mod_translate,
ventuellement, et le plugin Jfrouter.
Figure 7.19 : Linstallation de Joom!Fish
Figure 7.20 : Les modules et plugins installs pour Joom!Fish
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.
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.
7 Depuis linterface dadministration de Joomla, cliquez sur le
menu Extensions/Installer/Dsinstaller.
Figure 7.21 : Laccs au tlchargement du chier de traduction en
franais
Figure 7.22 : Le lien de tlchargement
Figure 7.23 : Le bouton de lancement du tlchargement
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 chiers langue
Dans larborescence des dossiers du systme, les chiers langue
portent lextension .ini et sont encods selon la norme UTF8.
Les chiers utiliss par le backend sont placs dans le rpertoire
administrator/language/ puis dans un dossier spcique la langue (fr-FR/
pour le franais, par exemple).
Les chiers utiliss par le frontend sont placs dans le rpertoire language/
puis dans un dossier spcique 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 an 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.
Langue de rfrence
Il est obligatoire de dnir une langue principale ; ce sont les contenus
crits dans cette langue qui serviront de modles aux traductions.
Figure 7.26 : Le choix de la langue principale du site
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).
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 conguration globale
spciques cette langue.
Accder aux paramtres gnraux
1 Activez le menu Composants/Joom !Fish/Panneau de contrle.
Figure 7.27 : Lactivation des langues du site
Chapitre 7
La page Joom!Fish : Gestionnaire de contenu multilingue pour Joomla! est
affiche.
2 Cliquez sur le bouton Paramtres.
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
chier 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 conguration
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.
Figure 7.28 : La page Joom!Fish :: Gestionnaire de contenu
multilingue pour Joomla!
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.
Activation du cache lors de traductions
Il est prfrable dactiver le cache uniquement lorsque le travail de
traduction des articles est termin an de ne pas devoir le vider chaque
modication (commande Outils/Nettoyer le cache), lors du contrle du
rsultat obtenu dans le frontend.
Figure 7.29 : La page Joom!Fish
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 ltrer les lments puis cliquez sur le
titre de larticle.
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 le titre ;
j lalias (ressaisissez un alias spcique la traduction, dans la
langue utilise) ;
j le texte dintroduction ;
j le corps de larticle ;
j les images ;
j les mta-instructions ;
j la date de dbut de publication ;
j la date de n de publication ;
j diverses autres informations.
Figure 7.30 : La slection de larticle traduire
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.
4 Cochez la case Publi an dactiver 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 signication de ces symboles est
Figure 7.31 : La page Traduction dun article
Figure 7.32 :
La publication de la
traduction
Chapitre 7
indique au bas de la page (traduction jour, traduction incomplte,
traduction inexistante).
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.33 : Les tats des traductions
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.
Vriez que le module, dont le nom par dfaut est Direct Translation, est
activ.
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
dnir laspect du slecteur de langue dans la partie publique.
Figure 7.35 : Le module mod_translate activ dans les modules de
ladministrateur
Chapitre 7
7.4. Grer des documents
avec DOCman
DOCman est un composant permettant de grouper des chiers 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 chiers 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 le composant com_docman_1.4.0.stable.zip ;
j les chiers franais pour linterface, french_docman_v1.4.0.zip.
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
Chapitre 7
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.
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.
Figure 7.38 : Le tlchargement du composant DOCman depuis le
site http://www.joomlatools.eu
Figure 7.39 : Le composant ne peut pas sinstaller sans lactivation du
plugin Legacy
Grer des documents avec DOCman
Chapitre 7
Le chier de langues de DOCman
Si linterface du composant DOCman nest pas francise, le chier
archive french_docman_v1.4.0.zip doit tre dcompress.
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 chier FTP tel que FileZilla.
Figure 7.40 : Lactivation du plugin System Legacy
Figure 7.41 : Le contenu de larchive french_docman_v1.4.0.zip
Figure 7.42 : Le site de lquipe de dveloppement du composant
Community Builder, http://www.joomlapolis.com, utilise Docman pour la
gestion des documents
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 ajout de champs dans de nombreux types (listes de choix, cases
cocher, emails, mots de passe, boutons doptions, etc.),
caractrisant les utilisateurs ;
j ajout possible davatars (icnes reprsentant les utilisateurs) ;
j envoi dun courrier lectronique aprs quun formulaire a t
utilis pour adresser un message un utilisateur ;
j 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 enn 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 chiers vido en ligne sur le
site de YouTube.
Vous pourrez tlcharger les chiers des archives du composant Phoca
Gallery depuis ladresse http://www.phoca.cz/download.
Grer une galerie de photos Phoca Gallery
Chapitre 7
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.43 : Le tlchargement du composant Phoca Gallery depuis le site
http://www.phoca.cz
Figure 7.44 : Le tlchargement du composant Communicator depuis le
site http://www.joomlafrance.org
Chapitre 7
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.45 : Linterface du composant Communicator
Figure 7.46 : Le tlchargement du composant GMA depuis le site
Grer des groupes avec GMAccess
Chapitre 7
7.9. Installer de nouveaux templates
Modier 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 (chiers
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.
Chapitre 7
1 Depuis votre navigateur Internet, connectez-vous ladresse
http://www.joomlaos.de.
2 Dans le menu Main Menu, cliquez sur Template Galerie.
Figure 7.47 : La page daccueil du site http://www.joomlaos.de
Figure 7.48 :
Le lien menant la
galerie de templates
Installer de nouveaux templates
Chapitre 7
3 Dans la page qui apparat, cliquez sur Templates fr Joomla 1.5.
La page affiche vous propose trois types de templates :
j les templates largeur xe ;
j les templates largeur variable (en fonction de la taille et de la
rsolution dans lesquelles le site est vu) ;
j les templates largeur paramtrable.
Tlcharger des templates largeur xe
1 Cliquez sur la premire vignette, lgende Album: Statische
Templates.
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.
Figure 7.49 : Ce lien mne aux templates spciques la version 1.5
de Joomla
Figure 7.50 :
La vignette symbolisant la
galerie de templates
statiques
Chapitre 7
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.51 : La premire page de prsentation des templates statiques
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 xe.
Une page de description du template apparat, affichant notamment les
paramtres spciques au template, quil vous sera possible de modier
depuis le backend, aprs installation.
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 chier 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.
Figure 7.53 :
La page de description du
template
Chapitre 7
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.
Figure 7.54 :
La vignette symbolisant la galerie
de templates dynamiques
Figure 7.55 : La premire page de prsentation des templates largeur
variable
Chapitre 7
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.
Figure 7.56 :
La vignette symbolisant la galerie de
templates largeur paramtrable
Figure 7.57 : La premire page de prsentation des templates largeur
paramtrable
Chapitre 7
2 Dans la zone Archive transfrer, cliquez sur le bouton Parcourir
puis slectionnez le chier 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.
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 spciques au template, quil vous est possible de
modier pour personnaliser laffichage.
Figure 7.58 : Le nouveau template a t appliqu (il sagit ici du trs
original template Beeteddy)
Chapitre 7
7.10. Check-list
j Joomla autorise linstallation de trs nombreux composants
complmentaires, facilement tlchargeables sur le Web.
j Le composant JCE est trs employ par les utilisateurs de Joomla
pour amliorer les fonctionnalits natives de lditeur
WYSIWYG.
j Le composant Joom!Fish permet de crer des sites multilingues.
j Le composant DOCman permet la gestion et le tlchargement de
documents.
j Le composant Community Builder permet damliorer la gestion
des utilisateurs.
j Le composant Phoca Gallery permet la gestion avance de
laffichage des images.
j Le composant Communicator permet une gestion amliore des
newsletters.
j Le composant GMAccess permet la gestion des groupes.
j Des centaines de templates, le plus souvent gratuits, sont
tlchargeables sur Internet. Leur mode dinstallation est
identique celui des composants. Ils permettent de modier
radicalement la mise en forme sans affecter le contenu
rdactionnel du site.
Figure 7.59 : Les paramtres du template
Chapitre 7
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
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 nancires.
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 la gestion des caractristiques des produits ;
j la gestion des promotions et des soldes (paramtrables en fonction
de lappartenance des clients certains groupes) ;
j un module daffichage alatoire des produits ;
j des tarifs affichables hors taxes ou toutes taxes comprises ;
Ajouter une boutique en ligne
Chapitre 8
j un moteur de recherche ;
j une gestion des stocks ;
j des importations et exportations de chiers ;
j une gestion des groupes (utilisateurs et clients) ;
j de nombreux types de paiements scuriss ;
j des statistiques des ventes ;
j une gestion de devises diffrentes ;
j une gestion de pays diffrents ;
j une gestion des expditions et des frais inhrents ;
j 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
Comprendre le concept de VirtueMart
Chapitre 8
Le menu Home/Demo du site propose, depuis le lien Live Shops, des
exemples de boutique utilisant la solution VirtueMart.
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.2 : Des exemples de boutiques
Figure 8.3 : La page VirtueMart Demo depuis le site virtuemart.net
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 modi pour VirtueMart.
Compatibilit du package
Sil offre lindniable avantage dtre simple et rapide installer, ce
package Joomla-VirtueMart a ncessit, pour sa cration, une
modication 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).
Installer VirtueMart
Chapitre 8
Procdez ainsi :
1 Tlchargez le chier 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.
2 Dcompressez le chier tlcharg.
Dcompression dun chier au format gz
Pour dcompresser un chier 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.
Figure 8.4 : Le tlchargement du package e-commerce de Joomla depuis
le site http://www.virtuemart.net
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 chiers tar
Ce format de chier 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
chiers 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 ns 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 an 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 an 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 chier 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.
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.3-
COMPLETE_PACKAGE.j15.zip.
Figure 8.9 : Le contenu de larchive
VirtueMart_1.1.X-COMPLETE_PACKAGE.j15
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.
La page de linterface dadministration de VirtueMart saffiche.
Figure 8.11 : Lajout dexemple de donnes
Chapitre 8
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 chier
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, vriez 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.
Pour effectuer une installation depuis une URL, saisissez lURL indiquant
ladresse du chier 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.
Figure 8.12 : Le panneau de contrle de VirtueMart aprs linstallation du
package complet de VirtueMart tlcharg depuis le site virtuemart.net
Figure 8.13 : Linstallation du composant VirtueMart depuis un dossier
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 chier 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.
2 Dcompressez le chier tlcharg sur votre ordinateur.
Figure 8.14 : Le tlchargement du package dinstallation manuelle
depuis le site http://virtuemart.net
Chapitre 8
Vous obtenez un dossier VirtueMart_1.1.X-Manual_Installation_Package.j15
contenant diffrents dossiers.
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 chier 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.15 : Le contenu de larchive
VirtueMart_1.1.X-Manual_Installation_Package.j15
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.
La page de linterface dadministration de VirtueMart saffiche.
Figure 8.17 : Lajout dexemple de donnes
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 linstal-
lation 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 chiers
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.
Installation des chiers french.php
Transfrez le dossier languages du dossier Language_Pack_for_
VirtueMart_1.1.X dans le dossier mon-site-web-joomla/administrator/
components/com_virtuemart.
Un complment de traduction
ce jour, le chier 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.
Figure 8.20 : Le contenu de larchive Language_Pack_for_VirtueMart_1.1.3
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.
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 :
j VirtueMart Product Categories : affichage des catgories de produits
(archive : mod_product_categories_1.1.X.j15.zip) ;
j VirtueMart Product Scroller : affichage des produits par dlement
(archive : mod_productscroller_1.1.X.j15.zip) ;
j VirtueMart Module : affichage de la boutique (archive :
mod_virtuemart_1.1.X.j15.zip) ;
j VirtueMart All-In-One : affichage de tous les produits de la boutique
(archive : mod_virtuemart_allinone_1.1.X.j15.zip) ;
Figure 8.21 : La liste des archives des modules de VirtueMart
Chapitre 8
j VirtueMart Shopping Cart : affichage du panier (archive :
mod_virtuemart_cart_1.1.X.j15.zip) ;
j VirtueMart Currency Selector : affichage de la liste droulante pour
choisir la devise (archive :
mod_virtuemart_currencies_1.1.X.j15.zip) ;
j VirtueMart Featured Products : affichage des produits en promotion
(archive : mod_virtuemart_featureprod_1.1.X.j15.zip) ;
j VirtueMart Latest Products : affichage des nouveaux produits
(archive : mod_virtuemart_latestprod_1.1.X.j15.zip) ;
j VirtueMart Login : affichage du compte client (archive :
mod_virtuemart_login_1.1.X.j15.zip) ;
j VirtueMart Manufacturers : affichage des fabricants (archive :
mod_virtuemart_manufacturers_1.1.X.j15.zip) ;
j VirtueMart Random Products : affichage alatoire de produits
(archive : mod_virtuemart_randomprod_1.1.X.j15.zip) ;
j VirtueMart Search : affichage dune recherche (archive :
mod_virtuemart_search_1.1.X.j15.zip) ;
j VirtueMart Top Ten Products : affichage des meilleures ventes
(archive : mod_virtuemart_topten_1.1.X.j15.zip).
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.
An 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
3 Visualisez le rsultat obtenu 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.
Figure 8.22 : Lactivation du module principal
Figure 8.23 : La boutique en ligne est dsormais visible dans le
frontend
Chapitre 8
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 :
j VirtueMart Product Snapshot permet de lier un produit dans un
article de Joomla (archive : vmproductsnapshots_1.1.X.j15.zip).
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.
j VirtueMart Extended Search Plugin 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.
Comme les modules, les plugins, pour tre utiliss, doivent tre activs.
Vriez 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.
Figure 8.24 :
La liste des archives
des plugins de
VirtueMart
Choisir le mode daffichage de linterface dadministration de VirtueMart
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.
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.25 : Laffichage "simple" de linterface de VirtueMart
Figure 8.26 : Laffichage "tendu" de linterface de VirtueMart
Chapitre 8
2 Pour accder laffichage tendu alors que laffichage simple est
activ, cliquez sur le lien Mise en page tendu.
3 Pour accder laffichage simple alors que laffichage tendu est
activ, cliquez sur le lien Mise en page simple.
Figure 8.27 : Lactivation de laffichage tendu
Figure 8.28 : Lactivation de laffichage simple
Choisir le mode daffichage de linterface dadministration de VirtueMart
Chapitre 8
8.4. Dcouvrir les paramtres
de conguration 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 conguration, accessibles depuis plusieurs onglets (Gnral,
Scurit, Site, Expdition, Commande, Tlchargements,
Configuration du flux).
Utiliser VirtueMart pour afficher un simple catalogue
La boutique en ligne peut tre utilise an 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
Figure 8.29 : La page Conguration
Chapitre 8
comme catalogue uniquement de la rubrique Gnral. Dcochez
ventuellement la case Afficher les prix de la rubrique Configuration des
prix.
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. Congurer les paramtres
de la boutique
Pour dbuter, il vous faut dnir quelques paramtres de base,
spciques votre activit.
Depuis linterface dadministration de VirtueMart, cliquez sur Boutique
puis sur Editer la boutique.
La page Informations sur la boutique saffiche.
Figure 8.30 : La dsactivation de laffichage des prix dans la boutique
Configurer les paramtres de la boutique
Chapitre 8
Dnir lidentit de la boutique
Les informations renfermes dans les zones de la rubrique Boutique sont
spciques 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 le nom de la boutique ;
j le nom de lentit juridique ;
j lURL de la boutique ;
j ladresse postale (sur deux champs) ;
j la ville ;
j le pays ;
Modier 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.
Figure 8.31 :
Laccs aux paramtres de la boutique
Chapitre 8
j ltat (ou la province ou encore la rgion) ;
j le code postal ;
j le numro de tlphone ;
j 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 conrmation 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, an 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.
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.33 : Laccs aux diffrents types daffichage de la date
Figure 8.34 : La liste des paramtres de la fonction strftime() sur le site
fr.php.net
Chapitre 8
Dnir les informations sur la boutique
Toujours sur la page Informations sur la boutique, les zones de la rubrique
Informations sur la boutique permettent de dnir des informations
complmentaires telles que :
j le logo utilis dans les courriels adresss aux internautes, lors des
commandes ;
j le montant minimal de la commande ;
j le montant TTC partir duquel les frais de transport seront
"franco de port".
Dnir 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 conrmation de la
commande et avertit le responsable, lorsquune nouvelle commande est
passe ; une copie du courriel est galement envoye cette adresse.
Figure 8.35 : Les informations sur la boutique
Chapitre 8
Dnir 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).
Figure 8.36 : Les coordonnes du contact de la boutique
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. An dviter des
problmes de conversion, nous vous conseillons de choisir
uniquement la devise prcdemment dnie.
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).
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.
Figure 8.38 : Laffichage de la description de la boutique du site
http://www.la-mesange-bleue.fr dans le frontend
Chapitre 8
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.39 : La saisie des conditions gnrales de vente dans les
paramtres de la boutique
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.
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 dnis 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 spcier son pays de rsidence dans un formulaire.
Figure 8.41 : Le choix du mode de calcul de 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 dnir 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.
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 dni
Figure 8.42 : Le choix du pays de la boutique
La TVA
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).
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.43 :
Lactivation de la taxe virtuelle
Figure 8.44 : Lactivation de la gestion des taux de TVA multiples
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 dnitions de taxes inutiles en les cochant puis en
cliquant sur le bouton Supprimer.
3 Conrmez 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 Dnissez 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.45 :
Suppression
dun taux de
TVA
Figure 8.46 :
La saisie dun
taux de TVA
La TVA
Chapitre 8
Affichage de la mention indiquant que la TVAest 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.
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.
Figure 8.47 :
La mention indiquant que la TVA est
incluse
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 che 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.
Crer le catalogue de produits
Chapitre 8
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.
Figure 8.48 : Laffichage du fabricant
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 ne sera possible quaprs
lenregistrement effectu.
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 dnir 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 dnissent respectivement le modle de mise en
forme de la page de la catgorie et celui de la page des produits de
la catgorie.
Il est possible dassocier une image une catgorie.
7 Cliquez sur longlet Images, puis excutez lune des
manipulations suivantes :
Figure 8.49 : La saisie dune catgorie
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 chier 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).
Modication des dimensions des vignettes
La largeur et la hauteur des vignettes sont modiables 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 modication sera applique pour les futures vignettes gnres. Les
vignettes cres avant la modication des dimensions restent dans leur
taille initiale.
Figure 8.50 : La cration de limage de la catgorie dans le format
dune vignette
Chapitre 8
j 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 chier 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.51 : La modication des dimensions des futures vignettes
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.
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.53 : La liste des catgories hirarchises
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 classications 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
4 Saisissez lURL dans la zone URL.
La zone Vendeur contient le nom de la socit de la boutique qui a t
dnie 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.
5 Choisissez le fabricant, cr auparavant, dans la liste Fabricant.
Figure 8.55 :
La page dajout dun
nouveau produit
Figure 8.56 : Lajout de plusieurs vendeurs nest pas conseill
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 dnis.
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 chier CSV
Pour importer ou exporter des produits dun chier 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
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.57 : La page de tlchargement dextensions VirtueMart
depuis le site http://www.csvimproved.com/downloads
Figure 8.58 : Le ltre 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. Modiez les caractristiques de votre
choix et, dans tous les cas, changez la rfrence du produit qui doit tre
unique an que le systme puisse lidentier.
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 chier 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).
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 chier 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 chiers complmentaires
VirtueMart permet dafficher plusieurs images pour un produit et
dassocier des chiers tels que des notices aux formats PDF, des vidos
ou des sons, par exemple.
Figure 8.59 :
Limage du
produit et sa
vignette
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 chiers associs au
produit. Si vous avez associ une grande image ainsi que sa vignette, le
nombre indiqu est 2.
La page Gestionnaire de fichiers::Liste Image/Fichier affiche les images
et les chiers du produit dans un tableau. Depuis cette page, il est
possible dajouter, de supprimer et de voir les chiers du produit.
3 Pour associer un nouveau chier, 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.60 :
Le gestionnaire de chiers du produit
va tre affich
Figure 8.61 :
Le choix du
type de chier
associ
Chapitre 8
6 Pour associer un chier un produit, choisissez Fichier dans la
liste Type de fichier, puis saisissez le texte du lien du chier dans la
zone Titre fichier.
Dans la page Gestionnaire de fichiers:Liste Image/Fichier, le chier
supplmentaire est ajout la liste.
Changer de chier
En cas derreur de chier, vous pouvez en changer depuis la page
Gestionnaire de fichiers:Liste Image/Fichier, en cliquant sur le nom du
chier an 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
dnies 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 dnir 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 dnir 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.
Chapitre 8
j Pour augmenter le prix initial HT du produit de X, saisissez +X
dans la zone Prix HT.
j Pour diminuer le prix initial HT du produit de X, saisissez -X
dans la zone Prix HT.
j Pour dnir 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.
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.
Figure 8.62 : La saisie dattributs et de proprits
Chapitre 8
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 dnir 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.
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
Figure 8.63 :
Laffichage dans le frontend
Figure 8.64 : La saisie de donnes personnelle, pour un produit, lors de
son achat
Figure 8.65 : La cration dattributs personnaliss
Chapitre 8
rfrences distinctes, il est donc possible de dnir les stocks de chaque
produit an 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 modi en Mettre jour
llment.
La deuxime tape est celle de la dnition 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 an
dindiquer sa position par rapport aux autres attributs, si ceux-ci
existent.
La page Liste dattributs pour affiche les attributs crs.
Ajouter, modier, supprimer un attribut
Pour modier un attribut, cliquez sur le nom de lattribut dans la page
Liste dattributs pour an de lditer. Pour ajouter un nouvel attribut,
cliquez sur le bouton Nouveau. Pour supprimer un attribut, utilisez le
bouton Supprimer aprs avoir slectionn lattribut.
Figure 8.66 : La seconde tape
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 dnies 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.
Modier 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.
Dans le frontend de la boutique, les produits enfants sont affichs dans
une liste droulante de la che 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 modier 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.
Figure 8.67 :
Laccs aux produits enfants
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.
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.
Figure 8.68 : Lassociation de produits complmentaires
Chapitre 8
Personnaliser un produit par ajout
des caractristiques spciques
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.
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.
Figure 8.69 : La cration dun type de produit
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 modication 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 Dnissez 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.
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 che 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.71 : Lajout dun type de 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.
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 vriez le chemin
physique dans la zone Racine des fichiers en tlchargement. Le
chemin daccs au chier doit tre termin par une barre oblique
(/) et le dossier de stockage des chiers tlcharger doit tre en
dehors du dossier dinstallation du site web.
Le nombre de tlchargements
Il est possible de dnir 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 chier tlcharger. Si le chier ne gure pas dans la
liste, il est possible de le transfrer depuis la zone Nom de fichier.
Figure 8.73 :
Le frontend
Chapitre 8
7 Saisissez le texte du lien du chier tlchargeable dans la zone
Titre fichier.
Lors de lachat dun produit tlchargeable, un e-mail de conrmation
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.
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 gure pas dans la liste Type de remise.
Figure 8.74 : Le paramtrage des remises
Chapitre 8
Aprs validation, la remise est calcule automatiquement par rapport au
prix initial du produit, dni 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 enn 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
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.
Figure 8.75 : Lactivation de lutilisation des chques boutique
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
Paramtrer les expditions
Chapitre 8
Dnir 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 chier
de limage du dlai dans la liste propose. Pour ajouter une image
symbolisant un dlai dans la liste, le chier 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
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 dnir 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.
Modier 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 n
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).
Paramtrer les expditions
Chapitre 8
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.
Figure 8.78 : Lajout dun tarif
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.
Les paiements par chques et virements
1 Activez le menu Boutique/Ajouter une mthode paiement.
Dnissez 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 nalisation 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.
Figure 8.79 : La liste des mthodes de paiement
Personnaliser les modes de paiements
Chapitre 8
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 ctif. Vous pourrez alors raliser
la simulation dune commande et en suivre les tapes.
Congurer Paypal dans VirtueMart
pour les tests
1 Activez le menu dadministration de VirtueMart Boutique/Lister
les mthodes de paiement.
Figure 8.80 : Lajout dun mode de paiement
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.
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.81 : Le paramtrage en mode test du paiement Paypal
Figure 8.82 :
La conguration relle du paiement
Paypal
Personnaliser les modes de paiements
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 :
j Pending : commande en attente (la commande est enregistre,
mais le rglement est en attente).
j Confirmed : commande conrme (le paiement est accept, un
e-mail est envoy au client).
j Cancelled : commande annule.
j Refunded : commande rembourse.
j Shipped : commande expdie (il vous faut activer cet tat de
commande aprs la livraison).
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.
Figure 8.83 : Les diffrents tats de la commande
Chapitre 8
3 Activez le menu Commandes/Lister les commandes an 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.
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 modier les
paramtres cochs.
Figure 8.84 : Les commandes dun client
Sauvegarder le site web
Chapitre 8
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 chier 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 chiers
1 Lancez Filezilla an 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
Figure 8.85 : Lexportation de la base de donnes
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 chiers de site Joomla.
3 Dans votre espace dhbergement, gur 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 chier apparat tout en bas de la fentre.
Le composant JoomlaPack
Le composant JoomlaPack permet de sauvegarder les chiers 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.
Figure 8.86 : Le transfert des chiers
Sauvegarder le site web
Chapitre 8
8.12. Check-list
j VirtueMart est un composant trs sophistiqu, permettant de
transformer votre site Joomla en un vritable site de commerce
lectronique.
j Vous devrez alors paramtrer ce composant pour ladapter votre
secteur dactivit, vos produits, votre couverture gographique et
vos modes de paiements.
j Vous disposerez de statistiques avances sur ltat de vos
commandes.
j Une perte de vos donnes pouvant savrer dramatique, il vous
faudra effectuer rgulirement des sauvegardes manuelles.
j Vous pourrez galement avoir recours un composant effectuant
les oprations de sauvegarde et de restauration du systme.
Chapitre 8
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
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 rchir, 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.
j 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.
j Le moteur de recherche qui, grce lnorme trac gnr, se
trouve promu au rang dimmense espace daffichage publicitaire,
capable de stendre linni, 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".
Amliorer lindexation dans les moteurs de recherche
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
bnque sur le positionnement dun site dans les pages de
Connatre les principes de fonctionnement de Google
Chapitre 9
rponses des moteurs de recherche. Elles ne visent pas berner
linternaute mais correspondent un usage normal et efficace du
code html.
j 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 justies 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 articiellement 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 coner
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 an 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
bnques (de plus en plus dinternautes adoptent un regard trs
critique vis--vis de certains sites utilisant des techniques de
marketing grossires).
j Vous contribuerez au dveloppement de ce superbe outil quest le
Web, en apportant votre contribution cette immense base de
Chapitre 9
connaissances communautaire, par un site Internet de qualit,
disposant dune originalit propre et apportant une vritable
valeur ajoute aux informations en ligne.
j 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 l 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 nal, que se rjouir du manque de communication
de Google sur le fonctionnement de ses rouages internes, frquemment
modis 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 spciques au site.
Rfrencement naturel vs rfrencement payant
Chapitre 9
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.1 : Une recherche effectue sur lexpression " voiture doccasion
moins de 5000 euros" dans Google (http://www.google.fr)
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 an 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 an de
prciser au maximum le sujet.
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.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)
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
An de simplier 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
Obtenir un bon rfrencement naturel, par contre, est une tche de plus
longue haleine et ncessite patience, esprit de comptition et savoir-
faire. 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 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.
j La dynamique du site, cest--dire le fait quil soit, ou non,
frquemment mis jour.
j La qualit du contenu. Celle-ci passe principalement par la qualit
de la rdaction et la quantit dinformations prsentes.
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)
Chapitre 9
j La thmatique du site.
j Le Page Rank, indice attribu par le moteur de recherche lui-
mme au site reposant sur de nombreux critres visant estimer
la qualit.
j 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 dnitif 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, an 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
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. Enn, 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
nesse 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.
Comprendre les principes du rfrencement naturel
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 Dterminez seulement quelques mots-cls ou expressions sur
lesquels vous vous concentrerez lors de la rdaction dune page.
j 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.
j 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."
j 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.
j 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.
j 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. Enn, 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 Quel que soit votre secteur dintervention, vous souhaiterez
augmenter votre notorit. Celle-ci est lie la visibilit de votre
site et toute augmentation de trac sur celui-ci sera positive.
j Amliorer laccs une information (scientique, culturelle,
politique, etc.).
j Accrotre le nombre de vos clients potentiels.
j 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.
j 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 ;
j le rfrencement payant ou SEM (acronyme de Search Engine
Marketing), dont le principe est de payer an 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 bncier 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.
j 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.
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 :
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
Chapitre 9
j Vriez 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).
j Rchissez au choix des mots-cls que vous allez dnir. 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.
j Vriez 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.
j uvrez amliorer les liens (on parle de "netlinking") internes et
externes pointant vers les pages concernes.
j Votre travail ne sarrte jamais : peine vos objectifs sont-ils
atteints que vous devez songer largir la plage de mots-cls
dnis. 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 le moteur de
recherche fournit lutilisateur lorsquil effectue une requte. Une
recherche est alors ralise au sein de lindex. Les pages trouves sont
classes en fonction de leur pertinence par rapport la 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 an 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 trac 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 spciques, 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 bnce 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 trac 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 nancer 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 trac 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 mots-
cls.
Chapitre 9
Pour ce faire :
1 Sur le site de Google ( ladresse http://www.google.fr), cliquez sur
Connexion.
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.
La page Gnrateur de mots-cls apparat.
Figure 9.8 : Le lien Connexion, sur la page daccueil de Google
Figure 9.9 : Le lien Trouver des ides de mots-cls
Dterminer sa stratgie de positionnement
Chapitre 9
6 Choisissez Expressions ou termes descriptifs puis saisissez le mot-
cl 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.
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, an 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.
Figure 9.10 : La saisie de lexpression recherche
Chapitre 9
7 Cliquez sur len-tte de colonne de votre choix an de changer
lordre de classement des rponses affiches dans celle-ci.
8 Vous trouverez encore un grand nombre dinformations votre
disposition. Pour y avoir accs, parcourez la liste de la zone
Slectionnez les colonnes afficher.
Figure 9.11 : Les rsultats affichs
Figure 9.12 : Les donnes sont tries par ordre dcroissant dans
cette colonne
Chapitre 9
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
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
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.
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).
Figure 9.15 : Le service de Google Trends, ladresse
http://www.google.com/trends
Chapitre 9
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.
5 Utilisez la liste droulante place droite de la prcdente an de
restreindre la priode.
Figure 9.16 : Le graphique de Google Trends
Figure 9.17 :
Les statistiques
seront ici
limites la
France
Figure 9.18 :
Les
statistiques
seront ici
limites la
Lorraine
Chapitre 9
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 identier 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.19 :
Les statistiques
seront ici limites
lanne 2009
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 ;
j 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.
Utiliser le chier Sitemap
Le chier Sitemap contient toutes les pages dun site que Google doit
indexer. Il sert indiquer Google lexistence de celles quil naurait
Figure 9.21 : Le formulaire de dclaration dun nouveau site
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 chier
Sitemap doit tre plac, comme indiqu par Google, sur votre espace
dhbergement.
Pour crer le chier 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 chier Sitemap.
Suivez la procdure de vrication an que Google sassure que
vous tes le webmestre du site, puis Google crera le chier.
Indiquez lURL dans le chier 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 Un lien hypertexte vers une page augmente le PageRank de
celle-ci.
j Limportance de laugmentation provoque dpend de la
popularit de la page sur laquelle gure le lien.
j Si sur une page relativement populaire ne gure 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
Optimiser son site pour le rfrencement naturel
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
An 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.
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.
Figure 9.22 : Le site http://www.pagerank.fr, par exemple, affiche le
PageRank dun site, par simple saisie de son URL
Chapitre 9
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 elles-
mmes populaires ;
chercher en priorit des backlinks depuis des pages qui nen
contiennent pas beaucoup.
Attention, au contraire, le PageRank ne dpend pas :
du trac 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, an dviter toute fuite de son
prcieux PageRank vers des sites extrieurs.
Figure 9.23 : Le tlchargement de la barre doutils Google, ici pour
Firefox, ladresse
http://www.google.com/tools/refox/toolbar/FT3/intl/fr/
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 n 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 "conance" 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 articielle 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 an doptimiser vos
titres :
j Le titre dune page tant affich dans la page de rsultats de
Google, choisissez une courte phrase donnant linternaute envie
de la visiter.
j Limitez cette phrase quelques mots (moins de 10).
j Variez les titres dune page lautre an daffecter une expression
chaque page.
j Nutilisez pas de termes gnriques (par exemple, "Bienvenue sur
mon site"), cest un gaspillage et une dilution de la pertinence de
vos mots-cls.
j Utilisez le plus possible de mots-cls dans le titre.
j Placez les mots les plus importants au dbut de la phrase
composant le titre (exemple : "Club de plonge aux Carabes
Stages dt").
j Faites en sorte que le contenu smantique du titre corresponde
parfaitement au contexte de la page.
j 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
bncier. 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 chier htaccess.txt en
.htaccess (noubliez pas le point avant le nom du chier).
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.
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,
Figure 9.24 : Les paramtres dactivation de la rcriture dynamique
des pages
Chapitre 9
vous devez effectuer une copie du chier sur votre ordinateur, au
moyen de votre logiciel de transfert FTP, ouvrir le chier 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 chier modi 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 Ayez un vritable contenu rdactionnel dans la page.
j Nutilisez quune langue par page.
j 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.
j crivez un "chapeau", cest--dire un paragraphe dintroduction,
plac au dbut du texte, et renfermant les mots-cls stratgiques.
j Placez les mots-cls de premier niveau en dbut de page.
Chapitre 9
j Employez des synonymes vos mots-cls et variez fminin,
masculin, singulier et pluriel dans les textes.
j 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.
j Donnez de limportance lordre des mots en plaant les mots-
cls de premier niveau en dbut dexpression.
j 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 Placez des mots-cls, spars par des tirets, dans les noms des
images.
j Placez des mots-cls dans lattribut alt de la balise <img>.
j Placez des mots-cls autour de limage, an 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 nomde domaine du site
Lincidence du libell du nom de domaine, si elle nest pas dterminante
sur lindexation, est toutefois signicative, 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 Si possible, intgrez des mots-cls dans le nom de domaine,
spars par des tirets.
j Nutilisez quun nom de domaine par site (an 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.
j Lemploi de noms de sous-domaines (du type http://www
.monsousdomaine.mondomaine.fr), pour augmenter articiellement 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 sous-
domaines 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 chiers
Les moteurs de recherche tant capables de lire les noms de dossiers et
les noms de chiers 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
spciques 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 (chiers 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.
Google News
Ce service a pour nalit 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.
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)
Chapitre 9
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.28 : Le service Google News
Figure 9.29 : Les liens commerciaux sont affichs en haut et droite des
SERP de Google
Avoir recours au rfrencement payant
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 articiel : 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 bnce 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).
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.
Voici les principales raisons de choisir deffectuer une campagne de
liens commerciaux :
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 ;
j augmentation du trac an demmener lacheteur potentiel sur
une page dclenchant la pulsion dachat ;
j campagne publicitaire complmentaire limpact du
rfrencement naturel ou une publicit sur dautres canaux
traditionnels (journaux, TV, etc.).
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)
Avoir recours au rfrencement payant
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.
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
Utiliser les commandes de Google
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.
letype
Exemple de syntaxe : physique chimie filetype:pdf.
Google, permet dafficher les liens pointant vers le type de chier
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.
Figure 9.33 : Un exemple dutilisation de la commande allinurl sur Google
Chapitre 9
inanchor
Exemples de syntaxe :
j inanchor:"livres informatiques". Cette commande
permet dafficher toutes les pages indexes et renfermant des liens
utilisant exactement lexpression entre guillemets, indique
comme paramtre de la commande.
j 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.
Figure 9.34 : Un exemple dutilisation de la commande letype sur Google
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.).
intext
j intext:"physique chimie". Cette commande permet
dafficher toutes les pages indexes et renfermant exactement
lexpression entre guillemets.
j 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.
Figure 9.36 :
Un exemple
dutilisation de la
commande info sur
Google
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.
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.38 :
Un exemple
dutilisation de la
commande intitle
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.
related
Exemple de syntaxe :
related http://www.palaisdecouverte .fr/index.php.
Figure 9.40 : Un exemple dutilisation de la commande link sur Yahoo
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.
j site:http://www.palaisdecouverte.fr + chimie.
Cette commande permet deffectuer une recherche, sur un site
spcique, des pages renfermant un mot-cl ajout en paramtre,
derrire loprateur +.
Autre syntaxe
Il vous est galement possible dutiliser une syntaxe telle que
"chimie" site:http://www.palaisdecouverte.fr
j "chimie" site:.fr. Cette commande permet deffectuer une
recherche pour le mot-cl cit en paramtre, pour les sites portant
lextension .fr.
Figure 9.42 : Un exemple dutilisation de la commande site sur
Google
Chapitre 9
dene
Exemple de syntaxe : define:php.
Google, permet dafficher les dnitions de lexpression saisie en
paramtre.
9.8. Anticiper les futures techniques
de rfrencement
Les techniques de rfrencement dcrites ici volueront, nen doutez
pas.
Google annonce en effet des modications 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.
Figure 9.43 : Un exemple dutilisation de la commande dene sur Google
Chapitre 9
Le rfrenceur devra suivre de prs cette volution, sil souhaite
conserver ses acquis.
9.9. Check-list
j Le travail du rfrenceur est une tche consquente et qui stire
sur toute la dure de vie du site web.
j La premire tape, lors du rfrencement dun site, consiste
dnir clairement les objectifs atteindre et les mettre en
corrlation avec les moyens ncessaires.
j La deuxime tape consiste effectuer une recherche de mots et
dexpressions-cls stratgiques, en vous aidant des outils en ligne.
j Ensuite, vient le travail doptimisation technique et rdactionnelle
des pages.
j Ltape suivante consiste obtenir un nombre maximal de liens,
internes et externes, pointant vers les pages que vous souhaitez
mettre en valeur.
j ce stade, il ne vous reste qu augmenter le nombre de
mots-cls et recommencer le cycle.
Check-list
Chapitre 9
Annexe
Glossaire .............................................................................................................................. 384
Adresses Internet utiles .................................................................................................... 406
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
Annexe
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 chier".
Glossaire
Chapitre 10
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 signiant "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.
Authentication
Contrle de lidentit dun utilisateur sur un rseau ou un ordinateur.
Annexe
Chapitre 10
AVI
Format de chiers 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 chiers 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 dnit 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 dnit 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 an de donner linternaute le dsir de visiter le site web
correspondant.
Balise meta keywords
Balise HTML qui dnit les mots-cls dune page. Cette balise nest plus prise en
considration par la plupart des moteurs de recherche.
Glossaire
Chapitre 10
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 an 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 dnissant 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
prot de nouvelles. Les buffers permettent lacclration des logiciels.
Bug
Erreur informatique (quivalent franais : bogue).
Annexe
Chapitre 10
Butineur
Synonyme de navigateur Internet.
C
Cache
Zone de mmoire, appele aussi "mmoire cache", qui stocke les donnes
rcemment utilises an dacclrer les traitements.
Catgorie
Conteneur virtuel darticles sous Joomla.
Chemin daccs
Chemin virtuel quil faut emprunter, en partant de la racine, pour accder un
chier 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 chiers 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 chiers. 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 an dempcher la copie
Glossaire
Chapitre 10
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 conit avec dautres
priphriques ou dautres applications.
Composant
Sous Joomla, fonctionnalit complmentaire et additionnelle au systme natif.
Compression
Mthode visant rduire la taille dun chier an quil utilise moins de place sur le
disque dur ou moins de bande passante. Certains chiers, comme les vidos et les
sons, prennent normment de place et doivent tre compresss. Les chiers
compresss doivent subir lopration inverse, nomme "dcompression", avant de
pouvoir nouveau tre exploits.
Compte daccs
Terme dsignant lidentication dun abonn chez un FAI.
Conguration
Terme dsignant un environnement paramtr dordinateurs, de logiciels et de
priphriques.
Annexe
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 tarication 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 tarication 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, chiers 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
Glossaire
Chapitre 10
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 chiers 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 l 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 chier est une chane de caractres ajoute derrire son nom (nom
de chier et extension sont spars par un point) et indiquant quelle famille
appartient le chier. Un chier portant lextension .xls appartient la famille des
chiers de classeurs Excel.
Annexe
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 chier correspond un stockage dinformations. Les informations sont
enregistres sur les units de mmoire de masse sous la forme dentits que sont les
chiers, eux-mmes grs par le systme dexploitation. Il existe deux types de
chiers : les chiers excutables par le systme, comme les chiers programmes, et
les chiers 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 chier
Mthode dorganisation des informations dans un chier. Le format dun chier
dpend du logiciel qui la gnr. Le format de chier le plus simple est le format
"texte brut", qui ne contient aucun caractre denrichissement de la mise en forme.
Glossaire
Chapitre 10
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 chiers
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.
Annexe
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 chiers).
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 chiers,
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.
Glossaire
Chapitre 10
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.
Annexe
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 an 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 signiant 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 chier 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.
Glossaire
Chapitre 10
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 spcique 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
lidentication 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.
Annexe
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.
Glossaire
Chapitre 10
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 modis 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 chier cr par Adobe affichable sur la majorit des plateformes
informatiques.
Permalink
Lien permanent vers une page web.
Annexe
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 ux 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 dnissant 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 an 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.
Glossaire
Chapitre 10
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 chiers 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 chiers dont lURL
commence par http://.
Annexe
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 trac 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.
Glossaire
Chapitre 10
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 ux de paquets, et IP, qui
effectue la vrication des erreurs. Ce protocole est le protocole standard utilis sur
Internet.
Tlchargement
Transfert de chiers dun ordinateur un autre par Internet. On parle de dbit
descendant (download) lorsque le tlchargement lieu vers lordinateur et de
dbit montant (upload) lorsquun chier 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.
Trac
Total de visites reues par un site web sur une priode dnie.
Trustrank
Indice de conance accord par Google un site web.
Typo3
U
Unix
Systme dexploitation portable sur des machines de types diffrents.
Upload
Terme dsignant un transfert de chiers depuis lordinateur de travail vers une autre
machine.
URL (Uniform Ressource Locator)
Adresse Internet. Systme de dnomination des pages HTML sur Internet.
Annexe
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 chiers de donnes permettant la dnition de balises.
Glossaire
Chapitre 10
Z
Zip
Format de compression de chiers le plus rpandu, permettant de rduire la taille
des chiers et donc leur espace de stockage ncessaire ainsi que leur temps de
tlchargement. De nombreux logiciels permettant de compresser et dcompresser
des chiers 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 :
http://www.joomlafrance.com.
j Portail Joomla francophone ddi la documentation sur le produit :
http://aide.joomla.fr.
j Portail Joomla francophone ddi aux forums dentraide et de discussions :
http://forum.joomla.fr.
j Forums de discussion Joomla en anglais : http://forum.joomla.org.
j Site des concepteurs de VirtueMart (en anglais) : http://virtuemart.net.
j Site de dmonstration de VirtueMart : http://demo.virtuemart.net.
j Site fournissant de nombreux liens et composants Joomla :
http://www.joomlasource.be.
j Site fournissant de nombreux templates Joomla : http://www.joomlademo.de.
j Site de MySql (en anglais) : http://www.mysql.com.
j Site francophone de MySql : http://www.mysql.fr.
j Site officiel de PHP (en anglais) : http://www.php.net.
j Cration de texte latin de remplissage pour crer des maquettes de pages :
http://fr.lipsum.com.
j Moteur de recherche Google : http://www.google.fr.
j Moteur de recherche Bing : http://www.bing.com.
j Moteur de recherche Orange : http://www.orange.fr.
j Moteur de recherche Yahoo : http://www.yahoo.com.
j Moteur de recherche Alta vista : http://fr.altavista.com.
j Google vido : http://video.google.fr.
j Apache : http://www.apache.org.
Annexe
Chapitre 10
j Logiciel permettant dinstaller de faon totalement automatise un serveur
Apache, PHP, MySQL sous Windows : http://www.easyphp.org.
j Logiciel permettant dinstaller lensemble PHP Apache et MySQL sur
Windows : http://www.wampserver.com.
j Le client FTP OpenSource FileZilla : http://www.filezilla.fr.
j CMS WordPress francophone : http://www.wordpress-fr.net.
j CMS Spip : http://www.spip.net.
j CMS Dotclear permettant de grer des blogs : http://fr.dotclear.org.
j CMS Typo3 : http://typo3.org.
j CMS XOOPS France - Systme Dynamique de Gestion de Contenu :
http://frxoops.org.
j CMS Drupal France et francophonie : http://drupalfr.org.
j Jardin Zen css, conception CSS : http://www.csszengarden.com/tr/francais.
j Mozilla Europe, navigateur web Firefox :
http://www.mozilla-europe.org/fr/firefox.
j Navigateur web Opera Software : http://www.opera-fr.com.
j Navigateur web Google Chrome : http://www.google.com/chrome.
j Codes JavaScript : http://www.javascriptfr.com et www.codes-sources.com.
j Lditeur JavaScript : http://www.editeurjavascript.com.
j Recherche de nom de domaine : http://www.indom.com.
j AFNIC : http://www.afnic.fr/outils/whois.
j Recherche de nom de domaine : http://www.whois.net.
j Hbergeur Magic OnLine : http://www.magic.fr.
j Hbergeur 1&1 : http://www1and1.fr.
j Hbergeur OVH : http://www.ovh.com.
j Hbergeur Gandi : http://www.gandi.net.
j Hbergeur Amen : http://www.amen.fr.
j Hbergeur NFrance : http://www.nfrance.com.
j Hbergeur NuXit : http://www.nuxit.com
j Hbergeur Ouvaton : http://www.ouvaton.coop.
j Hbergeur Strato : http://www.strato-hebergement.fr.
j Portail Free : http://www.free.fr.
j Tlchargement de logiciels gratuits ou de dmonstration :
http://www.telecharger.com.
j Logiciels Adobe : http://www.adobe.com/fr.
j Logiciel Photoshop Album dition Dcouverte :
http://www.adobe.com/fr/products/photoshopalbum/starter.html.
Adresses Internet utiles
Chapitre 10
j Logiciel Adobe Photohop Express :
http://www.photoshop.com/express/landing.html.
j Logiciels Corel Corporation : http://www.corel.com.
j Media Convert convertisseur gratuit et en ligne : http://media-convert.com.
j Logiciel Picasa : http://picasa.google.fr.
j Logiciel The GIMP : http://www.gimp.org.
j Google Maps : http://maps.google.fr.
j Google Adsense : http://www.google.com/adsense.
j Google AdWords : http://www.google.com/adwords.
j Centre daide AdWords : https://adwords.google.fr/support.
j Blog officiel Adwords en franais : http://adwords-fr.blogspot.com.
j Encyclopdie Wikipedia : http://fr.wikipedia.org.
j Encyclopdie de la distribution : http://www.distripedie.com.
j Tutoriels infographie, photo numrique et bureautique :
http://www.mosaiqueinformatique.fr.
j Formations Joomla : http:www.mosaiqueinformatique.com.
Annexe
Chapitre 10
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
justi, 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
modication, 128
paramtre par dfaut, 149
paramtre spcique, 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
Authentication, 386
AVI, 387
AWR, 387
B
Backend, 26, 86, 89, 387
Backlink, 387
Backup, 387
Balise, 28, 387
de n, 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
Chapitre 11
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
Conguration, 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
Dene, 380
DHTML, 392
DNS, 392
DOCman, 240
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 chier, 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
Index
Chapitre 11
Gif anim, 190
Gif, 190
Gigaoctet, 394
Gimp, 194
Glossaire, 384
GMAccess, 245
Gmail, 394
GNU, 394
Google commande :, 372
allintitle, 372
allinurl, 374
dene, 380
letype, 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
Chapitre 11
conguration 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
M
Marque-page, 16, 398
Mbit/s, 398
Mdia, 190
dossier de stockage, 196
gestionnaire de mdias, 195
ouverture dun chier 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
modier la position, 183
modier le style, 186
modier lodre, 182
modier, 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
Index
Chapitre 11
/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 chiers expirs du cache, 113
/Validation gnrale, 112
Menu Site/
/Conguration 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
Prxe 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
Chapitre 11
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
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 xe, 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
Trac, 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 chier, 306
attribut de produit, 309
calcul de la TVA, 288
Index
Chapitre 11
caractristique spcique dun produit, 312
chque boutique, 317
clonage dun produit, 303
commande, 326
concept, 256
condition gnrales de vente, 286
conguration 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 chier 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
spcicit, 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
Index
Chapitre 11

Joomla Le Guide Complet

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

Joomla Le Guide Complet

Transféré par

Droits d'auteur :

Formats disponibles

Micro Application

20-22 rue des Petits Htels

Vous aimerez peut-être aussi