Formation Joomla 1.5

8/14/2019 Formation Joomla 1.5

1/44

Formation

WebCrer son site Web avec

Joomla!


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


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


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/showcase


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


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/FAQ


7/44

Construire votre site

WebJoomla! 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?


9/44

Concept de modularit


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!


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


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/administrator


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/administrator


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


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


16/44

G ti d ti l


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


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/


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


20/44

Gestion des sections & catgories

St t b t d t it


21/44

Structure arborescente de votre site

...Pour en savoir plus
http://guides.hpjsolutions.com/


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


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


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


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


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.


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.


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


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


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.


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.


32/44

Exercice

Placez votre menu ainsi que lemoteur de recherche l endroit

.dsir sur votre site

Cration dun nouveau module


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


34/44

,Crez un module contenant un Copyrightqui sera plac dans le bas de toutes les

.pages du site

Exercice

Optimisation du site


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


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


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


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


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


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


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.


42/44

Exercice

S le ctio n n e z le tem p late d e votre site

Les outils ncessaires au webmestre


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


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/

Documents

Formation Joomla 1.5