créer son site jimdo tutoriel
DESCRIPTION
TRANSCRIPT
![Page 1: Créer son site jimdo tutoriel](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/8.jpg)
Passez la souris sur le menu
Cliquez sur l’onglet « Modifier la navigation »
Modifier la navigation
![Page 9: Créer son site jimdo tutoriel](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/20.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/24.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/25.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/26.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/27.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/28.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/29.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/30.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061202/547b5281b4af9f010b8b4a6e/html5/thumbnails/31.jpg)
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