Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Version 2014"

download Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Version 2014"

of 58

Embed Size (px)

description

Présentation de l'Atelier Numérique de Territoire : Création d'un site web avec Jimdo (2014) en 3 étapes !

Transcript of Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Version 2014"

  • 1. Cration dun site inter/et Lundi 12 Mai 2014 Oce de Tourisme - Pays de Gourdon Atelier Numrique E-tourisme

2. On se prsente Petit tour de table Lavant site ! Ce quil faut savoir La cration en 3 tapes Crez, Personnalisez, AdministOez Aujourdhui Alors cest parRi !!! 3. Cathy MABOUT Oce de Tourisme Intercommunal du Pays de Gourdon, Charge de lAnimation Numrique de TerOitoire, et surRout pas webmaster, communitX manager, spcialiste du rfrencement, ANT : ??? Quisuis-je? LAnima0onNumriquedeTerritoirecest Une nouvelle mission pour les Oces de Tourisme : accompag/er les professionnels du Tourisme dans le E-tourisme Pe0ttourdetable Qui tes vous ? O en tes vous de votOe site web ? ANT:enanglaisaveutdireFourmi! 4. Je vous prsente nos Ptits Sites Jimdo ! h"p://medievalesdegourdon.jimdo.com/h"p://fes8valhappydaysgospel.jimdo.com/ 5. Site bas sur la rdaction rg`lire darRicles dact`alits, billets dhumeur, interactivit avec les lecteurs Blog ou Site Inter/et ? Blog Le site procure beaucoup plus de liberR dans lorganisation des r`briques et des pages (un menu et des sous-menus). Il y a une relle hirarchisation de votOe inforeation SiteInternet Nous, aujourdhui, on soccupe de crer un Site Inter/et !!! 6. Avant de parler Technique , il faut parler de contenus et de cibles ! qui votOe site sadresse, Pour rpondre quels besoins, Avec quels outils et quels contenus ? Quelle image je veux vhiculer ? Quest ce que je vais meiOe dedans ? Que font mes concurOents ? Avant de commencer Seposerlesbonnesques0ons! 7. La Mthode Essayer de hirarchiser vos infos Lister tous vos contenus Les RegOouper en catgories Les StO`ct`rer Un stXlo et un bloc note : 8. Exemples darborescences pour sites touristiques LArborescence Cest larRiculation des direntes pages entOe elles Cest une tape imporRante mais toujours modiable 9. Aujourdhui Crer un site inter/et facilement 10. Jimdo ? Mais cest quoi Jimdo pereet de crer et d'administOer un site web tOs facilement Les avantages : - Pas besoin de tlcharger de logiciel: tout se fait en lig/e. Accessible depuis n'imporRe quel ordinateur. - Pas besoin de connatOe des langages inforeatiques. - Plateforee int`itive d'utilisation, mme pour les dbutants - Nombre de page illimit - Un bon rfrencement nat`rel - Une version Mobile gnre automatiquement - Version gOat`ite et version professionnelle payante (5/mois) 11. Des versions Pro, aussi 12. Des versions Pro, aussi Jimdo2FREE2 Gratuit2 12nom2de2domaine2 Rfncement2 Jimdo2PRO2 60 2/2an2 12nom2de2domaine2 12email2pro2 Statistiques22 Jimdo2BUSINESS2 1802 2/2an2 22noms2de2domaine2 +2de2mmoire2 EJboutique2illimite2 13. Les tapes 14. VotOe Nom de Domaine VrierladisponibilitduNomdeDomainesouhait A"en8onauxmotstropconcurren8els U8liserdesmotscls,facilesreteniretquidcriventaumieuxvotreac8vitet quisoienta"rac8fs viterlesmotscompliqusoudicilesprononcer viterles8rets 15. Vrier votOe Nom de Domaine h"p://www.whois-rayne"e.fr/ 16. Le Contenu du site NepasfairedeCopier-Collerdetextesexistants!Mauvaispourlerfrencement. Chaquepagedinternetdoittreunique. Me"redesliens(internesetexternes)per8nentssurdesmotscls Rpondredesques8onstypes:O,quoi,comment,quand,qui,combien Privilgierlestextescourtsquivontdirectementlinforma8onprincipale(15mots/phrase) Soignerles8tresetsous-8tres,ilsguidentlesinternautes 17. On y va !!! Rendez-voussur: h"p://fr.jimdo.com/ 18. tape 1 : Crer un compte Rendez-vous sur : www.jimdo.com Acceptez les conditions Cliquez sur Crer mon site gOat`it Saisissez le nom de votOe site Saisissez votOe adresse mail 19. Conreation & Accs au site Lien vers votOe site Relevez vos mails VotOe mot de passe VotOe site est en lig/e ! Il ne reste plus qu le personnaliser 20. Voici la page daccueil de votOe site. tape 2 : Connexion au site 21. Petite prsentation Header : Bannire, Bandeau, En tte du site Menu de Navigation BarOe latrale : est visible sur toutes les pages. On pourOa y meiOe dirents modules comme La Mto Balader la souris sur la page, sans cliquer 22. Personnalisation du Header ! Maintenant, on fait une ptite BEAUT notOe site !!! 23. Personnalisation du Header ! Passez votOe souris sur la zone dentte de votOe site, puis cliquez sur Modier le header 24. Personnalisation du Header On clique sur parcourir pour aller chercher notOe photo sur notOe ordinateur 25. Motif : InserRion de motif Personnalisation du Header Modier le header : changer la taille : hauteur et largeur TitOe : modication du titOe dentte 26. StXle Blog Acheter ParamtOes SEO - Rfrencement Stats (achat) Aide Desig/ Le Menu AdministOation 27. Onglet Desig/ - Mise en page 28. Onglet Desig/ 29. Onglet StXle STYLE : Ici on personnalise tout le contenu du site Police Couleur Fond TexR`re 30. Onglet Blog Jimdo vous donne la possibilit dinsrer un BLOG votOe site inter/et ! Un BLOG doit tOe aliment quasi QUOTIDIENNEMENT Tenir compte du temps que cela prend avant de meiOe en lig/e ! 31. Onglet Achat 32. Onglet ParamtOes 33. Onglet SEO 34. Cest parRi ! Personnalisation du site Navigation : Cration du Menu : ajout de pages Zoom Ne pas oublier denregistOer 35. Le Menu : les niveaux, la hirarchisation 1erniveaudumenu 2ndniveaudumenu 3meniveaudumenu Nepasoublier denregistrer 36. Grer vos pages, votOe menu Cesches perme"entde changerlordredes pagesdanslemenu Cesches perme"entde changerleniveaudes pagesdanslemenu Ajouterou supprimer unepage Masquer unepage ADen0on!Lasuppression dunepageestirrversible! Donconprfre masquerlapage. 37. Ajout dun module : on a beaucoup de choix !!! Personnalisation du site Ajout dun TitOe dans une page Dplacer le module vers le haut ou vers le bas Supprimer le module Ajouter un module Dupliquer le module 38. Le contenu : prsentation des outils Une page de site Jimdo est compose dune succession dlments, de modules. Chaque module est indpendant A tout moment vous pouvez modier, dplacer ou supprimer un module dans la page Tout module peut tOe dupliqu. (La duplication dune page entire nest disponible quen version pro) Toutes les mises jour se font instantanment ds que vous cliquez sur EnregistOer Pour ajouter du contenu dans une nouvelle page, cliquez sur 39. Les outils de stO`ct`ration Les colonnes sont un nouvel outil tOs pratique pour stO`ct`rer la prsentation de votOe 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. 40. Les outils de texRe Les TitOes pereeient de stO`ct`rer votOe texRe (3 niveaux de titOes) visuellement pour linter/aute qui va le lire, techniquement pour les moteurs de recherche qui vont les reconnatOe comme des lments imporRants de la page Le TexRe sutilise de la mme faon que les logiciels de tOaitement de texRe tX{e Word. 41. Pour crer un lien, slectionnez le texRe sur lequel vous souhaitez meiOe le lien cliquez sur le chanon puis choisissez entOe lien inter/e (lien vers une autOe page de votOe site) ou lien exRer/e (lien vers un autOe site ou un e-mail) cliquez sur Crer un lien * Cration ou suppression de liens Les outils de texRe Alig/ement du texRe RetOait de paragOaphe Cration ou suppression de liens * Annule ou restaure laction TexRe Gras ou Italique InserRion de puces ou numros Couleur du texRe InserRion de texRe br`t ou suppression de mise en foree ( utiliser imprativement pour les copier-coller !!!) Pereet daccder au code htel de votOe texRe 42. La Galerie dImages pereet tOs simplement dacher une srie de photos : soit en mode diaporama , soit en mode vig/eies agOandissables Les Images & Photos Image et TexRe avec Image pereet tOs facilement linserRion dune photo dans votOe page ou un TexRe positionn par rapporR une photo. Vous pourOez grer la taille de votOe image, sa position dans la page, la rotation (si besoin), spcier quelle soit agOandissable ou non, ajouter un texRe alter/atif et meiOe un lien sur vos photos (t8s impor:ant pour chaque visuel !) PourautoriserlepartagedevosphotossurPinterest 43. Les outils Jimdo Tlchargement o~e aux inter/autes la possibilit de tlcharger des documents, par exemple votOe dpliant dappel, au foreat Pdf (foreat privilgier !) Le Livre dOr o~e aux inter/autes la possibilit de dposer leur avis ou leur ex{rience sur votOe tablissement. Cela ne remplace pas les liens vers les dirents sites davis existants : Tripadvisor, Dismoio, Google, Le Foreulaire pereet la cration dun foreulaire de contact et/ou de rseration Flux RSS vous pereet de rcuprer et dintgOer votOe site un ux RSS issu dun blog ou dun autOe site inter/et 44. CommentinsrerunFluxRSS? Exemple: " Copierladresseinternet " Lacollerdanslecadreprvuparlou8l FluxRSSdeJimdo " Achaquemisejour,linforma8onlesera automa8quementsurvotresite Cesymbolenapparatpasdansvotrenavigateur?Pasdepanique! Ilsutdinstallerlextensioncorrespondante PourChrome 8ny.cc/rsschrome PourMozillaFirefox 8ny.cc/rssmozilla Les outils Jimdo 45. Les outils Jimdo ParRager pour insrer les boutons de parRage Cela pereet aux inter/autes de parRager vos infos avec leurs amis sur leurs rseaux sociaux. Facebook Bouton Jaime avec ou sans compteur, pour que les inter/autes sig/alent quils aiment votOe contenu sur leur compte Facebook Twiier pour faire remonter le l dact` de votOe compte Twiier et inciter les gens vous suivre sur Twiier. Google + Bouton G+ pour que les inter/autes sig/alent quils aiment votOe contenu sur le compte Google + 46. LinserRion de contenus exRer/es Widget / HTML On utilisera de prfrence cet outil po