69
4 février 2014 Créer son propre site internet avec un outil gratuit Cédric ARNAULT – OT Lourdes Animation numérique de territoire

Atelier numérique, créer son premier site internet avec Jimdo

Embed Size (px)

DESCRIPTION

Atelier numérique animé par l'OT de Lourdes sur le thème de la réalisation de son site internet à partir de la plateforme en ligne Jimdo

Citation preview

  • 1. Animation numrique de territoireCrer son propre site internet avec un outil gratuit4 fvrier 2014Cdric ARNAULT OT

2. Programme de la journe 1/ Pourquoi le choix de Jimdo 2/ Linscription sur Jimdo et ouverture du site 3/ Prise en main de la barre dadministration 4/ Gestion du design du site 5/ Cration de larborescence du site 6/ Cration et gestion de contenu : texte, photo, vido 7/ Rfrencement du site 3. 1/Pourquoi le choix de Jimdo? 4. Pourquoi Jimdo ? Pas besoin de connaissances en Html Autonomie totale sur la cration et la mise jour du site Pas de logiciel installer : tout est en ligne Dmarrage en version gratuite Nombre de pages illimit Fonction blog Version mobile du site gnre automatiquement Une communaut active pour vous aider 5. En cas de doute allez visiter le forum de la communaut JIMDO ! http://communautefrancophone.jimdo.com/ 6. 2/Sinscrire et ouvrir son site 7. Sinscrire et ouvrir son site Rendez-vous sur la page www.jimdo.com 8. Sinscrire et ouvrir son site 1. Rendez-vous sur la page d'accueil du site JimdoC'est l que vous allez pouvoir vous inscrire. noter : l'inscription est totalement gratuite et vous pourrez dcider de passer une version payante si vous le souhaitez, quand vous le souhaitez : aucune obligation ou limitation d'utilisation dans le temps. Choisissez une adresse email dont vous tes sr de garder l'accs sur le long terme : ce sera votre adresse de contact pour Jimdo et pour rcuprer vos donnes d'accs une fois votre site cr. 9. Sinscrire et ouvrir son site 2. Choisir son nom de "sousdomaine" Jimdo Un "sous-domaine" Jimdo c'est en fait un domaine gratuit hberg sur le domaine principal jimdo.com. Vous pouvez le personnaliser comme vous le souhaitez ! Attention : le nombre et le type des caractres utilisables est cependant limit. 3. Entrez votre adresse email : votre site est prt, dj en ligne. Et vous recevez un email vous donnant vos donnes d'accs. 10. 2/ Sinscrire et ouvrir son site La confirmation de le-mail 11. Sinscrire et ouvrir son site 12. Commencez crer votre site Suivez le guide Afin de vous aider savoir comment faire un site Internet et commencer crer votre site facilement, lquipe Jimdo vous propose: Un guide lors de votre premire connexion au mode administrateur de votre site : nous vous indiquons en 5 tapes comment commencer modifier votre design et contenu. Une srie d'email d'aide "premiers pas" que vous recevrez chaque jour aprs votre inscription : vraiment pratique pour les dbutants. 13. 3/ Prise en main de la barre dadministration du site 14. Prise en main de la barre dadministration du site La barre d'administration est une composante essentielle d'un site Jimdo. Ds votre premire connexion sur votre site Jimdo en mode "modifier", elle apparat en haut droite de votre cran. Elle permet un accs direct aux fonctions principales de votre site. 15. Prise en main de la barre dadministration du site 16. 4/ Gestion du design du site 17. Gestion du design Vido de prsentation de Jimdo fonction Design 18. Connectons-nous 19. Gestion du design Un design professionnel augmente la confiance du visiteur en votre site. Cliquez sur licne Design dans la barre des paramtres en haut droite. Vous avez ici le choix entre de trs nombreux designs. Cliquez sur un design qui vous plat pour en voir un aperu directement sur votre site.Voir : http://aide.jimdo.com/premiers-pas/conseil-1/ 20. Gestion du designLe design est modifiable tout moment, vous pouvez voir le rsultat en temps rel 21. Gestion du design- Validez votre design en cliquant sur Oui dans la fentre du haut. - En cliquant sur Non, le changement de design n'est pas enregistr - En choisissant prcdent, vous retournez la page de prsentation des designs et pouvez continuer tester les designs proposs. 22. Gestion du design 23. Gestion du design 24. Gestion du Header Vido de prsentation de Jimdo fonction Header 25. Gestion du Header 26. Gestion du header 27. Gestion du header 28. Gestion du header Le header est la zone den-tte de votre site Jimdo Cest la partie qui attire lattention, llment cl de votre mise en page. Une image pertinente et expressive et un bon titre transmettent une premire impression positive et permettent vos visiteurs de se souvenir de votre site ! Note : Header anim (Flash) : la question "Comment mettre un Header (en-tte anim) sur mon site Jimdo est souvent pose. La rponse est la suivante : Cela n'est pas possible avec les modules dj intgrs sur Jimdo, mais vous pouvez vous aider des tutoriels de la communaut et faire une recherche sur le forum, vous y trouverez srement conseils et astuces ;) la barre de menu de modifications inhrentes votre header : 29. Galerie Dans l'onglet "Galerie", vous pourrez slectionner une image parmi la collection d'images Jimdo. Il y en a pour tous les gots et tous les sujets ! Pour utiliser une des images prsentes, cliquez simplement sur celle de votre choix. Elle sera alors instantanment tlcharge sur votre site Jimdo. Note: Toutes les images de cette galerie ont t cres par les utilisateurs Jimdo lors dun concours photo. Il ny a donc pas de problme de droits dauteur : vous pouvez utiliser les images sans scrupule sur vos sites Jimdo! Mais bien sr, les photographes se rjouiront si vous les mentionnez sur votre site. 30. Images personnelles Bien sr, vous pouvez aussi tlcharger votre propre image. Il ny a pas de limite de taille. Le petit graphique sur la droite vous informe sur les proportions du header. Le format standard conseill est de 1024x768 Pixel pour 72 dpi. Vous pouvez le modifier facilement en cliquant sur Paramtres.Remarque : Si les formats d'image jpeg et gif (statique) doivent fonctionner sans problme, les images gif "animes" peuvent rencontrer quelques problmes de compatibilit. Il est alors conseill de repasser une image statique ou un autre format (jpeg par exemple). 31. Logo 1.Cliquez sur Parcourir pour slectionner le logo de votre choix. Vous pourrez modifier la taille plus tard si vous le souhaitez. 2. Cliquez sur Transfrer l'image pour charger le logo dans sa taille originale dans le header. La fentre de chargement disparat, et la fentre ddition apparat. Vous pouvez agrandir ou rduire la taille du logo, mais vous devez veiller ce que le fichier ait une bonne rsolution, afin que votre logo ne soit pas pixellis. Astuce : Pour supprimer votre logo, cliquez sur Supprimer logo et fermer le module le logo disparait aussitt. Au cas o ce dernier reste visible, actualisez la page. 32. 5/ Cration de larborescence du site 33. Cration de larborescence du site 34. Cration de larborescence du site la souris sur le menu et cliquer sur longlet Modifier la Passer navigation 35. Cration de larborescence du site 36. Cration de larborescence du site La navigation est le menu de votre site internet. Cest l'endroit o seront listes toutes vos pages. Il existe de nombreuses options grce auxquelles vous allez pouvoir modifier votre navigation. Pour se faire, dplacez simplement votre souris sur le champ de la navigation et cliquez sur modifier navigation. Lorsque vous aurez termin vos modifications, noubliez pas de cliquer sur le bouton "Enregistrer", de manire ce que les modifications deviennent visibles pour vos visiteurs ! 37. Cration de larborescence du site 38. Cration de larborescence du site Ajouter une nouvelle page : Cliquez sur le symbole reprsentant une feuille de papier avec le symbole +. Cela ajoute directement une nouvelle page. Vous pouvez ajouter toutes les pages dont vous avez besoin. Il n'y a pas de nombre limite. Renommer une page : Pour renommer le titre de votre rubrique, il suffit de cliquer sur le champ modifier et d'y entrer le nom souhait. Supprimer une page : Cliquez sur le symbole reprsentant une petite poubelle ct de la page que vous souhaitez supprimer. Dplacer une page : ... vers le bas : Cliquez sur la flche pointant vers le bas pour dplacer votre page au niveau de la page du dessous. ... vers le haut : Cliquez sur la flche pointant vers le haut pour dplacer votre page au niveau de la page du dessus. ... vers un niveau infrieur : Cliquez sur la flche pointant vers la droite pour dplacer votre page un niveau infrieur. ... vers un niveau suprieur : Cliquez sur la flche pointant vers la gauche pour dplacer votre page un niveau suprieur. Copier une page : Cliquez sur le symbole des deux pages. Votre page sera copie l'identique et apparaitra juste en dessous de la page duplique. A vous ensuite de changer son titre et de la dplacer o vous le souhaitez dans la navigation ( l'aide des flches) ! Masquer une page : Cliquez sur le symbole reprsentant un il . Votre page ne sera plus visible partir de votre site internet. En revanche si des internautes ont gard ladresse de cette page, ils pourront y accder. 39. 6/ Cration et gestion de contenu : texte, photo, vido 40. Cration et gestion de contenu : texte, photo, vido 41. Cration et gestion de contenu : texte, photo, vido 42. Cration et gestion de contenu : texte, photo, vido 43. Cration et gestion de contenu : texte, photo, vido Loutil Titre 44. Cration et gestion de contenu : texte, photo, vido 45. Cration et gestion de contenu : texte, photo, vido Loutil Texte 46. Cration et gestion de contenu : texte, photo, vido 47. Ajouter du texte 48. Cration et gestion de contenu : texte, photo, vido Loutil Image 49. Cration et gestion de contenu : texte, photo, vido 50. Cration et gestion de contenu : texte, photo, vido Loutil Texte avec images 51. Cration et gestion de contenu : texte, photo, vido 52. Cration et gestion de contenu : texte, photo, vido Loutil Galerie dimages 53. Cration et gestion de contenu : texte, photo, vido 54. Cration et gestion de contenu : texte, photo, vido Loutil Vido 55. Cration et gestion de contenu : texte, photo, vido 56. Cration et gestion de contenu : texte, photo, vido Loutil Widget / HTML 57. Cration et gestion de contenu : texte, photo, vido 58. 7/ Rfrencement du site internet 59. Rfrencement du site 60. Rfrencement du site 61. Rfrencement du site 62. Mieux rfrencer votre site Jimdo 63. Mieux rfrencer votre site Jimdo 64. 8/ Et aprs, on fait quoi? 65. Et aprs, on fait quoi? Les offres Jimdo payantesEn visitant ce lien vous pourrez comparer les diffrences entre la version Jimdo gratuite, la version Jimdo Pro (60 par an) et la version Jimdo Business (180 par an).Principales diffrences entre le gratuit et payant - Plus de modles de design - Possibilit de rfrencer lensemble de ses pages sur les versions payantes avec plus de critres galement (mta tags) - Nom de domaine pro avec compte e-mail associ de type www.monsite.com et [email protected] au lieu de http://monsite.jimdo.com - Mode boutique plus avanc dans les formules payantes - Pas de pub, modification du bas de page 66. Et aprs on fait quoi? - Guide daide lutilisation de Jimdo - Editer des photos avec PicMonkey www.picmonkey.com (site en anglais mais prise en main assez simple) - Hberger ses photos sur une plateforme comme Flickr - Hberger ses vidos sur Youtube, Dailymotion ou Vimeo http://www.youtube.com/ http://www.dailymotion.com/fr https://vimeo.com/ Ces plateformes ncessitent louverture dun compte - Surveiller le trafic sur son site internet grce un outil statistique de type Google Analytics http://www.google.com/intl/fr_ALL/analytics/index.html - Et du ct des rseaux sociaux? 67. Et aprs on fait quoi? La rservation en ligne : la place de march de lOffice de Tourisme Mise en place juillet 2014 Mise disposition doutils pour la commercialisation de votre offre Proposez votre offre au plus grand nombre et profitez d un nouveau canal de rservation via la place de march mais galement en direct sur votre site internet 68. Merci pour votre attention :)