Créer son site jimdo tutoriel

7,610 views
7,335 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,610
On SlideShare
0
From Embeds
0
Number of Embeds
216
Actions
Shares
0
Downloads
150
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Créer son site jimdo tutoriel

  1. 1. Créer son site web<br />Découvrir et utiliser Jimdo<br />Atelier E-Tourisme n°1 – 26 mai 2011<br />
  2. 2. Jimdo??!!...Mais c’est quoi?<br />Définition<br />Jimdo permet de créer et d'administrer un site web très facilement. <br />Les avantages : <br /><ul><li>Pas besoin de télécharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur.
  3. 3. Pas besoin de connaître des langages informatiques.
  4. 4. Plateforme intuitive d'utilisation, même pour les débutants
  5. 5. Un bon référencement naturel
  6. 6. Version gratuite et version professionnelle payante</li></li></ul><li>Création de votre site web <br />Allez sur:<br />www.jimdo.com<br />Saisissez le nom de votre site<br />Saisissez votre adresse mail<br />Acceptez les conditions<br />Cliquez « Créer mon site »<br />
  7. 7. Création de votre site web <br />Relevez vos mails<br />Lien vers votre site<br />Votre mot de passe<br />Votre site est en ligne!<br />Il ne vous reste plus qu’a le modifier.<br />
  8. 8. Création de votre site web <br />Voici la page d’accueil de votre site.<br />Important: <br />Chaque site jimdo propose des rubriques d’aide et d’explications. Vous pourrez les supprimer une fois le site crée.<br />Se connecter/déconnecter de votre compte<br />Afficher vos modifications en temps réel<br />
  9. 9. Création de votre site web <br />Vous pouvez modifier la mise en page de votre site.<br />Jimdo propose différents styles de maquettes que nous verrons plus tard<br />Ici: <br />Header – Bandeau<br />Menu de navigation<br />Barre latérale, pub<br />Contenu du site<br />Pied de page<br />Connexion/déconnexion<br />
  10. 10. Modifier votre site web <br />Vous êtes sur l’interface d’administration de votre site<br />Toutes modifications apportées passeront par ces 4 menus<br />N’oubliez pas: Vous travaillez directement sur le site et pouvez visualiser les modifications en temps réel<br />Viennent d’apparaitre : <br /><ul><li>Le menu général à droite de l’écran
  11. 11. L’onglet « Modifier le header » en passant la souris dessus
  12. 12. L’onglet « Modifier la navigation » en passant la souris sur le menu
  13. 13. Le bloc « Ajouter nouveau élément » en bas à gauche</li></li></ul><li>Modifier la navigation <br />Passez la souris sur le menu<br />Cliquez sur l’onglet « Modifier la navigation »<br />
  14. 14. Modifier la navigation <br />Modifier l’ordre des pages<br />Rajouter des pages<br />Décaler et modifier le niveau des pages<br />Supprimer la page sélectionnée<br />Masquer la page (Elle est en ligne mais pas visible. Accessible par lien interne)<br />Titre de vos pages<br />Les pages les plus à gauche sont des rubriques principales<br />Les pages les plus a droite sont des sous rubriques ou simples articles<br />Ex: « Jimdo » rubrique principale. « Modifier design… » pages rattachées à la rubrique<br />Vous pouvez rajouter, supprimer, décaler autant de pages que vous souhaitez<br />N’oubliez pas d’enregistrer vos modifications<br />
  15. 15. Modifier la navigation <br />Une remarque:<br />Ici, il est possible de supprimer la page<br />En revanche, vous ne pouvez pas supprimer celle-ci<br />« Modifier le design » est une page rattachée à la rubrique « Jimdo » <br />« Exemple » est une rubrique<br />Pour éviter des erreurs irrémédiables, il faut supprimer les pages avant de supprimer les rubriques<br />
  16. 16. Modifier l’en-tête <br />Passez la souris sur l’en-tête<br />Cliquez sur l’onglet « Modifier le header »<br />
  17. 17. Modifier l’en-tête <br />Voici le menu du header:<br />« Galerie » vous permet de changer la photo du bandeau parmi celles proposées<br />« Image personnelle » pour insérer une photo depuis votre ordinateur<br />« Motif » s’utilise quand vous ne souhaitez pas mettre de photo dans le bandeau<br />« Titre » pour changer le nom de votre site<br />« Paramètres » pour augmenter ou diminuer la taille du bandeau<br />Il est vivement conseillé d’insérer une image personnelle représentant votre activité<br />Il faudra surement la redimensionner. La taille vous est précisée. <br />
  18. 18. Modifier l’en-tête <br />Saisissez ici votre texte<br />Modifiez la police et la taille<br />Faites glisser le curseur pour déplacer le texte<br />Modifiez la couleur du texte en utilisant le curseur<br />Cliquez sur « fermer » pour valider<br />
  19. 19. Modifier le contenu <br />Passez la souris sur le contenu, le menu apparait<br />Pour déplacer l’élément<br />Pour supprimer l’élément<br />Pour rajouter un élément après celui-ci<br />Pour modifier l’élément, cliquez simplement dessus<br />
  20. 20. Modifier le contenu <br />Pour rajouter un élément, cliquez sur +<br />Choisissez parmi de ce menu<br />Les titres sont clairs et simples<br />Vous utiliserez en priorité les onglets:<br /><ul><li>titre,
  21. 21. texte,
  22. 22. widget,
  23. 23. image,
  24. 24. texte avec image,
  25. 25. formulaire</li></li></ul><li>Modifier le contenu <br />Pour rajouter un titre:<br />Cliquez sur l’onglet titre, saisissez votre texte. Choisissez le type de titre.<br />Pour rajouter un texte:<br />Cliquez sur l’onglet texte. Vous êtes dans un éditeur de contenu similaire à word.<br />N’oubliez pas d’enregistrer vos modifications<br />
  26. 26. Modifier le contenu <br />Pour rajouter une image, cliquez sur l’onglet image.<br />Insérez là depuis votre ordinateur. <br />Donnez lui un nom.<br />Vous pouvez: Agrandir sa taille, la déplacer, la pivoter, la rendre agrandissable <br />Pour rajouter une image avec du texte, cliquez sur l’onglet « image et texte »<br />Tapez votre texte puis insérez votre image<br />Choisissez votre disposition<br />Texte à droite ou à gauche de l’image<br />N’oubliez pas d’enregistrer<br />
  27. 27. Modifier le contenu <br />L’onglet « Galerie d’image » vous permet d’intégrer plusieurs photos dans un même bloc.<br />Vous pouvez choisir le format<br />Soit un mur d’image: Possibilité de modifier la taille, le style<br />Soit un diaporama: Possibilité de modifier le temps du défilé<br />Cet onglet est vivement conseillé puisqu’il donne du dynamisme<br />
  28. 28. Modifier le contenu <br />Un widget est un outil interactif intégré dans une page web et provenant d’une autre plate forme web.<br />Avec cet onglet, vous pourrez: <br /><ul><li>intégrer des vidéos depuis youtube ou autre
  29. 29. des e-brochures depuis calaméo,
  30. 30. votre photothèque en ligne depuis picasa
  31. 31. Et bien d’autres…</li></ul>Pour cela, il vous suffit de copier le code embed de votre présentation et de le coller dans cet onglet.<br />C’est tout simple et vivement conseillé!<br />
  32. 32. Modifier le contenu <br />Vous pouvez aussi créer un formulaire de contact<br />Cliquez sur l’onglet formulaire<br />En haut, la présentation du formulaire<br />En bas, vous paramétrez le formulaire<br />N’oubliez pas de saisir votre adresse mail<br />Cette fonction est aussi vivement conseillée<br />
  33. 33. Modifier le contenu <br />Pensez-y:<br />Vous travaillez en ligne<br />Pour vous rendre compte de vos modifications<br />Il vous suffit de cliquer sur « afficher »<br />Vous aurez en direct la même vue que l’internaute<br />
  34. 34. Modifier le contenu <br />Vous avez besoin de modifier ou de supprimer un élément…<br />Il vous suffit de cliquer sur modifier, en bas à droite<br />Vous repasserez ainsi en mode « modification »<br />
  35. 35. Modifier le contenu <br />Pour modifier l’élément, il vous suffit de cliquer dessus…<br />…Le menu d’édition apparait…<br />Modifiez et enregistrez<br />Rien de plus simple !!!!<br />
  36. 36. Modifier l’apparence <br />Cliquez sur l’onglet « design », dans le menu de droite<br />Faites votre choix parmi les différentes maquettes proposées<br />Votre navigation et vos créations précédentes ne seront pas modifiées<br />Notez que les certaines maquettes sont accessibles uniquement en version pro ou business<br />
  37. 37. Modifier l’apparence <br />Le design est directement appliqué à votre site<br />S’il vous convient, vous le validez<br />Sinon cliquez sur « précédent » pour en choisir un autre<br />
  38. 38. Modifier l’apparence <br />Cliquez sur « Style » dans le menu de droite<br />Ici paramétrez :<br /><ul><li>Le type de police, la couleur et la taille des titres, textes, sous-titres
  39. 39. L’image de fond de votre site. Une galerie vous est proposée mais certaines ne accessibles qu’en version pro</li></ul>Vous pouvez également personnaliser le fond en important une image depuis votre ordinateur<br />
  40. 40. Modifier les paramètres <br />Réglages de vos comptes mails et noms de domaines<br />Vos infos personnelles<br />Infos et réglages de votre site<br />Identifiants de connexion<br />Réglage pour le référencement naturel<br />Des outils dont la newsletter<br />Réglage de la fonction blog<br />Réglage de votre e-boutique, si vous en avez une<br />
  41. 41. Modifier les paramètres <br />La priorité:<br />Modifier votre mot de passe<br />Toujours dans « Paramètres », cliquez sur « Mot de passe »<br />Une fenêtre s’ouvre<br />Tapez votre mot de passe actuel<br />Saisissez 2 fois votre nouveau mot de passe<br />
  42. 42. Modifier les paramètres <br />Une autre priorité: Le référencement de votre site<br />Cliquez sur l’onglet « titre du site »<br />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.<br />Cliquez sur l’onglet « Description du site »<br />Il s’agit de la carte d’Identité de votre site<br />Décrivez y votre activité et utilisez des mots clés pertinents. Géolocalisez vous.<br />
  43. 43. Modifier les paramètres <br />2 nouveautés :<br /><ul><li>Activez la version mobile de votre site. Cette option le rend compatible avec les smartphonessous Androïd et I phone
  44. 44. 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</li></li></ul><li>Conclusion<br />Nous venons de voir comment créer et modifier facilement votre site jimdo.<br />N’hésitez pas « bidouiller » et à essayer différentes fonctions des menus.<br />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.<br />Quelques liens:<br />http://realia.jimdo.com/<br />http://communautefrancophone.jimdo.com/<br />Et bien sûr : http://pro-coeurdebearn.jimdo.com<br />

×