créer son site jimdo tutoriel

31
Créer son site web Découvrir et utiliser Jimdo Atelier E-Tourisme n°1 – 26 mai 2011

Upload: office-de-tourisme-coeur-de-bearn

Post on 01-Dec-2014

6.944 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Créer son site jimdo tutoriel

Créer son site web

Découvrir et utiliser Jimdo

Atelier E-Tourisme n°1 – 26 mai 2011

Page 2: Créer son site jimdo tutoriel

Jimdo??!!...Mais c’est quoi?Définition

Jimdo permet de créer et d'administrer un site web très facilement.

Les avantages :

- Pas besoin de télécharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur.

- Pas besoin de connaître des langages informatiques.

- Plateforme intuitive d'utilisation, même pour les débutants

- Un bon référencement naturel

- Version gratuite et version professionnelle payante

Page 3: Créer son site jimdo tutoriel

Création de votre site web

Allez sur:www.jimdo.com

Saisissez le nom de votre site

Saisissez votre adresse mail

Acceptez les conditions

Cliquez « Créer mon site »

Page 4: Créer son site jimdo tutoriel

Relevez vos mails

Lien vers votre site

Votre mot de passe

Votre site est en ligne!Il ne vous reste plus qu’a le modifier.

Création de votre site web

Page 5: Créer son site jimdo tutoriel

Voici la page d’accueil de votre site.

Important: Chaque site jimdo propose des rubriques d’aide et d’explications. Vous pourrez les supprimer une fois le site crée.

Se connecter/déconnecter de votre compte

Afficher vos modifications en temps réel

Création de votre site web

Page 6: Créer son site jimdo tutoriel

Vous pouvez modifier la mise en page de votre site.Jimdo propose différents styles de maquettes que nous verrons plus tard

Ici:

Header – Bandeau

Menu de navigation

Barre latérale, pub

Contenu du site

Pied de pageConnexion/déconnexion

Création de votre site web

Page 7: Créer son site jimdo tutoriel

Viennent d’apparaitre : - Le menu général à droite de l’écran

- L’onglet « Modifier le header » en passant la souris dessus- L’onglet « Modifier la navigation » en passant la souris sur le menu

- Le bloc « Ajouter nouveau élément » en bas à gauche

Vous êtes sur l’interface d’administration de votre site

Toutes modifications apportées passeront par ces 4 menus

N’oubliez pas: Vous travaillez directement sur le site et pouvez visualiser les modifications en temps réel

Modifier votre site web

Page 8: Créer son site jimdo tutoriel

Passez la souris sur le menu

Cliquez sur l’onglet « Modifier la navigation »

Modifier la navigation

Page 9: Créer son site jimdo tutoriel

Titre de vos pages

Les pages les plus à gauche sont des rubriques principales

Les pages les plus a droite sont des sous rubriques ou simples articles

Ex: « Jimdo » rubrique principale. « Modifier design… » pages rattachées à la rubrique

Vous pouvez rajouter, supprimer, décaler autant de pages que vous souhaitez

Modifier l’ordre des pages

Rajouter des pages

Décaler et modifier le niveau des pages

Supprimer la page sélectionnée

Masquer la page (Elle est en ligne mais pas visible. Accessible par lien interne)N’oubliez pas d’enregistrer

vos modifications

Modifier la navigation

Page 10: Créer son site jimdo tutoriel

Une remarque:

Ici, il est possible de supprimer la page

En revanche, vous ne pouvez pas supprimer celle-ci

« Modifier le design » est une page rattachée à la rubrique « Jimdo » « Exemple » est une rubrique

Pour éviter des erreurs irrémédiables, il faut supprimer les pages avant de supprimer les rubriques

Modifier la navigation

Page 11: Créer son site jimdo tutoriel

Cliquez sur l’onglet « Modifier le header »

Passez la souris sur l’en-tête

Modifier l’en-tête

Page 12: Créer son site jimdo tutoriel

Voici le menu du header:

« Galerie » vous permet de changer la photo du bandeau parmi celles proposées« Image personnelle » pour insérer une photo depuis votre ordinateur« Motif » s’utilise quand vous ne souhaitez pas mettre de photo dans le bandeau« Titre » pour changer le nom de votre site« Paramètres » pour augmenter ou diminuer la taille du bandeau

Il est vivement conseillé d’insérer une image personnelle représentant votre activitéIl faudra surement la redimensionner. La taille vous est précisée.

Modifier l’en-tête

Page 13: Créer son site jimdo tutoriel

Saisissez ici votre texte

Modifiez la police et la taille

Faites glisser le curseur pour déplacer le texte

Modifiez la couleur du texte en utilisant le curseur

Cliquez sur « fermer » pour valider

Modifier l’en-tête

Page 14: Créer son site jimdo tutoriel

Passez la souris sur le contenu, le menu apparait

Pour modifier l’élément, cliquez simplement dessus

Pour déplacer l’élément

Pour supprimer l’élément

Pour rajouter un élément après celui-ci

Modifier le contenu

Page 15: Créer son site jimdo tutoriel

Pour rajouter un élément, cliquez sur +

Choisissez parmi de ce menuLes titres sont clairs et simples

Vous utiliserez en priorité les onglets:- titre, - texte, - widget,- image, - texte avec image, - formulaire

Modifier le contenu

Page 16: Créer son site jimdo tutoriel

Pour rajouter un titre:Cliquez sur l’onglet titre, saisissez votre texte. Choisissez le type de titre.

Pour rajouter un texte:Cliquez sur l’onglet texte. Vous êtes dans un éditeur de contenu similaire à word.

N’oubliez pas d’enregistrer vos modifications

Modifier le contenu

Page 17: Créer son site jimdo tutoriel

Pour rajouter une image, cliquez sur l’onglet image.

Insérez là depuis votre ordinateur. Donnez lui un nom.

Vous pouvez: Agrandir sa taille, la déplacer, la pivoter, la rendre agrandissable

Pour rajouter une image avec du texte, cliquez sur l’onglet « image et texte »

Tapez votre texte puis insérez votre image

Choisissez votre dispositionTexte à droite ou à gauche de l’image

N’oubliez pas d’enregistrer

Modifier le contenu

Page 18: Créer son site jimdo tutoriel

L’onglet « Galerie d’image » vous permet d’intégrer plusieurs photos dans un même bloc.

Vous pouvez choisir le format

Soit un mur d’image: Possibilité de modifier la taille, le style

Soit un diaporama: Possibilité de modifier le temps du défilé

Cet onglet est vivement conseillé puisqu’il donne du dynamisme

Modifier le contenu

Page 19: Créer son site jimdo tutoriel

Un widget est un outil interactif intégré dans une page web et provenant d’une autre plate forme web.

Avec cet onglet, vous pourrez: - intégrer des vidéos depuis youtube

ou autre- des e-brochures depuis calaméo, - votre photothèque en ligne depuis

picasa- Et bien d’autres…

Pour cela, il vous suffit de copier le code embed de votre présentation et de le coller dans cet onglet.

C’est tout simple et vivement conseillé!

Modifier le contenu

Page 20: Créer son site jimdo tutoriel

Vous pouvez aussi créer un formulaire de contact

Cliquez sur l’onglet formulaire

En haut, la présentation du formulaire

En bas, vous paramétrez le formulaire

N’oubliez pas de saisir votre adresse mail

Cette fonction est aussi vivement conseillée

Modifier le contenu

Page 21: Créer son site jimdo tutoriel

Pensez-y:

Vous travaillez en ligne

Pour vous rendre compte de vos modifications

Il vous suffit de cliquer sur « afficher »

Vous aurez en direct la même vue que l’internaute

Modifier le contenu

Page 22: Créer son site jimdo tutoriel

Vous avez besoin de modifier ou de supprimer un élément…

Il vous suffit de cliquer sur modifier, en bas à droite

Vous repasserez ainsi en mode « modification »

Modifier le contenu

Page 23: Créer son site jimdo tutoriel

Pour modifier l’élément, il vous suffit de cliquer dessus…

…Le menu d’édition apparait…

Modifiez et enregistrez

Rien de plus simple !!!!

Modifier le contenu

Page 24: Créer son site jimdo tutoriel

Cliquez sur l’onglet « design », dans le menu de droite

Faites votre choix parmi les différentes maquettes proposées

Votre navigation et vos créations précédentes ne seront pas modifiées

Notez que les certaines maquettes sont accessibles uniquement en version pro ou business

Modifier l’apparence

Page 25: Créer son site jimdo tutoriel

Le design est directement appliqué à votre site

S’il vous convient, vous le validez

Sinon cliquez sur « précédent » pour en choisir un autre

Modifier l’apparence

Page 26: Créer son site jimdo tutoriel

Cliquez sur « Style » dans le menu de droite

Ici paramétrez :

- Le type de police, la couleur et la taille des titres, textes, sous-titres

- L’image de fond de votre site. Une galerie vous est proposée mais certaines ne accessibles qu’en version pro

Vous pouvez également personnaliser le fond en important une image depuis votre ordinateur

Modifier l’apparence

Page 27: Créer son site jimdo tutoriel

Réglages de vos comptes mails et noms de domaines

Vos infos personnelles

Infos et réglages de votre site

Identifiants de connexion

Réglage pour le référencement naturel

Des outils dont la newsletter

Réglage de la fonction blog

Réglage de votre e-boutique, si vous en avez une

Modifier les paramètres

Page 28: Créer son site jimdo tutoriel

La priorité:

Modifier votre mot de passe

Toujours dans « Paramètres », cliquez sur « Mot de passe »

Une fenêtre s’ouvre

Tapez votre mot de passe actuel

Saisissez 2 fois votre nouveau mot de passe

Modifier les paramètres

Page 29: Créer son site jimdo tutoriel

Une autre priorité: Le référencement de votre site

Cliquez sur l’onglet « titre du site »

Celui-ci est très important. Cette info est directement transmise auprès de google pour que votre site soit reconnu dans le moteur de recherche.

Cliquez sur l’onglet « Description du site »Il s’agit de la carte d’Identité de votre site

Décrivez y votre activité et utilisez des mots clés pertinents. Géolocalisez vous.

Modifier les paramètres

Page 30: Créer son site jimdo tutoriel

2 nouveautés :

- Activez la version mobile de votre site. Cette option le rend compatible avec les smartphones sous Androïd et I phone

- La zone à mot de passe. Très utile si vous souhaitez créer un accès privé sur certaines pages de votre site. Elles seront protégées par un mot de passe

Modifier les paramètres

Page 31: Créer son site jimdo tutoriel

Nous venons de voir comment créer et modifier facilement votre site jimdo.

N’hésitez pas « bidouiller » et à essayer différentes fonctions des menus.

Une communauté Jimdo est très dynamique sur le web et vous propose de nombreux tutoriels pour aller encore plus loin avec votre site jimdo.

Quelques liens:

http://realia.jimdo.com/http://communautefrancophone.jimdo.com/

Et bien sûr : http://pro-coeurdebearn.jimdo.com

Conclusion