Atelier numérique animé par l'OT de Lourdes sur le thème de la réalisation de son site internet à partir de la plateforme en ligne Jimdo

1. Animation numérique
de territoire
Créer son propre site internet avec un outil
gratuit
4 février 2014
Cédric ARNAULT – OT

2. Programme de la journée
1/ Pourquoi le choix de Jimdo
2/ L’inscription sur Jimdo et ouverture du
site
3/ Prise en main de la barre
d’administration
4/ Gestion du design du site
5/ Création de l’arborescence du site
6/ Création et gestion de contenu : texte,
photo, vidéo
7/ Référencement du site

3. 1/Pourquoi le choix de
Jimdo?

4. Pourquoi Jimdo ?
Pas besoin de connaissances en Html
 Autonomie totale sur la création et la
mise à jour du site
 Pas de logiciel à installer : tout est en
ligne
 Démarrage en version gratuite
 Nombre de pages illimité
 Fonction blog
 Version mobile du site générée
automatiquement
 Une communauté active pour vous aider


5. En cas de doute allez visiter le forum de la communauté JIMDO !
http://communautefrancophone.jimdo.com/

6.  2/
S’inscrire et ouvrir son
site

7. S’inscrire et ouvrir son site
Rendez-vous sur la page www.jimdo.com

8. S’inscrire et ouvrir son site

1. Rendez-vous sur la page d'accueil du site
Jimdo

C'est là que vous allez pouvoir vous inscrire. À
noter :
l'inscription est totalement gratuite et vous
pourrez décider de passer à une version
payante si vous le souhaitez, quand vous le
souhaitez : aucune obligation ou limitation
d'utilisation dans le temps.
Choisissez une adresse email dont vous êtes
sûr de garder l'accès sur le long terme : ce
sera votre adresse de contact pour Jimdo et
pour récupérer vos données d'accès une fois
votre site créé.



9. S’inscrire et ouvrir son site
2. Choisir son nom de "sousdomaine" Jimdo
 Un "sous-domaine" Jimdo c'est en fait un
domaine gratuit hébergé sur le domaine
principal jimdo.com. Vous pouvez le
personnaliser comme vous le souhaitez !
 Attention : le nombre et le type des
caractères utilisables est cependant
limité.
 3. Entrez votre adresse email : votre site
est prêt, déjà en ligne. Et vous recevez
un email vous donnant vos données
d'accès.


10. 2/ S’inscrire et ouvrir son site

La confirmation de l’e-mail

11. S’inscrire et ouvrir son site

12. Commencez à créer votre site
Suivez le guide
Afin de vous aider à savoir comment
faire un site Internet et commencer à
créer votre site facilement, l’équipe
Jimdo vous propose:
 Un guide lors de votre première
connexion au mode administrateur de
votre site : nous vous indiquons en 5
étapes comment commencer à modifier
votre design et contenu.
 Une série d'email d'aide "premiers pas"
que vous recevrez chaque jour après
votre inscription : vraiment pratique pour
les débutants.


13. 3/ Prise en main de la barre
d’administration du site

14. Prise en main de la barre
d’administration du site
La barre d'administration est une
composante essentielle d'un site
Jimdo.
 Dès votre première connexion
sur votre site Jimdo en mode
"modifier", elle apparaît en haut
à droite de votre écran. Elle
permet un accès direct aux
fonctions principales de votre
site.


15. Prise en main de la barre d’administration du
site

16. 4/ Gestion du design du site

17. Gestion du design
Vidéo de présentation de Jimdo – fonction Design

18. Connectons-nous

19. Gestion du design
Un design professionnel augmente la confiance du visiteur en
votre site.
Cliquez sur l’icône Design dans la barre des paramètres en
haut à droite.
Vous avez ici le choix entre de très nombreux designs.
Cliquez sur un design qui vous plaît pour en voir un aperçu
directement sur votre site.
Voir : http://aide.jimdo.com/premiers-pas/conseil-1/

20. Gestion du design
Le design est modifiable à tout moment, vous pouvez voir le résultat en
temps réel

21. Gestion du design
- Validez votre design en cliquant sur Oui dans la fenêtre du haut.
- En cliquant sur Non, le changement de design n'est pas
enregistré
- En choisissant précédent, vous retournez à la page de
présentation des designs et pouvez continuer à tester les
designs proposés.

22. Gestion du design

23. Gestion du design

24. Gestion du Header
Vidéo de présentation de Jimdo – fonction Header

25. Gestion du Header

26. Gestion du header

27. Gestion du header

28. Gestion du header
Le header est la zone d’en-tête de votre site
Jimdo
C‘est la partie qui attire l’attention, l’élément clé de votre mise en
page. Une image pertinente et expressive et un bon titre
transmettent une première impression positive et permettent à vos
visiteurs de se souvenir de votre site !
 Note :
Header animé (Flash) : la question "Comment mettre un Header
(en-tête animé) sur mon site Jimdo est souvent posée. La
réponse est la suivante : Cela n'est pas possible avec les
modules déjà intégrés sur Jimdo, mais vous pouvez vous aider
des tutoriels de la communauté et faire une recherche sur
le forum, vous y trouverez sûrement conseils et astuces ;)


la barre de menu de modifications inhérentes à votre header :

29. Galerie
Dans l'onglet "Galerie", vous pourrez
sélectionner une image parmi la collection
d'images Jimdo. Il y en a pour tous les goûts et
tous les sujets !
 Pour utiliser une des images
présentées, cliquez simplement sur celle de
votre choix. Elle sera alors instantanément
téléchargée sur votre site Jimdo.
 Note:
Toutes les images de cette galerie ont été créées
par les utilisateurs Jimdo lors d’un concours
photo. Il n’y a donc pas de problème de droits
d’auteur : vous pouvez utiliser les images sans
scrupule sur vos sites Jimdo! Mais bien sûr, les
photographes se réjouiront si vous les
mentionnez sur votre site.


30. Images personnelles

Bien sûr, vous pouvez aussi télécharger votre
propre image. Il n’y a pas de limite de taille. Le
petit graphique sur la droite vous informe sur les
proportions du header. Le format standard
conseillé est de 1024x768 Pixel pour 72 dpi.
Vous pouvez le modifier facilement en cliquant
sur Paramètres.

Remarque : Si les formats d'image jpeg et gif
(statique) doivent fonctionner sans problème, les
images gif "animées" peuvent rencontrer
quelques problèmes de compatibilité. Il est alors
conseillé de repasser à une image statique ou à
un autre format (jpeg par exemple).

31. Logo
1.Cliquez sur « Parcourir » pour sélectionner le logo de votre
choix. Vous pourrez modifier la taille plus tard si vous le
souhaitez.
2. Cliquez sur « Transférer l'image » pour charger le logo
dans sa taille originale dans le header.
La fenêtre de chargement disparaît, et la fenêtre d’édition
apparaît. Vous pouvez agrandir ou réduire la taille du
logo, mais vous devez veiller à ce que le fichier ait une bonne
résolution, afin que votre logo ne soit pas „pixellisé“.
Astuce :
Pour supprimer votre logo, cliquez sur « Supprimer logo » et
fermer le module – le logo disparait aussitôt. Au cas où ce
dernier reste visible, actualisez la page.

32. 5/ Création de l’arborescence du
site

33. Création de l’arborescence du
site

34. Création de l’arborescence du
site la souris sur le menu et cliquer sur l’onglet « Modifier la
Passer
navigation

35. Création de l’arborescence du
site

36. Création de l’arborescence du
site
La navigation est le «menu» de votre site internet. C’est l'endroit où
seront listées toutes vos pages. Il existe de nombreuses options grâce
auxquelles vous allez pouvoir modifier votre navigation.
Pour se faire, déplacez simplement votre souris sur le champ de la
navigation et cliquez sur «modifier navigation». Lorsque vous aurez
terminé vos modifications, n’oubliez pas de cliquer sur le bouton
"Enregistrer", de manière à ce que les modifications deviennent
visibles pour vos visiteurs !

37. Création de l’arborescence du site

38. Création de l’arborescence du
site
Ajouter une nouvelle page : Cliquez sur le symbole représentant une feuille de papier avec le symbole +.
Cela ajoute directement une nouvelle page. Vous pouvez ajouter toutes les pages dont vous avez besoin.
Il n'y a pas de nombre limite.
Renommer une page : Pour renommer le titre de votre rubrique, il suffit de cliquer sur le champ à modifier et
d'y entrer le nom souhaité.
Supprimer une page : Cliquez sur le symbole représentant une petite poubelle à côté de la page que vous
souhaitez supprimer.
Déplacer une page :
... vers le bas : Cliquez sur la flèche pointant vers le bas pour déplacer votre page au niveau de la page du
dessous.
... vers le haut : Cliquez sur la flèche pointant vers le haut pour déplacer votre page au niveau de la page du
dessus.
... vers un niveau inférieur : Cliquez sur la flèche pointant vers la droite pour déplacer votre page à un niveau
inférieur.
... vers un niveau supérieur : Cliquez sur la flèche pointant vers la gauche pour déplacer votre page à un
niveau supérieur.
Copier une page : Cliquez sur le symbole des deux pages. Votre page sera copiée à l'identique et apparaitra
juste en dessous de la page dupliquée. A vous ensuite de changer son titre et de la déplacer où vous le
souhaitez dans la navigation (à l'aide des flèches) !
Masquer une page : Cliquez sur le symbole représentant un œil . Votre page ne sera plus visible à partir de
votre site internet. En revanche si des internautes ont gardé l’adresse de cette page, ils pourront y
accéder.

39. 6/ Création et gestion de
contenu :
texte, photo, vidéo

40. Création et gestion de
contenu : texte, photo, vidéo

41. Création et gestion de contenu :
texte, photo, vidéo

42. Création et gestion de contenu :
texte, photo, vidéo

43. Création et gestion de contenu :
texte, photo, vidéo
L’outil
« Titre »

44. Création et gestion de contenu :
texte, photo, vidéo

45. Création et gestion de contenu :
texte, photo, vidéo
L’outil
« Texte »

46. Création et gestion de contenu :
texte, photo, vidéo

47. Ajouter du texte

48. Création et gestion de contenu :
texte, photo, vidéo
L’outil « Image »

49. Création et gestion de contenu :
texte, photo, vidéo

50. Création et gestion de contenu :
texte, photo, vidéo
L’outil « Texte avec
images »

51. Création et gestion de contenu :
texte, photo, vidéo

52. Création et gestion de contenu :
texte, photo, vidéo
L’outil « Galerie
d’images »

53. Création et gestion de contenu :
texte, photo, vidéo

54. Création et gestion de contenu :
texte, photo, vidéo
L’outil « Vidéo »

55. Création et gestion de contenu :
texte, photo, vidéo

56. Création et gestion de contenu :
texte, photo, vidéo
L’outil « Widget / HTML »

57. Création et gestion de contenu :
texte, photo, vidéo

58. 7/ Référencement du site internet

59. Référencement du site

60. Référencement du site

62. Référencement du site

63. Mieux référencer votre site
Jimdo

64. Mieux référencer votre site
Jimdo

65. 8/ Et après, on fait quoi?

66. Et après, on fait quoi?
Les offres Jimdo
payantes
En visitant ce lien vous pourrez comparer les différences
entre la version Jimdo gratuite, la version Jimdo Pro (60€ par
an) et la version Jimdo Business (180€ par an).
Principales différences entre le gratuit et payant
- Plus de modèles de design
- Possibilité de référencer l’ensemble de ses pages sur les versions
payantes avec plus de critères également (méta tags)
- Nom de domaine « pro » avec compte e-mail associé de type
www.monsite.com et contact@monsite.com au lieu de
http://monsite.jimdo.com
- Mode boutique plus avancé dans les formules payantes
- Pas de pub, modification du bas de page

67. Et après on fait quoi?
- Guide d’aide à l’utilisation de Jimdo
- Editer des photos avec PicMonkey www.picmonkey.com (site
en anglais mais prise en main assez simple)
- Héberger ses photos sur une plateforme comme Flickr
- Héberger ses vidéos sur Youtube, Dailymotion ou Vimeo
http://www.youtube.com/
http://www.dailymotion.com/fr
https://vimeo.com/
Ces plateformes nécessitent l’ouverture d’un compte
- Surveiller le trafic sur son site internet grâce à un outil
statistique
de type Google Analytics
http://www.google.com/intl/fr_ALL/analytics/index.html
- Et du côté des réseaux sociaux?

68. Et après on fait quoi?
La réservation en ligne : la place de marché de l’Office de
Tourisme
Mise en place juillet 2014
Mise à disposition d’outils pour la commercialisation de votre
offre
Proposez votre offre au plus grand nombre et profitez d’ un
nouveau canal de réservation via la place de marché mais
également en direct sur votre site internet

69. Merci pour votre attention :)