Animation Numérique de Territoire : Atelier jimdo

download Animation Numérique de Territoire : Atelier jimdo

of 48

Embed Size (px)

description

Animation Numérique de Territoire Printemps 2013 Pays de Gourdon - Lot 46 Atelier sur la création d'un site web avec Jimdo.

Transcript of Animation Numérique de Territoire : Atelier jimdo

  • 1. Oce de Tourisme - Pays de Gourdon Atelier Numrique E-tourisme Cration dun site inter/et 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, AdministQez Alors cest parTi !!! 3. ANT : ??? Quisuis-je? Cathy MABOUT Oce de Tourisme Intercommunal du Pays de Gourdon, Charge de lAnimation Numrique de TerQitoire, et surTout pas webmaster, communitY manager, spcialiste du rfrencement, ANT:enanglaisaveutdireFourmi!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 votQe site web ? 4. Blog ou Site Inter/et ? Blog Site bas sur la rdaction rg_lire darTicles dact_alits, billets dhumeur, interactivit avec les lecteurs SiteInternet Le site procure beaucoup plus de liberT dans lorganisation des r_briques et des pages (un menu et des sous-menus). Il y a une relle hirarchisation de votQe infordation Nous, aujourdhui, on soccupe de crer un Site Inter/et !!! 5. Avant de commencer Seposerlesbonnesques0ons! Avant de parler Technique , il faut parler de contenus et de cibles ! qui votQe 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 RegQouper en catgories Les StQ_ct_rer 7. LArborescence Cest larTiculation des direntes pages entQe elles Cest une tape imporTante mais toujours modiable Exemples darborescences pour sites touristiques 8. Aujourdhui Crer un site inter/et facilement 9. Jimdo ? Mais cest quoi Jimdo perdet de crer et d'administQer un site web tQs facilement Les avantages : - Pas besoin de tlcharger de logiciel: tout se fait en lig/e. Accessible depuis n'imporTe quel ordinateur. - Pas besoin de connatQe des langages infordatiques. - Plateforde int_itive d'utilisation, mme pour les dbutants - Nombre de page illimit - Un bon rfrencement nat_rel - Une version Mobile gnre automatiquement - Version gQat_ite et version professionnelle payante (5/mois) 10. Les tapes 11. tape 1 : Crer un compte Rendez-vous sur : www.jimdo.com Saisissez le nom de votQe site Saisissez votQe adresse mail Acceptez les conditions Cliquez sur Crer mon site gQat_it 12. Conrdation & Accs au site Relevez vos mails Lien vers votQe site VotQe mot de passe VotQe site est en lig/e ! Il ne reste plus qu le personnaliser 13. tape 2 : Connexion au site Voici la page daccueil de votQe site. 14. Petite prsentation Header : Bannire, Bandeau, En tte du site Menu de Navigation Balader la souris sur la page, sans cliquer BarQe latrale : est visible sur toutes les pages. On pourQa y metQe dirents modules comme La Mto 15. Cest parTi ! Personnalisation du site Navigation : Cration du Menu : ajout de pages Zoom Ne pas oublier denregistQer 16. Personnalisation du site Dplacer le module vers le haut ou vers le bas Ajout dun TitQe dans une page Supprimer le module Dupliquer le module Ajouter un module Ajout 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 modier, dplacer ou supprimer un lment dans la page Tout lment peut tQe dupliqu. (La duplication dune page entire nest disponible quen version pro) Toutes les mises jour se font instantanment ds que vous cliquez sur EnregistQer Pour ajouter du contenu dans une nouvelle page, cliquez sur 18. Les outils de stQ_ct_ration Les colonnes sont un nouvel outil tQs pratique pour stQ_ct_rer la prsentation de votQe 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 TitQes perdetent de stQ_ct_rer votQe texTe (3 niveaux de titQes) visuellement pour linter/aute qui va le lire, techniquement pour les moteurs de recherche qui vont les reconnatQe comme des lments imporTants de la page Le TexTe sutilise de la mme faon que les logiciels de tQaitement de texTe tYxe Word. 20. Les outils de texTe Alig/ement du texTe TexTe Gras ou Italique RetQait de paragQaphe InserTion de puces ou numros Cration ou suppression de liens * Annule ou restaure laction Perdet daccder au code Couleur du htdl de votQe texTe texTe InserTion de texTe br_t ou suppression de mise en forde ( utiliser imprativement pour les copier-coller !!!) * Cration ou suppression de liens Pour crer un lien, slectionnez le texTe sur lequel vous souhaitez metQe le lien cliquez sur le chanon puis choisissez entQe lien inter/e (lien vers une autQe page de votQe site) ou lien exTer/e (lien vers un autQe site ou un e-mail) cliquez sur Crer un lien 21. Les Images & Photos Image et TexTe avec Image perdet tQs facilement linserTion dune photo dans votQe page ou un TexTe positionn par rapporT une photo. Vous pourQez grer la taille de votQe image, sa position dans la page, la rotation (si besoin), spcier quelle soit agQandissable ou non, ajouter un texTe alter/atif et metQe un lien sur vos photos (t8s impor:ant pour chaque visuel !) La Galerie dImages perdet tQs simplement dacher une srie de photos : soit en mode diaporama , soit en mode vig/etes agQandissables 22. Les outils Jimdo Tlchargement o{e aux inter/autes la possibilit de tlcharger des documents, par exemple votQe dpliant dappel, au fordat Pdf (fordat privilgier !) Le Livre dOr o{e aux inter/autes la possibilit de dposer leur avis ou leur exxrience sur votQe tablissement. Cela ne remplace pas les liens vers les dirents sites davis existants : Tripadvisor, Dismoio, Google, Le Fordulaire perdet la cration dun fordulaire de contact et/ou de rser}ation Flux RSS vous perdet de rcuprer et dintgQer votQe site un ux RSS issu dun blog ou dun autQe site inter/et 23. Les outils Jimdo ParTager pour insrer les boutons de parTage Cela perdet aux inter/autes de parTager 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 votQe contenu sur leur compte Facebook Twiter pour faire remonter le l dact_ de votQe compte Twiter Google + Bouton G+ pour que les inter/autes sig/alent quils aiment votQe contenu sur le compte Google + 24. LinserTion de contenus exTer/es Widget / HTML On utilisera de prfrence cet outil pour intgQer notQe site des contenus hbergs par des platefordes telles Yout_be, DailyMotion, Vimo, Flickr, Google, HTML : il faut simplement copier-coller dans ce module, le code htdl de ce que vous souhaitez insrer dans votQe 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 Yout_be.com ou depuis Google cliquez sur YouTube 26. LinserTion dune vido You Tube Cherchez la vido souhaite 1 Cliquez sur parTager 2 Cliquez sur IntgQer 1 23 Ajuster la taille de la vido 44 Copiez le code HTML et collez le dans le cadre du module widget sur votQe site Jimdo. 3 27. LinserTion dun Widget Mto 1 Rendez-vous sur www.meteorama. et saisir votQe commune gauche 12 Cliquez sur Mto gQat_it pour site droite 233 Suivre les tapes du paramtQage de votQe widget 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 votQe site Jimdo. 4 28. InserTion dans la BarQe Latrale Exemples dinserTion de modules dans la barQe latrale : ParTage Rseaux sociaux, Bouton jaime ou Mto On clique sur dans la barQe latrale 29. InserTion dun Google Agenda ! Trs pratique pour la gestion des disponibilits ! Depuis Google connectez vous votQe compte ou crez en un puis cliquez sur Agenda 30. InserTion dun Google Agenda ! Cliquez sur la che droite de Mes agendas puis sur Crer un agenda 31. InserTion dun Google Agenda ! 1 Nommez votQe agenda 2 Descriptif (facultatif ) 3 Indiquez le lieu de votQe tablissement 4 Cochez la case de publication 5 Cliquez sur Crer lagenda pour terdiner 32. InserTion dun Google Agenda ! Cliquez sur la che droite de votQe agenda Cliquez sur ParamtQes de lagenda Personnalisez votQe widget Google agenda 33. InserTion dun Google Agenda ! Personnalisation de votQe Agenda : Modication de la taille Choix du mode dachage Choix des lments dachage Cochez les agendas que vous souhaitez insrer (1 widget / chambre ou 1 widget pour tous les agendas) Cliquez sur metQe jour le code htdl , copiez le et collez le sur votQe site Jimdo 34. Personnalisation du Header ! Maintenant, on refait une ptite BEAUT notQe site !!! 35. Personnalisation du Header ! Passez votQe souris sur la zone dentte de votQe site, puis cliquez sur Modier le header 36. Personnalisation du Header On clique sur parcourir pour aller chercher notQe photo sur notQe ordinateur 37. Personnalisation du Header Modier le header : changer la taille : hauteur et largeur Motif : InserTion de motif TitQe : modication du titQe dentte 38. Le Menu AdministQation Desig/ StYle Blog Acheter ParamtQes SEO - Rfrencement Stats (achat) Aide 39. Onglet Desig/ - Mise en page 40. Onglet Desig/ 41. Onglet StYle STYLE : Ici on personnalise tout le contenu du site Police Couleur Fond TexT_re 42