La création d'un site web même avec Joomla n'est pas simple et nécessite généralement une formation. Notre présentation vous permettra de connaître les principes du CMS pour construire un site Web de base.
2. Les cinq grandes phases de création d’un site Web Analyses 1 Design graphique 2 Développement / Intégration 3 Déploiement (mise en ligne) 4 Référencement / Indexation 5
23. 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. Source : Wikipedia 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. 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.
25. 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 L’administration du site Web Survol des fonctions de Joomla!
26. Étapes de création de votre site Prise en main de la console d’administration Création des articles (contenu) Création des items de menu Utilisation des menus Choix et mise en place d’un template Configuration des modules Manipulation des images Optimisation pour les moteurs de recherche
27. La console d’administration La gestion du contenu ce fait à même le site Web.(http://www.votresite.com/administrator)
28.
29.
30.
31.
32. Gestion des articles À partir du panneau d’administration À partir du menu principal (menu contenu)
33. En débutant un nouvel article, ilestnécessaire de préciser un titre ainsique la section et la catégoriedanslequelilapparaîtra (sélectionnez Non catégorisés’iln’appartient pas à une section précise). Pour effectuer la mise en page de votretexte, utilisez les boutons de l’éditeur, qui fonctionnentcommeceux d’un traitement de texteordinaire. Pour en savoir plus... http://guides.hpjsolutions.com
34. Exercice Créez des articles pour votre site Allez voir le site de guides en ligne : http://guides.hpjsolutions.com/gestion-des-articles/creer-des-articles.html http://guides.hpjsolutions.com/utilisation-de-lediteur.html
37. Exercice Divisezvos articles en sections et catégories http://guides.hpjsolutions.com/gestion-des-articles/creer-des-sections-et-des-categories.html
38. 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. 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.
39. Création de nouveaux menus Lors de l’ajout d’un nouveau menu, quatre champs sont à remplir : Nom du menu, 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 le 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 être fait manuellement plus tard.
40. Ajouter des éléments au menu Pour ajouter des éléments, cliquez sur l’icône située à droite du menu dans la Gestion des menus ou sélectionnez le nom de votre menu dans le menu Menus. Main Menu est le menu principal de votre site.
41. En cliquantsur le bouton Nouveau, Joomla! propose une longue listed’optionspossibles. Pour faire un lien directementvers un article, sélectionnez Lien interne> Articles > Article > Un article, ce qui mettravotre article en contenu principal de la page.
42. Dans les Détails de l’élément, inscrivez un titre, qui sera le texteapparaissantdans le menu. Puis, dansParamètres – basique, cliquezsur le boutonSélection et choisissezvotre article. CliquezsurSauver pour enregistrervosparamètres et recommencer pour chaqueéléments du menu.
43. Exercice Modifiez « Main Menu » pour votre site en y plaçant les articles que vous avez écrits plus tôt. http://guides.hpjsolutions.com/gestion-des-menus/creer-des-menus.html
44. Configuration des modules Les modules sont des petits blocs d’informationspouvantfacilementêtredéplacéssur la page et pouvantapparaîtresuruneseuleouplusieurs pages. Parmi les modules les plus populaires, on retrouve les menus du site, un moteur de recherche, le pied de page, etc. Les modules peuventêtrecréés par des programmeursexpérimentésoucontenirseulement du texte. La gestion des modules se trouvedans le menu Extensions. Certains modules s’ytrouvent déjà par défaut, comme par exemple les menus du site.
45. Pour choisirl’emplacement du module, cliquezsur son nom pour l’ouvrir. Dans la section Détails, vouspouvez changer son nom et décidezsicelui-ciapparaîtra au dessus du module. L’optionActivédoitêtre à Oui, car c’estce qui déterminesi le module apparaîtou non sur le site. Ensuite, l’option Position permet de choisiroù le module appraîtsur la page, par exemple en entêteoudans la colonne de gauche. Cesespacessontprédéfinidans la template. Si plusieurs modules sontplacés à la même position, l’optionOrdrepermet de déciderlequels’affiche en premier.
46. La section Affectation de menu permet de sélectionnersurquelles pages le module apparaîtra. Un élémentcomme le menu et la barre de recherche se retrouverontsurtoutes les pages, mais un menu secondairepourrait par exemple se retrouversurquelques pages seulement.
48. Création d’un nouveau module Dans la gestion des modules, cliquezsur nouveau pour créer un nouveau module. Dans la listed’option, sélectionnez HTML personnalisé, ce qui permettra de placer du textedans le module. Donnez un titre à votre module et sélectionnezsa position sur la page. Inscrivezensuitevotretexte à l’aide de l’éditeur, de la mêmefaçonquelorsquevousécrivez un article. Cliquezsursauvezlorsquevousavezterminé.
49. Exercice Créez un module contenant un Copyright, qui sera placédans le bas de toutes les pages du site.
50. Optimisation du site L’optimisation aide les moteurs de recherches à mieuxcomprendre le contenu du site. Ainsi, le site pourraapparaître plus fréquementdans les recherches et attirer plus de visiteursintéressés par son contenu. La base d’unebonne optimisation estd’associer des mots-cléspertinents avec le contenu. Pour se faire, allezdans Configuration globaledans le menu Site.
51. Dans les Paramètres du site, choisissez un titre pour votre site. Ensuite, dans la section Paramètres des métadonnés, écrivezune description qui réfètebien le contenu du site et des motsclésvariés et en rapport avec le contenu. Ensuite, dans la section Paramètres SEO, cochezOui pour les URL explicites. Cette option remplace la longue adressegénérée par Joomla par le titre de la page, ce qui aide unefois de plus les moteurs de recherche à comprendre le contenu de la page.
52. Gestion des images Utilisation du logicielgratuit Gimp. Gimp est un logicielpermettant de manipuler les images quevousutilisezsurvotre site web. Exercice http://guides.hpjsolutions.com/images/preparation-des-images-pour-leweb.html
53. Gestion des fichiers Utilisation du logicielgratuitFileZilla. FileZillaest un logicielpermettant de manipuler les fichierssurvotreunitéd’hébergement. Exercice http://guides.hpjsolutions.com/outils-utiles/utilisation-dun-client-ftp.htmls
54. Exercice Choisissez un titre pour votre site, composezune description et des motsclés et activez les URL explicites.
55. Choix et installation d’un template Le template (ougabarit) permet de changer l’apparence du site. Dans la console d’administration de votre site (http://votresite.com/administrator), cliquezsur le Gestionnaire des templates, situédans le menu Extensions.
56. Dans la listedisponible, sélectionnez le template de votrechoix et cliquezsurDéfaut (l’étoilejaunedans le menu). Uneétoileapparaîtra à côté du nom de la template, signifiantqu’elleestsélectionnée pour le site.