Pays de Gourdon : Atelier Jimdo

  • View
    2.416

  • Download
    0

Embed Size (px)

DESCRIPTION

Cration d'un site avec Jimdo !

Transcript

  • 1. Office de Tourisme - Pays de Gourdon Atelier Numrique EtourismeCration dun site internet Lundi 25 Mars 2013 Cyber Base Quercy Bouriane Gourdon

2. Aujourdhui On se prsente Petit tour de table Lavant site ! Ce quil faut savoir La cration en 3 tapes Crez, Personnalisez, AdministrezAlors cest parti !!! 3. ANT : ??? Qui Cathy MABOUT suis-je ? Office de Tourisme Intercommunal du Pays de Gourdon, Charge de lAnimation Numrique de Territoire, et surtout pas webmaster, community manager, spcialiste du rfrencement, ANT : en anglais a veut dire Fourmi !LAnimation Numrique de Territoire cest Une nouvelle mission pour les Offices de Tourisme : accompagner les professionnels du Tourisme dans le EtourismePetit tour de table Qui tes vous ? O en tes vous de votre 4. Blog ou Site Internet ? BlogSite bas sur la rdaction rgulire darticles dactualits, billets dhumeur, interactivit avec les lecteurs Site Internet Le site procure beaucoup plus de libert dans lorganisation des rubriques et des pages (un menu et des sous-menus). Il y a une relle hirarchisation de votre informationNous, aujourdhui, on soccupe de crer un Site Internet !!! 5. Avant de commencer Se poser les bonnes questions ! Avant de parler Technique , il faut parler de contenus et de cibles ! qui votre site sadresse, Pour rpondre quels besoins, Avec quels outils et quels contenus ? 6. La Mthode Un stylo et un bloc note : Essayer de hirarchiser vos infos Lister tous vos contenus Les Regrouper en catgories Les Structurer 7. LArborescence Cest larticulation des diffrentes pages entre elles Cest une tape importante mais toujours modifiableExemples darborescences pour sites touristiques 8. Aujourdhui Crer un site internet facilement 9. Jimdo ? Mais cest quoi Jimdo permet de crer et d'administrer un site web trs facilementLes avantages : - Pas besoin de tlcharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur. - Pas besoin de connatre des langages informatiques. - Plateforme intuitive d'utilisation, mme pour les dbutants - Nombre de page illimit - Un bon rfrencement naturel - Une version Mobile gnre automatiquement - Version gratuite et version professionnelle payante (5/mois) 10. Les tapes 11. tape 1 : Crer un compteRendez-vous sur : www.jimdo.c om Saisissez le nom de votre site Saisissez votre adresse mail Acceptez les conditions Cliquez sur Crer mon site gratuit 12. Confirmation & Accs au site Relevez vos mails Lien vers votre site Votre mot de passeVotre site est en ligne ! Il ne reste plus qu le 13. tape 2 : Connexion au siteVoici la page daccueil de votre site. 14. Petite prsentation Header : Bannire, Bandeau, En tte du siteMenu de NavigationBalader la souris sur la page, sans cliquer Barre latrale : est visible sur toutes les pages. On pourra y mettre diffrents modules comme La Mto 15. Cest parti ! Personnalisation du siteNavigation : Cration du Menu : ajout de pagesZoom Ne pas oublier denregistrer 16. Personnalisation du site Dplacer le module vers le haut ou vers le bas Supprimer le moduleAjout dun Titre dans une pageDupliquer le module Ajouter un moduleAjout dun module : on a beaucoup de choix !!! 17. Le contenu : prsentation des outils Une page de site Jimdo est compose dune succession dlments. Chaque lment est indpendant A tout moment vous pouvez modifier, dplacer ou supprimer un lment dans la page Tout lment peut tre dupliqu. (La duplication dune page entire nest disponible quen version pro) Toutes les mises jour se font instantanment ds que vous cliquez sur Enregistrer Pour ajouter du contenu dans une nouvelle page, cliquez sur 18. Les outils de structuration Les colonnes sont un nouvel outil trs pratique pour structurer la prsentation de votre page. 2 colonnes sont insres par dfaut mais vous pouvez ajouter autant de colonnes que ncessaire.Ensuite chaque colonne sutilise et salimente comme une page dans la page. Vous pouvez donc y ajouter autant dlments que vous souhaitez. 19. Les outils de texte Les Titres permettent de structurer votre texte (3 niveaux de titres) visuellement pour linternaute qui va le lire, techniquement pour les moteurs de recherche qui vont les reconnatre comme des lments importants de la page Le Texte sutilise de la mme faon que les logiciels de traitement de texte type Word. 20. Les outils de texteAlignem ent du texteTexte Gras ou ItaliqueRetrait de paragra pheInsertio n de puces ou numro sCration ou suppress ion de liens *Annule ou restaur e lactionPermet daccder Couleur au code html du texte Insertion de texte brutde votre texte ou suppression de mise en forme ( utiliser imprativement pour les copier-coller !!!)* Cration ou suppression de liens Pour crer un lien, slectionnez le texte sur lequel vous souhaitez mettre le lien cliquez sur le chanon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers un autre site ou un e-mail) 21. Les Images & Photos Image et Texte avec Image permet trs facilement linsertion dune photo dans votre page ou un Texte positionn par rapport une photo. Vous pourrez grer la taille de votre image, sa position dans la page, la rotation (si besoin), spcifier quelle soit agrandissable ou non, ajouter un texte alternatif et mettre un lien sur vos photos (trs important pour chaque visuel !)La Galerie dImages permet trs simplement dafficher une srie de photos : soit en mode diaporama , soit 22. Les outils Jimdo Tlchargement offre aux internautes la possibilit de tlcharger des documents, par exemple votre dpliant dappel, au format Pdf (format privilgier !) Le Livre dOr offre aux internautes la possibilit de dposer leur avis ou leur exprience sur votre tablissement. Cela ne remplace pas les liens vers les diffrents sites davis existants : Tripadvisor, Dismoio, Google, Le Formulaire permet la cration dun formulaire de contact et/ou de rservation Flux RSS vous permet de rcuprer et dintgrer votre site un flux RSS issu dun blog ou dun autre site internet 23. Les outils Jimdo Partager pour insrer les boutons de partage Cela permet aux internautes de partager vos infos avec leurs amis sur leurs rseaux sociaux. Facebook Bouton Jaime avec ou sans compteur, pour que les internautes signalent quils aiment votre contenu sur leur compte Facebook Twitter pour faire remonter le fil dactu de votre compte Twitter Google + Bouton G+ pour que les internautes signalent quils aiment votre contenu sur le compte Google + 24. Linsertion de contenus externes Widget / HTML On utilisera de prfrence cet outil pour intgrer notre site des contenus hbergs par des plateformes telles Youtube, DailyMotion, Vimo, Flickr, Google, HTML : il faut simplement copier-coller dans ce module, le code html de ce que vous souhaitez insrer dans votre page. Widget : Dans ce module, Jimdo vous en propose. Exemples de widgets : Mto, Google Maps, Google Agenda, dpt davis Tripadvisor, Albums photos, Vidos, 25. Linsertion dune vido You Tube Rendez-vous sur Youtube.com ou depuis Google cliquez sur YouTube 26. Linsertion dune vido You Tube Cherchez la vido souhaite1 Cliquez sur partager 2 Cliquez sur Intgrer 1 23 Ajuster la taille de la vido 44 Copiez le code HTML et collez le dans le cadre du module widget sur votre site Jimdo.3 27. Linsertion dun Widget Mto 1 Rendez-vous sur www.meteorama.fr et saisir votre comm12 Cliquez sur Mto gratuit pour sit 23 Suivre les tapes du paramtrage de votre 3widget et voyez quoi il ressemble. Acceptez les conditions et cliquez sur Gnrer le code (en bas gauche)4 Copiez le code HTML et collez le dans le cadre du module widget sur votre site Jimdo. 4 28. Insertion dans la Barre Latrale Exemples dinsertion de modules dans la barre latrale : Partage Rseaux sociaux, Bouton jaime ou Mto On clique surdans la barre latrale 29. Insertion dun Google Agenda ! Trs pratique pour la gestion des disponibilits !Depuis Google connectez vous votre compte ou crez en un puis cliquez sur Agenda 30. Insertion dun Google Agenda ! Cliquez sur la flche droite de Mes agendas puis sur Crer un agenda 31. Insertion dun Google Agenda !1 Nommez votre agenda3 Indiquez le lieu de votre tablissement4 Cochez la case de publication5 Cliquez sur Crer2 Descriptif (facultatif) 32. Insertion dun Google Agenda ! Cliquez sur la flche droite de votre agendaCliquez sur Paramtres de lagenda Personnalisez votre widget Google agenda 33. Insertion dun Google Agenda !Personnalisation de votre Agenda : Modification de la taille Choix du mode daffichage Choix des lments daffichage Cochez les agendas que vous souhaitez insrer (1 widget / chambre ou 1 widget pour tous les agendas) Cliquez sur mettre jour le code html , copiez le et collez le sur votre site Jimdo 34. Personnalisation du Header ! Maintenant, on refait une ptite BEAUT notre site !!! 35. Personnalisation du Header ! Passez votre souris sur la zone dentte de votre site, puis cliquez sur Modifier le header 36. Personnalisation du HeaderOn clique sur parcourir pour aller chercher notre 37. Personnalisation du HeaderMotif : Insertion de motifModifier le header : changer la taille : hauteur et largeurTitre : modificati on du titre dentte 38. Le Menu Administration DesignStyle Blog Acheter Param tres SEO RfrencementStats (achat) Aide 39. Onglet Design - Mise en page 40. Onglet Design 41. Onglet Style STYLE : Ici on personnalise tout le contenu du site Police Couleur Fond Texture 42. Onglet Blog Jimdo vous donne la possibilit dinsrer un BLOG votre site internet !Un BLOG doit tre aliment quasi QUOTIDIENNEMENT Tenir compte du temps que cela prend avant de mettre en ligne ! 43. Onglet Achat 44. Onglet Paramtres 45. Onglet SEO 46. Pour aller plus loin avec Jimdo !!! Des mentions lgales en bonne et due forme http://www.subdelirium.com/generat