Your SlideShare is downloading. ×
Formation Joomla - créer son site Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Formation Joomla - créer son site Web

9,466
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 …

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
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,466
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
524
Comments
2
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Formation WebCréer son site Web avec Joomla!
  • 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
  • 3. Phase 1 : Analyses
    • Analyse stratégique, fonctionnel et technique
    • 4. Comparer la compétition
    • 5. Énumérer les services offerts
    • 6. Établir l’arborescence et la structure du site
    • 7. Déterminer, évaluer et produire les contenus.
    • 8. S’assurer d’adapter les contenus déjà existant.
    • 9. Travailler avec des images et des photos. (http://www.istockphoto.com)
    • 10. Réfléchir aux stratégies d’indexations et de référencement
  • Phase 2 – Design graphique
    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
    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
  • 11. Choix du nom de domaine
    Quelquesconseils…
    • Préférez les noms courts;
    • 12. Préférez un nom agréable à l’oreille, facile à mémoriser;
    • 13. Choisissez un nom qui informe l’internaute sur votre activité, un nom intuitif;
    • 14. Évitez les caractères difficiles à saisir comme les tirets par exemple;
    • 15. Préférez un nom qui suscitera peu d’erreur;
    • 16. Idéalement, prenez votre nom d’entreprise comme nom de domaine;
    • 17. S’assurerque le nom de domaineest à votre nom.
  • Qu’est-ce qu’un CMS?
    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.
    Ils partagent les fonctionnalités suivantes :
    • Permet l’édition de page simplifiée à l’aide d’outil de mise en forme.
    • 18. Permet de séparer le contenu de la présentation
    • 19. Permet de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.)
    • 20. Permet à plusieurs individus de travailler sur un même document avec un système de gestion des droits.
    • 21. Ne nécessite pas de connaissance technique avancée.
    Un CMS se résumeà : Autonomie
  • 22. Construirevotre site WebJoomla! 1.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.
  • 24. Concept de modularité
  • 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. Exercice
    Se connecter à la console d’administration
    Pour accéder à la console d’administration il suffit :
    Entrez l’adresse : http://j000X.hpjformation.com/administrator
    Entrez les informations que nous vous avons données pour vous connecter :
    • Nom d’utilisateur
    • 29. Mot de passe
  • Exercice
    Choisissez un titre pour votre site
    Pour modifier le titre de votre site Web il suffit :
    Accéder à la console d'administration Joomla!, dans le menu site -> configuration global,
    Remplir le champs Nom du site et sauvegarder.
  • 30. Création d’un article
    Les articles sont le contenu principal du site
    Ils sont classés par catégories et sections
    Peuvent être affichés de différente façon :
    • Comme le contenu principal d’une page, comme un article d’un blogue ou comme une nouvelle brève.
    L’ensemble du contenu de votre site est à l’intérieur d’articles.
  • 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
  • 35. Gestion des sections & catégories
  • 36. Structure arborescente de votre site
    Pour en savoir plus... http://guides.hpjsolutions.com
  • 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.
  • 47. Exercice
    Placezvotre menu ainsique le moteur de rechercheàl’endroitdésirésurvotre site.
  • 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.
  • 57. Exercice
    Sélectionnez le template de votre site
  • 58. Les outils nécessaires au webmestre
    Outils pour faciliter votre travail
    • Un CMS (Joomla)
    • 59. Un logiciel pour les image (Gimp)
    • 60. Un client FTP (FileZilla)
    • 61. Un éditeur de texte (Notepad)
    • 62. Un éditeur HTML (CoffeeCup)
  • Liens utiles
    Comment faire évoluervotre site...
    http://www.joomla.org/ - Le site officiel de Joomla.
    http://www.gimp.org/ - Logicielgratuit 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 site multilingue.
    http://getfirebug.com/ - Plugin Firefox pour consulter la structure de votre site.