SlideShare une entreprise Scribd logo
CREATION	
  D’UN	
  SITE	
  WEB	
  
Comment	
  créer	
  facilement	
  soi-­‐même	
  
un	
  site	
  web	
  pour	
  son	
  acCvité	
  tourisCque.	
  
CréaCon	
  de	
  site	
  internet	
  
QUELLE	
  EST	
  VOTRE	
  STRATÉGIE	
  
WEB	
  ?	
  
	
  
Quelques	
  quesCons	
  à	
  vous	
  poser	
  
avant	
  de	
  foncer…	
  
	
   CréaCon	
  de	
  site	
  internet	
  
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	
  
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/	
  	
  
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	
  	
  
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	
  
	
  
• 	
  	
  
APRÈS	
  LA	
  THÉORIE,	
  LA	
  PRATIQUE	
  !	
  
	
  
En	
  moins	
  de	
  2	
  mn,	
  votre	
  nouveau	
  
site	
  web	
  sera	
  en	
  ligne!	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
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	
  	
  
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/	
  	
  
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	
  
ETAPE	
  1	
  
4.	
  Choisissez	
  votre	
  design	
  
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	
  »	
  
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)	
  
	
  
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	
  
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	
  
L’ARBORESCENCE	
  DU	
  SITE	
  
	
  
Une	
  étape	
  préalable	
  importante	
  
mais	
  toujours	
  modifiable!	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
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.	
  
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.	
  
LE	
  PARAMETRAGE	
  DU	
  SITE	
  
	
  
Comment	
  uCliser	
  la	
  boîte	
  à	
  ouCls	
  
de	
  Jimdo	
  ?	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
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/	
  	
  
COMMENT	
  AJOUTER	
  DU	
  CONTENU	
  
	
  
Les	
  ouCls	
  à	
  connaître	
  !	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
Ø  	
   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	
  	
  
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	
  
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	
  
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	
  
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)	
  
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.	
  
	
  
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	
  »	
  
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	
  !	
  
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.	
  
AJOUTER	
  DES	
  CONTENUS	
  EXTERNES	
  
	
  
Un	
  copier-­‐coller	
  suffit	
  !	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
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/	
  	
  
CRÉER	
  ET	
  INSERER	
  UN	
  WIDGET	
  POUR	
  LA	
  METEO	
  
Ø 	
  Rendez	
  vous	
  sur	
  www.meteorama.fr	
  	
  
	
  
Ø 	
  Cliquez	
  sur	
  	
  Météo	
  gratuite	
  pour	
  site	
  
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	
  
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	
  	
  »	
  
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	
  
	
  
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	
  
OPTIMISEZ	
  VOTRE	
  FOOTER	
  
	
  
Un	
  bon	
  pied-­‐de-­‐page	
  
=	
  Un	
  bon	
  référencement	
  !	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
UTILISEZ	
  LES	
  RESEAUX	
  SOCIAUX	
  
NE	
  PAS	
  CONFONDRE	
  !	
  
Boutons	
  de	
  partage	
  sociaux	
  
	
  
Bouton	
  J’aime	
  &	
  Like	
  Box	
  
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	
  	
  
POUR	
  ALLER	
  +	
  LOIN	
  AVEC	
  JIMDO	
  
	
  
Voici	
  quelques	
  liens	
  qui	
  vous	
  
permefront	
  de	
  parfaire	
  votre	
  site!	
  
	
  
CréaCon	
  de	
  site	
  internet	
  
Ø 	
  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	
  
 
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	
  !!!	
  

Contenu connexe

Tendances

Wordpress meetup
Wordpress meetupWordpress meetup
Wordpress meetup
Erwan Tanguy
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
François Huynh
 
Atelier Jimdo
Atelier JimdoAtelier Jimdo
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
Voyelle Voyelle
 
Atelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandAtelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandOT Bocage Normand
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
Gd6d
 
Nouvelles Pages Facebook
Nouvelles Pages FacebookNouvelles Pages Facebook
Nouvelles Pages Facebook
Dagobert
 
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 201510 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
Com'3elles - www.com3elles.com
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPress
URFIST de Rennes
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site Web
HPJ Solutions
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
Daniel GUEYSSET
 
Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5
Com'3elles - www.com3elles.com
 
Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4
Jamel Eddine Zarga
 
Formation joomla 1ere_session
Formation joomla 1ere_sessionFormation joomla 1ere_session
Formation joomla 1ere_sessionRYMAA
 
Atelier jimdo 1
Atelier jimdo 1Atelier jimdo 1
Atelier jimdo 1
Terre et Côte Basques
 
WordPress
WordPressWordPress
WordPress
Thomas Bodin
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
davidbx
 
Joomla 4-les-nouveautes par Com3elles
Joomla 4-les-nouveautes par Com3ellesJoomla 4-les-nouveautes par Com3elles
Joomla 4-les-nouveautes par Com3elles
Com'3elles - www.com3elles.com
 
Initiation à WordPress
Initiation à WordPressInitiation à WordPress
Initiation à WordPress
StrategiaWeb Communication Numérique
 

Tendances (20)

Wordpress meetup
Wordpress meetupWordpress meetup
Wordpress meetup
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
 
Atelier Jimdo
Atelier JimdoAtelier Jimdo
Atelier Jimdo
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
 
Atelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandAtelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage Normand
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
 
Nouvelles Pages Facebook
Nouvelles Pages FacebookNouvelles Pages Facebook
Nouvelles Pages Facebook
 
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 201510 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPress
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site Web
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5Créer un template pour Joomla 2.5
Créer un template pour Joomla 2.5
 
Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4
 
Formation joomla 1ere_session
Formation joomla 1ere_sessionFormation joomla 1ere_session
Formation joomla 1ere_session
 
Atelier jimdo 1
Atelier jimdo 1Atelier jimdo 1
Atelier jimdo 1
 
WordPress
WordPressWordPress
WordPress
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
 
Atelier jimdo 2 tcb
Atelier jimdo 2   tcbAtelier jimdo 2   tcb
Atelier jimdo 2 tcb
 
Joomla 4-les-nouveautes par Com3elles
Joomla 4-les-nouveautes par Com3ellesJoomla 4-les-nouveautes par Com3elles
Joomla 4-les-nouveautes par Com3elles
 
Initiation à WordPress
Initiation à WordPressInitiation à WordPress
Initiation à WordPress
 

En vedette

2007 06 21_memoire_master2_didactique_maths_pelay
2007 06 21_memoire_master2_didactique_maths_pelay2007 06 21_memoire_master2_didactique_maths_pelay
2007 06 21_memoire_master2_didactique_maths_pelayNejm-Eddine Jaidane
 
Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"
Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"
Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"
dianny2205
 
Grupo funcional
Grupo funcionalGrupo funcional
Grupo funcional
eeslfvv
 
Otros pintores nos dan ideas
Otros pintores nos dan ideasOtros pintores nos dan ideas
Otros pintores nos dan ideas
diegobe_
 
El autoestima
El autoestimaEl autoestima
El autoestima
estefaniavargas2013
 
1h1o-kizoa _atelierantBergerac
1h1o-kizoa _atelierantBergerac1h1o-kizoa _atelierantBergerac
1h1o-kizoa _atelierantBergeracPays de Bergerac
 
Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...
Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...
Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...
yann le gigan
 
Fumoir DE BUYER
Fumoir DE BUYERFumoir DE BUYER
Fumoir DE BUYER
habiague
 
Medios de comuncicacion
Medios de comuncicacionMedios de comuncicacion
Medios de comuncicacion
karsminc
 
Enfermedades respiratorias,asma
Enfermedades respiratorias,asmaEnfermedades respiratorias,asma
Enfermedades respiratorias,asma
Tamara170296
 
Mode d'emploi Fondue Réchaud Riviera et Bar QC040A
Mode d'emploi Fondue Réchaud Riviera et Bar QC040AMode d'emploi Fondue Réchaud Riviera et Bar QC040A
Mode d'emploi Fondue Réchaud Riviera et Bar QC040A
habiague
 
Biografia
BiografiaBiografia
Scratch projects 1 (1)
Scratch projects 1 (1)Scratch projects 1 (1)
Scratch projects 1 (1)
Felipe Tovar
 
Sistema 1
Sistema 1Sistema 1
Catalogue auzou jeunesse 2012 2013-hd
Catalogue auzou jeunesse 2012 2013-hdCatalogue auzou jeunesse 2012 2013-hd
Catalogue auzou jeunesse 2012 2013-hdBachir Bouslougui
 
S19016es
S19016esS19016es
S19016es
Liliana Chavez
 
Allianz - Rapport de développement durable 2014
Allianz - Rapport de développement durable 2014Allianz - Rapport de développement durable 2014
Allianz - Rapport de développement durable 2014
yann le gigan
 
Galerie MiniMasterpiece - Revue de presse 2014/2015
Galerie MiniMasterpiece - Revue de presse 2014/2015Galerie MiniMasterpiece - Revue de presse 2014/2015
Galerie MiniMasterpiece - Revue de presse 2014/2015
Agence Colonnes
 
Metodo completo de violão (F.Sor, N.Coste)
Metodo completo de violão (F.Sor, N.Coste)Metodo completo de violão (F.Sor, N.Coste)
Metodo completo de violão (F.Sor, N.Coste)
Valterci Hulkinho
 

En vedette (20)

2007 06 21_memoire_master2_didactique_maths_pelay
2007 06 21_memoire_master2_didactique_maths_pelay2007 06 21_memoire_master2_didactique_maths_pelay
2007 06 21_memoire_master2_didactique_maths_pelay
 
Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"
Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"
Arias Jativa Diana_UTE_"Plan Nacional del Buen Vivir"
 
Grupo funcional
Grupo funcionalGrupo funcional
Grupo funcional
 
Otros pintores nos dan ideas
Otros pintores nos dan ideasOtros pintores nos dan ideas
Otros pintores nos dan ideas
 
El autoestima
El autoestimaEl autoestima
El autoestima
 
1h1o-kizoa _atelierantBergerac
1h1o-kizoa _atelierantBergerac1h1o-kizoa _atelierantBergerac
1h1o-kizoa _atelierantBergerac
 
Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...
Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...
Rapport d’activité 2014 de l’ARPP (Autorité de Régulation Professionnelle de ...
 
Fumoir DE BUYER
Fumoir DE BUYERFumoir DE BUYER
Fumoir DE BUYER
 
Medios de comuncicacion
Medios de comuncicacionMedios de comuncicacion
Medios de comuncicacion
 
Enfermedades respiratorias,asma
Enfermedades respiratorias,asmaEnfermedades respiratorias,asma
Enfermedades respiratorias,asma
 
Mode d'emploi Fondue Réchaud Riviera et Bar QC040A
Mode d'emploi Fondue Réchaud Riviera et Bar QC040AMode d'emploi Fondue Réchaud Riviera et Bar QC040A
Mode d'emploi Fondue Réchaud Riviera et Bar QC040A
 
Biografia
BiografiaBiografia
Biografia
 
Scratch projects 1 (1)
Scratch projects 1 (1)Scratch projects 1 (1)
Scratch projects 1 (1)
 
Sistema 1
Sistema 1Sistema 1
Sistema 1
 
Blue eyes
Blue eyesBlue eyes
Blue eyes
 
Catalogue auzou jeunesse 2012 2013-hd
Catalogue auzou jeunesse 2012 2013-hdCatalogue auzou jeunesse 2012 2013-hd
Catalogue auzou jeunesse 2012 2013-hd
 
S19016es
S19016esS19016es
S19016es
 
Allianz - Rapport de développement durable 2014
Allianz - Rapport de développement durable 2014Allianz - Rapport de développement durable 2014
Allianz - Rapport de développement durable 2014
 
Galerie MiniMasterpiece - Revue de presse 2014/2015
Galerie MiniMasterpiece - Revue de presse 2014/2015Galerie MiniMasterpiece - Revue de presse 2014/2015
Galerie MiniMasterpiece - Revue de presse 2014/2015
 
Metodo completo de violão (F.Sor, N.Coste)
Metodo completo de violão (F.Sor, N.Coste)Metodo completo de violão (F.Sor, N.Coste)
Metodo completo de violão (F.Sor, N.Coste)
 

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

Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Office de Tourisme Luberon Durance
 
Atelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec JimdoAtelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec Jimdo
Cédric Lourdes
 
Jimdo Tutoriel
Jimdo TutorielJimdo Tutoriel
Jimdo Tutoriel
Terre et Côte Basques
 
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Kate De Gourdon
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
Création de blog et sites internet
Création de blog et sites internetCréation de blog et sites internet
Création de blog et sites internet
piera5
 
C2i Web
C2i WebC2i Web
C2i Webc2i
 
Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018 Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018
Kate De Gourdon
 
Atelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec WixAtelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec Wix
Sud Vendée Tourisme
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel Lubac
Philemonday
 
Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo  - 2016Atelier Numérique - Créer son site web avec Jimdo  - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016
Kate De Gourdon
 
Comment creer un site internet
Comment creer un site internetComment creer un site internet
Comment creer un site internet
estreetz
 
ATELIER ANT N°1 - BLOG OU SITE INTERNET ?
ATELIER ANT N°1 - BLOG OU SITE INTERNET ?ATELIER ANT N°1 - BLOG OU SITE INTERNET ?
ATELIER ANT N°1 - BLOG OU SITE INTERNET ?
Laurent P. PRO
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?
Peak Ace
 
WebSchool Orléans - B.A BA de la Création Web
WebSchool Orléans - B.A BA de la Création WebWebSchool Orléans - B.A BA de la Création Web
WebSchool Orléans - B.A BA de la Création Web
TRIBELEADR
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Kenny Dits
 
Créer son site internet en 3 étapes
Créer son site internet en 3 étapesCréer son site internet en 3 étapes
Créer son site internet en 3 étapes
Sylvie Corlay
 

Similaire à Création d’un site internet _ Ateliers numériques en Pays de Bergerac (20)

Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
 
Atelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec JimdoAtelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec Jimdo
 
Jimdo Tutoriel
Jimdo TutorielJimdo Tutoriel
Jimdo Tutoriel
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
Création de blog et sites internet
Création de blog et sites internetCréation de blog et sites internet
Création de blog et sites internet
 
C2i Web
C2i WebC2i Web
C2i Web
 
Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018 Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018
 
Atelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec WixAtelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec Wix
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel Lubac
 
Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo  - 2016Atelier Numérique - Créer son site web avec Jimdo  - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016
 
Comment creer un site internet
Comment creer un site internetComment creer un site internet
Comment creer un site internet
 
ATELIER ANT N°1 - BLOG OU SITE INTERNET ?
ATELIER ANT N°1 - BLOG OU SITE INTERNET ?ATELIER ANT N°1 - BLOG OU SITE INTERNET ?
ATELIER ANT N°1 - BLOG OU SITE INTERNET ?
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?
 
WebSchool Orléans - B.A BA de la Création Web
WebSchool Orléans - B.A BA de la Création WebWebSchool Orléans - B.A BA de la Création Web
WebSchool Orléans - B.A BA de la Création Web
 
Google site
Google siteGoogle site
Google site
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
 
Siteweb Mini
Siteweb MiniSiteweb Mini
Siteweb Mini
 
Créer son site internet en 3 étapes
Créer son site internet en 3 étapesCréer son site internet en 3 étapes
Créer son site internet en 3 étapes
 

Plus de Pays de Bergerac

Atelier photo 2016 - Ateliers Numériques du pays de Bergerac
Atelier photo 2016 - Ateliers Numériques du pays de BergeracAtelier photo 2016 - Ateliers Numériques du pays de Bergerac
Atelier photo 2016 - Ateliers Numériques du pays de Bergerac
Pays de Bergerac
 
Programme Ateliers numériques_Bergerac_automne 2015
Programme Ateliers numériques_Bergerac_automne 2015Programme Ateliers numériques_Bergerac_automne 2015
Programme Ateliers numériques_Bergerac_automne 2015
Pays de Bergerac
 
Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...
Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...
Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...
Pays de Bergerac
 
1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac
1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac
1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac
Pays de Bergerac
 
1 h 1o_xn-view_atelierPaysdeBergerac
1 h 1o_xn-view_atelierPaysdeBergerac1 h 1o_xn-view_atelierPaysdeBergerac
1 h 1o_xn-view_atelierPaysdeBergerac
Pays de Bergerac
 
1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac
Pays de Bergerac
 
1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac
Pays de Bergerac
 
1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac
Pays de Bergerac
 
1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac
Pays de Bergerac
 
Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015
Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015
Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015
Pays de Bergerac
 
Google Mybusiness - automne2014 - Pays de Bergerac
Google Mybusiness - automne2014 - Pays de BergeracGoogle Mybusiness - automne2014 - Pays de Bergerac
Google Mybusiness - automne2014 - Pays de Bergerac
Pays de Bergerac
 
Générer une carte touristique pour son site web _Google maps 14
Générer une carte touristique pour son site web _Google maps 14Générer une carte touristique pour son site web _Google maps 14
Générer une carte touristique pour son site web _Google maps 14
Pays de Bergerac
 
Ateliers numériques Pays de Bergerac_automne2014
Ateliers numériques Pays de Bergerac_automne2014Ateliers numériques Pays de Bergerac_automne2014
Ateliers numériques Pays de Bergerac_automne2014
Pays de Bergerac
 
Plaquette ateliers ant_printemps2014_bergerac4
Plaquette ateliers ant_printemps2014_bergerac4Plaquette ateliers ant_printemps2014_bergerac4
Plaquette ateliers ant_printemps2014_bergerac4Pays de Bergerac
 
2eme journée-etourisme-chiffres
2eme journée-etourisme-chiffres2eme journée-etourisme-chiffres
2eme journée-etourisme-chiffresPays de Bergerac
 
2eme journée-etourisme-bilan 2013
2eme journée-etourisme-bilan 20132eme journée-etourisme-bilan 2013
2eme journée-etourisme-bilan 2013Pays de Bergerac
 
2eme journée-etourisme-actions 2014
2eme journée-etourisme-actions 20142eme journée-etourisme-actions 2014
2eme journée-etourisme-actions 2014Pays de Bergerac
 
2eme journée-etourisme-manoir-du-grand-vignoble
2eme journée-etourisme-manoir-du-grand-vignoble2eme journée-etourisme-manoir-du-grand-vignoble
2eme journée-etourisme-manoir-du-grand-vignoblePays de Bergerac
 
Plaquette ateliers antBergerac_printemps2014-
Plaquette ateliers antBergerac_printemps2014-Plaquette ateliers antBergerac_printemps2014-
Plaquette ateliers antBergerac_printemps2014-Pays de Bergerac
 
Emailing _ Ateliers Numériques du Pays de Bergerac
Emailing _ Ateliers Numériques du Pays de BergeracEmailing _ Ateliers Numériques du Pays de Bergerac
Emailing _ Ateliers Numériques du Pays de Bergerac
Pays de Bergerac
 

Plus de Pays de Bergerac (20)

Atelier photo 2016 - Ateliers Numériques du pays de Bergerac
Atelier photo 2016 - Ateliers Numériques du pays de BergeracAtelier photo 2016 - Ateliers Numériques du pays de Bergerac
Atelier photo 2016 - Ateliers Numériques du pays de Bergerac
 
Programme Ateliers numériques_Bergerac_automne 2015
Programme Ateliers numériques_Bergerac_automne 2015Programme Ateliers numériques_Bergerac_automne 2015
Programme Ateliers numériques_Bergerac_automne 2015
 
Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...
Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...
Analyser la fréquentation de son site web - Ateliers Numériques du Pays de Be...
 
1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac
1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac
1 Heure / 1 Outil - Google Maps - Ateliers Numériques en Pays de Bergerac
 
1 h 1o_xn-view_atelierPaysdeBergerac
1 h 1o_xn-view_atelierPaysdeBergerac1 h 1o_xn-view_atelierPaysdeBergerac
1 h 1o_xn-view_atelierPaysdeBergerac
 
1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Thunderbird - Ateliers Numériques du Pays de Bergerac
 
1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Unitag - Ateliers Numériques du Pays de Bergerac
 
1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Google Forms - Ateliers Numériques du Pays de Bergerac
 
1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac
1 Heure / 1 Outil - Compte Google - Ateliers Numériques du Pays de Bergerac
 
Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015
Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015
Programme des Ateliers Numériques du Pays de Bergerac - Printemps 2015
 
Google Mybusiness - automne2014 - Pays de Bergerac
Google Mybusiness - automne2014 - Pays de BergeracGoogle Mybusiness - automne2014 - Pays de Bergerac
Google Mybusiness - automne2014 - Pays de Bergerac
 
Générer une carte touristique pour son site web _Google maps 14
Générer une carte touristique pour son site web _Google maps 14Générer une carte touristique pour son site web _Google maps 14
Générer une carte touristique pour son site web _Google maps 14
 
Ateliers numériques Pays de Bergerac_automne2014
Ateliers numériques Pays de Bergerac_automne2014Ateliers numériques Pays de Bergerac_automne2014
Ateliers numériques Pays de Bergerac_automne2014
 
Plaquette ateliers ant_printemps2014_bergerac4
Plaquette ateliers ant_printemps2014_bergerac4Plaquette ateliers ant_printemps2014_bergerac4
Plaquette ateliers ant_printemps2014_bergerac4
 
2eme journée-etourisme-chiffres
2eme journée-etourisme-chiffres2eme journée-etourisme-chiffres
2eme journée-etourisme-chiffres
 
2eme journée-etourisme-bilan 2013
2eme journée-etourisme-bilan 20132eme journée-etourisme-bilan 2013
2eme journée-etourisme-bilan 2013
 
2eme journée-etourisme-actions 2014
2eme journée-etourisme-actions 20142eme journée-etourisme-actions 2014
2eme journée-etourisme-actions 2014
 
2eme journée-etourisme-manoir-du-grand-vignoble
2eme journée-etourisme-manoir-du-grand-vignoble2eme journée-etourisme-manoir-du-grand-vignoble
2eme journée-etourisme-manoir-du-grand-vignoble
 
Plaquette ateliers antBergerac_printemps2014-
Plaquette ateliers antBergerac_printemps2014-Plaquette ateliers antBergerac_printemps2014-
Plaquette ateliers antBergerac_printemps2014-
 
Emailing _ Ateliers Numériques du Pays de Bergerac
Emailing _ Ateliers Numériques du Pays de BergeracEmailing _ Ateliers Numériques du Pays de Bergerac
Emailing _ Ateliers Numériques du Pays de Bergerac
 

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

  • 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. QUELLE  EST  VOTRE  STRATÉGIE   WEB  ?     Quelques  quesCons  à  vous  poser   avant  de  foncer…     CréaCon  de  site  internet  
  • 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. 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.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. 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    
  • 11. 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     •     
  • 12. APRÈS  LA  THÉORIE,  LA  PRATIQUE  !     En  moins  de  2  mn,  votre  nouveau   site  web  sera  en  ligne!     CréaCon  de  site  internet  
  • 13. 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    
  • 14. 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/    
  • 15. 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  
  • 16. ETAPE  1   4.  Choisissez  votre  design  
  • 17. 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  »  
  • 18. 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)    
  • 19. ETAPE  3   LA  PERSONNALISATION  
  • 20. ETAPE  3   LA  PERSONNALISATION   Fenêtre  de  tchat  si   besoin  d  ‘aide  
  • 21. 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  
  • 22. L’ARBORESCENCE  DU  SITE     Une  étape  préalable  importante   mais  toujours  modifiable!     CréaCon  de  site  internet  
  • 23. 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.  
  • 24. 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.  
  • 25. LE  PARAMETRAGE  DU  SITE     Comment  uCliser  la  boîte  à  ouCls   de  Jimdo  ?     CréaCon  de  site  internet  
  • 26. 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/    
  • 27. COMMENT  AJOUTER  DU  CONTENU     Les  ouCls  à  connaître  !     CréaCon  de  site  internet  
  • 28. Ø    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    
  • 29. 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  
  • 30. 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  
  • 31. 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  
  • 32. 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)  
  • 33. 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.    
  • 34. 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  »  
  • 35. 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  !  
  • 36. 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.  
  • 37. AJOUTER  DES  CONTENUS  EXTERNES     Un  copier-­‐coller  suffit  !     CréaCon  de  site  internet  
  • 38. 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/    
  • 39. CRÉER  ET  INSERER  UN  WIDGET  POUR  LA  METEO   Ø   Rendez  vous  sur  www.meteorama.fr       Ø   Cliquez  sur    Météo  gratuite  pour  site  
  • 40. 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  
  • 41. 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    »  
  • 42. 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    
  • 43. 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  
  • 44. OPTIMISEZ  VOTRE  FOOTER     Un  bon  pied-­‐de-­‐page   =  Un  bon  référencement  !     CréaCon  de  site  internet  
  • 45. UTILISEZ  LES  RESEAUX  SOCIAUX   NE  PAS  CONFONDRE  !   Boutons  de  partage  sociaux     Bouton  J’aime  &  Like  Box  
  • 46. 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    
  • 47. POUR  ALLER  +  LOIN  AVEC  JIMDO     Voici  quelques  liens  qui  vous   permefront  de  parfaire  votre  site!     CréaCon  de  site  internet  
  • 48. Ø   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  
  • 49.   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  !!!