Ce tutoriel etourisme explique comment créer un site internet facilement avec l'excellent CMS Jimdo.

1. Créer un site web
facilement avec Jimdo
Club E-Tourisme n°4 – 9 octobre 2010
© Nicolas Monseigne

2. Le SAV du club
Etape 1 : aller sur www.jimdo.com
Affaires courantes
Le thème
du Club :
Créer un
site web
Inscrivez l'adresse voulue
de votre site. En version
gratuite, il y aura l'extension
".jimdo.com"
Puis votre adresse mail
TUTORIEL
Puis cochez la case
Puis envoyez…
© Nicolas Monseigne

3. Le SAV du club
Etape 2 : allez voir le lien vers votre site dans vos mails…
Affaires courantes
Le thème
du Club :
Créer un
site web
Le lien vers votre site
Le mot de passe pour
administrer votre site
TUTORIEL
© Nicolas Monseigne

4. Le SAV du club
Et voici votre site…
Affaires courantes
Notez que dans le mail, ou dans le site tel qu'il existe
Le thème maintenant, vous avez à chaque fois plein d'explications pour
du Club : vous indiquer quoi faire… Exemple, sur la page d'accueil… :
Créer un
site web
TUTORIEL
© Nicolas Monseigne

5. Le SAV du club
La structure d'un site…
Affaires courantes
Le thème
du Club :
Créer un
site web
"Header"
Menu
"Barre
latérale"
TUTORIEL
Contenu
© Nicolas Monseigne
Pied de page

6. Le SAV du club
La structure d'un site…
Affaires courantes
Le thème
du Club :
Créer un
site web
Jimdo vous propose plusieurs maquettes,
mais on retrouvera toujours ces
composantes, organisées différemment…
TUTORIEL
© Nicolas Monseigne

7. Le SAV du club
Modifier un site…
Affaires courantes
Le thème Etape 1 : se connecter
du Club :
Créer un
site web
Suivez la flèche !
Cliquez sur "Connexion"
et entrez le code qui
vous a été fourni dans
TUTORIEL
le mail d'inscription
© Nicolas Monseigne

8. Le SAV du club
Modifier un site…
Affaires courantes
Le thème Vous voici donc dans l'interface d'administration du site.
du Club : Notez l'apparition du menu d'administration à droite
Créer un
site web
LE principe du site
Jimdo :
Vous travaillez
directement sur le
TUTORIEL
site, et vous voyez
vos modifications
en temps réel.
© Nicolas Monseigne

9. Le SAV du club
Modifier un site…
Affaires courantes
Le thème Le principe : il suffit de passer la souris sur l'élément à
du Club : modifier pour ouvrir le menu de modification
Créer un
Exemple ici :
site web
Je veux modifier la navigation (ajouter des pages, en
supprimer, modifier les titres, etc)
1- Je passe la souris
2- le menu s'affiche
TUTORIEL
© Nicolas Monseigne

10. Le SAV du club
Modifier un site…
Affaires courantes
Le thème Le principe : il suffit de passer la souris sur l'élément à
du Club : modifier pour ouvrir le menu de modification
Créer un
Exemple ici :
site web
Je veux modifier le header
1- Je passe la souris
2- le menu s'affiche
TUTORIEL
© Nicolas Monseigne

11. Le SAV du club
Modifier un site…
Affaires courantes
Le thème Le principe : il suffit de passer la souris sur l'élément à
du Club : modifier pour ouvrir le menu de modification
Créer un
Exemple ici :
site web
Je veux modifier les contenus de la barre latérale ou de
la zone de contenu
1- Je passe la souris
2- le menu s'affiche
TUTORIEL
© Nicolas Monseigne

12. Modifier l'en-tête
Les modifications plus en détail…
© Nicolas Monseigne

13. Le SAV du club
Modifier l'en-tête
Affaires courantes
Le thème Etape 1 : ouvrir le menu de modification
du Club :
Créer un
site web
TUTORIEL
Normalement, ça vous savez faire ;-)
Cliquez sur "Modifier le header"
© Nicolas Monseigne

14. Le SAV du club
Modifier l'en-tête
Affaires courantes
Le thème Etape 2 – Modifier…
du Club :
Créer un
site web
TUTORIEL
Parmi les onglets en haut, sélectionnez "Image personnelle" pour
© Nicolas Monseigne
insérer votre propre image. Notez qu'il vous faudra sûrement retailler
au préalable votre image ! Les dimensions sont indiquées en haut à
droite.
Sinon, vous pouvez toujours en choisir une autre dans l'onglet
"Galerie".

15. Le SAV du club
Modifier l'en-tête
Affaires courantes
Le thème Etape 2 – Modifier…
Parmi les onglets en haut, sélectionnez "Titre" pour modifier le texte
du Club : qui apparaît dans l'en-tête
Créer un
site web
Modifiez ici la
couleur de votre
texte
TUTORIEL
© Nicolas Monseigne
Faites coulisser les curseurs
pour placer le texte là où Quand vous avez
vous le souhaitez fini… fermez !

16. Modifier
l'arborescence
Les modifications plus en détail…
© Nicolas Monseigne

17. Le SAV du club
Modifier l'en-tête
Affaires courantes
Le thème Etape 1 : ouvrir le menu de modification
du Club :
Créer un
site web
TUTORIEL
Normalement, ça vous savez faire ;-)
Cliquez sur "Modifier navigation"
© Nicolas Monseigne

18. Le SAV du club
Modifier l'arborescence
Affaires courantes
Le thème Etape 2 : modifier !
du Club : Voici le menu qui s'ouvre…
Créer un
site web
Modifier l'ordre des
pages
Titre de la
Modifier le niveau de la
page
page dans l'arborescence
Ajouter une page
TUTORIEL
Supprimer la page
sélectionnée
© Nicolas Monseigne
Masquer la page (elle est
en ligne, et accessible si
on a le lien, mais
n'apparait pas dans le
menu du site)

19. Le SAV du club
Modifier l'arborescence
Affaires courantes
Supprimer une page peut
Le thème aussi supprimer toute une
du Club :
ATTENTION !!! arborescence !!!
Créer un
site web
Ici on supprime seulement la
page
TUTORIEL
Ici on supprime la page,
mais aussi les 3 pages
suivantes !!!
© Nicolas Monseigne
(et pas d'espoir de
récupération, donc
soyez vigilant !)

20. Modifier le contenu
des pages
Les modifications plus en détail…
© Nicolas Monseigne

21. Le SAV du club
Modifier l'en-tête
Affaires courantes
Le thème Etape 1 : afficher le menu de modification
du Club :
Créer un
site web
TUTORIEL
© Nicolas Monseigne
Normalement, ça vous savez faire ;-)
Cliquez sur "Modifier navigation"

22. Le SAV du club
Modifier l'en-tête
Affaires courantes
Le thème Etape 2 : modifier (toujours aussi simple…)
du Club :
Créer un
site web
Déplacer l'élément vers le
haut/bas dans la page
Supprimer l'élément
Ajouter un élément à la
TUTORIEL
suite de cet élément
© Nicolas Monseigne

23. Le SAV du club
Modifier le contenu
Affaires courantes
Le thème Quels éléments ajouter ?
du Club :
Créer un
site web
Assez parlant
comme titres…
TUTORIEL
© Nicolas Monseigne

24. Le SAV du club
Modifier le contenu
Affaires courantes
Le thème Des éléments très intéressants…
du Club :
Créer un Pour la mise en valeur de
site web photos, vous pouvez
utiliser les fonctions
"natives" de Jimdo (très
sympa)
Mais si vous avez bien bossé sur
Flickr, il y a moyen de faire de jolis
présentations de vos photos !
TUTORIEL
…ou bien sûr d'intégrer en HTML
© Nicolas Monseigne
votre mur d'image Cooliris !
(voir Club E-Tourisme n°2 et tutoriel
associé)

25. Le SAV du club
Modifier le contenu
Affaires courantes
Le thème La mise en ligne des contenus se fait au fur et à
du Club : mesure des modifications
Créer un
site web
TUTORIEL
Exemple ici avec l'intégration de photos.
Si vous voulez attendre que votre page soit
© Nicolas Monseigne
finie (ou validée), vous pouvez utiliser la
fonction "masquer" dans la gestion de
l'arborescence

26. Contrôler le rendu
du site…
Une manipulation très simple…
© Nicolas Monseigne

27. Le SAV du club
Contrôler le rendu du site
Affaires courantes
Le thème Il suffit de cliquer sur "afficher" en bas à droite
du Club :
Créer un
site web
TUTORIEL
© Nicolas Monseigne

28. Le SAV du club
Contrôler le rendu du site
Affaires courantes
Le thème Vous avez besoin de modifier un élément qui ne
du Club : vous convient pas ? Repassez en "Modification"
Créer un
site web
TUTORIEL
© Nicolas Monseigne

29. Le SAV du club
Contrôler le rendu du site
Affaires courantes
Le thème
du Club :
Créer un Et pour modifier l'élément,
site web il vous suffit, comme
toujours, de cliquer sur cet
élément…
…Le menu d'édition
TUTORIEL
apparaîtra alors…
© Nicolas Monseigne
Modifiez et
enregistrez !
Simplissime…