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

1. Office de Tourisme -­‐ Pays de Gourdon
Atelier Numérique E-­‐tourisme
Création d’un site inter/et
Lundi 25 Mars 2013
Cyber Base Quercy Bouriane
Gourdon

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, AdministQez
Alors c’est parTi !!!

3. ANT : ???
Qui
suis-­‐je
?
Cathy MABOUT
Office de Tourisme Intercommunal du Pays de Gourdon,
Chargée de l’Animation Numérique de TerQitoire, et surTout
pas webmaster, communitY manager, spécialiste du
référencement, …
ANT
:
en
anglais
ça
veut
dire
Fourmi
!
L’Anima0on
Numérique
de
Territoire
c’est
…
Une nouvelle mission pour les Offices de Tourisme : accompag/er les
professionnels du Tourisme dans le E-­‐tourisme
Pe0t
tour
de
table
…
Qui êtes vous ?
Où en êtes vous de votQe site web ?

4. Blog ou Site Inter/et ?
Blog
Site basé sur la rédaction rég_lière d’arTicles d’act_alités,
billets d’humeur, interactivité avec les lecteurs …
Site
Internet
Le site procure beaucoup plus de liberTé dans l’organisation
des r_briques et des pages (un menu et des sous-­‐menus). Il y
a une réelle hiérarchisation de votQe infordation
Nous, aujourd’hui, on s’occupe de créer un Site Inter/et !!!

5. Avant de commencer …
Se
poser
les
bonnes
ques0ons
!
Avant de parler « Technique », il faut parler de contenus et de cibles !
• À qui votQe site s’adresse,
• Pour répondre à quels besoins,
• Avec quels outils et quels contenus ?

6. La Méthode …
Un stYlo et un bloc note :
ü Essayer de hiérarchiser vos infos
ü Lister tous vos contenus
ü Les RegQouper en catégories
ü Les StQ_ct_rer

7. L’Arborescence …
C’est l’arTiculation des différentes pages entQe elles
C’est une étape imporTante mais toujours modifiable
Exemples d’arborescences pour sites touristiques

8. Aujourd’hui …
Créer un site inter/et
facilement

9. Jimdo ? Mais c’est quoi …
Jimdo perdet de créer et d'administQer un site web tQès facilement
Les avantages :
-­‐ Pas besoin de télécharger de logiciel: tout se fait en lig/e. Accessible depuis n'imporTe
quel ordinateur.
-­‐ Pas besoin de connaîtQe des langages infordatiques.
-­‐ Plateforde int_itive d'utilisation, même pour les débutants
-­‐ Nombre de page illimité
-­‐ Un bon référencement nat_rel
-­‐ Une version « Mobile » générée automatiquement
-­‐ Version gQat_ite et version professionnelle payante (5€/mois)

10. Les étapes …

11. Étape 1 : Créer un compte
Rendez-­‐vous sur :
www.jimdo.com
Saisissez le nom de votQe site
Saisissez votQe adresse mail
Acceptez les conditions
Cliquez sur « Créer mon site
gQat_it »

12. Confirdation & Accès 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
d’accueil de
votQe site.

14. Petite présentation …
Header : Bannière, Bandeau,
En tête du site
Menu de Navigation
Balader la
souris sur la
page, sans
cliquer …
BarQe latérale : est visible sur
toutes les pages. On pourQa
y metQe différents modules
comme « La Météo

15. C’est parTi ! Personnalisation du site
Navigation : Création du
Menu : ajout de pages
Zoom
Ne pas oublier d’enregistQer

16. Personnalisation du site
Déplacer le module vers le
haut ou vers le bas
Ajout d’un TitQe dans une
page
Supprimer le module
Dupliquer le module
Ajouter un module
Ajout d’un module : on a
beaucoup de choix !!!

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 êtQe 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 « EnregistQer »
§ Pour ajouter du contenu dans une nouvelle page, cliquez
sur

18. Les outils de stQ_ct_ration
Les colonnes sont un nouvel outil tQès pratique pour stQ_ct_rer
la présentation de votQe 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. Les outils de texTe
Les TitQes perdetent de stQ_ct_rer votQe texTe (3 niveaux de titQes)
• visuellement pour l’inter/aute qui va le lire,
• techniquement pour les moteurs de recherche qui vont les
reconnaîtQe comme des éléments imporTants de la page
Le TexTe s’utilise de la même façon 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
numéros
Création ou
suppression
de liens *
Annule ou
restaure
l’action
Perdet d’accéder au code
Couleur du
« htdl » de votQe texTe
texTe
InserTion de texTe br_t ou suppression de
mise en forde (à 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 metQe le lien
② cliquez sur le chaînon 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 « Créer un lien »

21. Les Images & Photos
« Image » et « TexTe avec Image » perdet tQès facilement l’inserTion d’une
photo dans votQe page ou un TexTe positionné par rapporT à une photo.
Vous pourQez gérer la taille de votQe image, sa position dans la page, la
rotation (si besoin), spécifier qu’elle soit agQandissable ou non, ajouter
un texTe alter/atif et metQe un lien sur vos photos (t8ès impor:ant pour
chaque visuel !)
La Galerie d’Images
perdet tQès simplement
d’afficher une série de
photos : soit en mode
diaporama , soit en mode
vig/etes agQandissables

22. Les outils « Jimdo »
« Téléchargement » o{e aux inter/autes la possibilité de télécharger des
documents, par exemple votQe dépliant d’appel, au fordat Pdf (fordat à
privilégier !)
« Le Livre d’Or » o{e aux inter/autes la possibilité de déposer leur avis
ou leur exxérience sur votQe établissement. Cela ne remplace pas les liens
vers les différents sites d’avis existants : Tripadvisor, Dismoioù, Google, …
« Le Fordulaire » perdet la création d’un fordulaire de contact et/ou de
réser}ation
« Flux RSS » vous perdet de récupérer et d’intégQer à votQe site un flux
RSS issu d’un blog ou d’un autQe site inter/et

23. Les outils « Jimdo »
« ParTager » pour insérer les boutons de parTage – Cela perdet aux
inter/autes de parTager vos infos avec leurs amis sur leurs réseaux
sociaux.
« Facebook » Bouton « J’aime » avec ou sans compteur, pour que les
inter/autes sig/alent « qu’ils aiment » votQe contenu sur leur compte
Facebook
« Twiter » pour faire remonter le fil d’act_ de votQe compte Twiter
« Google + » Bouton « G+ » pour que les inter/autes sig/alent qu’ils
aiment votQe contenu sur le compte Google +

24. L’inserTion de contenus exTer/es
« Widget / HTML »
On utilisera de préférence cet outil pour intégQer à notQe site des
contenus hébergés par des platefordes telles Yout_be, DailyMotion,
Viméo, Flickr, Google, …
HTML : il faut simplement « copier-­‐coller » dans ce module, le code htdl
de ce que vous souhaitez insérer dans votQe 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. L’inserTion d’une vidéo « You Tube »
Rendez-­‐vous sur Yout_be.com
ou depuis Google cliquez sur YouTube

26. L’inserTion d’une vidéo « You Tube »
Cherchez la vidéo souhaitée
1 Cliquez sur « parTager »
2 Cliquez sur « IntégQer »
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 votQe site Jimdo.
3

27. L’inserTion d’un Widget « Météo »
1 Rendez-­‐vous sur www.meteorama.„ et saisir votQe commune à gauche
1
2 Cliquez sur « Météo gQat_it pour site » à droite
2
3
3 Suivre les étapes du paramétQage de votQe 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 votQe site Jimdo.
4

28. InserTion dans la BarQe Latérale
Exemples d’inserTion de modules dans la barQe latérale :
ParTage Réseaux sociaux, Bouton « j’aime » ou Météo
On clique sur
dans la barQe latérale

29. InserTion d’un Google Agenda !
Très pratique pour la gestion des disponibilités !
Depuis Google connectez vous à votQe
compte ou créez en un puis …
cliquez sur « Agenda »

30. InserTion d’un Google Agenda !
Cliquez sur la flèche à droite de « Mes agendas »
puis sur « Créer un agenda »

31. InserTion d’un 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 « Créer l’agenda » pour terdiner

32. InserTion d’un Google Agenda !
Cliquez sur la flèche à droite de votQe agenda
Cliquez sur « ParamètQes de l’agenda »
Personnalisez votQe widget « Google agenda »

33. InserTion d’un Google Agenda !
Personnalisation de votQe 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 « metQe à jour le code htdl », copiez le et collez le sur votQe
site Jimdo

34. Personnalisation du « Header » !
Maintenant, on refait une p’tite BEAUTÉ à notQe site !!!

35. Personnalisation du Header !
Passez votQe souris sur la zone d’entête de votQe site,
puis cliquez sur
« Modifier le header »…

36. Personnalisation du Header
On clique sur « parcourir » pour
aller chercher notQe photo sur
notQe ordinateur

37. Personnalisation du Header
Modifier le
header :
changer la
taille : hauteur
et largeur
Motif :
InserTion de
motif
TitQe :
modification
du titQe
d’entête

38. Le Menu « AdministQation »
Desig/
StYle
Blog
Acheter
ParamètQes
SEO -­‐ Référencement
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. Onglet « Blog »
Jimdo vous donne la possibilité d’insérer un « BLOG » à votQe site
inter/et !
Un BLOG doit êtQe alimenté quasi « QUOTIDIENNEMENT »
Tenir compte du temps que cela prend avant de metQe en lig/e !

43. Onglet « Achat »

44. Onglet « ParamètQes »

45. Onglet « SEO »

46. Pour aller plus loin avec Jimdo !!!
Des mentions légales en bonne et due forde
htx://www.subdelirium.com/generateur-­‐de-­‐mentions-­‐legales/
Analyser la „équentation de son site web avec Google AnalyTics
htx://„.jimdo.com/wiki/Google_AnalyTics
Créer un desig/ professionnel pour son site
htx://„.jimdo.com/outils/webdesig//
Trouver des bons t_yaux pour améliorer son site Jimdo
htx://communaute„ancophone.jimdo.com/
htx://realia.jimdo.com/
htx://f_nnycat.jimdo.com/
Suivre l’act_alité du e-­‐tourisme
htx://www.etourisme.info

47. Les prochains Ateliers Numériques
PETIT RAPPEL :
• Jeudi 04 Avril : Gérer les Avis Clients (IMPORTANT)
• Lundi 08 Avril : Inter/et de Séjour « La Mobilité »
PENSEZ À VOUS INSCRIRE

48. Office de TBandeau-­‐ de l’OT Gourdon
ourisme Pays de
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
Twiter : Gourdon Tourisme
Toute l’info Etourisme sur le centre de ressources :
www.tourisme-lot-ressources.com
Rubrique Etourisme