8/14/2019 Formation Joomla 1.5
1/44
Formation
WebCrer son site Web avec
Joomla!
8/14/2019 Formation Joomla 1.5
2/44
Les cinq grandes phases decration dun site Web
Analyses
Design graphique
/Dveloppement Intgration
( )Dploiement mise en ligne
/Rfrencement Indexation
1
2
3
4
5
8/14/2019 Formation Joomla 1.5
3/44
Phase 1 : Analyses
,Analyse stratgique fonctionnel et techniqueComparer la comptitionnumrer les services offerts tablir l arborescence et la structure du site
, .Dterminer valuer et produire les contenus .S assurer d adapter les contenus dj existant .Travailler avec des images et des photos
( :// . . )http www istockphoto com Rflchir aux stratgies d indexations et derfrencement
8/14/2019 Formation Joomla 1.5
4/44
Le graphisme de votre site
reflte la nature de votre.entreprise Il est essentiel
d avoir un design qui rpond leplus nos attentes
Dveloppement sur mesure vsachat d un gabarit prconus
Template en vente sur Internet:// . . /http www pixelsparadise com showcase
:// . .http demo rockettheme com:// . .http demo yootheme com:// . .http www monstertemplate com:// . .http www hypertemplate com
Phase 2 Design graphique
http://www.pixelsparadise.com/showcasehttp://www.pixelsparadise.com/showcasehttp://demo.rockettheme.com/http://demo.rockettheme.com/http://demo.yootheme.com/http://demo.yootheme.com/http://www.monstertemplate.com/http://www.monstertemplate.com/http://www.hypertemplate.com/http://www.hypertemplate.com/http://www.hypertemplate.com/http://www.monstertemplate.com/http://demo.yootheme.com/http://demo.rockettheme.com/http://www.pixelsparadise.com/showcase8/14/2019 Formation Joomla 1.5
5/44
Quelques conseils
;Prfrez les noms courts , ;Prfrez un nom agrable l oreille facile mmoriser ,Choisissez un nom qui informe l internaute sur votre activit un
;nom intuitif vitez les caractres difficiles saisir comme les tirets par
;exemple ;Prfrez un nom qui suscitera peu d erreur , ;Idalement prenez votre nom d entreprise comme nom de domaine .S assurer que le nom de domaine est votre nom
Choix du nom de domaine
8/14/2019 Formation Joomla 1.5
6/44
Un ystme de gestion de contenuou SGC ( Content ManagementSystemsou CMS) est une famille de logiciels destins la conception
.et la mise jour dynamique de site web partir d un navigateur Web
:Ils partagent les fonctionnalits suivantes .Permet l dition de page simplifie l aide d outil de mise en forme Permet de sparer le contenu de la prsentation (Permet de structurer le contenu utilisation de FAQ, ,de documents deblogs
,de
forums de discussion
, .)etc
Permet plusieurs individus de travailler sur un mme document avec un.systme de gestion des droits
.Ne ncessite pas de connaissance technique avance
:Un CMS se rsume Autonomie
Quest-ce quun CMS?
http://fr.wikipedia.org/wiki/FAQhttp://fr.wikipedia.org/wiki/Bloghttp://fr.wikipedia.org/wiki/Bloghttp://fr.wikipedia.org/wiki/Forum_de_discussionhttp://fr.wikipedia.org/wiki/Forum_de_discussionhttp://fr.wikipedia.org/wiki/Forum_de_discussionhttp://fr.wikipedia.org/wiki/Forum_de_discussionhttp://fr.wikipedia.org/wiki/Bloghttp://fr.wikipedia.org/wiki/FAQ8/14/2019 Formation Joomla 1.5
7/44
Construire votre site
WebJoomla! 1.5
8/14/2019 Formation Joomla 1.5
8/44
Joomla! est un systme de gestion de contenu (enanglais CMS pour Content Management System) OpenSource et gratuit. Il est crit en PHP et utilise une basede donnes MySQL.
Source : Wikipedia
Joomla! permet de grer tout le contenu de son site partir dun panneau dadministration : templates,articles, catgories, section, menus de navigation, etc.
Il possde galement plusieurs fonctionnalitspermettant dajouter des options supplmentaires ausite quon appelle module et composant. Par exempleun moteur de recherche ou une galerie photos.
Quest-ce que Joomla?
8/14/2019 Formation Joomla 1.5
9/44
Concept de modularit
8/14/2019 Formation Joomla 1.5
10/44
Site Web vs Administration Le panneau de control principal Le menu principal
La gestion des menus La gestion de contenu La gestion des composants Les extensions Les outils Ladministration du site Web
Survol des fonctions de Joomla!
8/14/2019 Formation Joomla 1.5
11/44
Prise en main de la consoledadministration
Cration des articles (contenu)
Cration des items de menu Utilisation des menus
Choix et mise en place dun template
Configuration des modules Manipulation des images
Optimisation pour les moteurs de
recherche
tapes de cration de votre site
8/14/2019 Formation Joomla 1.5
12/44
La gestion du contenu ce fait mme lesite Web.(http://www.votresite.com/administrator)
La console dadministration
http://votresite.com/administratorhttp://votresite.com/administrator8/14/2019 Formation Joomla 1.5
13/44
Se connecter la consoledadministration
Exercice
Po u r a cc d e r la co n sole d a d m in istra tio n il:su ffit
.1 :Entrez ladresse:// . . /h ttp j0 0 0 X h p jfo rm a tio n co m a d m in istrator
.2 E n tre z le s in form a tio n s q u e n ou s vou s:avon s do nn es p ou r vous conn ecter
N o m d u tilisa te u r M ot d e p a sse
http://j000x.hpjformation.com/administratorhttp://j000x.hpjformation.com/administratorhttp://j000x.hpjformation.com/administrator8/14/2019 Formation Joomla 1.5
14/44
Choisissez un titre pour votre site
Po u r m o d ifie r le titre d e vo tre site W e b il:su ffit
.1 A cc d e r la co n so le d 'a d m in istra tion! ,Jo om la d a n s le m en u ->ite
o n fig u ra tio n g lo b a l,.2 R e m p lir le ch a m p s o m d u site et
.sauvegarder
Exercice
8/14/2019 Formation Joomla 1.5
15/44
Les articles sont le contenu principaldu site
Ils sont classs par catgories et
sectionsPeuvent tre affichs de diffrentefaon :
Comme le contenu principal dune page,
comme un article dun blogue oucomme une nouvelle brve.
Lensemble du contenu de votre site
Cration dun article
8/14/2019 Formation Joomla 1.5
16/44
G ti d ti l
8/14/2019 Formation Joomla 1.5
17/44
Gestion des articles
p a rtir d u p an n e a u d a d m in istra tio n
( ) p a rtir d u m e n u p rin cip al m e n u con te n u
8/14/2019 Formation Joomla 1.5
18/44
En dbutant un nouvel article, il est ncessaire deprciser un titre ainsi que la section et la catgoriedans lequel il apparatra (slectionnez Non catgoris
sil nappartient pas une section prcise).
Pour effectuer la mise en page de votre texte, utilisezles boutons de lditeur, qui fonctionnent commeceux dun traitement de texte ordinaire.
. ..Po u r e n sav o ir p lu s
:// . .h ttp g u id e s h p jsolu tio n s co m
http://guides.hpjsolutions.com/http://guides.hpjsolutions.com/http://guides.hpjsolutions.com/8/14/2019 Formation Joomla 1.5
19/44
:// . . / - - / - -h ttp g u id e s hp jsolu tio n s com g e stio n d es a rticle s cre e r d e s a rtic:// . . / - - .h ttp g u id e s h p jso lu tio n s co m u tilisa tio n d e le d ite u r h tm l
C r e z d e s a rticle s p ou r votre site
:Allez voir le site de guides en ligne
Exercice
G ti d ti & t i
http://guides.hpjsolutions.com/gestion-des-articles/creer-des-articles.htmlhttp://guides.hpjsolutions.com/gestion-des-articles/creer-des-articles.htmlhttp://guides.hpjsolutions.com/utilisation-de-lediteur.htmlhttp://guides.hpjsolutions.com/utilisation-de-lediteur.htmlhttp://guides.hpjsolutions.com/utilisation-de-lediteur.htmlhttp://guides.hpjsolutions.com/gestion-des-articles/creer-des-articles.html8/14/2019 Formation Joomla 1.5
20/44
Gestion des sections & catgories
St t b t d t it
8/14/2019 Formation Joomla 1.5
21/44
Structure arborescente de votre site
...Pour en savoir plus
http://guides.hpjsolutions.com/8/14/2019 Formation Joomla 1.5
22/44
:// . . / - - / - - -http guides hpjsolutions com gestion des articles creer des sections
Divisez vos articlesen sections etcatgories
Exercice
G ti d
http://guides.hpjsolutions.com/gestion-des-articles/creer-des-sections-et-des-categories.htmlhttp://guides.hpjsolutions.com/gestion-des-articles/creer-des-sections-et-des-categories.htmlhttp://guides.hpjsolutions.com/gestion-des-articles/creer-des-sections-et-des-categories.html8/14/2019 Formation Joomla 1.5
23/44
Le menu est essentiel pour que le visiteur puisseaccder au contenu du site, peu importe la page o il
se trouve.
La gestion des menus, accessible partir dupanneau dadministration du site ou du menu Menus,permet de voir tous les menus existants et denajouter des nouveaux laide du bouton Nouveau.
Gestion des menus
C ti d
8/14/2019 Formation Joomla 1.5
24/44
Lors de lajout dun nouveau menu, quatre champssont remplir :
Nom du menu,
un nom unique (qui peut tre identique au nom dumenu mais qui ne doit pas tre utilis par un autremenu du site),
la description du menu (facultative) etle nom du module.
Le module servira ajouter le menu sur le site, si aucun
nom ne lui est donn, il ne sera pas cr et devra trefait manuellement plus tard.
Cration de nouveaux menus
Aj t d l t
8/14/2019 Formation Joomla 1.5
25/44
Pour ajouter des lments, cliquez sur
licne situe droite du menu dans laGestion des menus ou slectionnez le nomde votre menu dans le menu Menus.
Ajouter des lments au menu
Main Menu .est le menu principal de votre site
8/14/2019 Formation Joomla 1.5
26/44
En cliquant sur le boutonNouveau, Joomla! proposeune longue liste doptionspossibles. Pour faire un liendirectement vers un article,slectionnez Lien interne>
Articles > Article > Unarticle, ce qui mettra votrearticle en contenu principalde la page.
8/14/2019 Formation Joomla 1.5
27/44
Dans les Dtails de llment, inscrivez un
titre, qui sera le texte apparaissant dans lemenu. Puis, dans Paramtres basique,cliquez sur le bouton Slection et choisissezvotre article. Cliquez sur Sauver pour
enregistrer vos paramtres et recommencerpour chaque lments du menu.
8/14/2019 Formation Joomla 1.5
28/44
:// . . / - - / - - .http guides hpjsolutions com gestion des menus creer des menus html
Exercice
Modifiez Main Menu pour votre site en yplaant
.les articles que vous avez crits plus tt
Configuration des modules
http://guides.hpjsolutions.com/gestion-des-menus/creer-des-menus.htmlhttp://guides.hpjsolutions.com/gestion-des-menus/creer-des-menus.htmlhttp://guides.hpjsolutions.com/gestion-des-menus/creer-des-menus.html8/14/2019 Formation Joomla 1.5
29/44
Les modules sont des petits blocs dinformations
pouvant facilement tre dplacs sur la page etpouvant apparatre sur une seule ou plusieurspages.
Parmi les modules les plus populaires, on retrouveles menus du site, un moteur de recherche, lepied de page, etc. Les modules peuvent trecrs par des programmeurs expriments oucontenir seulement du texte.
La gestion des modules se trouve dans le menuExtensions. Certains modules sy trouvent djpar dfaut, comme par exemple les menus dusite.
Configuration des modules
8/14/2019 Formation Joomla 1.5
30/44
Pour choisir lemplacement du module, cliquez surson nom pour louvrir. Dans la section Dtails, vouspouvez changer son nom et dcidez si celui-ciapparatra au dessus du module. Loption Activdoit tre Oui, car cest ce qui dtermine si lemodule apparat ou non sur le site. Ensuite, loptionPosition permet de choisir o le module apprat sur
la page, par exemple en entte ou dans la colonnede gauche. Ces espaces sont prdfini dans latemplate. Si plusieurs modules sont placs lamme position, loption Ordre permet de dciderlequel saffiche en premier.
8/14/2019 Formation Joomla 1.5
31/44
La section Affectation de menu permet de
slectionner sur quelles pages le moduleapparatra. Un lment comme le menu et labarre de recherche se retrouveront surtoutes les pages, mais un menu secondaire
pourrait par exemple se retrouver surquelques pages seulement.
8/14/2019 Formation Joomla 1.5
32/44
Exercice
Placez votre menu ainsi que lemoteur de recherche l endroit
.dsir sur votre site
Cration dun nouveau module
8/14/2019 Formation Joomla 1.5
33/44
Dans la gestion des modules,
cliquez sur nouveau pour crerun nouveau module. Dans laliste doption, slectionnezHTML personnalis, ce quipermettra de placer du textedans le module. D on n ez u n titre votre m od u le et
.slection n ez sa p o sition su r la p ag e In scrive z
,e n su ite vo tre texte la id e d e ld iteu r d e lam m e faon q u e lo rsq u e vo u s crive z un.a rticle C liq u e z su r sau ve z lo rsqu e vo u s avez.term in
Cration d un nouveau module
8/14/2019 Formation Joomla 1.5
34/44
,Crez un module contenant un Copyrightqui sera plac dans le bas de toutes les
.pages du site
Exercice
Optimisation du site
8/14/2019 Formation Joomla 1.5
35/44
Loptimisation aide les moteurs de
recherches mieux comprendre le contenudu site. Ainsi, le site pourra apparatre plusfrquement dans les recherches et attirerplus de visiteurs intresss par son contenu.
La base dune bonne optimisation estdassocier des mots-cls pertinents avec lecontenu. Pour se faire, allez dansConfiguration globale dans le menu Site.
Optimisation du site
8/14/2019 Formation Joomla 1.5
36/44
Dans les Paramtres du site, choisissez un
titre pour votre site. Ensuite, dans la sectionParamtres des mtadonns, crivez unedescription qui rfte bien le contenu du siteet des mots cls varis et en rapport avec lecontenu.
Ensuite, dans la section Paramtres SEO,cochez Oui pour les URL explicites. Cetteoption remplace la longue adresse gnrepar Joomla par le titre de la page, ce qui aideune fois de plus les moteurs de recherche comprendre le contenu de la page.
Gestion des images
8/14/2019 Formation Joomla 1.5
37/44
Utilisation du logiciel gratuit Gimp.
Gimp est un logiciel permettant de manipuler les images quevous utilisez sur votre site web.
Exercice
http://guides.hpjsolutions.com/images/preparatio
Gestion des images
Gestion des fichiers
http://guides.hpjsolutions.com/images/preparation-des-images-pour-leweb.htmlhttp://guides.hpjsolutions.com/images/preparation-des-images-pour-leweb.html8/14/2019 Formation Joomla 1.5
38/44
Utilisation du logiciel gratuit FileZilla.
FileZilla est un logiciel permettant de manipuler les fichierssur votre unit dhbergement.
Exercice
http://guides.hpjsolutions.com/outils-utiles/utilisas
Gestion des fichiers
http://guides.hpjsolutions.com/outils-utiles/utilisation-dun-client-ftp.htmlhttp://guides.hpjsolutions.com/outils-utiles/utilisation-dun-client-ftp.html8/14/2019 Formation Joomla 1.5
39/44
Exercice
,Choisissez un titre pour votre site composezune description et des mots cls et activez
.les URL explicites
Choix et installation dun template
8/14/2019 Formation Joomla 1.5
40/44
Le template (ou gabarit) permet de
changer lapparence du site.Dans la console dadministration devotre site
(http://votresite.com/administrator),cliquez sur le Gestionnaire destemplates, situ dans le menuExtensions.
Choix et installation d un template
8/14/2019 Formation Joomla 1.5
41/44
Dans la liste disponible, slectionnez
le template de votre choix et cliquezsur Dfaut (ltoile jaune dans lemenu). Une toile apparatra ct du
nom de la template, signifiant quelleest slectionne pour le site.
8/14/2019 Formation Joomla 1.5
42/44
Exercice
S le ctio n n e z le tem p late d e votre site
Les outils ncessaires au webmestre
8/14/2019 Formation Joomla 1.5
43/44
utils pour faciliterotre travail
( )Un CMS JoomlaUn logiciel pour les image( )Gimp ( )Un client FTP FileZilla ( )Un diteur de texte Notepad ( )Un diteur HTML CoffeeCup
Les outils ncessaires au webmestre
Liens utiles
8/14/2019 Formation Joomla 1.5
44/44
Comment faire voluer votresite...
http://www.joomla.org/- Le site officiel de Joomla.
http://www.gimp.org/ - Logiciel gratuit pour manipuler des images.
http://filezilla-project.org/ - Logiciel FTP.
http://www.coffeecup.com Editeur HTML gratuit.
http://www.joomfish.net/ - Composant Joomla pour avoir un sitemultilingue.
http://getfirebug.com/ - Plugin Firefox pour consulter la structurede votre site.
Liens utiles
http://www.joomla.org/http://www.joomla.org/http://www.gimp.org/http://filezilla-project.org/http://www.coffeecup.com/http://www.joomfish.net/http://getfirebug.com/http://getfirebug.com/http://www.joomfish.net/http://www.coffeecup.com/http://filezilla-project.org/http://www.gimp.org/http://www.joomla.org/