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

CRÉER UN SITE WEB AVEC JIMDO

Janvier 2014

Page 2: Tutoriel : Créer un site web avec Jimdo - Les excursions numériques saison 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

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

POURQUOI JIMDO ?

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

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

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

POURQUOI CHOISIR JIMDO ?

- Des modèles professionnels et variés

- Version gratuite pour démarrer

- Nombre de pages illimité

- Fonction blog

- Optimisé pour mobile…

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

S’INSCRIRE SUR JIMDO

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

ALLER SUR LE SITE : WWW.JIMDO.COM

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

CONFIRMER LA CRÉATION DE VOTRE SITE

Allez dans votre boite mail et cliquez sur confirmer

Votre site est maintenant en ligne

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

LA STRUCTURE D’UN SITE JIMDO Le header

(en-tête)

La barre latérale

(identique sur

toutes les pages)

Le contenu

Pied de

page

Le menu de

navigation

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

La barre d’administration se situe en haut à droite

Source : OT

Vallée du Lot

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

PERSONNALISER VOTRE SITE

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

COMMENT ME CONNECTER À MON SITE ?

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…

Entrée l'adresse web de votre site dans la barre du navigateur

(par ex. : mon-adresse.jimdo.com)

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

MODIFIER VOTRE SITE JIMDO

Principe :

Il suffit de passer la souris sur l’élément à modifier pour ouvrir le menu de modification

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

CHOISIR LE DESIGN DU SITE

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

CHOISIR LE DESIGN DE VOTRE SITE

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo

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

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/

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

CHOISIR VOTRE DESIGN

Vous pouvez changer de design à tout moment

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

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.

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

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

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

MODIFIER L’EN-TÊTE DU SITE

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

MODIFIER L’EN-TÊTE (HEADER)

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo

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

MODIFIER L’EN-TÊTE (HEADER)

Passez la

souris sur

l’en-tête et

cliquez sur

« modifier le

header »

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

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.

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

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.

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

L’ARBORESCENCE DU SITE

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

CRÉER L’ARBORESCENCE DU SITE

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo

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

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 »

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

Gérer l’ordre

des pages

Insérer une

nouvelle page

GÉRER LA NAVIGATION (MENU) SUR JIMDO

Titre de la page

Supprimer la

page sélectionnée

Masquer la

page sélectionnée

Gérer le niveau

de la page dans

l’arborescence

Conseil : 3 niveaux de

navigation maximum

Le menu

principal

Le sous-menu

Le sous/sous-

menu

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

INSÉRER DU CONTENU

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

INSÉRER DU CONTENU SUR VOTRE SITE

Cliquez sur l’image ci-dessus pour visualiser la vidéo de présentation Jimdo

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

INSÉRER DU CONTENU SUR VOTRE SITE

Cliquez sur

« ajouter des

contenus » pour

insérer textes,

photos, vidéos,

tableau, titre…

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

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

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

AJOUTER DU CONTENU SUR VOTRE SITE

Pour bien organiser

vos pages

Pour insérer du texte

Pour ajouter des images

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

Source : Guide JIMDO version 1.0

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

Source : Guide JIMDO version 1.0

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

Source : Guide JIMDO version 1.0

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

Source : Guide JIMDO version 1.0

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

GOOGLE ANALYTICS

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

INSCRIVEZ-VOUS SUR GOOGLE ANALYTICS

Connectez-vous sur : www.google.com/analytics/

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

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

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

CONFIGURER GOOGLE ANALYTICS

Votre code de suivi à copier et à coller sur votre site Jimdo

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

INTÉGRER CODE DE SUIVI SUR JIMDO

1

2

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

INTÉGRER CODE DE SUIVI SUR JIMDO

Copier votre code de suivi

fourni par Google

Analytics ici

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

VOTRE AVIS SUR CET ATELIER

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

HTTP://BIT.LY/SATEXNUM02

Merci de nous donner

votre avis sur cet atelier…

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

Merci de votre attention

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

Contacts

Anne-Laure COLLIOU

Pays touristique de Vannes Lanvaux

[email protected]

06 64 68 42 69

Sandrine DANDO

Rochefort-en-Terre Tourisme

[email protected]

02 97 26 56 00


Top Related