Formation Joomla - créer son site Web

11,078 views

Published on

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.

Published in: Self Improvement, Technology
2 Comments
7 Likes
Statistics
Notes
No Downloads
Views
Total views
11,078
On SlideShare
0
From Embeds
0
Number of Embeds
660
Actions
Shares
0
Downloads
837
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

Formation Joomla - créer son site Web

  1. 1. Formation WebCréer son site Web avec Joomla!<br />
  2. 2. Les cinq grandes phases de création d’un site Web<br />Analyses<br /> 1<br />Design graphique<br /> 2<br />Développement / Intégration<br /> 3<br />Déploiement (mise en ligne)<br /> 4<br />Référencement / Indexation<br /> 5<br />
  3. 3. Phase 1 : Analyses<br /><ul><li> Analyse stratégique, fonctionnel et technique
  4. 4. Comparer la compétition
  5. 5. Énumérer les services offerts
  6. 6. Établir l’arborescence et la structure du site
  7. 7. Déterminer, évaluer et produire les contenus.
  8. 8. S’assurer d’adapter les contenus déjà existant.
  9. 9. Travailler avec des images et des photos. (http://www.istockphoto.com)
  10. 10. Réfléchir aux stratégies d’indexations et de référencement</li></li></ul><li>Phase 2 – Design graphique<br />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<br />Développement sur mesure vs <br />achat d’un gabarit préconçus<br />Template en vente sur Internet<br />http://www.pixelsparadise.com/showcase<br />http://demo.rockettheme.com<br />http://demo.yootheme.com<br />http://www.monstertemplate.com<br />http://www.hypertemplate.com<br />
  11. 11. Choix du nom de domaine<br />Quelquesconseils…<br /><ul><li>Préférez les noms courts;
  12. 12. Préférez un nom agréable à l’oreille, facile à mémoriser;
  13. 13. Choisissez un nom qui informe l’internaute sur votre activité, un nom intuitif;
  14. 14. Évitez les caractères difficiles à saisir comme les tirets par exemple;
  15. 15. Préférez un nom qui suscitera peu d’erreur;
  16. 16. Idéalement, prenez votre nom d’entreprise comme nom de domaine;
  17. 17. S’assurerque le nom de domaineest à votre nom.</li></li></ul><li>Qu’est-ce qu’un CMS?<br />Un système de gestion de contenu ou SGC (Content Management 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.<br />Ils partagent les fonctionnalités suivantes :<br /><ul><li> Permet l’édition de page simplifiée à l’aide d’outil de mise en forme.
  18. 18. Permet de séparer le contenu de la présentation
  19. 19. Permet de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.)
  20. 20. Permet à plusieurs individus de travailler sur un même document avec un système de gestion des droits.
  21. 21. Ne nécessite pas de connaissance technique avancée.</li></ul>Un CMS se résumeà : Autonomie<br />
  22. 22. Construirevotre site WebJoomla! 1.5<br />
  23. 23. Qu’est-ce que Joomla?<br />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.<br />Source : Wikipedia<br />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. <br />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.<br />
  24. 24. Concept de modularité<br />
  25. 25. Site Web vs Administration<br />Le panneau de control principal<br />Le menu principal<br />La gestion des menus<br />La gestion de contenu<br />La gestion des composants<br />Les extensions<br />Les outils<br />L’administration du site Web<br />Survol des fonctions de Joomla!<br />
  26. 26. Étapes de création de votre site<br />Prise en main de la console d’administration<br />Création des articles (contenu)<br />Création des items de menu<br />Utilisation des menus<br />Choix et mise en place d’un template<br />Configuration des modules<br />Manipulation des images<br />Optimisation pour les moteurs de recherche<br />
  27. 27. La console d’administration<br />La gestion du contenu ce fait à même le site Web.(http://www.votresite.com/administrator)<br />
  28. 28. Exercice<br />Se connecter à la console d’administration<br />Pour accéder à la console d’administration il suffit :<br />Entrez l’adresse : http://j000X.hpjformation.com/administrator<br />Entrez les informations que nous vous avons données pour vous connecter :<br /><ul><li>Nom d’utilisateur
  29. 29. Mot de passe</li></li></ul><li>Exercice<br />Choisissez un titre pour votre site<br />Pour modifier le titre de votre site Web il suffit :<br />Accéder à la console d&apos;administration Joomla!, dans le menu site -&gt; configuration global,<br />Remplir le champs Nom du site et sauvegarder.<br />
  30. 30. Création d’un article<br />Les articles sont le contenu principal du site <br />Ils sont classés par catégories et sections <br />Peuvent être affichés de différente façon :<br /><ul><li>Comme le contenu principal d’une page, comme un article d’un blogue ou comme une nouvelle brève.</li></ul>L’ensemble du contenu de votre site est à l’intérieur d’articles.<br />
  31. 31.
  32. 32. Gestion des articles<br />À partir du panneau d’administration<br />À partir du menu principal (menu contenu)<br />
  33. 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).<br />Pour effectuer la mise en page de votretexte, utilisez les boutons de l’éditeur, qui fonctionnentcommeceux d’un traitement de texteordinaire.<br />Pour en savoir plus... http://guides.hpjsolutions.com<br />
  34. 34. Exercice<br />Créez des articles pour votre site<br />Allez voir le site de guides en ligne :<br />http://guides.hpjsolutions.com/gestion-des-articles/creer-des-articles.html<br />http://guides.hpjsolutions.com/utilisation-de-lediteur.html<br />
  35. 35. Gestion des sections & catégories <br />
  36. 36. Structure arborescente de votre site<br />Pour en savoir plus... http://guides.hpjsolutions.com<br />
  37. 37. Exercice<br />Divisezvos articles en sections et catégories<br />http://guides.hpjsolutions.com/gestion-des-articles/creer-des-sections-et-des-categories.html<br />
  38. 38. Gestion des menus<br />Le menu est essentiel pour que le visiteur puisse accéder au contenu du site, peu importe la page où il se trouve.<br />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.<br />
  39. 39. Création de nouveaux menus<br />Lors de l’ajout d’un nouveau menu, quatre champs sont à remplir : <br />Nom du menu, <br />un nom unique (qui peut être identique au nom du menu mais qui ne doit pas être utilisé par un autre menu du site), <br />la description du menu (facultative) et <br />le nom du module. <br />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.<br />
  40. 40. Ajouter des éléments au menu<br />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.<br />Main Menu est le menu principal de votre site. <br />
  41. 41. En cliquantsur le bouton Nouveau, Joomla! propose une longue listed’optionspossibles. Pour faire un lien directementvers un article, sélectionnez Lien interne&gt; Articles &gt; Article &gt; Un article, ce qui mettravotre article en contenu principal de la page.<br />
  42. 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.<br />
  43. 43. Exercice<br />Modifiez « Main Menu » pour votre site en y plaçant<br />les articles que vous avez écrits plus tôt.<br />http://guides.hpjsolutions.com/gestion-des-menus/creer-des-menus.html<br />
  44. 44. Configuration des modules<br />Les modules sont des petits blocs d’informationspouvantfacilementêtredéplacéssur la page et pouvantapparaîtresuruneseuleouplusieurs pages. <br />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.<br />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.<br />
  45. 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.<br />
  46. 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.<br />
  47. 47. Exercice<br />Placezvotre menu ainsique le moteur de rechercheàl’endroitdésirésurvotre site.<br />
  48. 48. Création d’un nouveau module<br />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.<br />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é.<br />
  49. 49. Exercice<br />Créez un module contenant un Copyright, qui sera placédans le bas de toutes les pages du site.<br />
  50. 50. Optimisation du site<br />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.<br />La base d’unebonne optimisation estd’associer des mots-cléspertinents avec le contenu. Pour se faire, allezdans Configuration globaledans le menu Site.<br />
  51. 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.<br />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.<br />
  52. 52. Gestion des images<br />Utilisation du logicielgratuit Gimp.<br />Gimp est un logicielpermettant de manipuler les images quevousutilisezsurvotre site web.<br />Exercice<br />http://guides.hpjsolutions.com/images/preparation-des-images-pour-leweb.html<br />
  53. 53. Gestion des fichiers<br />Utilisation du logicielgratuitFileZilla.<br />FileZillaest un logicielpermettant de manipuler les fichierssurvotreunitéd’hébergement.<br />Exercice<br />http://guides.hpjsolutions.com/outils-utiles/utilisation-dun-client-ftp.htmls<br />
  54. 54. Exercice<br />Choisissez un titre pour votre site, composezune description et des motsclés et activez les URL explicites.<br />
  55. 55. Choix et installation d’un template<br />Le template (ougabarit) permet de changer l’apparence du site.<br />Dans la console d’administration de votre site (http://votresite.com/administrator), cliquezsur le Gestionnaire des templates, situédans le menu Extensions.<br />
  56. 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.<br />
  57. 57. Exercice<br />Sélectionnez le template de votre site<br />
  58. 58. Les outils nécessaires au webmestre<br />Outils pour faciliter votre travail<br /><ul><li>Un CMS (Joomla)
  59. 59. Un logiciel pour les image (Gimp)
  60. 60. Un client FTP (FileZilla)
  61. 61. Un éditeur de texte (Notepad)
  62. 62. Un éditeur HTML (CoffeeCup)</li></li></ul><li>Liens utiles<br />Comment faire évoluervotre site...<br />http://www.joomla.org/ - Le site officiel de Joomla.<br />http://www.gimp.org/ - Logicielgratuit pour manipuler des images.<br />http://filezilla-project.org/ - Logiciel FTP.<br />http://www.coffeecup.com – Editeur HTML gratuit.<br />http://www.joomfish.net/ - Composant Joomla pour avoir un site multilingue.<br />http://getfirebug.com/ - Plugin Firefox pour consulter la structure de votre site.<br />

×