Your SlideShare is downloading. ×
Atelier numérique, créer son premier site internet avec Jimdo
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

564
views

Published on

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

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

Published in: Technology, Design

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

  • Be the first to like this

No Downloads
Views
Total Views
564
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Animation numérique de territoire Créer son propre site internet avec un outil gratuit 4 février 2014 Cédric ARNAULT – OT
  • 2. Programme de la journée 1/ Pourquoi le choix de Jimdo 2/ L’inscription sur Jimdo et ouverture du site 3/ Prise en main de la barre d’administration 4/ Gestion du design du site 5/ Création de l’arborescence du site 6/ Création et gestion de contenu : texte, photo, vidéo 7/ Référencement du site
  • 3. 1/Pourquoi le choix de Jimdo?
  • 4. Pourquoi Jimdo ? Pas besoin de connaissances en Html  Autonomie totale sur la création et la mise à jour du site  Pas de logiciel à installer : tout est en ligne  Démarrage en version gratuite  Nombre de pages illimité  Fonction blog  Version mobile du site générée 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/ S’inscrire et ouvrir son site
  • 7. S’inscrire et ouvrir son site Rendez-vous sur la page www.jimdo.com
  • 8. S’inscrire et ouvrir son site  1. Rendez-vous sur la page d'accueil du site Jimdo  C'est là que vous allez pouvoir vous inscrire. À noter : l'inscription est totalement gratuite et vous pourrez décider 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 sûr de garder l'accès sur le long terme : ce sera votre adresse de contact pour Jimdo et pour récupérer vos données d'accès une fois votre site créé.  
  • 9. S’inscrire et ouvrir son site 2. Choisir son nom de "sousdomaine" Jimdo  Un "sous-domaine" Jimdo c'est en fait un domaine gratuit hébergé sur le domaine principal jimdo.com. Vous pouvez le personnaliser comme vous le souhaitez !  Attention : le nombre et le type des caractères utilisables est cependant limité.  3. Entrez votre adresse email : votre site est prêt, déjà en ligne. Et vous recevez un email vous donnant vos données d'accès. 
  • 10. 2/ S’inscrire et ouvrir son site  La confirmation de l’e-mail
  • 11. S’inscrire et ouvrir son site
  • 12. Commencez à créer votre site Suivez le guide Afin de vous aider à savoir comment faire un site Internet et commencer à créer votre site facilement, l’équipe Jimdo vous propose:  Un guide lors de votre première connexion au mode administrateur de votre site : nous vous indiquons en 5 étapes comment commencer à modifier votre design et contenu.  Une série d'email d'aide "premiers pas" que vous recevrez chaque jour après votre inscription : vraiment pratique pour les débutants. 
  • 13. 3/ Prise en main de la barre d’administration du site
  • 14. Prise en main de la barre d’administration du site La barre d'administration est une composante essentielle d'un site Jimdo.  Dès votre première connexion sur votre site Jimdo en mode "modifier", elle apparaît en haut à droite de votre écran. Elle permet un accès direct aux fonctions principales de votre site. 
  • 15. Prise en main de la barre d’administration du site
  • 16. 4/ Gestion du design du site
  • 17. Gestion du design Vidéo de présentation de Jimdo – fonction Design
  • 18. Connectons-nous
  • 19. Gestion du 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/
  • 20. Gestion du design Le design est modifiable à tout moment, vous pouvez voir le résultat en temps réel
  • 21. Gestion du 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.
  • 22. Gestion du design
  • 23. Gestion du design
  • 24. Gestion du Header Vidéo de présentation 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 d’en-tête de votre site Jimdo C‘est la partie qui attire l’attention, l’élément clé de votre mise en page. Une image pertinente et expressive et un bon titre transmettent une première impression positive et permettent à vos visiteurs de se souvenir de votre site !  Note : Header animé (Flash) : la question "Comment mettre un Header (en-tête animé) sur mon site Jimdo est souvent posée. La réponse est la suivante : Cela n'est pas possible avec les modules déjà intégrés sur Jimdo, mais vous pouvez vous aider des tutoriels de la communauté et faire une recherche sur le forum, vous y trouverez sûrement conseils et astuces ;)   la barre de menu de modifications inhérentes à votre header :
  • 29. Galerie Dans l'onglet "Galerie", vous pourrez sélectionner une image parmi la collection d'images Jimdo. Il y en a pour tous les goûts et tous les sujets !  Pour utiliser une des images présentées, cliquez simplement sur celle de votre choix. Elle sera alors instantanément téléchargée sur votre site Jimdo.  Note: Toutes les images de cette galerie ont été créées par les utilisateurs Jimdo lors d’un concours photo. Il n’y a donc pas de problème de droits d’auteur : vous pouvez utiliser les images sans scrupule sur vos sites Jimdo! Mais bien sûr, les photographes se réjouiront si vous les mentionnez sur votre site. 
  • 30. Images personnelles  Bien sûr, vous pouvez aussi télécharger votre propre image. Il n’y 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 Paramètres.  Remarque : Si les formats d'image jpeg et gif (statique) doivent fonctionner sans problème, les images gif "animées" peuvent rencontrer quelques problèmes 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 sélectionner le logo de votre choix. Vous pourrez modifier la taille plus tard si vous le souhaitez. 2. Cliquez sur « Transférer l'image » pour charger le logo dans sa taille originale dans le header. La fenêtre de chargement disparaît, et la fenêtre d’édition apparaît. Vous pouvez agrandir ou réduire la taille du logo, mais vous devez veiller à ce que le fichier ait une bonne résolution, afin que votre logo ne soit pas „pixellisé“. Astuce : Pour supprimer votre logo, cliquez sur « Supprimer logo » et fermer le module – le logo disparait aussitôt. Au cas où ce dernier reste visible, actualisez la page.
  • 32. 5/ Création de l’arborescence du site
  • 33. Création de l’arborescence du site
  • 34. Création de l’arborescence du site la souris sur le menu et cliquer sur l’onglet « Modifier la Passer navigation
  • 35. Création de l’arborescence du site
  • 36. Création de l’arborescence du site La navigation est le «menu» de votre site internet. C’est l'endroit où seront listées toutes vos pages. Il existe de nombreuses options grâce auxquelles vous allez pouvoir modifier votre navigation. Pour se faire, déplacez simplement votre souris sur le champ de la navigation et cliquez sur «modifier navigation». Lorsque vous aurez terminé vos modifications, n’oubliez pas de cliquer sur le bouton "Enregistrer", de manière à ce que les modifications deviennent visibles pour vos visiteurs !
  • 37. Création de l’arborescence du site
  • 38. Création de l’arborescence du site Ajouter une nouvelle page : Cliquez sur le symbole représentant 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 représentant une petite poubelle à côté de la page que vous souhaitez supprimer. Déplacer une page : ... vers le bas : Cliquez sur la flèche pointant vers le bas pour déplacer votre page au niveau de la page du dessous. ... vers le haut : Cliquez sur la flèche pointant vers le haut pour déplacer votre page au niveau de la page du dessus. ... vers un niveau inférieur : Cliquez sur la flèche pointant vers la droite pour déplacer votre page à un niveau inférieur. ... vers un niveau supérieur : Cliquez sur la flèche pointant vers la gauche pour déplacer votre page à un niveau supérieur. Copier une page : Cliquez sur le symbole des deux pages. Votre page sera copiée à l'identique et apparaitra juste en dessous de la page dupliquée. A vous ensuite de changer son titre et de la déplacer où vous le souhaitez dans la navigation (à l'aide des flèches) ! Masquer une page : Cliquez sur le symbole représentant un œil . Votre page ne sera plus visible à partir de votre site internet. En revanche si des internautes ont gardé l’adresse de cette page, ils pourront y accéder.
  • 39. 6/ Création et gestion de contenu : texte, photo, vidéo
  • 40. Création et gestion de contenu : texte, photo, vidéo
  • 41. Création et gestion de contenu : texte, photo, vidéo
  • 42. Création et gestion de contenu : texte, photo, vidéo
  • 43. Création et gestion de contenu : texte, photo, vidéo L’outil « Titre »
  • 44. Création et gestion de contenu : texte, photo, vidéo
  • 45. Création et gestion de contenu : texte, photo, vidéo L’outil « Texte »
  • 46. Création et gestion de contenu : texte, photo, vidéo
  • 47. Ajouter du texte
  • 48. Création et gestion de contenu : texte, photo, vidéo L’outil « Image »
  • 49. Création et gestion de contenu : texte, photo, vidéo
  • 50. Création et gestion de contenu : texte, photo, vidéo L’outil « Texte avec images »
  • 51. Création et gestion de contenu : texte, photo, vidéo
  • 52. Création et gestion de contenu : texte, photo, vidéo L’outil « Galerie d’images »
  • 53. Création et gestion de contenu : texte, photo, vidéo
  • 54. Création et gestion de contenu : texte, photo, vidéo L’outil « Vidéo »
  • 55. Création et gestion de contenu : texte, photo, vidéo
  • 56. Création et gestion de contenu : texte, photo, vidéo L’outil « Widget / HTML »
  • 57. Création et gestion de contenu : texte, photo, vidéo
  • 58. 7/ Référencement du site internet
  • 59. Référencement du site
  • 60. Référencement du site
  • 61. Référencement du site
  • 62. Mieux référencer votre site Jimdo
  • 63. Mieux référencer votre site Jimdo
  • 64. 8/ Et après, on fait quoi?
  • 65. Et après, on fait quoi? Les offres Jimdo payantes En visitant ce lien vous pourrez comparer les différences entre la version Jimdo gratuite, la version Jimdo Pro (60€ par an) et la version Jimdo Business (180€ par an). Principales différences entre le gratuit et payant - Plus de modèles de design - Possibilité de référencer l’ensemble de ses pages sur les versions payantes avec plus de critères également (méta tags) - Nom de domaine « pro » avec compte e-mail associé de type www.monsite.com et contact@monsite.com 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 après on fait quoi? - Guide d’aide à l’utilisation de Jimdo - Editer des photos avec PicMonkey www.picmonkey.com (site en anglais mais prise en main assez simple) - Héberger ses photos sur une plateforme comme Flickr - Héberger ses vidéos sur Youtube, Dailymotion ou Vimeo http://www.youtube.com/ http://www.dailymotion.com/fr https://vimeo.com/ Ces plateformes nécessitent l’ouverture d’un compte - Surveiller le trafic sur son site internet grâce à un outil statistique de type Google Analytics http://www.google.com/intl/fr_ALL/analytics/index.html - Et du côté des réseaux sociaux?
  • 67. Et après on fait quoi? La réservation en ligne : la place de marché de l’Office de Tourisme Mise en place juillet 2014 Mise à disposition d’outils pour la commercialisation de votre offre Proposez votre offre au plus grand nombre et profitez d’ un nouveau canal de réservation via la place de marché mais également en direct sur votre site internet
  • 68. Merci pour votre attention :)

×