CREATION	
  D’UN	
  SITE	
  WEB	
  
Comment	
  créer	
  facilement	
  soi-­‐même	
  
un	
  site	
  web	
  pour	
  son	
  a...
QUELLE	
  EST	
  VOTRE	
  STRATÉGIE	
  
WEB	
  ?	
  
	
  
Quelques	
  quesCons	
  à	
  vous	
  poser	
  
avant	
  de	
  fo...
MON	
  SITE	
  
WEB	
  
TOURISTONAUTES	
  
VIDEOS	
  	
  
EN	
  LIGNE	
  PHOTOS	
  	
  
EN	
  LIGNE	
  
FORUMS	
  
PARTENA...
10	
  RÈGLES	
  D’OR	
  DU	
  WEBMARKETING	
  
1.  La	
  permission	
  
2.  Eviter	
  le	
  commercial	
  
direct	
  
3.  ...
1. Votre	
  site	
  doit	
  vous	
  ressembler,	
  refléter	
  la	
  réalité	
  
2. Votre	
  site	
  doit	
  être	
  adapté...
D’APRÈS	
  VOUS,	
  QUELS	
  ÉLÉMENTS	
  DOIVENT	
  
APPARAÎTRE	
  SUR	
  VOTRE	
  SITE	
  WEB	
  ?	
  
EN	
  PAGE	
  D’AC...
APRÈS	
  LA	
  THÉORIE,	
  LA	
  PRATIQUE	
  !	
  
	
  
En	
  moins	
  de	
  2	
  mn,	
  votre	
  nouveau	
  
site	
  web	...
POURQUOI	
  CHOISIR	
  JIMDO	
  ?	
  
1. Pas	
  besoin	
  de	
  connaissances	
  en	
  html.	
  
2. Autonomie	
  totale	
 ...
BIEN	
  CHOISIR	
  SON	
  NOM	
  DE	
  DOMAINE	
  
Quelques	
  règles	
  à	
  suivre	
  ou	
  
pistes	
  de	
  réflexion	
 ...
ETAPE	
  1	
  
1.  Rendez	
  vous	
  sur	
  www.bergerac-­‐tourisme-­‐pro.com/demo	
  	
  	
  
2.  Cliquez	
  sur	
  	
  	...
ETAPE	
  1	
  
4.	
  Choisissez	
  votre	
  design	
  
ETAPE	
  2	
  
1. Inscrivez	
  votre	
  adresse	
  e-­‐mail.	
  Vous	
  y	
  recevrez	
  la	
  
confirma,on	
  de	
  créa,o...
ETAPE	
  2	
  
4.	
  Choisissez	
  votre	
  nom	
  de	
  domaine,	
  c’est-­‐à-­‐dire	
  le	
  nom	
  
de	
  votre	
  site...
ETAPE	
  3	
   LA	
  PERSONNALISATION	
  
ETAPE	
  3	
   LA	
  PERSONNALISATION	
  
Fenêtre	
  de	
  tchat	
  si	
  
besoin	
  d	
  ‘aide	
  
COMMENT	
  SE	
  COMPOSE	
  UNE	
  PAGE	
  JIMDO	
  ?	
  
LE	
  MODULE	
  
D’AMINISTRATION	
  
(visible	
  seulement	
  en...
L’ARBORESCENCE	
  DU	
  SITE	
  
	
  
Une	
  étape	
  préalable	
  importante	
  
mais	
  toujours	
  modifiable!	
  
	
  
...
Créez	
  VOTRE	
  
arborescence!	
  
	
  
1.  Passez	
  votre	
  souris	
  sur	
  
le	
  1er	
  niveau	
  de	
  menu	
  
(...
Toute	
  l’arborescence	
  du	
  site	
  apparaît.	
  
1er	
  niveau	
  de	
  menu	
  
2ème	
  niveau	
  de	
  menu	
  
3è...
LE	
  PARAMETRAGE	
  DU	
  SITE	
  
	
  
Comment	
  uCliser	
  la	
  boîte	
  à	
  ouCls	
  
de	
  Jimdo	
  ?	
  
	
  
Cré...
LES	
  OUTILS	
  DE	
  PARAMETRAGE	
  
DESIGNS	
  :	
  permet	
  de	
  choisir,	
  modifier	
  et	
  paramétrer	
  l’aspect...
COMMENT	
  AJOUTER	
  DU	
  CONTENU	
  
	
  
Les	
  ouCls	
  à	
  connaître	
  !	
  
	
  
CréaCon	
  de	
  site	
  interne...
Ø  	
   Une	
   page	
   de	
   site	
   Jimdo	
   est	
   composée	
  
d’une	
  succession	
  d’éléments.	
  Chaque	
  é...
Les	
  colonnes	
  sont	
  un	
  ouCl	
  très	
  praCque	
  pour	
  
structurer	
  la	
  	
  présentaCon	
  de	
  votre	
 ...
Les	
   Titres	
   permefent	
   de	
   structurer	
   votre	
  
texte	
  (3	
  niveaux	
  de	
  Ctres)	
  
-­‐ 	
  visuel...
POUR	
  	
  MODIFIER	
  	
  DU	
  	
  TEXTE	
  
texte	
  en	
  gras	
  (B)	
  
ou	
  en	
  italique	
  (I)	
  
alignement	...
POUR	
  	
  AJOUTER	
  	
  DES	
  	
  IMAGES	
  
La	
  Galerie	
  d’Images	
  permet	
  très	
  simplement	
  
d’afficher	
 ...
POUR	
  	
  UTILISER	
  LES	
  OUTILS	
  	
  JIMDO	
  
Formulaire	
   :	
   permet	
   très	
   simplement	
   de	
  
crée...
POUR	
  	
  AJOUTER	
  	
  UNE	
  CARTE	
  
1.  Recherchez	
  votre	
  adresse	
  
2.  Insérez	
  un	
  repère	
  et	
  
a...
POUR	
  	
  AJOUTER	
  	
  UNE	
  VIDEO	
  
Grâce	
  à	
  cet	
  ouVl,	
  
affichez	
  la	
  visite	
  virtuelle	
  
de	
  v...
POUR	
  DUPLIQUER	
  OU	
  DEPLACER	
  UN	
  ELEMENT	
  
Pour	
   chaque	
   élément	
   que	
  
vous	
   créez	
   sur	
 ...
AJOUTER	
  DES	
  CONTENUS	
  EXTERNES	
  
	
  
Un	
  copier-­‐coller	
  suffit	
  !	
  
	
  
CréaCon	
  de	
  site	
  inter...
UN	
  WIDGET,	
  C’EST	
  QUOI	
  ?	
  
source	
  :	
  Wikipedia	
  
Pour	
  intégrer	
  un	
  widget	
  à	
  
votre	
  si...
CRÉER	
  ET	
  INSERER	
  UN	
  WIDGET	
  POUR	
  LA	
  METEO	
  
Ø 	
  Rendez	
  vous	
  sur	
  www.meteorama.fr	
  	
  ...
CRÉER	
  ET	
  INSERER	
  UN	
  WIDGET	
  POUR	
  LA	
  METEO	
  
Ø 	
  Suivez	
  les	
  3	
  étapes	
  de	
  paramétrage...
CRÉER	
  ET	
  INSERER	
  UN	
  CALENDRIER	
  DE	
  DISPONIBILITÉS	
  
Parce	
  que	
  les	
  internautes	
  
veulent	
  s...
INSERER	
  LA	
  WEBCAM	
  DE	
  BERGERAC	
  
<object	
  type="applicaCon/x-­‐shockwave-­‐flash"	
  
data="hfp://java.views...
INSERER	
  L’AGENDA	
  DES	
  MANIFESTATIONS	
  DU	
  PAYS	
  DE	
  BERGERAC	
  
1.  Rendez	
  vous	
  sur	
  hfp://www.be...
OPTIMISEZ	
  VOTRE	
  FOOTER	
  
	
  
Un	
  bon	
  pied-­‐de-­‐page	
  
=	
  Un	
  bon	
  référencement	
  !	
  
	
  
Créa...
UTILISEZ	
  LES	
  RESEAUX	
  SOCIAUX	
  
NE	
  PAS	
  CONFONDRE	
  !	
  
Boutons	
  de	
  partage	
  sociaux	
  
	
  
Bou...
FAITES	
  DES	
  LIENS	
  INTERNES	
  
Les	
  liens	
  internes	
  favorisent	
  le	
  référencement	
  de	
  vos	
  pages...
POUR	
  ALLER	
  +	
  LOIN	
  AVEC	
  JIMDO	
  
	
  
Voici	
  quelques	
  liens	
  qui	
  vous	
  
permefront	
  de	
  par...
Ø 	
  Analyser	
  la	
  fréquentaCon	
  de	
  son	
  site	
  web	
  avec	
  Google	
  AnalyCcs	
  :	
  
hfp://fr.jimdo.co...
 
e-­‐mail	
  :	
  contact@pays-­‐bergerac-­‐tourisme.com	
  
site	
  pro	
  :	
  www.bergerac-­‐tourisme-­‐pro.com	
  
	
...
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Prochain SlideShare
Chargement dans…5
×

Création d’un site internet _ Ateliers numériques en Pays de Bergerac

3 451 vues

Publié le

Publié dans : Voyages
0 commentaire
6 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
3 451
Sur SlideShare
0
Issues des intégrations
0
Intégrations
222
Actions
Partages
0
Téléchargements
155
Commentaires
0
J’aime
6
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Création d’un site internet _ Ateliers numériques en Pays de Bergerac

  1. 1. CREATION  D’UN  SITE  WEB   Comment  créer  facilement  soi-­‐même   un  site  web  pour  son  acCvité  tourisCque.   CréaCon  de  site  internet  
  2. 2. QUELLE  EST  VOTRE  STRATÉGIE   WEB  ?     Quelques  quesCons  à  vous  poser   avant  de  foncer…     CréaCon  de  site  internet  
  3. 3. MON  SITE   WEB   TOURISTONAUTES   VIDEOS     EN  LIGNE  PHOTOS     EN  LIGNE   FORUMS   PARTENAIRES   COMMUNAUTE   GEO   MARKETING   FLUX  RSS   WIKI   M-­‐Tourism   Source  :  Touris,c   TOURISTES   LES  BULLES  DU  E-­‐TOURISME  
  4. 4. 10  RÈGLES  D’OR  DU  WEBMARKETING   1.  La  permission   2.  Eviter  le  commercial   direct   3.  Animer  !   4.  Ouverture  et   transparence   5.  Soyez  RéacCf   6.  Partager  et  faites   parCciper   7.  Jouer  la  proximité   8.  Segmenter   9.  S’assurer  une  veille   10.   Analyser   Lire  l’arCcle  complet  sur   hfp:// www.reussirsonwebmark eCng.com/10-­‐regles-­‐or-­‐ web-­‐markeCng/    
  5. 5. 1. Votre  site  doit  vous  ressembler,  refléter  la  réalité   2. Votre  site  doit  être  adapté  à  votre  clientèle   3. Votre  site  doit  présenter  l’informaCon  de  façon   précise,  sans  ambigüité     UN  SITE  WEB  A  VOTRE  IMAGE    
  6. 6. D’APRÈS  VOUS,  QUELS  ÉLÉMENTS  DOIVENT   APPARAÎTRE  SUR  VOTRE  SITE  WEB  ?   EN  PAGE  D’ACCUEIL     •        DANS  LES  AUTRES  PAGES   •        SUR  TOUTES  LES  PAGES     •     
  7. 7. APRÈS  LA  THÉORIE,  LA  PRATIQUE  !     En  moins  de  2  mn,  votre  nouveau   site  web  sera  en  ligne!     CréaCon  de  site  internet  
  8. 8. POURQUOI  CHOISIR  JIMDO  ?   1. Pas  besoin  de  connaissances  en  html.   2. Autonomie  totale  sur  la  créaCon  et  mise  à  jour  du  site.   3. Pas  de  logiciel  à  installer.  Tout  est  en  ligne.   4. Démarrage  en  version  gratuite.   5. Des  templates  très  pros.   6. Nombre  de  pages  illimité.   7. FoncCon  blog.   8. Version  mobile  du  site  générée  automaCquement.   9. Une  communauté  acCve  pour  vous  aider  !   10. Quelques  exemples  de  sites  web  :  hfp://goo.gl/1GLrG9    
  9. 9. BIEN  CHOISIR  SON  NOM  DE  DOMAINE   Quelques  règles  à  suivre  ou   pistes  de  réflexion  :   Ø    Faire   le   choix   entre   un   nom   de   domaine   mnémotechnique  (court,  qui  percute  et  qu’on   reCent   facilement)   ou   un   nom   de   domaine   facilitant   le   référencement   naturel   (comportant   1   ou   2   mots   clés   de   préférence   séparés  par  des  Crets  hauts  (sous  le  chiffre  6)   source  :  www.blog-­‐story.com   Ø   Lorsque  vous  avez  affiné  votre  choix,  vérifier   la  disponibilité  de  votre  nom  de  domaine  avec   hfp://www.neCssime.com/  par  exemple.   Ø    Pensez   à   vérifier   également   à   vérifier   la   disponibilité  des  variantes  de  ce  nom  (avec  ou   sans   Cret,   écritures   différentes…)   ainsi   que   celle  des  différentes  extensions  (.fr,  .com,  .net,   etc…).   Il   est   d’ailleurs   conseillé   d’acheter   les   différentes   variantes   si   celles-­‐ci   sont   suscepCbles   d’être   uClisées   par   la   concurrence.   DéfiniVon   Le   nom   de   domaine   est   la   parCe   centrale   de   l’adresse   Internet   qui   est   tapée   dans   le   navigateur   afin   d’afeindre   un   site   Web.   Cefe   adresse   est   composée   de   trois   éléments:   le   préfixe  (hfp://),  le  nom  de  domaine  et   l’extension   (appelée   aussi   domaine   de   niveau  supérieur  ou  TLD).   Chaque  élément  d’une  adresse  Web  est   séparé  par  un  point.   Voici  un  schéma  qui  sera  certainement   plus  parlant.   source  :  h7p://www.blog.manit4c.com   hfp://aide.jimdo.com/nom-­‐de-­‐domaine/    
  10. 10. ETAPE  1   1.  Rendez  vous  sur  www.bergerac-­‐tourisme-­‐pro.com/demo       2.  Cliquez  sur                                                                    puis     3.  Choisissez  votre  pack   C’EST  PARTI   CRÉER  VOTRE  SITE  WEB  
  11. 11. ETAPE  1   4.  Choisissez  votre  design  
  12. 12. ETAPE  2   1. Inscrivez  votre  adresse  e-­‐mail.  Vous  y  recevrez  la   confirma,on  de  créa,on  de  votre  site  web     2. Choisissez  votre  mot  de  passe.  Il  vous  servira  pour  accéder  à   l’interface  d’administra,on  de  votre  site.   3. Cliquez  sur  le  bouton  bleu  «  Créer  un  site  gratuit  »  
  13. 13. ETAPE  2   4.  Choisissez  votre  nom  de  domaine,  c’est-­‐à-­‐dire  le  nom   de  votre  site  web  (en  version  gratuite,  il  se  terminera   obligatoirement  par  .jimdo.com)    
  14. 14. ETAPE  3   LA  PERSONNALISATION  
  15. 15. ETAPE  3   LA  PERSONNALISATION   Fenêtre  de  tchat  si   besoin  d  ‘aide  
  16. 16. COMMENT  SE  COMPOSE  UNE  PAGE  JIMDO  ?   LE  MODULE   D’AMINISTRATION   (visible  seulement  en   mode  modifica,on)   LE  MENU   Il  peut  être  placé   à  différents  endroits   selon  le  design  choisi   LE  CONTENT   contenu  de     chaque  page   MODE  DE  CONNEXION   Permet  de  visualiser  les   modifica,ons  apportées   et  de  se  déconnecter  
  17. 17. L’ARBORESCENCE  DU  SITE     Une  étape  préalable  importante   mais  toujours  modifiable!     CréaCon  de  site  internet  
  18. 18. Créez  VOTRE   arborescence!     1.  Passez  votre  souris  sur   le  1er  niveau  de  menu   (ici,  l’accès  par  langue)   2.  Jimdo  vous  propose  de   Modifier  la  navigaCon   3.   Cliquez  dessus   Il  s’agit  des  différents  niveaux  de  menus  qui  vont  composer  les  pages  de  votre  site  web.   Vous  avez  droit  à  3  niveaux  de  menus,  c’est-­‐à-­‐dire  :   Ø   un  menu  principal   Ø   des  sous-­‐menus   Ø   et  des  sous-­‐sous-­‐menus   L’arborescence,  c’est  le  squele]e  du  site.  
  19. 19. Toute  l’arborescence  du  site  apparaît.   1er  niveau  de  menu   2ème  niveau  de  menu   3ème  niveau  de  menu   Ces  flèches  permefent  de  déplacer  les   pages  dans  l’arborescence   Ces  flèches  permefent  de  changer  le   niveau  de  menu  des  pages   Ce  signe  permet  d’ajouter  une  page   Ce  signe  permet  de  supprimer  une   page   ATTENTION  !   Lorsque   qu’une   page   est   supprimée,   il   n’y   a   aucun   moyen   de   revenir   en   arrière   et  de  récupérer  son  contenu  !     Ce  signe  permet  de  cacher  une  page   Lorsque  vous  avez  modifié  votre  arborescence,   cliquez  sur  Enregistrez.   Vous  pouvez  renommer  les  pages    en  cliquant  sur  le  nom  à  modifier.  
  20. 20. LE  PARAMETRAGE  DU  SITE     Comment  uCliser  la  boîte  à  ouCls   de  Jimdo  ?     CréaCon  de  site  internet  
  21. 21. LES  OUTILS  DE  PARAMETRAGE   DESIGNS  :  permet  de  choisir,  modifier  et  paramétrer  l’aspect  général  de  votre  site   hfp://aide.jimdo.com/mise-­‐en-­‐page/design/     STYLE  :  permet  de  définir  le  style  (taille,  couleur,  etc…)  de  vos  textes,  Ctres…   hfp://goo.gl/tXQnaf     BLOG  :  permet  de  gérer  les  arCcles  de  votre  blog  (si  vous  acCvez  cefe  foncCon)   hfp://aide.jimdo.com/blog/     PARAMETRES  :  permet  de  gérer  les  paramètres  de  votre  site  (nom  de  domaine,   menCons  légales,  mot  de  passe,  e-­‐bouCque,  etc.)  hfp://aide.jimdo.com/paramètres/     STATISTIQUES  :  accessibles  uniquement  en  version  pro  et  business.  Vous  pouvez   aussi  (même  en  version  gratuite)  acCver  l’ouCl  Google  AnalyCcs  dans  PARAMETRES   AIDE  :  Blog,  forum,  FAQ,  Jimdo  dispose  d’une  assistance  très  performante  et   réacCve.   S.E.O.  (Référencement)    :  permet  de  donner    un  Ctre  un  descripCf  et  des  mots-­‐ clés  à  votre  site  pour  opCmiser  son  référencement  hfp://aide.jimdo.com/seo/     VERSIONS  PRO  :  permet  de  passer  en  version  pro  (hébergement  +  1  nom  de   domaine  +  1  adresse  e-­‐mail  pour  6,50€/mois)  hfp://fr.jimdo.com/offres/    
  22. 22. COMMENT  AJOUTER  DU  CONTENU     Les  ouCls  à  connaître  !     CréaCon  de  site  internet  
  23. 23. Ø    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     Ø   Chaque  élément  peut  être  dupliqué  mais  la   duplicaCon   d’une   page   enCère   n’est   disponible  qu’en  version  pro   Ø    Toutes   les   mises   à   jour   se   font   instantanément   dès   que   vous   cliquez   sur   Enregistrer   Ø   Pour  ajouter  du  contenu  dans  une  nouvelle   page,  cliquez  sur    
  24. 24. Les  colonnes  sont  un  ouCl  très  praCque  pour   structurer  la    présentaCon  de  votre  page.     2  colonnes  sont  insérées   par  défaut  mais  vous     pouvez  en  ajouter  en   cliquant  sur  le  +.     Ensuite  chaque  colonne  s’uClise  et  s’alimente   comme  une  page  dans  la  page.  Vous  pouvez   donc   y   ajouter   autant   d’éléments   que   vous   souhaitez.     POUR    STRUCTURER    VOTRE    PAGE  
  25. 25. Les   Titres   permefent   de   structurer   votre   texte  (3  niveaux  de  Ctres)   -­‐   visuellement  pour  l’internaute  qui  va  le  lire   -­‐   techniquement  pour  les  moteurs  de  recherche  qui  vont   les  reconnaître  comme  des  éléments  importants  de  la   page.   Le   Texte   s’uClise   de   la   même   façon   que   les   logiciels  de  traitement  de  texte  type  Word.     POUR    AJOUTER    DU    TEXTE   Pour  modifier  le  style  par   défaut  de  vos  Vtres  et   textes,  cliquez  sur  la   rubrique  STYLE  
  26. 26. POUR    MODIFIER    DU    TEXTE   texte  en  gras  (B)   ou  en  italique  (I)   alignement  du  texte   à  gauche,  centré,  à   droite,  ou  jusCfié   inserCon  de   puces  ou  numéros   retrait  à  droite   ou  à  gauche   couleur   du  texte   suppression  de  la  mise  en  forme   (à  uVliser  impéraVvement  pour   les  copier-­‐coller!)   annule  ou   restaure  une   modificaCon   Lien  hypertexte   Ø   pour  créer  un  lien,  sélecConnez  le  texte   sur  lequel  vous  souhaitez  mefre  le  lien   Ø   cliquez  sur  le  chaînon  puis  choisissez  entre  lien   interne  (lien  vers  une  autre  page  de  votre  site)  ou   lien  externe  (lien  vers  autre  site  ou  e-­‐mail)   Ø   cliquez  sur  Créer  un  lien   permet  d’accéder  au   code  html  du  texte  
  27. 27. POUR    AJOUTER    DES    IMAGES   La  Galerie  d’Images  permet  très  simplement   d’afficher  une  série  de  photos…   •   soit  en  mode  pêle-­‐mêle  Horizontal  (priorité   aux  photos  orientaCon  paysage)   •    soit   en   mode   pêle-­‐mêle   VerVcal   (priorité   aux  photos  orientaCon  portrait)   •    soit   en   mode   Grille   (vignefes   agrandissables)   •    soit   en   mode   Slider   (avec   un   défilement   paramétrable)   Pensez  au  texte  alternaVf  pour  favoriser  le   référencement  de  vos  images  !   (cf  Affichage  Liste  pour  +  d’op,ons)  
  28. 28. POUR    UTILISER  LES  OUTILS    JIMDO   Formulaire   :   permet   très   simplement   de   créer   un   formulaire   de   contact   et/ou   de   réservaCon.  AfenCon  au  paramétrage!   Flux  RSS  :  permet  de  récupérer  et  d’intégrer   à  votre  site  les  flux  RSS  issus  de  blogs.   Téléchargement   :   offre   aux   internautes   la   possibilité  de  télécharger  des  documents,  par   exemple   la   plaquefe   de   présentaCon   de   votre   établissement   ou   un   contrat   de   locaCon.  (privilégiez  le  format  pdf  qui  ne  souffrira   aucune   modificaCon   notamment   au   niveau   des   polices  de  caractère)   Livre   d’Or   :   offre   aux   internautes   la   possibilité   de   déposer   leur   avis   sur   votre   établissement.  Pensez  néanmoins  à  proposer  des   liens   vers   les   différents   sites   d’avis   (Tripadvisor,   Dismoioù,   Vinivi,   etc…)   sur   lesquels   vous   êtes   référencés.    
  29. 29. POUR    AJOUTER    UNE  CARTE   1.  Recherchez  votre  adresse   2.  Insérez  un  repère  et   affinez  sa  posiCon   3.  Modifiez  les  opCons   d’affichage   Grâce  à  cet  ouVl,   affichez  la  visite  virtuelle   de  votre  établissement  !   Grâce  à  l’ouCl  Widget/HTML,   créez  une  carte  personnalisée   de  vos  «  bonnes  adresses  »  et   intégrez  la  dans  votre  site   web  !         Voir  notre  atelier  «  Créer  une   carte  tourisVque  »  
  30. 30. POUR    AJOUTER    UNE  VIDEO   Grâce  à  cet  ouVl,   affichez  la  visite  virtuelle   de  votre  établissement  !   Même  si  vous  n’avez  pas  de   vidéo  de  votre  établissement,   des  ouCls  vous  permefent  de   créer  des  diaporamas  de   photos  dynamiques    et  pros   exportables  sur  Youtube!         Voir  notre  atelier   «  Dynamiser  sa  présence  en   ligne  avec  la  vidéo  »   1.  Copiez  l’url  de   votre  vidéo   2.  Collez  l’url  de   votre  vidéo   3.  Modifiez  les   opCons   d’affichage   Pensez  aussi  à  uVliser  les  vidéos  de  la  chaîne  Youtube  du  Pays  de  Bergerac    pour  illustrer  votre  site  !  
  31. 31. POUR  DUPLIQUER  OU  DEPLACER  UN  ELEMENT   Pour   chaque   élément   que   vous   créez   sur   votre   site,   vous  disposez  de  ces  ouCls  :   Pour   dupliquer   un   élément   (en   version   pro   vous   pouvez   également   dupliquer   une   page   en,ère   depuis   l’ou,l   «   modifier   naviga,on  »)   Pour  supprimer  un  élément   Pour   faire   monter   ou   descendre  un  élément   Pour  déplacer  un  élément  sur  une  même  page,   uClisez  les  flèches  ou  la  croix  de  déplacement.   Pour  déplacer  un  élément  sur  une  autre  page,   uClisez   la   croix   de   déplacement   et   le   presse-­‐ papier.   1.  Prenez   votre   élément   avec   la   croix   de   déplacement.   2.  Dirigez   le   vers   le   haut   de   la   page.   Le   presse-­‐ papier  apparaît.  Déposez-­‐y  l’élément.   3.  PosiConnez-­‐vous   sur   l’autre   page.   Reprenez   votre  élément  dans  le  presse-­‐papier.  Placez-­‐le.  
  32. 32. AJOUTER  DES  CONTENUS  EXTERNES     Un  copier-­‐coller  suffit  !     CréaCon  de  site  internet  
  33. 33. UN  WIDGET,  C’EST  QUOI  ?   source  :  Wikipedia   Pour  intégrer  un  widget  à   votre  site  web,  il  vous  suffit   de  copier-­‐coller  un  code   html.  Ce  code  commence   généralement  par  «  iframe  »   ou  «  embed  »  ou  «  div  »  ou   encore  «  object  ».   Retrouvez  sur  votre  espace  pro   de  nombreux  contenus  intégrables  sur   votre  site  web  pour  vous  aidez  à  promouvoir   le  Pays  de  Bergerac  :    hfp://www.bergerac-­‐tourisme-­‐pro.com/   vos-­‐ouCls-­‐de-­‐com/    
  34. 34. CRÉER  ET  INSERER  UN  WIDGET  POUR  LA  METEO   Ø   Rendez  vous  sur  www.meteorama.fr       Ø   Cliquez  sur    Météo  gratuite  pour  site  
  35. 35. CRÉER  ET  INSERER  UN  WIDGET  POUR  LA  METEO   Ø   Suivez  les  3  étapes  de  paramétrage   •   SélecConnez  la  ville   •   Changer  le  contenu   •   Ajouter  votre  style   Ø     Et  découvrez  en  temps   réel  à  quoi  ressemblera   votre  widget   Ø Cochez  l’acceptaCon   des  condiCons  générales   Ø   Puis  cliquez  sur   Générez  le  code   Ø   Copiez  le  code  html   généré   Ø   Collez  ce  code  dans  un   cadre  d’élément  Widget  /   html  sur  votre  site  Jimdo   Pour  vos  pages  en   langues  étrangères,   pensez  à  changer  la   langue  de  votre  météo  
  36. 36. CRÉER  ET  INSERER  UN  CALENDRIER  DE  DISPONIBILITÉS   Parce  que  les  internautes   veulent  savoir     tout  et  tout  de  suite,   affichez  directement  les   disponibilités  de  votre   hébergement  sur  votre  site!         Voir  notre  atelier  «  Gérer  et   afficher  ses  disponibilités  en   ligne    »  
  37. 37. INSERER  LA  WEBCAM  DE  BERGERAC   <object  type="applicaCon/x-­‐shockwave-­‐flash"   data="hfp://java.viewsurf.com/manager/Player.swf"  id="Player"  width="580"   height="326">   <param  name="allowScriptAccess"  value="sameDomain">   <param  name="movie"  value="hfp://java.viewsurf.com/manager/Player.swf">   <param  name="quality"  value="high">   <param  name="scale"  value="noScale">   <param  name="wmode"  value="transparent">   <param  name="allowFullScreen"  value="true">   <param  name="FlashVars"  value="playlist=%3Cplaylist%3E%3Citem  type='video'   source='%2Fbergerac01%2F1%2F2%2Flast'%2F%3E%3C%2Fplaylist%3E">   <embed  src="hfp://java.viewsurf.com/manager/Player.swf"  quality="high"   allowfullscreen="true"  bgcolor="#869ca7"  name="Player"   allowscriptaccess="sameDomain"  type="applicaCon/x-­‐shockwave-­‐flash"   pluginspage="hfp://www.adobe.com/go/geˆlashplayer"  flashvars="playlist= %3Cplaylist%3E%3Citem  type='video'   source='%2Fbergerac01%2F1%2F2%2Flast'%2F%3E%3C%2Fplaylist%3E"   width="580"  align="middle"  height="326">   </object>   Ø   Copiez  le  code  html  ci-­‐dessous   Ø   Collez  ce  code  dans  un  cadre  d’élément  Widget  /  html  sur  votre  site   Jimdo    
  38. 38. INSERER  L’AGENDA  DES  MANIFESTATIONS  DU  PAYS  DE  BERGERAC   1.  Rendez  vous  sur  hfp://www.bergerac-­‐tourisme.com/Widget-­‐AnimaCons,9297   2.  Choisissez  la  ou  les  catégorie(s)  d'animaCons  que  vous  souhaitez  voir  remonter  sur  votre   site   web   (le   nombre   de   catégories   n'est   pas   limité,   vous   pouvez   tout   cocher   si   vous   le   souhaitez!)   3.  Choisissez  pour  quelle  période  vous  souhaitez  afficher  les  animaCons  (15  ou  30  jours  à   venir)   4.  Choisissez   le   nombre   de   manifestaCons   que   vous   souhaitez   afficher   pour   chaque   page  du  widget   5.  Cliquez  sur  Générer  le  code,  cela   vous   permet   d'afficher   le   code   d'intégraCon  du  widget   6.   Copiez  le  code  html  généré   7.   Collez  ce  code  dans  un  cadre   d’élément  Widget  /  html  sur  votre   site  Jimdo  
  39. 39. OPTIMISEZ  VOTRE  FOOTER     Un  bon  pied-­‐de-­‐page   =  Un  bon  référencement  !     CréaCon  de  site  internet  
  40. 40. UTILISEZ  LES  RESEAUX  SOCIAUX   NE  PAS  CONFONDRE  !   Boutons  de  partage  sociaux     Bouton  J’aime  &  Like  Box  
  41. 41. FAITES  DES  LIENS  INTERNES   Les  liens  internes  favorisent  le  référencement  de  vos  pages.  UClisez  le  pied-­‐de-­‐page  pour   faciliter  la  navigaCon  sur  votre  site  web  !   Rappelez  vos  coordonnées  pour  qu’elles  soient  accessibles  depuis  n’importe  quelle  page.   Apposez  vos  labels  de  qualité  sous  forme  de  logos  cliquables.   N’oubliez  pas  les  menVons  légales!  Pour  vous  aider  :  hfp://goo.gl/IEXUEC     ici  l’exemple   du  footer  de   www.bergerac-­‐ tourisme.com    
  42. 42. POUR  ALLER  +  LOIN  AVEC  JIMDO     Voici  quelques  liens  qui  vous   permefront  de  parfaire  votre  site!     CréaCon  de  site  internet  
  43. 43. Ø   Analyser  la  fréquentaCon  de  son  site  web  avec  Google  AnalyCcs  :   hfp://fr.jimdo.com/wiki/Google_AnalyCcs   Ø   Créer  un  design  professionnel  pour  son  site  :   hfp://aide.jimdo.com/ouCls/services-­‐externes/   Ø   Trouver  des  bons  tuyaux  pour  améliorer  son  site  Jimdo  :   hfp://communautefrancophone.jimdo.com/  ou   hfp://realia.jimdo.com/  ou  hfp://funnycat.jimdo.com/   Ø   Suivre  l’actualité  du  e-­‐tourisme  :  hfp://www.etourisme.info     CréaCon  de  site  internet  
  44. 44.   e-­‐mail  :  contact@pays-­‐bergerac-­‐tourisme.com   site  pro  :  www.bergerac-­‐tourisme-­‐pro.com       Guenaëlle  &  Marie-­‐Pierre  -­‐  05  53  57  03  11   Karine  -­‐  05  53  27  30  18     A  TRES  VITE  POUR  VOTRE  ACCOMPAGNEMENT  PERSONNALISE  !!!  

×