Animation Numérique de Territoire : Atelier jimdo

720 vues

Publié le

Animation Numérique de Territoire Printemps 2013
Pays de Gourdon - Lot 46
Atelier sur la création d'un site web avec Jimdo.

Publié dans : Médias sociaux
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

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

Aucune remarque pour cette diapositive

Animation Numérique de Territoire : Atelier jimdo

  1. 1. Office  de  Tourisme  -­‐  Pays  de  Gourdon   Atelier  Numérique  E-­‐tourisme   Création  d’un  site  inter/et   Lundi  25  Mars  2013   Cyber  Base  Quercy  Bouriane   Gourdon  
  2. 2. Aujourd’hui  …   Ø  On  se  présente  …  Petit  tour  de  table   Ø   «  L’avant  »  site  !  Ce  qu’il  faut  savoir  …   Ø   La  création  en  3  étapes  …  Créez,  Personnalisez,  AdministQez   Alors  c’est  parTi  !!!  
  3. 3. ANT  :  ???   Qui  suis-­‐je  ?   Cathy  MABOUT   Office  de  Tourisme  Intercommunal  du  Pays  de  Gourdon,   Chargée  de  l’Animation  Numérique  de  TerQitoire,  et  surTout   pas  webmaster,  communitY  manager,  spécialiste  du   référencement,  …   ANT  :  en  anglais  ça  veut  dire  Fourmi  !   L’Anima0on  Numérique  de  Territoire  c’est  …   Une  nouvelle  mission  pour  les  Offices  de  Tourisme  :  accompag/er  les   professionnels  du  Tourisme  dans  le  E-­‐tourisme       Pe0t  tour  de  table  …   Qui  êtes  vous  ?   Où  en  êtes  vous  de  votQe  site  web  ?  
  4. 4. Blog  ou  Site  Inter/et  ?   Blog   Site  basé  sur  la  rédaction  rég_lière  d’arTicles  d’act_alités,   billets  d’humeur,  interactivité  avec  les  lecteurs  …   Site  Internet   Le  site  procure  beaucoup  plus  de  liberTé  dans  l’organisation   des  r_briques  et  des  pages  (un  menu  et  des  sous-­‐menus).  Il  y   a  une  réelle  hiérarchisation  de  votQe  infordation   Nous,  aujourd’hui,  on  s’occupe  de  créer  un  Site  Inter/et  !!!  
  5. 5. Avant  de  commencer  …     Se  poser  les  bonnes  ques0ons  !   Avant  de  parler  «  Technique  »,  il  faut  parler  de  contenus  et  de  cibles  !     •  À  qui  votQe  site  s’adresse,     •  Pour  répondre  à  quels  besoins,     •  Avec  quels  outils  et  quels  contenus  ?  
  6. 6. La  Méthode  …     Un  stYlo  et  un  bloc  note  :   ü  Essayer  de  hiérarchiser  vos  infos   ü  Lister  tous  vos  contenus   ü  Les  RegQouper  en  catégories   ü  Les  StQ_ct_rer  
  7. 7. L’Arborescence  …     C’est  l’arTiculation  des  différentes  pages  entQe  elles   C’est  une  étape  imporTante  mais  toujours  modifiable   Exemples  d’arborescences  pour  sites  touristiques  
  8. 8. Aujourd’hui  …   Créer  un  site  inter/et   facilement  
  9. 9. Jimdo  ?  Mais  c’est  quoi  …   Jimdo  perdet  de  créer  et  d'administQer  un  site  web  tQès  facilement         Les  avantages  :       -­‐  Pas  besoin  de  télécharger  de  logiciel:  tout  se  fait  en  lig/e.  Accessible  depuis  n'imporTe   quel  ordinateur.   -­‐  Pas  besoin  de  connaîtQe  des  langages  infordatiques.   -­‐  Plateforde  int_itive  d'utilisation,  même  pour  les  débutants   -­‐  Nombre  de  page  illimité   -­‐  Un  bon  référencement  nat_rel   -­‐  Une  version  «  Mobile  »  générée  automatiquement   -­‐  Version  gQat_ite  et  version  professionnelle  payante  (5€/mois)  
  10. 10. Les  étapes  …  
  11. 11. Étape  1  :  Créer  un  compte   Rendez-­‐vous  sur  :   www.jimdo.com   Saisissez  le  nom  de  votQe  site   Saisissez  votQe  adresse  mail   Acceptez  les  conditions   Cliquez  sur  «  Créer  mon  site   gQat_it  »  
  12. 12. Confirdation  &  Accès  au  site   Relevez  vos   mails   Lien  vers  votQe  site   VotQe  mot  de  passe   VotQe  site  est  en   lig/e  !   Il  ne  reste  plus   qu’à  le   personnaliser  …  
  13. 13. Étape  2  :  Connexion  au  site   Voici  la  page   d’accueil  de   votQe  site.  
  14. 14. Petite  présentation  …   Header  :  Bannière,  Bandeau,   En  tête  du  site   Menu  de  Navigation   Balader  la   souris  sur  la   page,  sans   cliquer  …   BarQe  latérale  :  est  visible  sur   toutes  les  pages.  On  pourQa   y  metQe  différents  modules   comme  «  La  Météo  
  15. 15. C’est  parTi  !  Personnalisation  du  site   Navigation  :  Création  du   Menu  :  ajout  de  pages   Zoom   Ne  pas  oublier  d’enregistQer  
  16. 16. Personnalisation  du  site   Déplacer  le  module  vers  le   haut  ou  vers  le  bas   Ajout  d’un  TitQe  dans  une   page   Supprimer  le  module   Dupliquer  le  module   Ajouter  un  module   Ajout  d’un  module  :  on  a   beaucoup  de  choix  !!!  
  17. 17. Le  contenu  :  présentation  des  outils     §  Une  page  de  site  Jimdo  est  composée  d’une  succession   d’éléments.   §  Chaque  élément  est  indépendant   §  A  tout  moment  vous  pouvez  modifier,  déplacer  ou   supprimer  un  élément  dans  la  page   §  Tout  élément  peut  êtQe  dupliqué.  (La  duplication  d’une  page   entière  n’est  disponible  qu’en  version  pro)   §  Toutes  les  mises  à  jour  se  font  instantanément  dès  que  vous   cliquez  sur  «  EnregistQer  »   §  Pour  ajouter  du  contenu  dans  une  nouvelle  page,  cliquez   sur  
  18. 18. Les  outils  de  stQ_ct_ration   Les  colonnes  sont  un  nouvel  outil  tQès  pratique  pour  stQ_ct_rer   la  présentation  de  votQe  page.   2  colonnes  sont  insérées  par  défaut  mais  vous  pouvez  ajouter   autant  de  colonnes  que  nécessaire.   Ensuite  chaque  colonne  s’utilise  et  s’alimente  comme  une  page   dans  la  page.  Vous  pouvez  donc  y  ajouter  autant  d’éléments   que  vous  souhaitez.  
  19. 19. Les  outils  de  texTe   Les  TitQes  perdetent  de  stQ_ct_rer  votQe  texTe  (3  niveaux  de  titQes)   •  visuellement  pour  l’inter/aute  qui  va  le  lire,   •  techniquement  pour  les  moteurs  de  recherche  qui  vont  les   reconnaîtQe  comme  des  éléments  imporTants  de  la  page   Le  TexTe  s’utilise  de  la  même  façon  que  les  logiciels  de  tQaitement  de   texTe  tYxe  Word.  
  20. 20. Les  outils  de  texTe   Alig/ement   du  texTe   TexTe  Gras   ou  Italique   RetQait  de   paragQaphe   InserTion   de  puces  ou   numéros   Création  ou   suppression   de  liens  *   Annule  ou   restaure   l’action   Perdet  d’accéder  au  code   Couleur  du   «  htdl  »  de  votQe  texTe   texTe   InserTion  de  texTe  br_t  ou  suppression  de   mise  en  forde  (à  utiliser  impérativement   pour  les  «  copier-­‐coller  »  !!!)   *  Création  ou  suppression  de  liens   ①  Pour  créer  un  lien,  sélectionnez  le  texTe  sur  lequel  vous  souhaitez  metQe  le  lien   ②  cliquez  sur  le  chaînon  puis  choisissez  entQe   •    lien  inter/e  (lien  vers  une  autQe  page  de  votQe  site)  ou     •    lien  exTer/e  (lien  vers  un  autQe  site  ou  un  e-­‐mail)   ③  cliquez  sur  «  Créer  un  lien  »  
  21. 21. Les  Images  &  Photos   «  Image  »  et  «  TexTe  avec  Image  »  perdet  tQès  facilement  l’inserTion  d’une   photo  dans  votQe  page  ou  un  TexTe  positionné  par  rapporT  à  une  photo.   Vous  pourQez  gérer  la  taille  de  votQe  image,  sa  position  dans  la  page,  la   rotation  (si  besoin),  spécifier  qu’elle  soit  agQandissable  ou  non,  ajouter   un  texTe  alter/atif  et  metQe  un  lien  sur  vos  photos  (t8ès  impor:ant  pour   chaque  visuel  !)   La  Galerie  d’Images   perdet  tQès  simplement   d’afficher  une  série  de   photos  :  soit  en  mode   diaporama  ,  soit  en  mode   vig/etes  agQandissables  
  22. 22. Les  outils  «  Jimdo  »   «  Téléchargement  »  o{e  aux  inter/autes  la  possibilité  de  télécharger  des   documents,  par  exemple  votQe  dépliant  d’appel,  au  fordat  Pdf  (fordat  à   privilégier  !)   «  Le  Livre  d’Or  »  o{e  aux  inter/autes  la  possibilité  de  déposer  leur  avis   ou  leur  exxérience  sur  votQe  établissement.  Cela  ne  remplace  pas  les  liens   vers  les  différents  sites  d’avis  existants  :  Tripadvisor,  Dismoioù,  Google,  …   «  Le  Fordulaire  »  perdet  la  création  d’un  fordulaire  de  contact  et/ou  de   réser}ation   «  Flux  RSS  »  vous  perdet  de  récupérer  et  d’intégQer  à  votQe  site  un  flux   RSS  issu  d’un  blog  ou  d’un  autQe  site  inter/et  
  23. 23. Les  outils  «  Jimdo  »   «  ParTager  »  pour  insérer  les  boutons  de  parTage  –  Cela  perdet  aux   inter/autes  de  parTager  vos  infos  avec  leurs  amis  sur  leurs  réseaux   sociaux.   «  Facebook  »  Bouton  «  J’aime  »  avec  ou  sans  compteur,  pour  que  les   inter/autes  sig/alent  «  qu’ils  aiment  »  votQe  contenu  sur  leur  compte   Facebook   «  Twiter  »  pour  faire  remonter  le  fil  d’act_  de  votQe  compte  Twiter   «  Google  +  »  Bouton  «  G+  »  pour  que  les  inter/autes  sig/alent  qu’ils   aiment  votQe  contenu  sur  le  compte  Google  +  
  24. 24. L’inserTion  de  contenus  exTer/es   «  Widget  /  HTML  »     On  utilisera  de  préférence  cet  outil  pour  intégQer  à  notQe  site  des   contenus  hébergés  par  des  platefordes  telles  Yout_be,  DailyMotion,   Viméo,  Flickr,  Google,  …     HTML  :  il  faut  simplement  «  copier-­‐coller  »  dans  ce  module,  le  code  htdl   de  ce  que  vous  souhaitez  insérer  dans  votQe  page.     Widget  :  Dans  ce  module,  Jimdo  vous  en  propose.   Exemples  de  widgets  :  Météo,  Google  Maps,  Google  Agenda,  dépôt  d’avis   Tripadvisor,  Albums  photos,  Vidéos,  …  
  25. 25. L’inserTion  d’une  vidéo  «  You  Tube  »   Rendez-­‐vous  sur  Yout_be.com     ou  depuis  Google  cliquez  sur  YouTube  
  26. 26. L’inserTion  d’une  vidéo  «  You  Tube  »   Cherchez  la  vidéo  souhaitée   1  Cliquez  sur  «  parTager  »   2  Cliquez  sur  «  IntégQer  »   1   2   3  Ajuster  la  taille  de  la  vidéo   4   4  Copiez  le  code  HTML  et  collez  le  dans  le  cadre   du  module  «  widget  »  sur  votQe  site  Jimdo.   3  
  27. 27. L’inserTion  d’un  Widget  «  Météo  »   1  Rendez-­‐vous  sur  www.meteorama.„  et  saisir  votQe  commune  à  gauche   1   2  Cliquez  sur  «  Météo  gQat_it  pour  site  »  à  droite   2   3   3  Suivre  les  étapes  du  paramétQage  de  votQe  widget  et  voyez  à  quoi   il  ressemble.  Acceptez  les  conditions  et  cliquez  sur  «  Générer  le   code  (en  bas  à  gauche)   4  Copiez  le  code  HTML  et  collez  le  dans  le  cadre  du   module  «  widget  »  sur  votQe  site  Jimdo.   4  
  28. 28. InserTion  dans  la  BarQe  Latérale   Exemples  d’inserTion  de  modules  dans  la  barQe  latérale  :   ParTage  Réseaux  sociaux,  Bouton  «  j’aime  »  ou  Météo   On  clique  sur     dans  la  barQe  latérale  
  29. 29. InserTion  d’un  Google  Agenda  !   Très  pratique  pour  la  gestion  des  disponibilités  !   Depuis  Google  connectez  vous  à  votQe   compte  ou  créez  en  un  puis  …   cliquez  sur  «  Agenda  »  
  30. 30. InserTion  d’un  Google  Agenda  !   Cliquez  sur  la  flèche  à  droite  de  «  Mes  agendas  »     puis  sur  «  Créer  un  agenda  »  
  31. 31. InserTion  d’un  Google  Agenda  !   1  Nommez  votQe  agenda   2 Descriptif  (facultatif )   3 Indiquez  le  lieu  de  votQe  établissement   4  Cochez  la  case  de  publication   5    Cliquez  sur  «  Créer  l’agenda  »  pour  terdiner  
  32. 32. InserTion  d’un  Google  Agenda  !   Cliquez  sur  la  flèche  à  droite  de  votQe  agenda   Cliquez  sur  «  ParamètQes  de  l’agenda  »   Personnalisez  votQe  widget  «  Google  agenda  »    
  33. 33. InserTion  d’un  Google  Agenda  !   Personnalisation  de  votQe  Agenda  :   •  Modification  de  la  taille   •  Choix  du  mode  d’affichage   •  Choix  des  éléments  d’affichage   •  Cochez  les  agendas  que  vous  souhaitez  insérer  (1  widget  /  chambre  ou   1  widget  pour  tous  les  agendas)   •  Cliquez  sur  «  metQe  à  jour  le  code  htdl  »,  copiez  le  et  collez  le  sur  votQe   site  Jimdo  
  34. 34. Personnalisation  du  «  Header  »  !   Maintenant,  on  refait  une  p’tite  BEAUTÉ  à  notQe  site  !!!  
  35. 35. Personnalisation  du  Header  !   Passez  votQe  souris  sur  la  zone  d’entête  de  votQe  site,   puis  cliquez  sur     «  Modifier  le  header  »…  
  36. 36. Personnalisation  du  Header     On  clique  sur  «  parcourir  »  pour   aller  chercher  notQe  photo  sur   notQe  ordinateur  
  37. 37. Personnalisation  du  Header     Modifier  le   header  :   changer  la   taille    :  hauteur   et  largeur   Motif  :   InserTion  de   motif   TitQe  :   modification   du  titQe   d’entête  
  38. 38. Le  Menu  «  AdministQation  »   Desig/   StYle   Blog   Acheter   ParamètQes   SEO  -­‐  Référencement   Stats  (achat)   Aide  
  39. 39. Onglet  «  Desig/  »  -­‐  Mise  en  page  
  40. 40. Onglet  «  Desig/  »  
  41. 41. Onglet  «  StYle  »   STYLE  :   Ici  on  personnalise  tout  le  contenu  du  site   Police   Couleur   Fond   TexT_re   …  
  42. 42. Onglet  «  Blog  »   Jimdo  vous  donne  la  possibilité  d’insérer  un  «  BLOG  »  à  votQe  site   inter/et  !   Un  BLOG  doit  êtQe  alimenté  quasi  «  QUOTIDIENNEMENT  »   Tenir  compte  du  temps  que  cela  prend  avant  de  metQe  en  lig/e  !  
  43. 43. Onglet  «  Achat  »  
  44. 44. Onglet  «  ParamètQes  »  
  45. 45. Onglet  «  SEO  »  
  46. 46. Pour  aller  plus  loin  avec  Jimdo  !!!   Des  mentions  légales  en  bonne  et  due  forde   htx://www.subdelirium.com/generateur-­‐de-­‐mentions-­‐legales/     Analyser  la  „équentation  de  son  site  web  avec  Google  AnalyTics   htx://„.jimdo.com/wiki/Google_AnalyTics     Créer  un  desig/  professionnel  pour  son  site     htx://„.jimdo.com/outils/webdesig//     Trouver  des  bons  t_yaux  pour  améliorer  son  site  Jimdo    htx://communaute„ancophone.jimdo.com/     htx://realia.jimdo.com/   htx://f_nnycat.jimdo.com/     Suivre  l’act_alité  du  e-­‐tourisme   htx://www.etourisme.info    
  47. 47. Les  prochains  Ateliers  Numériques     PETIT  RAPPEL  :   •  Jeudi  04  Avril  :  Gérer  les  Avis  Clients  (IMPORTANT)   •  Lundi  08  Avril  :  Inter/et  de  Séjour  «  La  Mobilité  »   PENSEZ À VOUS INSCRIRE
  48. 48. Office  de  TBandeau-­‐  de l’OT Gourdon   ourisme   Pays  de   Merci de votre attention Cathy  Mabout   Office  de  Tourisme  Intercommunal  du  Pays  de  Gourdon   Tel  :  05  65  27  52  50   Mail  :  info@tourisme-­‐gourdon.com   Web  :  www.tourisme-­‐gourdon.com   Facebook  :  Pays  de  Gourdon  Tourisme   Twiter  :  Gourdon  Tourisme   Toute l’info Etourisme sur le centre de ressources : www.tourisme-lot-ressources.com Rubrique Etourisme

×