Office de Tourisme - Pays
de Gourdon
Atelier Numérique Etourisme

Création d’un
site internet
Lundi 25 Mars 2013
Cyber Bas...
Aujourd’hui …
 On se présente … Petit tour de table
 « L’avant » site ! Ce qu’il faut savoir
…
 La création en 3 étapes...
ANT : ???
Qui Cathy MABOUT
suis-je ?
Office de Tourisme Intercommunal du
Pays de Gourdon, Chargée de
l’Animation Numérique...
Blog ou Site Internet ?
Blog

Site basé sur la rédaction régulière
d’articles d’actualités, billets
d’humeur, interactivit...
Avant de commencer …
Se poser les bonnes questions !
Avant de parler « Technique », il faut parler de
contenus et de cible...
La Méthode …
Un stylo et un bloc note :

 Essayer de hiérarchiser
vos infos
 Lister tous vos contenus
 Les Regrouper en...
L’Arborescence …
C’est l’articulation des différentes pages entre elles
C’est une étape importante mais
toujours modifiabl...
Aujourd’hui …

Créer un site
internet facilement
Jimdo ? Mais c’est quoi …
Jimdo permet de créer et d'administrer un site web très
facilement

Les avantages :
- Pas besoin...
Les étapes …
Étape 1 : Créer un compte

Rendez-vous
sur :
www.jimdo.c
om
Saisissez le nom de
votre site
Saisissez votre
adresse mail
Ac...
Confirmation & Accès au site
Relevez
vos mails
Lien vers votre site
Votre mot de passe

Votre site
est en
ligne !
Il ne re...
Étape 2 : Connexion au site

Voici la
page
d’accueil
de votre
site.
Petite présentation …
Header : Bannière,
Bandeau, En tête
du site

Menu de
Navigation

Balader la
souris sur
la page,
sans...
C’est parti ! Personnalisation du
site

Navigation :
Création du Menu :
ajout de pages

Zoom
Ne pas oublier d’enregistrer
Personnalisation du site
Déplacer le
module vers le
haut ou vers le bas
Supprimer le
module

Ajout d’un Titre
dans une pag...
Le contenu : présentation des
outils
 Une page de site Jimdo est composée
d’une succession d’éléments.
 Chaque élément e...
Les outils de structuration
Les colonnes sont un nouvel outil très
pratique pour structurer la présentation de
votre page....
Les outils de texte
Les Titres permettent de structurer votre texte
(3 niveaux de titres)

• visuellement pour l’internaut...
Les outils de texte

Alignem
ent du
texte

Texte
Gras ou
Italique

Retrait
de
paragra
phe

Insertio
n de
puces
ou
numéro
s...
Les Images & Photos
« Image » et « Texte avec Image » permet très
facilement l’insertion d’une photo dans votre page
ou un...
Les outils « Jimdo »
« Téléchargement » offre aux internautes la
possibilité de télécharger des documents, par
exemple vot...
Les outils « Jimdo »
« Partager » pour insérer les boutons de partage
– Cela permet aux internautes de partager vos
infos ...
L’insertion de contenus externes
« Widget / HTML »
On utilisera de préférence cet outil pour intégrer à
notre site des con...
L’insertion d’une vidéo « You
Tube »
Rendez-vous sur
Youtube.com
ou depuis Google cliquez
sur YouTube
L’insertion d’une vidéo « You
Tube »
Cherchez la vidéo souhaitée

1 Cliquez sur « partager »

2 Cliquez sur « Intégrer »
1...
L’insertion d’un Widget « Météo »

1 Rendez-vous sur www.meteorama.fr et saisir votre comm

1

2 Cliquez sur « Météo gratu...
Insertion dans la Barre Latérale
Exemples d’insertion de modules dans la
barre latérale : Partage Réseaux
sociaux, Bouton ...
Insertion d’un Google Agenda !
Très pratique pour la gestion des
disponibilités !

Depuis Google connectez
vous à votre co...
Insertion d’un Google Agenda !
Cliquez sur la flèche à droite de
« Mes agendas »
puis sur « Créer un agenda »
Insertion d’un Google Agenda !

1 Nommez votre
agenda

3 Indiquez le lieu de votre
établissement

4 Cochez la case de
publ...
Insertion d’un Google Agenda !
Cliquez sur la flèche à droite de votre
agenda

Cliquez sur « Paramètres
de l’agenda »
Pers...
Insertion d’un Google Agenda !

Personnalisation de votre Agenda :
• Modification de la taille
• Choix du mode d’affichage...
Personnalisation du « Header » !
Maintenant, on refait une p’tite
BEAUTÉ à notre site !!!
Personnalisation du Header !
Passez votre souris sur la zone
d’entête de votre site, puis cliquez
sur
« Modifier le header...
Personnalisation du Header

On clique sur
« parcourir » pour
aller chercher notre
Personnalisation du Header

Motif :
Insertion
de motif

Modifier
le header
: changer
la taille :
hauteur et
largeur

Titre...
Le Menu « Administration »
Design

Style
Blog
Acheter
Paramè
tres
SEO Référencement

Stats
(achat)
Aide
Onglet « Design » - Mise en page
Onglet « Design »
Onglet « Style »

STYLE :
Ici on personnalise tout le
contenu du site
Police
Couleur
Fond
Texture
…
Onglet « Blog »
Jimdo vous donne la possibilité d’insérer un
« BLOG » à votre site internet !

Un BLOG doit être alimenté ...
Onglet « Achat »
Onglet « Paramètres »
Onglet « SEO »
Pour aller plus loin avec Jimdo !!!
Des mentions légales en bonne et due forme
http://www.subdelirium.com/generateur-de-me...
Les prochains Ateliers
Numériques
PETIT RAPPEL :

• Jeudi 04 Avril : Gérer les Avis Clients
(IMPORTANT)
• Lundi 08 Avril :...
Office de Tourisme - Pays
Bandeau de l’OT
de Gourdon
Merci de votre attention
Cathy Mabout
Office de Tourisme Intercommuna...
Prochain SlideShare
Chargement dans…5
×

Pays de Gourdon : Atelier Jimdo

4 436 vues

Publié le

Création d'un site avec Jimdo !

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

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

Aucune remarque pour cette diapositive

Pays de Gourdon : Atelier Jimdo

  1. 1. Office de Tourisme - Pays de Gourdon Atelier Numérique Etourisme Création d’un site internet Lundi 25 Mars 2013 Cyber Base Quercy Bouriane Gourdon
  2. 2. Aujourd’hui …  On se présente … Petit tour de table  « L’avant » site ! Ce qu’il faut savoir …  La création en 3 étapes … Créez, Personnalisez, Administrez Alors c’est parti !!!
  3. 3. ANT : ??? Qui Cathy MABOUT suis-je ? Office de Tourisme Intercommunal du Pays de Gourdon, Chargée de l’Animation Numérique de Territoire, et surtout pas webmaster, community manager, spécialiste du référencement, … ANT : en anglais ça veut dire Fourmi ! L’Animation Numérique de Territoire c’est … Une nouvelle mission pour les Offices de Tourisme : accompagner les professionnels du Tourisme dans le Etourisme Petit tour de table … Qui êtes vous ? Où en êtes vous de votre
  4. 4. Blog ou Site Internet ? Blog Site basé sur la rédaction régulière d’articles d’actualités, billets d’humeur, interactivité avec les lecteurs … Site Internet Le site procure beaucoup plus de liberté dans l’organisation des rubriques et des pages (un menu et des sous-menus). Il y a une réelle hiérarchisation de votre information Nous, aujourd’hui, on s’occupe de créer un Site Internet !!!
  5. 5. Avant de commencer … Se poser les bonnes questions ! Avant de parler « Technique », il faut parler de contenus et de cibles ! • À qui votre site s’adresse, • Pour répondre à quels besoins, • Avec quels outils et quels contenus ?
  6. 6. La Méthode … Un stylo et un bloc note :  Essayer de hiérarchiser vos infos  Lister tous vos contenus  Les Regrouper en catégories  Les Structurer
  7. 7. L’Arborescence … C’est l’articulation des différentes pages entre elles C’est une étape importante mais toujours modifiable Exemples d’arborescences pour sites touristiques
  8. 8. Aujourd’hui … Créer un site internet facilement
  9. 9. Jimdo ? Mais c’est quoi … Jimdo permet de créer et d'administrer un site web très facilement Les avantages : - Pas besoin de télécharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur. - Pas besoin de connaître des langages informatiques. - Plateforme intuitive d'utilisation, même pour les débutants - Nombre de page illimité - Un bon référencement naturel - Une version « Mobile » générée automatiquement - Version gratuite et version professionnelle payante (5€/mois)
  10. 10. Les étapes …
  11. 11. Étape 1 : Créer un compte Rendez-vous sur : www.jimdo.c om Saisissez le nom de votre site Saisissez votre adresse mail Acceptez les conditions Cliquez sur « Créer mon site gratuit »
  12. 12. Confirmation & Accès au site Relevez vos mails Lien vers votre site Votre mot de passe Votre site est en ligne ! Il ne reste plus qu’à le
  13. 13. Étape 2 : Connexion au site Voici la page d’accueil de votre site.
  14. 14. Petite présentation … Header : Bannière, Bandeau, En tête du site Menu de Navigation Balader la souris sur la page, sans cliquer … Barre latérale : est visible sur toutes les pages. On pourra y mettre différents modules comme « La Météo
  15. 15. C’est parti ! Personnalisation du site Navigation : Création du Menu : ajout de pages Zoom Ne pas oublier d’enregistrer
  16. 16. Personnalisation du site Déplacer le module vers le haut ou vers le bas Supprimer le module Ajout d’un Titre dans une page Dupliquer le module Ajouter un module Ajout d’un module : on a beaucoup de choix !!!
  17. 17. Le contenu : présentation des outils  Une page de site Jimdo est composée d’une succession d’éléments.  Chaque élément est indépendant  A tout moment vous pouvez modifier, déplacer ou supprimer un élément dans la page  Tout élément peut être dupliqué. (La duplication d’une page entière n’est disponible qu’en version pro)  Toutes les mises à jour se font instantanément dès que vous cliquez sur « Enregistrer »  Pour ajouter du contenu dans une nouvelle page, cliquez sur
  18. 18. Les outils de structuration Les colonnes sont un nouvel outil très pratique pour structurer la présentation de votre page. 2 colonnes sont insérées par défaut mais vous pouvez ajouter autant de colonnes que nécessaire. Ensuite chaque colonne s’utilise et s’alimente comme une page dans la page. Vous pouvez donc y ajouter autant d’éléments que vous souhaitez.
  19. 19. Les outils de texte Les Titres permettent de structurer votre texte (3 niveaux de titres) • 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’utilise de la même façon que les logiciels de traitement de texte type Word.
  20. 20. Les outils de texte Alignem ent du texte Texte Gras ou Italique Retrait de paragra phe Insertio n de puces ou numéro s Création ou suppress ion de liens * Annule ou restaur e l’action Permet d’accéder Couleur au code « html » du texte Insertion de texte brutde votre texte ou suppression de mise en forme (à utiliser impérativement pour les « copier-coller » !!!) * Création ou suppression de liens ① Pour créer un lien, sélectionnez le texte sur lequel vous souhaitez mettre 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 un autre site ou un e-mail)
  21. 21. Les Images & Photos « Image » et « Texte avec Image » permet très facilement l’insertion d’une photo dans votre page ou un Texte positionné par rapport à une photo. Vous pourrez gérer la taille de votre image, sa position dans la page, la rotation (si besoin), spécifier qu’elle soit agrandissable ou non, ajouter un texte alternatif et mettre un lien sur vos photos (très important pour chaque visuel !) La Galerie d’Images permet très simplement d’afficher une série de photos : soit en mode diaporama , soit
  22. 22. Les outils « Jimdo » « Téléchargement » offre aux internautes la possibilité de télécharger des documents, par exemple votre dépliant d’appel, au format Pdf (format à privilégier !) « Le Livre d’Or » offre aux internautes la possibilité de déposer leur avis ou leur expérience sur votre établissement. Cela ne remplace pas les liens vers les différents sites d’avis existants : Tripadvisor, Dismoioù, Google, … « Le Formulaire » permet la création d’un formulaire de contact et/ou de réservation « Flux RSS » vous permet de récupérer et d’intégrer à votre site un flux RSS issu d’un blog ou d’un autre site internet
  23. 23. Les outils « Jimdo » « Partager » pour insérer les boutons de partage – Cela permet aux internautes de partager vos infos avec leurs amis sur leurs réseaux sociaux. « Facebook » Bouton « J’aime » avec ou sans compteur, pour que les internautes signalent « qu’ils aiment » votre contenu sur leur compte Facebook « Twitter » pour faire remonter le fil d’actu de votre compte Twitter « Google + » Bouton « G+ » pour que les internautes signalent qu’ils aiment votre contenu sur le compte Google +
  24. 24. L’insertion de contenus externes « Widget / HTML » On utilisera de préférence cet outil pour intégrer à notre site des contenus hébergés par des plateformes telles Youtube, DailyMotion, Viméo, Flickr, Google, … HTML : il faut simplement « copier-coller » dans ce module, le code html de ce que vous souhaitez insérer dans votre page. Widget : Dans ce module, Jimdo vous en propose. Exemples de widgets : Météo, Google Maps, Google Agenda, dépôt d’avis Tripadvisor, Albums photos, Vidéos, …
  25. 25. L’insertion d’une vidéo « You Tube » Rendez-vous sur Youtube.com ou depuis Google cliquez sur YouTube
  26. 26. L’insertion d’une vidéo « You Tube » Cherchez la vidéo souhaitée 1 Cliquez sur « partager » 2 Cliquez sur « Intégrer » 1 2 3 Ajuster la taille de la vidéo 4 4 Copiez le code HTML et collez le dans le cadre du module « widget » sur votre site Jimdo. 3
  27. 27. L’insertion d’un Widget « Météo » 1 Rendez-vous sur www.meteorama.fr et saisir votre comm 1 2 Cliquez sur « Météo gratuit pour sit 2 3 Suivre les étapes du paramétrage de votre 3 widget et voyez à quoi il ressemble. Acceptez les conditions et cliquez sur « Générer le code (en bas à gauche) 4 Copiez le code HTML et collez le dans le cadre du module « widget » sur votre site Jimdo. 4
  28. 28. Insertion dans la Barre Latérale Exemples d’insertion de modules dans la barre latérale : Partage Réseaux sociaux, Bouton « j’aime » ou Météo On clique sur dans la barre latérale
  29. 29. Insertion d’un Google Agenda ! Très pratique pour la gestion des disponibilités ! Depuis Google connectez vous à votre compte ou créez en un puis … cliquez sur « Agenda »
  30. 30. Insertion d’un Google Agenda ! Cliquez sur la flèche à droite de « Mes agendas » puis sur « Créer un agenda »
  31. 31. Insertion d’un Google Agenda ! 1 Nommez votre agenda 3 Indiquez le lieu de votre établissement 4 Cochez la case de publication 5 Cliquez sur « Créer 2 Descriptif (facultatif)
  32. 32. Insertion d’un Google Agenda ! Cliquez sur la flèche à droite de votre agenda Cliquez sur « Paramètres de l’agenda » Personnalisez votre widget « Google agenda »
  33. 33. Insertion d’un Google Agenda ! Personnalisation de votre Agenda : • Modification de la taille • Choix du mode d’affichage • Choix des éléments d’affichage • Cochez les agendas que vous souhaitez insérer (1 widget / chambre ou 1 widget pour tous les agendas) • Cliquez sur « mettre à jour le code html », copiez le et collez le sur votre site Jimdo
  34. 34. Personnalisation du « Header » ! Maintenant, on refait une p’tite BEAUTÉ à notre site !!!
  35. 35. Personnalisation du Header ! Passez votre souris sur la zone d’entête de votre site, puis cliquez sur « Modifier le header »…
  36. 36. Personnalisation du Header On clique sur « parcourir » pour aller chercher notre
  37. 37. Personnalisation du Header Motif : Insertion de motif Modifier le header : changer la taille : hauteur et largeur Titre : modificati on du titre d’entête
  38. 38. Le Menu « Administration » Design Style Blog Acheter Paramè tres SEO Référencement Stats (achat) Aide
  39. 39. Onglet « Design » - Mise en page
  40. 40. Onglet « Design »
  41. 41. Onglet « Style » STYLE : Ici on personnalise tout le contenu du site Police Couleur Fond Texture …
  42. 42. Onglet « Blog » Jimdo vous donne la possibilité d’insérer un « BLOG » à votre site internet ! Un BLOG doit être alimenté quasi « QUOTIDIENNEMENT » Tenir compte du temps que cela prend avant de mettre en ligne !
  43. 43. Onglet « Achat »
  44. 44. Onglet « Paramètres »
  45. 45. Onglet « SEO »
  46. 46. Pour aller plus loin avec Jimdo !!! Des mentions légales en bonne et due forme http://www.subdelirium.com/generateur-de-mentions-legales/ Analyser la fréquentation de son site web avec Google Analytics http://fr.jimdo.com/wiki/Google_Analytics Créer un design professionnel pour son site http://fr.jimdo.com/outils/webdesign/ Trouver des bons tuyaux pour améliorer son site Jimdo http://communautefrancophone.jimdo.com/ http://realia.jimdo.com/ http://funnycat.jimdo.com/ Suivre l’actualité du e-tourisme http://www.etourisme.info
  47. 47. Les prochains Ateliers Numériques PETIT RAPPEL : • Jeudi 04 Avril : Gérer les Avis Clients (IMPORTANT) • Lundi 08 Avril : Internet de Séjour « La Mobilité » PENSEZ À VOUS INSCRIRE
  48. 48. Office de Tourisme - Pays Bandeau de l’OT de Gourdon Merci de votre attention Cathy Mabout Office de Tourisme Intercommunal du Pays de Gourdon Tel : 05 65 27 52 50 Mail : info@tourisme-gourdon.com Web : www.tourisme-gourdon.com Facebook : Pays de Gourdon Tourisme Twitter : Gourdon Tourisme Toute l’info Etourisme sur le centre de ressources : www.tourisme-lot-ressources.com Rubrique Etourisme

×