Pays de Gourdon : Atelier Jimdo

4,404 views

Published on

Création d'un site avec Jimdo !

Published in: Social Media
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,404
On SlideShare
0
From Embeds
0
Number of Embeds
64
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Pays de Gourdon : Atelier Jimdo

  1. 1. Office de Tourisme - Pays de Gourdon Atelier Numérique Etourisme Création d’un site internet Lundi 25 Mars 2013 Cyber Base Quercy Bouriane Gourdon
  2. 2. Aujourd’hui …  On se présente … Petit tour de table  « L’avant » site ! Ce qu’il faut savoir …  La création en 3 étapes … Créez, Personnalisez, Administrez Alors c’est parti !!!
  3. 3. ANT : ??? Qui Cathy MABOUT suis-je ? Office de Tourisme Intercommunal du Pays de Gourdon, Chargée de l’Animation Numérique de Territoire, et surtout pas webmaster, community manager, spécialiste du référencement, … ANT : en anglais ça veut dire Fourmi ! L’Animation Numérique de Territoire c’est … Une nouvelle mission pour les Offices de Tourisme : accompagner les professionnels du Tourisme dans le Etourisme Petit tour de table … Qui êtes vous ? Où en êtes vous de votre
  4. 4. Blog ou Site Internet ? Blog Site basé sur la rédaction régulière d’articles d’actualités, billets d’humeur, interactivité avec les lecteurs … Site Internet Le site procure beaucoup plus de liberté dans l’organisation des rubriques et des pages (un menu et des sous-menus). Il y a une réelle hiérarchisation de votre information Nous, aujourd’hui, on s’occupe de créer un Site Internet !!!
  5. 5. Avant de commencer … Se poser les bonnes questions ! Avant de parler « Technique », il faut parler de contenus et de cibles ! • À qui votre site s’adresse, • Pour répondre à quels besoins, • Avec quels outils et quels contenus ?
  6. 6. La Méthode … Un stylo et un bloc note :  Essayer de hiérarchiser vos infos  Lister tous vos contenus  Les Regrouper en catégories  Les Structurer
  7. 7. L’Arborescence … C’est l’articulation des différentes pages entre elles C’est une étape importante mais toujours modifiable Exemples d’arborescences pour sites touristiques
  8. 8. Aujourd’hui … Créer un site internet facilement
  9. 9. Jimdo ? Mais c’est quoi … Jimdo permet de créer et d'administrer un site web très facilement Les avantages : - Pas besoin de télécharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur. - Pas besoin de connaître des langages informatiques. - Plateforme intuitive d'utilisation, même pour les débutants - Nombre de page illimité - Un bon référencement naturel - Une version « Mobile » générée automatiquement - Version gratuite et version professionnelle payante (5€/mois)
  10. 10. Les étapes …
  11. 11. Étape 1 : Créer un compte Rendez-vous sur : www.jimdo.c om Saisissez le nom de votre site Saisissez votre adresse mail Acceptez les conditions Cliquez sur « Créer mon site gratuit »
  12. 12. Confirmation & Accès au site Relevez vos mails Lien vers votre site Votre mot de passe Votre site est en ligne ! Il ne reste plus qu’à le
  13. 13. Étape 2 : Connexion au site Voici la page d’accueil de votre site.
  14. 14. Petite présentation … Header : Bannière, Bandeau, En tête du site Menu de Navigation Balader la souris sur la page, sans cliquer … Barre latérale : est visible sur toutes les pages. On pourra y mettre différents modules comme « La Météo
  15. 15. C’est parti ! Personnalisation du site Navigation : Création du Menu : ajout de pages Zoom Ne pas oublier d’enregistrer
  16. 16. Personnalisation du site Déplacer le module vers le haut ou vers le bas Supprimer le module Ajout d’un Titre dans une page Dupliquer le module Ajouter un module Ajout d’un module : on a beaucoup de choix !!!
  17. 17. Le contenu : présentation des outils  Une page de site Jimdo est composée d’une succession d’éléments.  Chaque élément est indépendant  A tout moment vous pouvez modifier, déplacer ou supprimer un élément dans la page  Tout élément peut être dupliqué. (La duplication d’une page entière n’est disponible qu’en version pro)  Toutes les mises à jour se font instantanément dès que vous cliquez sur « Enregistrer »  Pour ajouter du contenu dans une nouvelle page, cliquez sur
  18. 18. Les outils de structuration Les colonnes sont un nouvel outil très pratique pour structurer la présentation de votre page. 2 colonnes sont insérées par défaut mais vous pouvez ajouter autant de colonnes que nécessaire. Ensuite chaque colonne s’utilise et s’alimente comme une page dans la page. Vous pouvez donc y ajouter autant d’éléments que vous souhaitez.
  19. 19. Les outils de texte Les Titres permettent de structurer votre texte (3 niveaux de titres) • visuellement pour l’internaute qui va le lire, • techniquement pour les moteurs de recherche qui vont les reconnaître comme des éléments importants de la page Le Texte s’utilise de la même façon que les logiciels de traitement de texte type Word.
  20. 20. Les outils de texte Alignem ent du texte Texte Gras ou Italique Retrait de paragra phe Insertio n de puces ou numéro s Création ou suppress ion de liens * Annule ou restaur e l’action Permet d’accéder Couleur au code « html » du texte Insertion de texte brutde votre texte ou suppression de mise en forme (à utiliser impérativement pour les « copier-coller » !!!) * Création ou suppression de liens ① Pour créer un lien, sélectionnez le texte sur lequel vous souhaitez mettre le lien ② cliquez sur le chaînon 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. 21. Les Images & Photos « Image » et « Texte avec Image » permet très facilement l’insertion d’une photo dans votre page ou un Texte positionné par rapport à une photo. Vous pourrez gérer la taille de votre image, sa position dans la page, la rotation (si besoin), spécifier qu’elle soit agrandissable ou non, ajouter un texte alternatif et mettre un lien sur vos photos (très important pour chaque visuel !) La Galerie d’Images permet très simplement d’afficher une série de photos : soit en mode diaporama , soit
  22. 22. Les outils « Jimdo » « Téléchargement » offre aux internautes la possibilité de télécharger des documents, par exemple votre dépliant d’appel, au format Pdf (format à privilégier !) « Le Livre d’Or » offre aux internautes la possibilité de déposer leur avis ou leur expérience sur votre établissement. Cela ne remplace pas les liens vers les différents sites d’avis existants : Tripadvisor, Dismoioù, Google, … « Le Formulaire » permet la création d’un formulaire de contact et/ou de réservation « Flux RSS » vous permet de récupérer et d’intégrer à votre site un flux RSS issu d’un blog ou d’un autre site internet
  23. 23. Les outils « Jimdo » « Partager » pour insérer les boutons de partage – Cela permet aux internautes de partager vos infos avec leurs amis sur leurs réseaux sociaux. « Facebook » Bouton « J’aime » avec ou sans compteur, pour que les internautes signalent « qu’ils aiment » votre contenu sur leur compte Facebook « Twitter » pour faire remonter le fil d’actu de votre compte Twitter « Google + » Bouton « G+ » pour que les internautes signalent qu’ils aiment votre contenu sur le compte Google +
  24. 24. L’insertion de contenus externes « Widget / HTML » On utilisera de préférence cet outil pour intégrer à notre site des contenus hébergés par des plateformes telles Youtube, DailyMotion, Viméo, Flickr, Google, … HTML : il faut simplement « copier-coller » dans ce module, le code html de ce que vous souhaitez insérer dans votre page. Widget : Dans ce module, Jimdo vous en propose. Exemples de widgets : Météo, Google Maps, Google Agenda, dépôt d’avis Tripadvisor, Albums photos, Vidéos, …
  25. 25. L’insertion d’une vidéo « You Tube » Rendez-vous sur Youtube.com ou depuis Google cliquez sur YouTube
  26. 26. L’insertion d’une vidéo « You Tube » Cherchez la vidéo souhaitée 1 Cliquez sur « partager » 2 Cliquez sur « Intégrer » 1 2 3 Ajuster la taille de la vidéo 4 4 Copiez le code HTML et collez le dans le cadre du module « widget » sur votre site Jimdo. 3
  27. 27. L’insertion d’un Widget « Météo » 1 Rendez-vous sur www.meteorama.fr et saisir votre comm 1 2 Cliquez sur « Météo gratuit pour sit 2 3 Suivre les étapes du paramétrage de votre 3 widget et voyez à quoi il ressemble. Acceptez les conditions et cliquez sur « Générer 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. 28. Insertion dans la Barre Latérale Exemples d’insertion de modules dans la barre latérale : Partage Réseaux sociaux, Bouton « j’aime » ou Météo On clique sur dans la barre latérale
  29. 29. Insertion d’un Google Agenda ! Très pratique pour la gestion des disponibilités ! Depuis Google connectez vous à votre compte ou créez en un puis … cliquez sur « Agenda »
  30. 30. Insertion d’un Google Agenda ! Cliquez sur la flèche à droite de « Mes agendas » puis sur « Créer un agenda »
  31. 31. Insertion d’un Google Agenda ! 1 Nommez votre agenda 3 Indiquez le lieu de votre établissement 4 Cochez la case de publication 5 Cliquez sur « Créer 2 Descriptif (facultatif)
  32. 32. Insertion d’un Google Agenda ! Cliquez sur la flèche à droite de votre agenda Cliquez sur « Paramètres de l’agenda » Personnalisez votre widget « Google agenda »
  33. 33. Insertion d’un Google Agenda ! Personnalisation de votre Agenda : • Modification de la taille • Choix du mode d’affichage • Choix des éléments d’affichage • Cochez les agendas que vous souhaitez insérer (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. 34. Personnalisation du « Header » ! Maintenant, on refait une p’tite BEAUTÉ à notre site !!!
  35. 35. Personnalisation du Header ! Passez votre souris sur la zone d’entête de votre site, puis cliquez sur « Modifier le header »…
  36. 36. Personnalisation du Header On clique sur « parcourir » pour aller chercher notre
  37. 37. Personnalisation du Header Motif : Insertion de motif Modifier le header : changer la taille : hauteur et largeur Titre : modificati on du titre d’entête
  38. 38. Le Menu « Administration » Design Style Blog Acheter Paramè tres SEO Référencement Stats (achat) Aide
  39. 39. Onglet « Design » - Mise en page
  40. 40. Onglet « Design »
  41. 41. Onglet « Style » STYLE : Ici on personnalise tout le contenu du site Police Couleur Fond Texture …
  42. 42. Onglet « Blog » Jimdo vous donne la possibilité d’insérer 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. 43. Onglet « Achat »
  44. 44. Onglet « Paramètres »
  45. 45. Onglet « SEO »
  46. 46. Pour aller plus loin avec Jimdo !!! Des mentions légales en bonne et due forme http://www.subdelirium.com/generateur-de-mentions-legales/ Analyser la fréquentation de son site web avec Google Analytics http://fr.jimdo.com/wiki/Google_Analytics Créer un design professionnel pour son site http://fr.jimdo.com/outils/webdesign/ Trouver des bons tuyaux pour améliorer son site Jimdo http://communautefrancophone.jimdo.com/ http://realia.jimdo.com/ http://funnycat.jimdo.com/ Suivre l’actualité du e-tourisme http://www.etourisme.info
  47. 47. Les prochains Ateliers Numériques PETIT RAPPEL : • Jeudi 04 Avril : Gérer les Avis Clients (IMPORTANT) • Lundi 08 Avril : Internet de Séjour « La Mobilité » PENSEZ À VOUS INSCRIRE
  48. 48. Office de Tourisme - Pays Bandeau de l’OT de Gourdon Merci de votre attention Cathy Mabout Office de Tourisme Intercommunal du Pays de Gourdon Tel : 05 65 27 52 50 Mail : info@tourisme-gourdon.com Web : www.tourisme-gourdon.com Facebook : Pays de Gourdon Tourisme Twitter : Gourdon Tourisme Toute l’info Etourisme sur le centre de ressources : www.tourisme-lot-ressources.com Rubrique Etourisme

×