Animation numérique
de territoire

Créer son propre site internet avec un outil
gratuit

4 février 2014

Cédric ARNAULT – ...
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 ...
1/Pourquoi le choix de
Jimdo?
Pourquoi Jimdo ?
Pas besoin de connaissances en Html
 Autonomie totale sur la création et la
mise à jour du site
 Pas de...
En cas de doute allez visiter le forum de la communauté JIMDO !
http://communautefrancophone.jimdo.com/
 2/

S’inscrire et ouvrir son
site
S’inscrire et ouvrir son site
Rendez-vous sur la page www.jimdo.com
S’inscrire et ouvrir son site


1. Rendez-vous sur la page d'accueil du site
Jimdo



C'est là que vous allez pouvoir vo...
S’inscrire et ouvrir son site
2. Choisir son nom de "sousdomaine" Jimdo
 Un "sous-domaine" Jimdo c'est en fait un
domaine...
2/ S’inscrire et ouvrir son site


La confirmation de l’e-mail
S’inscrire et ouvrir son site
Commencez à créer votre site
Suivez le guide
Afin de vous aider à savoir comment
faire un site Internet et commencer à
cré...
3/ Prise en main de la barre
d’administration du site
Prise en main de la barre
d’administration du site
La barre d'administration est une
composante essentielle d'un site
Jimd...
Prise en main de la barre d’administration du
site
4/ Gestion du design du site
Gestion du design
Vidéo de présentation de Jimdo – fonction Design
Connectons-nous
Gestion du design
Un design professionnel augmente la confiance du visiteur en
votre site.
Cliquez sur l’icône Design dans...
Gestion du design

Le design est modifiable à tout moment, vous pouvez voir le résultat en
temps réel
Gestion du design

- Validez votre design en cliquant sur Oui dans la fenêtre du haut.
- En cliquant sur Non, le changemen...
Gestion du design
Gestion du design
Gestion du Header
Vidéo de présentation de Jimdo – fonction Header
Gestion du Header
Gestion du header
Gestion du header
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...
Galerie
Dans l'onglet "Galerie", vous pourrez
sélectionner une image parmi la collection
d'images Jimdo. Il y en a pour to...
Images personnelles


Bien sûr, vous pouvez aussi télécharger votre
propre image. Il n’y a pas de limite de taille. Le
pe...
Logo
1.Cliquez sur « Parcourir » pour sélectionner le logo de votre
choix. Vous pourrez modifier la taille plus tard si vo...
5/ Création de l’arborescence du
site
Création de l’arborescence du
site
Création de l’arborescence du
site la souris sur le menu et cliquer sur l’onglet « Modifier la
Passer
navigation
Création de l’arborescence du
site
Création de l’arborescence du
site
La navigation est le «menu» de votre site internet. C’est l'endroit où
seront listées t...
Création de l’arborescence du site
Création de l’arborescence du
site
Ajouter une nouvelle page : Cliquez sur le symbole représentant une feuille de papier a...
6/ Création et gestion de
contenu :
texte, photo, vidéo
Création et gestion de
contenu : texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
L’outil
« Titre »
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
L’outil
« Texte »
Création et gestion de contenu :
texte, photo, vidéo
Ajouter du texte
Création et gestion de contenu :
texte, photo, vidéo
L’outil « Image »
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
L’outil « Texte avec
images »
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
L’outil « Galerie
d’images »
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
L’outil « Vidéo »
Création et gestion de contenu :
texte, photo, vidéo
Création et gestion de contenu :
texte, photo, vidéo
L’outil « Widget / HTML »
Création et gestion de contenu :
texte, photo, vidéo
7/ Référencement du site internet
Référencement du site
Référencement du site
Référencement du site
Mieux référencer votre site
Jimdo
Mieux référencer votre site
Jimdo
8/ Et après, on fait quoi?
Et après, on fait quoi?
Les offres Jimdo
payantes

En visitant ce lien vous pourrez comparer les différences
entre la vers...
Et après on fait quoi?
- Guide d’aide à l’utilisation de Jimdo
- Editer des photos avec PicMonkey www.picmonkey.com (site
...
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
Mis...
Merci pour votre attention :)
Atelier numérique, créer son premier site internet avec Jimdo
Prochain SlideShare
Chargement dans…5
×

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

1 351 vues

Publié le

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

Publié dans : Technologie, Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 351
Sur SlideShare
0
Issues des intégrations
0
Intégrations
131
Actions
Partages
0
Téléchargements
36
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 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. 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. 3. 1/Pourquoi le choix de Jimdo?
  4. 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. 5. En cas de doute allez visiter le forum de la communauté JIMDO ! http://communautefrancophone.jimdo.com/
  6. 6.  2/ S’inscrire et ouvrir son site
  7. 7. S’inscrire et ouvrir son site Rendez-vous sur la page www.jimdo.com
  8. 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. 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. 10. 2/ S’inscrire et ouvrir son site  La confirmation de l’e-mail
  11. 11. S’inscrire et ouvrir son site
  12. 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. 13. 3/ Prise en main de la barre d’administration du site
  14. 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. 15. Prise en main de la barre d’administration du site
  16. 16. 4/ Gestion du design du site
  17. 17. Gestion du design Vidéo de présentation de Jimdo – fonction Design
  18. 18. Connectons-nous
  19. 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. 20. Gestion du design Le design est modifiable à tout moment, vous pouvez voir le résultat en temps réel
  21. 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. 22. Gestion du design
  23. 23. Gestion du design
  24. 24. Gestion du Header Vidéo de présentation de Jimdo – fonction Header
  25. 25. Gestion du Header
  26. 26. Gestion du header
  27. 27. Gestion du header
  28. 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. 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. 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. 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. 32. 5/ Création de l’arborescence du site
  33. 33. Création de l’arborescence du site
  34. 34. Création de l’arborescence du site la souris sur le menu et cliquer sur l’onglet « Modifier la Passer navigation
  35. 35. Création de l’arborescence du site
  36. 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. 37. Création de l’arborescence du site
  38. 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. 39. 6/ Création et gestion de contenu : texte, photo, vidéo
  40. 40. Création et gestion de contenu : texte, photo, vidéo
  41. 41. Création et gestion de contenu : texte, photo, vidéo
  42. 42. Création et gestion de contenu : texte, photo, vidéo
  43. 43. Création et gestion de contenu : texte, photo, vidéo L’outil « Titre »
  44. 44. Création et gestion de contenu : texte, photo, vidéo
  45. 45. Création et gestion de contenu : texte, photo, vidéo L’outil « Texte »
  46. 46. Création et gestion de contenu : texte, photo, vidéo
  47. 47. Ajouter du texte
  48. 48. Création et gestion de contenu : texte, photo, vidéo L’outil « Image »
  49. 49. Création et gestion de contenu : texte, photo, vidéo
  50. 50. Création et gestion de contenu : texte, photo, vidéo L’outil « Texte avec images »
  51. 51. Création et gestion de contenu : texte, photo, vidéo
  52. 52. Création et gestion de contenu : texte, photo, vidéo L’outil « Galerie d’images »
  53. 53. Création et gestion de contenu : texte, photo, vidéo
  54. 54. Création et gestion de contenu : texte, photo, vidéo L’outil « Vidéo »
  55. 55. Création et gestion de contenu : texte, photo, vidéo
  56. 56. Création et gestion de contenu : texte, photo, vidéo L’outil « Widget / HTML »
  57. 57. Création et gestion de contenu : texte, photo, vidéo
  58. 58. 7/ Référencement du site internet
  59. 59. Référencement du site
  60. 60. Référencement du site
  61. 61. Référencement du site
  62. 62. Mieux référencer votre site Jimdo
  63. 63. Mieux référencer votre site Jimdo
  64. 64. 8/ Et après, on fait quoi?
  65. 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. 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. 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. 68. Merci pour votre attention :)

×