Cours complet sur le CMS Joomla pour débutant
![Cours complet sur le CMS Joomla pour débutant](/images/remos_downloads/id-6543.6543.pdf_thumb_prev.jpg)
Formation
Web
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-001.jpg)
Créer son site Web avec Joomla!
Les cinq grandes phases de création d’un site Web
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-003.jpg)
Analyses
Design graphi que
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-005.jpg)
Développement Intégrat / ion
Déploiement mise en ligne ( )
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-011.jpg)
Référencement Indexation /
Phase 1 : Analyses
- Analyse stratégique fonctionnel et technique ,
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-020.jpg)
- Comparer la compétition
- Enumérer les services offerts
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-081.jpg)
- Etablir l’arborescence et la structure du site ‘
- Déterminer évaluer et produire les contenus, .
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-083.jpg)
- Sassurer dadapter les contenus déjà existant’ ‘ .
- Travailler avec des images et des photos .
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-085.jpg)
(http wwwistockphotocom:// . . )
- Réfléchir aux stratégies d’indexations et de ‘ référencement
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-087.jpg)
Phase 2 – Design graphique
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-089.jpg)
Le graphisme de votre site reflète la nature de votre entreprise Il est essentiel. d’avoir un design qui répond le’ plus à nos attentes
Développement sur mesure vs achat d’un gabarit préconçus ‘
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-091.jpg)
Template en vente sur Internet
- Préférez un nom agréable à l’oreille facile à mémoriser ‘ , ;
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-101.jpg)
- Choisissez un nom qui informe l’internaute sur votre activité un ‘ , nom intuitif ;
- Evitez les caractères difficiles à saisir comme les tirets par exemple;
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-103.jpg)
- Préférez un nom qui suscitera peu d’erreur ‘ ;
- Idéalement prenez votre nom d’entreprise comme nom de domaine, ‘ ; - S’assurer que le nom de domaine est à votre nom’ .
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-105.jpg)
Qu’est-ce qu’un CMS?
Un système de gestion de contenu ou SGC (ContentManagement Systems ou CMS) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site web à partir d’un navigateur Web ‘ .
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-107.jpg)
Ils partagent les fonctionnalités suivantes :
- Permet l’édition de page simplifiée à laide d’outil de mise en forme ‘ ‘ ‘ .
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-109.jpg)
- Permet de séparer le contenu de la présentation
- Permet à plusieurs individus de travailler sur un même document avec un système de gestion des droits .
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-113.jpg)
- Ne nécessite pas de connaissance technique avancée .
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-115.jpg)
Un CMS se résume à Autonomie :
Construire votre site
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-117.jpg)
Web
Joomla! 1.5
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-119.jpg)
Qu’est-ce que Joomla?
- Joomla! est un système de gestion de contenu (en anglais CMS pour Content Management System) Open Source et gratuit. Il est écrit en PHP et utilise une base de données MySQL.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-121.jpg)
-
- Source : Wikipedia
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-123.jpg)
-
- Joomla! permet de gérer tout le contenu de son site à partir d’un panneau d’administration : templates, articles, catégories, section, menus de navigation, etc.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-145.jpg)
-
- Il possède également plusieurs fonctionnalités permettant d’ajouter des options supplémentaires au site qu’on appelle module et composant. Par exemple un moteur de recherche ou une galerie photos.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-149.jpg)
Survol des fonctions de Joomla!
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-152.jpg)
- Site Web vs Administration
- Le panneau de control principal
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-169.jpg)
- Le menu principal
- La gestion des menus
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-171.jpg)
- La gestion de contenu
- La gestion des composants
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-174.jpg)
- Les extensions
- Les outils
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-177.jpg)
- L’administration du site Web
Etapes de création de votre site
- Prise en main de la console d’administration
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-179.jpg)
- Création des articles (contenu)
- Création des items de menu
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-181.jpg)
- Utilisation des menus
- Choix et mise en place d’un template
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-184.jpg)
- Configuration des modules
- Manipulation des images
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-189.jpg)
- Optimisation pour les moteurs de recherche
La console d’administration
- La gestion du contenu ce fait à même le site Web.(
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-193.jpg)
- Se connecter à la console d’administration
Pour accéder à la console d’administration il ‘ suffit :
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-196.jpg)
2.Entrez les informations que nous vous avons données pour vous connecter :
- Nom d utilisateur ‘
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-198.jpg)
- M otde passe
- Choisissez un titre pour votre site
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-201.jpg)
-
Pourmodifierle titre de votre site Web il suffit : -
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-211.jpg)
-
1.Accéder à la console d'administration Joomla dans le menu!, site -> configuration global ,
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-216.jpg)
2.Remplirle champs Nom du site et sauvegarder.
Création d’un article
- Les articles sont le contenu principal du site
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-220.jpg)
- Ils sont classés par catégories et sections
- Peuvent être affichés de différente façon :
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-223.jpg)
- Comme le contenu principal d’une page, comme un article d’un blogue ou comme une nouvelle brève.
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-227.jpg)
- L’ensemble du contenu de votre site est à l’intérieur d’articles.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-232.jpg)
Gestion des articles
- partir du panneau d’administration ‘
- partir du menu principal menu contenu ( )
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-235.jpg)
- En débutant un nouvel article, il est nécessaire de préciser un titre ainsi que la section et la catégorie dans lequel il apparaîtra (sélectionnez Non catégorisé s’il n’appartient pas à une section précise).
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-238.jpg)
- Pour effectuer la mise en page de votre texte, utilisez les boutons de l’éditeur, qui fonctionnent comme ceux d’un traitement de texte ordinaire.
Créez des articles pour votre site
Allez voir le site de guides en ligne :
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-240.jpg)
Gestion des sections & catégories
Structure arborescente de votre site
Divisez vos articles en sections et catégories
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-241.jpg)
… … …
Gestion des menus
- Le menu est essentiel pour que le visiteur puisse accéder au contenu du site, peu importe la page o๠il se trouve.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-243.jpg)
-
- La gestion des menus, accessible à partir du panneau d’administration du site ou du menu Menus, permet de voir tous les menus existants et d’en ajouter des nouveaux à l’aide du bouton Nouveau.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-245.jpg)
Création de nouveaux menus
- Lors de l’ajout d’un nouveau menu, quatre champs sont à remplir :
- Nom du menu,
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-247.jpg)
- un nom unique (qui peut être identique au nom du menu mais qui ne doit pas être utilisé par un autre menu du site),
- la description du menu (facultative) et
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-250.jpg)
- le nom du module.
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-252.jpg)
- Le module servira à ajouter le menu sur le site, si aucun nom ne lui est donné, il ne sera pas créé et devra être fait manuellement plus tard.
Ajouter des éléments au menu
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-254.jpg)
- Pour ajouter des éléments, cliquez sur l’icône située à droite du menu dans la
- En cliquant sur le bouton Nouveau, Joomla! propose une longue liste d’options possibles. Pour faire un lien directement vers un article, sélectionnez Lien interne> Articles > Article > Un article, ce qui mettra votre article en contenu principal de la page.
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-257.jpg)
-
- Dans les Détails de l’élément, inscrivez un titre, qui sera le texte apparaissant dans le menu. Puis, dans Paramètres – basique, cliquez sur le bouton Sélection et choisissez votre article. Cliquez sur Sauver pour enregistrer vos paramètres et recommencer
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-259.jpg)
Modifiez « MainMenu» pour votre site en y plaçant les articles que vous avez écrits plus tôt .
… … ..
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-261.jpg)
Configuration des modules
- Les modules sont des petits blocs d’informations pouvant facilement être déplacés sur la page et pouvant apparaître sur une seule ou plusieurs pages.
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-263.jpg)
- Parmi les modules les plus populaires, on retrouve les menus du site, un moteur de recherche, le pied de page, etc. Les modules peuvent être créés par des programmeurs expérimentés ou contenir seulement du texte.
-
![](/images/remos_downloads/detail/65/CoursJoomla-id6543.6543.pdf-265.jpg)
- La gestion des modules se trouve dans le menu Extensions. Certains modules s’y trouvent déjà par défaut, comme par exemple les menus du site.
- Pour choisir l’emplacement du module, cliquez sur son nom pour l’ouvrir. Dans la section Détails, vous pouvez changer son nom et décidez si celui-ci apparaîtra au dessus du module. L’option Activé doit être à Oui, car c’est ce qui détermine si le module apparaît ou non sur le site. Ensuite, l’option Position permet de choisir o๠le module appraît sur la page, par exemple en entête ou dans la colonne de gauche. Ces espaces sont prédéfinis dans la template. Si plusieurs modules sont placés à la même position, l’option Ordre permet de décider lequel s’affiche en premier.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-000.jpg)
- La section Affectation de menu permet de sélectionner sur quelles pages le module apparaîtra. Un élément comme le menu et la barre de recherche se retrouveront sur toutes les pages, mais un menu secondaire pourrait par exemple se retrouver sur quelques pages seulement.
Placez votre menu ainsi que le moteur de recherche à l’endroit ‘ désiré sur votre site .
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-001.jpg)
Création d’un nouveau module
- Dans la gestion des modules, cliquez sur nouveau pour créer un nouveau module. Dans la liste d’option, sélectionnez HTML personnalisé, ce qui permettra de placer du texte dans le module.
- Donnez un titre à votre module et sélectionnez sa position sur la page Inscrivez . ensuite votre texte à laide de l’éditeur de la ‘ ‘ , même façon que lorsque vous écrivez un article Cliquez sur sauvez lorsque vous avez. terminé.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-022.jpg)
Créez un module contenant un Copyright , qui sera placé dans le bas de toutes les pages du site.
Optimisation du site
- L’optimisation aide les moteurs de recherches à mieux comprendre le contenu du site. Ainsi, le site pourra apparaître plus fréquement dans les recherches et attirer plus de visiteurs intéressés par son contenu.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-035.jpg)
-
- La base d’une bonne optimisation est d’associer des mots-clés pertinents avec le contenu. Pour se faire, allez dans
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-039.jpg)
Configuration globale dans le menu Site.
- Dans les Paramètres du site, choisissez un titre pour votre site. Ensuite, dans la section Paramètres des méta donnés, écrivez une description qui réfète bien le contenu du site et des mots clés variés et en rapport avec le contenu.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-044.jpg)
-
- Ensuite, dans la section Paramètres SEO, cochez Oui pour les URL explicites. Cette option remplace la longue adresse générée par Joomla par le titre de la page, ce qui aide une fois de plus les moteurs de recherche à comprendre le contenu de la page.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-045.jpg)
Gestion des images
- Utilisation du logiciel gratuit Gimp.
- Gimp est un logiciel permettant de manipuler les images que vous utilisez sur votre site web.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-057.jpg)
-
- Exercice
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-065.jpg)
Gestion des fichiers
- Utilisation du logiciel gratuit FileZilla.
- FileZilla est un logiciel permettant de manipuler les fichiers sur votre unité d’hébergement.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-066.jpg)
-
- Exercice
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-069.jpg)
Choisissez un titre pour votre site composez , une description et des mots clés et activez les URL explicites .
Choix et installation d’un template
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-070.jpg)
- Le template (ou gabarit) permet de changer l’apparence du site.
- Dans la console d’administration de votre site
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-071.jpg)
(), cliquez sur le Gestionnaire des templates, situé dans le menu Extensions.
- Dans la liste disponible, sélectionnez le template de votre choix et cliquez sur Défaut (l’étoile jaune dans le menu). Une étoile apparaîtra à côté du nom de la template, signifiant qu’elle est sélectionnée pour le site.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-072.jpg)
-
Sélectionnez le tem plate de votre site
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-079.jpg)
Les outils nécessaires au webmestre
Outils pour faciliter votre travail
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-087.jpg)
- Un CMS Joomla ( )
- Un logiciel pour les image
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-090.jpg)
(Gimp)
- Un client FTP FileZilla ( )
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-093.jpg)
- Un éditeur de texte Notepad ( )
- Un éditeur HTML CoffeeCup ( )
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-096.jpg)
Liens utiles
- Comment faire évoluer votre site...
-
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-097.jpg)
- - Le site officiel de Joomla.
- - Logiciel gratuit pour manipuler des images.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-098.jpg)
- - Logiciel FTP.
- Editeur HTML gratuit.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-107.jpg)
- - Composant Joomla pour avoir un site multilingue.
- - Plugin Firefox pour consulter la structure de votre site.
![](/images/remos_downloads/detail/65/id-6543.6543.pdf-108.jpg)