CRÉER UN SITE WEB
AVEC JIMDO
Janvier 2014
PROGRAMME :
Pourquoi Jimdo ?
s’inscrire sur Jimdo
connaître la barre d’administration Jimdo
personnaliser son site (ch...
POURQUOI JIMDO ?
POURQUOI CHOISIR JIMDO ?
- Pas besoin de télécharger un logiciel, tout se fait
directement en ligne
- Autonomie pour la cr...
POURQUOI CHOISIR JIMDO ?
- Des modèles professionnels et variés
- Version gratuite pour démarrer
- Nombre de pages illimit...
S’INSCRIRE SUR JIMDO
ALLER SUR LE SITE : WWW.JIMDO.COM
CONFIRMER LA CRÉATION DE VOTRE SITE
Allez dans votre boite mail et cliquez sur confirmer

Votre site est maintenant en lig...
LA STRUCTURE D’UN SITE JIMDO
Le header

Le menu de
navigation

(en-tête)

Le contenu

La barre latérale
(identique sur
tou...
Source : OT
Vallée du Lot

La barre d’administration se situe en haut à droite
PERSONNALISER VOTRE SITE
COMMENT ME CONNECTER À MON SITE ?
Entrée l'adresse web de votre site dans la barre du navigateur
(par ex. : mon-adresse.ji...
MODIFIER VOTRE SITE JIMDO
Principe :
Il suffit de passer la souris sur l’élément à
modifier pour ouvrir le menu de modific...
CHOISIR LE DESIGN DU SITE
CHOISIR LE DESIGN DE VOTRE SITE

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
CHOISIR VOTRE DESIGN
 Un design professionnel augmente la
confiance du visiteur en votre site.
 Cliquez sur l’icône Desi...
CHOISIR VOTRE DESIGN

Vous pouvez changer de design à tout moment
CHOISIR VOTRE DESIGN

 Validez votre design en cliquant sur Oui dans la
fenêtre du haut.
 En cliquant sur Non, le change...
VÉRIFIER LE RENDU DU SITE
Il suffit de cliquer en sur
« afficher » en bas à droite

Pour revenir en mode
administrateur cl...
MODIFIER L’EN-TÊTE DU SITE
MODIFIER L’EN-TÊTE (HEADER)

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
MODIFIER L’EN-TÊTE (HEADER)

Passez la
souris sur
l’en-tête et
cliquez sur
« modifier le
header »
MODIFIER L’EN-TÊTE (HEADER)

Sélectionnez l’onglet « Image personnelle » puis sélectionner une photo
de votre ordinateur. ...
MODIFIER L’EN-TÊTE (HEADER)

Cliquez sur l’onglet « Titre » pour modifier le texte dans l’en-tête.
Vous pouvez modifier la...
L’ARBORESCENCE DU SITE
CRÉER L’ARBORESCENCE DU SITE

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
CRÉER L’ARBORESCENCE DU SITE
L'arborescence d'un site web correspond à son architecture
et permet d'organiser et de struct...
GÉRER LA NAVIGATION (MENU) SUR JIMDO
Titre de la page
Gérer l’ordre
des pages

Le menu
principal
Le sous-menu

Le sous/sou...
INSÉRER DU CONTENU
INSÉRER DU CONTENU SUR VOTRE SITE

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
INSÉRER DU CONTENU SUR VOTRE SITE

Cliquez sur
« ajouter des
contenus » pour
insérer textes,
photos, vidéos,
tableau, titr...
MODIFIER LE CONTENU SUR VOTRE SITE

Déplacer le bloc
contenu vers le
haut/bas de la page
Supprimer l’élément

Dupliquer l’...
AJOUTER DU CONTENU
SUR VOTRE SITE
Pour bien organiser
vos pages

Pour insérer du texte
Pour ajouter des images
Source : Guide JIMDO version 1.0
Source : Guide JIMDO version 1.0
Source : Guide JIMDO version 1.0
Source : Guide JIMDO version 1.0
GOOGLE ANALYTICS
INSCRIVEZ-VOUS SUR GOOGLE ANALYTICS
Connectez-vous sur : www.google.com/analytics/
CONFIGURER GOOGLE ANALYTICS
Saisir le nom de
votre site web

Saisir l’adresse web
de votre site
Choisir « France »
pour sa...
CONFIGURER GOOGLE ANALYTICS
Votre code de suivi à copier et à coller sur votre site Jimdo
INTÉGRER CODE DE SUIVI SUR JIMDO

2
1
INTÉGRER CODE DE
SUIVI SUR JIMDO

Copier votre code de suivi
fourni par Google
Analytics ici
VOTRE AVIS SUR CET ATELIER
HTTP://BIT.LY/SATEXNUM02

Merci de nous donner
votre avis sur cet atelier…
Merci de votre
attention
Contacts
Anne-Laure COLLIOU
Pays touristique de Vannes Lanvaux
al.colliou@vannes-lanvaux.com
06 64 68 42 69

Sandrine DAND...
Prochain SlideShare
Chargement dans…5
×

Tutoriel : Créer un site web avec Jimdo - Les excursions numériques saison 2

2 057 vues

Publié le

Tutoriel réalisé par Sandrine Dando / Rochefort-en-Terre Tourisme.

Publié dans : Voyages
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 057
Sur SlideShare
0
Issues des intégrations
0
Intégrations
492
Actions
Partages
0
Téléchargements
81
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Tutoriel : Créer un site web avec Jimdo - Les excursions numériques saison 2

  1. 1. CRÉER UN SITE WEB AVEC JIMDO Janvier 2014
  2. 2. PROGRAMME : Pourquoi Jimdo ? s’inscrire sur Jimdo connaître la barre d’administration Jimdo personnaliser son site (choisir modèle design) créer l’arborescence créer du contenu (texte, insérer photos…) Paramétrer Google Analytics
  3. 3. POURQUOI JIMDO ?
  4. 4. POURQUOI CHOISIR JIMDO ? - Pas besoin de télécharger un logiciel, tout se fait directement en ligne - Autonomie pour la création et mise à jour - Facilité et rapidité d’utilisation (intuitif) - Un site pro sans connaissance informatique
  5. 5. POURQUOI CHOISIR JIMDO ? - Des modèles professionnels et variés - Version gratuite pour démarrer - Nombre de pages illimité - Fonction blog - Optimisé pour mobile…
  6. 6. S’INSCRIRE SUR JIMDO
  7. 7. ALLER SUR LE SITE : WWW.JIMDO.COM
  8. 8. CONFIRMER LA CRÉATION DE VOTRE SITE Allez dans votre boite mail et cliquez sur confirmer Votre site est maintenant en ligne
  9. 9. LA STRUCTURE D’UN SITE JIMDO Le header Le menu de navigation (en-tête) Le contenu La barre latérale (identique sur toutes les pages) Pied de page
  10. 10. Source : OT Vallée du Lot La barre d’administration se situe en haut à droite
  11. 11. PERSONNALISER VOTRE SITE
  12. 12. COMMENT ME CONNECTER À MON SITE ? Entrée l'adresse web de votre site dans la barre du navigateur (par ex. : mon-adresse.jimdo.com) Connectez vous en cliquant sur le bouton connexion en bas à droite Saisissez votre mot de passe Le principe JIMDO : Vous travaillez directement sur le site et vos modifications apparaissent en temps réel…
  13. 13. MODIFIER VOTRE SITE JIMDO Principe : Il suffit de passer la souris sur l’élément à modifier pour ouvrir le menu de modification
  14. 14. CHOISIR LE DESIGN DU SITE
  15. 15. CHOISIR LE DESIGN DE VOTRE SITE Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
  16. 16. CHOISIR VOTRE 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/
  17. 17. CHOISIR VOTRE DESIGN Vous pouvez changer de design à tout moment
  18. 18. CHOISIR VOTRE 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.
  19. 19. VÉRIFIER LE RENDU DU SITE Il suffit de cliquer en sur « afficher » en bas à droite Pour revenir en mode administrateur cliquer sur « modifier » situé au même endroit
  20. 20. MODIFIER L’EN-TÊTE DU SITE
  21. 21. MODIFIER L’EN-TÊTE (HEADER) Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
  22. 22. MODIFIER L’EN-TÊTE (HEADER) Passez la souris sur l’en-tête et cliquez sur « modifier le header »
  23. 23. MODIFIER L’EN-TÊTE (HEADER) Sélectionnez l’onglet « Image personnelle » puis sélectionner une photo de votre ordinateur. Il est fortement conseillé de choisir une belle image représentant votre structure ou votre activité. Attention : ne pas oublier de redimensionner votre image en amont (par ex. avec www.picmonkey.com). Voir les dimensions à droite. En attentant, vous pouvez utiliser une photo proposée par JIMDO que vous trouverez dans l’onglet Galerie.
  24. 24. MODIFIER L’EN-TÊTE (HEADER) Cliquez sur l’onglet « Titre » pour modifier le texte dans l’en-tête. Vous pouvez modifier la position , la taille et la couleur du titre, en faisant coulisser les curseurs.
  25. 25. L’ARBORESCENCE DU SITE
  26. 26. CRÉER L’ARBORESCENCE DU SITE Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
  27. 27. CRÉER L’ARBORESCENCE DU SITE L'arborescence d'un site web correspond à son architecture et permet d'organiser et de structurer le contenu du site. Passer votre souris sur le menu et cliquer sur « Modifier navigation »
  28. 28. GÉRER LA NAVIGATION (MENU) SUR JIMDO Titre de la page Gérer l’ordre des pages Le menu principal Le sous-menu Le sous/sousmenu Conseil : 3 niveaux de navigation maximum Gérer le niveau de la page dans l’arborescence Masquer la page sélectionnée Supprimer la page sélectionnée Insérer une nouvelle page
  29. 29. INSÉRER DU CONTENU
  30. 30. INSÉRER DU CONTENU SUR VOTRE SITE Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo
  31. 31. INSÉRER DU CONTENU SUR VOTRE SITE Cliquez sur « ajouter des contenus » pour insérer textes, photos, vidéos, tableau, titre…
  32. 32. MODIFIER LE CONTENU SUR VOTRE SITE Déplacer le bloc contenu vers le haut/bas de la page Supprimer l’élément Dupliquer l’élément Ajouter un contenu à la suite de celui-ci
  33. 33. AJOUTER DU CONTENU SUR VOTRE SITE Pour bien organiser vos pages Pour insérer du texte Pour ajouter des images
  34. 34. Source : Guide JIMDO version 1.0
  35. 35. Source : Guide JIMDO version 1.0
  36. 36. Source : Guide JIMDO version 1.0
  37. 37. Source : Guide JIMDO version 1.0
  38. 38. GOOGLE ANALYTICS
  39. 39. INSCRIVEZ-VOUS SUR GOOGLE ANALYTICS Connectez-vous sur : www.google.com/analytics/
  40. 40. CONFIGURER GOOGLE ANALYTICS Saisir le nom de votre site web Saisir l’adresse web de votre site Choisir « France » pour savoir à quelles heures les visiteurs consultent votre site Puis cliquez sur : Obtenir un ID de suivi
  41. 41. CONFIGURER GOOGLE ANALYTICS Votre code de suivi à copier et à coller sur votre site Jimdo
  42. 42. INTÉGRER CODE DE SUIVI SUR JIMDO 2 1
  43. 43. INTÉGRER CODE DE SUIVI SUR JIMDO Copier votre code de suivi fourni par Google Analytics ici
  44. 44. VOTRE AVIS SUR CET ATELIER
  45. 45. HTTP://BIT.LY/SATEXNUM02 Merci de nous donner votre avis sur cet atelier…
  46. 46. Merci de votre attention
  47. 47. Contacts Anne-Laure COLLIOU Pays touristique de Vannes Lanvaux al.colliou@vannes-lanvaux.com 06 64 68 42 69 Sandrine DANDO Rochefort-en-Terre Tourisme s.dando@rochefortenterre-tourisme.com 02 97 26 56 00

×