Download - Animation Numérique de Territoire : Atelier jimdo

Transcript
Page 1: Animation Numérique de Territoire : Atelier jimdo

Création  d’un  site  inter/et  Lundi  25  Mars  2013  

Cyber  Base  Quercy  Bouriane  Gourdon  

Office  de  Tourisme  -­‐  Pays  de  Gourdon  

Atelier  Numérique  E-­‐tourisme  

Page 2: Animation Numérique de Territoire : Atelier jimdo

Ø  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  

Aujourd’hui  …  

Alors  c’est  parTi  !!!  

Page 3: Animation Numérique de Territoire : Atelier jimdo

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  :  ???  

Qui  suis-­‐je  ?  

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  ?      

ANT  :  en  anglais  ça  veut  dire  Fourmi  !  

Page 4: Animation Numérique de Territoire : Atelier jimdo

Site  basé  sur  la  rédaction  rég_lière  d’arTicles  d’act_alités,  billets  d’humeur,  interactivité  avec  les  lecteurs  …  

Blog  ou  Site  Inter/et  ?  

Blog  

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  

Site  Internet  

Nous,  aujourd’hui,  on  s’occupe  de  créer  un  Site  Inter/et  !!!  

Page 5: Animation Numérique de Territoire : Atelier jimdo

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  ?  

Avant  de  commencer  …    Se  poser  les  bonnes  ques0ons  !  

Page 6: Animation Numérique de Territoire : Atelier jimdo

La  Méthode  …    

ü  Essayer  de  hiérarchiser  vos  infos  ü  Lister  tous  vos  contenus  ü  Les  RegQouper  en  catégories  ü  Les  StQ_ct_rer  

Un  stYlo  et  un  bloc  note  :  

Page 7: Animation Numérique de Territoire : Atelier jimdo

Exemples  d’arborescences  pour  sites  touristiques  

L’Arborescence  …    C’est  l’arTiculation  des  différentes  pages  entQe  elles  

C’est  une  étape  imporTante  mais  toujours  modifiable  

Page 8: Animation Numérique de Territoire : Atelier jimdo

Aujourd’hui  …  

Créer  un  site  inter/et  facilement  

Page 9: Animation Numérique de Territoire : Atelier jimdo

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)  

Page 10: Animation Numérique de Territoire : Atelier jimdo

Les  étapes  …  

Page 11: Animation Numérique de Territoire : Atelier jimdo

Étape  1  :  Créer  un  compte   Rendez-­‐vous  sur  :  www.jimdo.com  

Acceptez  les  conditions  

Cliquez  sur  «  Créer  mon  site  gQat_it  »  

Saisissez  le  nom  de  votQe  site  

Saisissez  votQe  adresse  mail  

Page 12: Animation Numérique de Territoire : Atelier jimdo

Confirdation  &  Accès  au  site  

Lien  vers  votQe  site  

Relevez  vos  mails  

VotQe  mot  de  passe  

VotQe  site  est  en  lig/e  !  

Il  ne  reste  plus  qu’à  le  

personnaliser  …  

Page 13: Animation Numérique de Territoire : Atelier jimdo

Voici  la  page  d’accueil  de  votQe  site.  

Étape  2  :  Connexion  au  site  

Page 14: Animation Numérique de Territoire : Atelier jimdo

Petite  présentation  …  

Header  :  Bannière,  Bandeau,  En  tête  du  site  

Menu  de  Navigation  

BarQe  latérale  :  est  visible  sur  toutes  les  pages.  On  pourQa  y  metQe  différents  modules  

comme  «  La  Météo  

Balader  la  souris  sur  la  page,  sans  cliquer  …  

Page 15: Animation Numérique de Territoire : Atelier jimdo

C’est  parTi  !  Personnalisation  du  site  

Navigation  :  Création  du  Menu  :  ajout  de  pages  

Zoom  

Ne  pas  oublier  d’enregistQer  

Page 16: Animation Numérique de Territoire : Atelier jimdo

Ajout  d’un  module  :  on  a  beaucoup  de  choix  !!!  

Personnalisation  du  site  

Ajout  d’un  TitQe  dans  une  page  

Déplacer  le  module  vers  le  haut  ou  vers  le  bas  

Supprimer  le  module  

Ajouter  un  module  

Dupliquer  le  module  

Page 17: Animation Numérique de Territoire : Atelier jimdo

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  

Page 18: Animation Numérique de Territoire : Atelier jimdo

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.  

Page 19: Animation Numérique de Territoire : Atelier jimdo

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.  

Page 20: Animation Numérique de Territoire : Atelier jimdo

①  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  »  

*  Création  ou  suppression  de  liens  

Les  outils  de  texTe  

Alig/ement  du  texTe  

RetQait  de  paragQaphe  

Création  ou  suppression  de  liens  *  

Annule  ou  restaure  l’action  

TexTe  Gras  ou  Italique  

InserTion  de  puces  ou  numéros  

Couleur  du  texTe  

InserTion  de  texTe  br_t  ou  suppression  de  mise  en  forde  (à  utiliser  impérativement  

pour  les  «  copier-­‐coller  »  !!!)  

Perdet  d’accéder  au  code  «  htdl  »  de  votQe  texTe  

Page 21: Animation Numérique de Territoire : Atelier jimdo

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  

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  !)  

Page 22: Animation Numérique de Territoire : Atelier jimdo

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  

Page 23: Animation Numérique de Territoire : Atelier jimdo

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  +  

Page 24: Animation Numérique de Territoire : Atelier jimdo

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,  …  

Page 25: Animation Numérique de Territoire : Atelier jimdo

Rendez-­‐vous  sur  Yout_be.com    ou  depuis  Google  cliquez  sur  YouTube  

L’inserTion  d’une  vidéo  «  You  Tube  »  

Page 26: Animation Numérique de Territoire : Atelier jimdo

L’inserTion  d’une  vidéo  «  You  Tube  »  

1  Cliquez  sur  «  parTager  »  

2  Cliquez  sur  «  IntégQer  »  

3  Ajuster  la  taille  de  la  vidéo  

4  Copiez  le  code  HTML  et  collez  le  dans  le  cadre  du  module  «  widget  »  sur  votQe  site  Jimdo.  

Cherchez  la  vidéo  souhaitée  

1  

2  

3  

4  

Page 27: Animation Numérique de Territoire : Atelier jimdo

L’inserTion  d’un  Widget  «  Météo  »  1  

2  

3  

4  

1  Rendez-­‐vous  sur  www.meteorama.�  et  saisir  votQe  commune  à  gauche  

2  Cliquez  sur  «  Météo  gQat_it  pour  site  »  à  droite  

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.  

Page 28: Animation Numérique de Territoire : Atelier jimdo

Exemples  d’inserTion  de  modules  dans  la  barQe  latérale  :  ParTage  Réseaux  sociaux,  Bouton  «  j’aime  »  ou  Météo  

InserTion  dans  la  BarQe  Latérale  

On  clique  sur     dans  la  barQe  latérale  

Page 29: Animation Numérique de Territoire : Atelier jimdo

Très  pratique  pour  la  gestion  des  disponibilités  !  

InserTion  d’un  Google  Agenda  !  

cliquez  sur  «  Agenda  »  

Depuis  Google  connectez  vous  à  votQe  compte  ou  créez  en  un  puis  …  

Page 30: Animation Numérique de Territoire : Atelier jimdo

InserTion  d’un  Google  Agenda  !  

Cliquez  sur  la  flèche  à  droite  de  «  Mes  agendas  »    puis  sur  «  Créer  un  agenda  »  

Page 31: Animation Numérique de Territoire : Atelier jimdo

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  

Page 32: Animation Numérique de Territoire : Atelier jimdo

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  »    

Page 33: Animation Numérique de Territoire : Atelier jimdo

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  

Page 34: Animation Numérique de Territoire : Atelier jimdo

Personnalisation  du  «  Header  »  !  

Maintenant,  on  refait  une  p’tite  BEAUTÉ  à  notQe  site  !!!  

Page 35: Animation Numérique de Territoire : Atelier jimdo

Personnalisation  du  Header  !  Passez  votQe  souris  sur  la  zone  d’entête  de  votQe  site,  

puis  cliquez  sur    «  Modifier  le  header  »…  

Page 36: Animation Numérique de Territoire : Atelier jimdo

Personnalisation  du  Header    

On  clique  sur  «  parcourir  »  pour  aller  chercher  notQe  photo  sur  

notQe  ordinateur  

Page 37: Animation Numérique de Territoire : Atelier jimdo

Motif  :  InserTion  de  

motif  

Personnalisation  du  Header    

Modifier  le  header  :  

changer  la  taille    :  hauteur  

et  largeur  TitQe  :  

modification  du  titQe  d’entête  

Page 38: Animation Numérique de Territoire : Atelier jimdo

StYle  

Blog  

Acheter  

ParamètQes  

SEO  -­‐  Référencement  

Stats  (achat)  

Aide  

Desig/  

Le  Menu  «  AdministQation  »  

Page 39: Animation Numérique de Territoire : Atelier jimdo

Onglet  «  Desig/  »  -­‐  Mise  en  page  

Page 40: Animation Numérique de Territoire : Atelier jimdo

Onglet  «  Desig/  »  

Page 41: Animation Numérique de Territoire : Atelier jimdo

Onglet  «  StYle  »  

STYLE  :  Ici  on  personnalise  tout  le  contenu  du  site  

Police  Couleur  Fond  TexT_re  

…  

Page 42: Animation Numérique de Territoire : Atelier jimdo

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  !  

Page 43: Animation Numérique de Territoire : Atelier jimdo

Onglet  «  Achat  »  

Page 44: Animation Numérique de Territoire : Atelier jimdo

Onglet  «  ParamètQes  »  

Page 45: Animation Numérique de Territoire : Atelier jimdo

Onglet  «  SEO  »  

Page 46: Animation Numérique de Territoire : Atelier jimdo

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    

Page 47: Animation Numérique de Territoire : Atelier jimdo

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

Page 48: Animation Numérique de Territoire : Atelier jimdo

Bandeau de l’OT

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

Office  de  Tourisme  -­‐  Pays  de  Gourdon