SlideShare une entreprise Scribd logo
LES ATELIERS NUMÉRIQUES


              Atelier n° 2

Comment créer soi-même un site web
                  avec

                                  1
Un site internet, pourquoi ?                                    2
      88 % DES FRANÇAIS UTILISENT INTERNET POUR PRÉPARER LEURS VACANCES.

                     82% des touristes comparent les prix sur internet

  1 personne sur 2 utilise internet pour se renseigner sur son lieu de vacances à travers:
                                     les photos (56 %)
                         les avis laissés par les voyageurs (51 %)




Source: www.etourisme.info
http://www.quotidiendutourisme.com
Les 5 règles d’or de la rédaction Web             3
      1. Hiérarchisez vos sites et paragraphes en F

     1. Une grande idée par paragraphe

     1. Illustrez vos propos

     1. Utilisez la ponctuation

     1. Utilisez des boutons de partage
Source:
http://blog.useweb.fr/2012
/01/10/les-5-regles-dor-de-
la-redaction-web/
Jimdo: qu’est-ce que c’est ?                     4
Jimdo est un « système de gestion de contenus », aussi appelé
CMS (Content Management System). C’est un système qui vous
permet de créer et gérer un site internet.
Mise en pratique avec Jimdo. Pourquoi Jimdo ?   5
Les avantages de Jimdo                                             6
   Pas besoin de télécharger de logiciel: tout se fait en ligne.
         Accessible depuis n'importe quel ordinateur.


                Version gratuite pour démarrer

    Version gratuite (ou version professionnelle payante)

                 Une grande choix de designs


     Très simple, même sans connaissance informatique


               Un bon référencement naturel

                         Version mobile
Etape 1: S’inscrire sur Jimdo                                            7
1. Rendez-vous sur: http://fr.jimdo.com/
2. Choisissez votre nom de domaine (le nom de votre site web), en version gratuite il terminera par
   .jimdo.com, pour utiliser votre nom de domaine il faudra une version payante



                              Inscrivez votre e-mail, vous y
                              recevrez la confirmation de la
                               création de votre site web et
                                un mot de passe provisoire


                              Acceptez les
                               conditions




    Cliquez sur « créer mon
         site gratuit »
Comment choisir son nom de domaine ?                                                              8
Si vous n´avez pas encore de nom de domaine personnel. Voici quelques conseils pour trouver un
nom qui vous convient :
Choisissez un nom pas trop court ni trop long qui doit refléter votre activité principale.
Faites en sorte qu´il soit facile à retenir spontanément par vos visiteurs
N´hésitez pas à utiliser des "-" afin d´éviter une succession de mots les uns à la suite des autres.
Les accents, points, tirets bas ou autres signes originaux ne peuvent pas être contenus dans un nom
de domaine Jimdo.
Comment savoir si le domaine est libre ou non ?
 Avant de commander le domaine, il est aussi essentiel de vérifier que ce dernier soit disponible (et non déjà
sous la propriété de quelqu´un). Pour cela, utiliser un site annuaire comme http://whois.domaintools.com/ ou
http://www.netissime.com/ .

1. Sur ce site, tapez le nom du domaine souhaité.
2. Si le nom souhaité est bien libre, vous pouvez le commander chez Jimdo.

Attention ! Plus rien n´est à faire sur ce site, car vous risquez de commander le domaine non pas
chez Jimdo mais chez un autre hébergeur.

 Source: http://fr.jimdo.com
Si j’ai déjà un nom de domaine ?                                         9
Si vous avez déjà l’hébergement et le nom de domaine et vous souhaitez faire
une refonte du site sur Jimdo.
Avec Jimdo, on peut lier des noms de domaines achetés ailleurs avec un pack JimdoPro ou
JimdoBusiness (versions payantes).

Rendez-vous ici:
http://aide.jimdo.com/nom-de-domaine/enregistrement/gestion-des-noms-de-domaine
Un domaine existant (donc vous êtes déjà propriétaire)
Dans ce cas, le message suivant s'affichera :




Ce lien vous permet de paramétrer la méthode de connexion de ce nom de domaine avec votre
site Jimdo.
Etape 1: S’inscrire sur Jimdo              10

                                               Mail de la part de Jimdo



   Votre site est maintenant en ligne
   Récupérez votre mot de passe
    provisoire dans votre messagerie.
    Celui-ci va vous permettre d’accéder
    à l’interface d’administration de
    votre site.
   Accédez à votre site en cliquant sur
    le lien dans le mail.
Etape 2:          11
MON SITE EST EN LIGNE:
 la personnalisation
La personnalisation                                    12
   Accédez à l’interface de l’administration de Jimdo en
    cliquant sur le lien « connexion » en bas à droite du site.
La personnalisation                                          13
                                                 BARRE
               La composition d’une page Jimdo
                                            D’ADMINISTRATION
LE HEADER
(en-tête de
 votre site)


 MENU DE
NAVIGATION
                             CORPS DE SITE
                              (contenu de
                             chaque page)
                                                               BARRE LATERALE
                                                               (reste identique sur
                                                                 toutes les pages)

  FOOTER
  (pied de                                                      Afficher vos
   page)                                                       modificatons en
                                                                 temps réel
Modifier l’en-tête   14




Passez la souris
sur l’en-tête et
  cliquez sur
  « modifier
   header ».
Modifier l’en-tête                                                   15
                                           LE MENU DU HEADER
Onglets:
 « Galerie » : vous pouvez sélectionner une image parmi la collection d’images Jimdo
 « Image personnelle » : vous pouvez télécharger votre propre image
Il est vivement conseillé d’insérer une image personnelle représentant votre activité. La taille vous est
précisée.
 « Motif »: à utiliser quand vous ne souhaitez pas mettre de photo dans le bandeau
 « Modifier le header » : pour changer la hauteur et la taille du bandeau
 « Titre » : Pour changer le nom de votre site
1
           Construction site web: Arborescence
                                                                                  6
                     CRÉEZ L’ARBORESCENCE DE VOTRE SITE

Comment voulez-vous structurer votre site ? Quels éléments doivent apparaître ?
L’information essentielle en premier. Mais ceci reste toujours modifiable !


                                           Passez votre souris sur
                                         « modifier navigation » et
                                               cliquez dessus
1
                      Construction site web: Arborescence
                                                                                               7
                                       CRÉEZ L’ARBORESCENCE DE VOTRE SITE

 La navigation est le «menu» de
votre site internet. C’est l'endroit
                                                                            Menu
où seront listées toutes vos pages.                                         principal
Il y a 3 niveaux de pages:
le menu principal, le sous-rubrique                                         Sous rubriques
et les articles simples.

Déplacez simplement votre souris
                                                                            Articles simples
sur le champ de la navigation et
cliquez sur «modifier navigation».
Lorsque vous aurez terminé vos
modifications, n’oubliez pas de
cliquer sur le bouton "Enregistrer",
de manière à ce que les
modifications deviennent visibles
pour vos visiteurs !
1
Construction site web: Arborescence
                                                                    8
            CRÉEZ L’ARBORESCENCE DE VOTRE SITE

Déplacer les pages                               Menu
dans l’arborescence
                                                 principal
Changer les pages de                             Sous rubriques
niveau dans l’arborescence

Ajouter une nouvelle                             Articles simples
page



Supprimer une page

                                                 Après modification,
                                                 cliquez sur
                                                 « enregistrer » et
Cacher une page
                                                 puis sur « fermer »
La barre d’administration Jimdo                                                               19
DESIGN: permet de modifier la forme et la structure de votre site Jimdo, sa mise en page... La
place des éléments (barre de navigation, sidebar), la taille et la forme de l'en-tête varient par
exemple selon le design choisi.

STYLE: vous pouvez gérer la mise en forme de la police des textes, des titres ou des liens en
quelques clics. Ce style sera adopté dans toutes les pages du site.

BLOG (si vous activez cette fonction): bâtissez votre propre Blog pour garder vos visiteurs
informés des nouveautés relatives à votre activité. Publiez des articles, laissez les visiteurs les
commenter, modifiez le style des titres et dates... tout est possible !

ACHETER: permet de passer aux versions supérieurs de Jimdo


PARAMETRES: pour gérer toutes les foncions importantes de votre site (nom de domaine,
référencement, mot de passe, etc.)

SEO (Search Engine Optimisation): permet l`optimisation (avec un titre, un descriptif et des mots-
clés) du référencement de votre site Jimdo pour les moteurs de recherche.

STATISTIQUES: permettent d'étudier sérieusement le comportement des visiteurs, la fréquence
des visites, le nombre de pages consultées, les pages préférées sur une période donnée. Pour
des statistiques plus détaillées, utilisez Google Analytics

AIDE: une zone regroupant les principales rubriques d'aide chez Jimdo, le forum Jimdo, un
formulaire pour nous envoyer un message et un regroupement des news Jimdo.
Ajouter du CONTENU   20
Un élément/contenu est
un module que vous
ajoutez à votre site : un
champ de texte, une
galerie d’images, un titre
de rubrique, un tableau,
etc.



Les éléments peuvent être
ajoutés de deux façons : en
cliquant sur le signe "+ " ou
bien en cliquant sur "+
Ajouter nouvel élément".
Dans les deux cas, une
fenêtre s'ouvre
immédiatement avec un
aperçu de tous les
éléments à votre
disposition.
Ajouter du CONTENU                                    21
             Pour bien organiser votre page
       Colonnes: En cliquant sur cet outil deux
       colonnes apparaissent, mais vous avez la
       possibilité d'en ajouter jusqu'à six en cliquant
       en bas à droit sur le signe "+". Chaque
       colonne s’utilise comme une page dans la
       page.
       Tableau: Le tableau vous permet de
       structurer votre contenu facilement et de
       présenter de façon claire des informations à
       vos visiteurs.
       Espacement: permet de créer une espace
       entre deux éléments.
       Séparation: Avec un trait de séparation, vous
       pouvez disposer vos informations de manière
       plus claire et structurée.
Ajouter du CONTENU                                              22
                    Pour ajouter du texte
       Titre: Afin de donner un rapide aperçu de votre
       contenu à vos visiteurs, vous pouvez créer trois
       niveaux de titre différents. Cela est particulièrement
       utile dans de très longs textes et vous permet de
       structurer votre contenu. Les numéros indiquent un
       ordre de priorité. Un "Titre 1" sera aussi considéré
       comme plus important qu´un "Titre 2" par les moteurs
       de recherche.
       Texte / Texte avec image : s’utilise de la même façon
       que les logiciels traitement de texte comme Word.
Ajouter du CONTENU                                        23
                  Pour ajouter des images
       La galerie d’images vous permet d’intégrer plusieurs
       photos dans un même bloc.
       Vous pouvez choisir le format en HTML ou bien
       en format flash.
       Galerie flash fait défiler un diaporama
       (paramétrable)
       Galerie HTML présente une mosaïque de toutes
       vos images.
Ajouter du CONTENU                                                             24
                  Pour utiliser les outils Jimdo
        Téléchargement: Avec l´élément "Téléchargement",
       vous pouvez proposer à vos visiteurs de télécharger
       facilement des fichiers sur votre site : images,
       documents Word, vidéos et musique.
       Formulaire: Vous pouvez insérer un formulaire de
       contact/de réservation où vous le souhaitez sur une
       page de votre site.
       Livre d’or: Pour permettre à vos visiteurs de laisser
       des commentaires sur votre site. Il est néanmoins
       conseillé de créer des liens vers les différents sites
       d’avis (Tripadvisor, Dismoioù, Zoover, Vinivi, etc.)
       Flux RSS: (Really Simple Syndication) est un format de description
       de données qui facilite la diffusion de fils d'informations, de façon
       automatisée, à l'intention des internautes, et qui favorise la
       syndication de contenus en permettant à d'autres sites de republier
       facilement tout ou partie de ces données.
       Sur votre site Jimdo, vous pouvez installer un
       module Flux RSS pour lire les fils d'activité RSS
       d'autres sites.
Ajouter du CONTENU externe                                 25
                            L’outil Widget
           Un widget est un outil interactif intégré dans une
           page web et provenant d’une autre plate forme web.


           Avec cet onglet, vous pourrez intégrer :

           -   des vidéos depuis youtube, animoto,
               dailymotion ou autre
           -   des e-brochures depuis calaméo,
           -   votre photothèque en ligne depuis picasa,
               flickr, panoramio…
           -   La météo
           -   Google Docs Dépôts d’avis Tripadvisor
Etape 2:        26
INTÉGER DES WIDGETS
Intégrer un widget Météo                     27
Rendez-vous sur: http://www.my-meteo.fr            Cliquez sur « Météo
                                                       Webmaster »
Intégrer un widget Météo                                  28
 Créez votre bloc météo personnalisé en
choisissant une ville, un format, les options et
les couleurs. Vous voyez en temps réel à quoi
ressemblera votre widget sur votre site.




                                N’oubliez pas
                                d’accepter les
                             conditions générales
                                 d’utilisation




                                     Puis générez le code HTML associé à vos paramètres et
                                     collez le et collez le dans l’élément Widget/HTML sur
                                     votre site.
Intégrer une vidéo   29
Rendez-vous sur: http://www.google.fr
Connectez vous à votre compte (ou créez votre compte).
Cliquez sur Youtube
Intégrer une vidéo    30
 Faites une recherche de vidéo avec l’aide de mots clés
  ou
 Cliquez sur ma chaîne pour les vidéos que vous avez
  mis en ligne
Intégrer une vidéo   31
 Cliquez sur partager

 Puis cliquez sur intégrer, paramétrez la taille
  de la vidéo, copiez le code html généré et
  collez le dans l’élément Widget/htl dans
  votre site Jimdo
Intégrer une carte Google Maps   32
 Rendez-vous sur www.google.fr
 Connectez-vous à votre compte ou créez en un
 Cliquez sur Maps
Intégrer une carte Google Maps   33
 Cliquez sur « mes adresses »

 Puis cliquez sur « créer une carte »
Intégrer une carte Google Maps   34




 Donnez un titre à votre carte et une
  description (facultatif)


 Cochez le statut « publique »


 Cliquez sur OK
Intégrer une carte Google Maps                           35
 Tapez le nom de votre établissement dans
  la barre recherche en haut pour le
  géolocaliser sur la carte




                                              CAS 1:
                                             Vous avez une Google Adresse:
                                             Cliquez sur « ajouter à mes cartes »
                                             et sélectionnez la carte que vient
                                             d’être créée.
Intégrer une carte Google Maps   36
 Tapez le nom de votre établissement
  dans la barre recherche en haut pour le
  géolocaliser sur la carte

 CAS 2:
Vous n’avez pas de Google Adresse:
• Cliquez sur modifier.
• Prenez la repère bleue et faites la glisser
   jusqu’à l’endroit sur la carte où se
   trouve votre établissement.
• Donnez un titre à votre repère
• Cliquez sur ok.
Intégrer une carte Google Maps                               37
Maintenant que votre carte est créée,        Ensuite, cliquez sur Personnaliser et
cliquez sur le chainon de lien hypertexte.   « prévisualiser la carte intégrée ».
Intégrer une carte Google Maps   38
 Personnalisez votre carte :
     •   La taille de votre widget
     •   Le mode d’affichage
     •   Le niveau du zoom
           Il est conseillé de faire 2 cartes,
           1. Une à l’échelle de la France,
           2. Une (plus zoomée) à l’échelle du
                 territoire ou de la commune
 Copiez le code html généré
 Collez le code dans l’élément widget/html
  sur votre site Jimdo
Intégrer des boutons de partage des réseaux sociaux 39
  Soit vous cliquez sur « partage » dans
   l’aperçu des contenus et vous choisissez les
   boutons que vous souhaitez intégrer.




 Soit vous vous rendez sur
  le site : www.addthis.com
 Connectez-vous (Sign in)
  avec votre compte
  Google, Facebook ou
  Twitter ou créez en un.
Intégrer des boutons de partage des réseaux sociaux 40
 Cliquez sur « get the code »

 Vous sélectionnez le style de
  barre que vous souhaitez
  insérer sur votre site

 Copiez le code html généré
  et collez le sur l’élément
  widget/html sur votre site
  Jimdo


Conseil:
Collez ce widget dans la
barre latérale de votre site
pour qu’il reste visible sur
toutes les pages.
Créer et insérer un calendrier de disponibilités   41
 Rendez-vous sur www.google.fr
 Connectez-vous à votre compte Google ou créez en un
 Cliquez sur Agenda
Créer et insérer un calendrier de disponibilités   42
 Cliquez sur la flèche à droite de « mes agendas »
 Cliquez sur « créer un agenda »
Créer et insérer un calendrier de disponibilités                                     43
                                                  Donnez un nom à votre agenda
                                                     (1 agenda par chambre)




               Description (facultatif)
                                                       Lieu de votre établissement




                       Cochez la case « rendre cet agenda public »




                              Puis, cliquez sur « créer l’agenda »
Créer et insérer un calendrier de disponibilités                     44
                                          2) Choisissez « paramètres de l’agenda »


                                          3) Personnalisez et créez votre widget,
                                           récupérez le code à coller dans votre
                                                         site Jimdo




1) Cliquez sur la flèche droite à
 côté du nom de votre agenda
Créer et insérer un calendrier de disponibilités                   45




              Personnalisez votre agenda:
               Modifiez la taille
               Choisissez le mode d’affichage
               Choisissez les éléments d’affichage
               Cochez les agendas que vous souhaitez
                 insérer (1 widget par chambre ou 1 widget
                 rassemblant tous les agendas des chambres)

               Cliquez sur mettre à jour le code HTML et copiez
                le code HTML. Collez le ensuite dans l’élément
                widget/html sur votre site Jimdo
Fin de l’atelier                                 46
Une communauté Jimdo est très dynamique sur le web et vous propose de nombreux
tutoriels pour aller encore plus loin avec votre site jimdo.

                                Quelques liens utiles:
                               http://realia.jimdo.com/
                     http://communautefrancophone.jimdo.com/
47
                 Merci de votre attention !!


Anouk Marchand Mooldijk
Office de Tourisme de Duravel
contact@duravel-tourisme.com
http://www.duravel-tourisme.com




                           Toute l’info Etourisme sur le centre de ressources :
                                  www.tourisme-lot-ressources.com
                                           Rubrique Etourisme

Contenu connexe

Tendances

Jimdo Tutoriel
Jimdo TutorielJimdo Tutoriel
Jimdo Tutoriel
Terre et Côte Basques
 
Créer son site_jimdo
Créer son site_jimdoCréer son site_jimdo
Créer son site_jimdo
Mélodie Ardèche-Olympique
 
Introduction blogger v5
Introduction blogger v5Introduction blogger v5
Introduction blogger v5
ejolicoeur
 
Atelier Jimdo
Atelier JimdoAtelier Jimdo
New guide blogger vd
New guide blogger vdNew guide blogger vd
New guide blogger vd
Sylvie Roth
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier Jimdo
Kate De Gourdon
 
Jimdo, c'est si facile de créer son propre site 2
Jimdo, c'est si facile de créer son propre site 2Jimdo, c'est si facile de créer son propre site 2
Jimdo, c'est si facile de créer son propre site 2
MPCB2B
 
Presentation Jimdo
Presentation JimdoPresentation Jimdo
Presentation Jimdo
Ludovic Dublanchet
 
Créer un site internet de qualité professionnelle
Créer un site internet de qualité professionnelleCréer un site internet de qualité professionnelle
Créer un site internet de qualité professionnelle
Orson
 
Procedurier_Blogger
Procedurier_BloggerProcedurier_Blogger
Procedurier_Blogger
UQAR
 
Anatomie et personnalisation du board Pinterest
Anatomie et personnalisation du board PinterestAnatomie et personnalisation du board Pinterest
Anatomie et personnalisation du board Pinterest
TomateJoyeuse
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
Voyelle Voyelle
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress
Erwan Tanguy
 
Formation wordpress
Formation wordpressFormation wordpress
Tutoriel : Personnaliser le pin sur Pinterest
Tutoriel : Personnaliser le pin sur PinterestTutoriel : Personnaliser le pin sur Pinterest
Tutoriel : Personnaliser le pin sur Pinterest
TomateJoyeuse
 
Wordpress – Nouveau Tableau De Bord
Wordpress – Nouveau Tableau De BordWordpress – Nouveau Tableau De Bord
Wordpress – Nouveau Tableau De Bord
Moiraud Jean-Paul
 
Facebook | Réussir le passage de votre fan-page à Timeline | Check-list
Facebook | Réussir le passage de votre fan-page à Timeline | Check-listFacebook | Réussir le passage de votre fan-page à Timeline | Check-list
Facebook | Réussir le passage de votre fan-page à Timeline | Check-list
Mickael Guillois
 
Facebook | nouvelle Timeline, le 30 mars 2012
Facebook | nouvelle Timeline, le 30 mars 2012Facebook | nouvelle Timeline, le 30 mars 2012
Facebook | nouvelle Timeline, le 30 mars 2012
Agence H
 
Scoop.it didacticiel 2
Scoop.it didacticiel 2Scoop.it didacticiel 2
Scoop.it didacticiel 2
gweiss8
 

Tendances (20)

Atelier jimdo 2 tcb
Atelier jimdo 2   tcbAtelier jimdo 2   tcb
Atelier jimdo 2 tcb
 
Jimdo Tutoriel
Jimdo TutorielJimdo Tutoriel
Jimdo Tutoriel
 
Créer son site_jimdo
Créer son site_jimdoCréer son site_jimdo
Créer son site_jimdo
 
Introduction blogger v5
Introduction blogger v5Introduction blogger v5
Introduction blogger v5
 
Atelier Jimdo
Atelier JimdoAtelier Jimdo
Atelier Jimdo
 
New guide blogger vd
New guide blogger vdNew guide blogger vd
New guide blogger vd
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier Jimdo
 
Jimdo, c'est si facile de créer son propre site 2
Jimdo, c'est si facile de créer son propre site 2Jimdo, c'est si facile de créer son propre site 2
Jimdo, c'est si facile de créer son propre site 2
 
Presentation Jimdo
Presentation JimdoPresentation Jimdo
Presentation Jimdo
 
Créer un site internet de qualité professionnelle
Créer un site internet de qualité professionnelleCréer un site internet de qualité professionnelle
Créer un site internet de qualité professionnelle
 
Procedurier_Blogger
Procedurier_BloggerProcedurier_Blogger
Procedurier_Blogger
 
Anatomie et personnalisation du board Pinterest
Anatomie et personnalisation du board PinterestAnatomie et personnalisation du board Pinterest
Anatomie et personnalisation du board Pinterest
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress
 
Formation wordpress
Formation wordpressFormation wordpress
Formation wordpress
 
Tutoriel : Personnaliser le pin sur Pinterest
Tutoriel : Personnaliser le pin sur PinterestTutoriel : Personnaliser le pin sur Pinterest
Tutoriel : Personnaliser le pin sur Pinterest
 
Wordpress – Nouveau Tableau De Bord
Wordpress – Nouveau Tableau De BordWordpress – Nouveau Tableau De Bord
Wordpress – Nouveau Tableau De Bord
 
Facebook | Réussir le passage de votre fan-page à Timeline | Check-list
Facebook | Réussir le passage de votre fan-page à Timeline | Check-listFacebook | Réussir le passage de votre fan-page à Timeline | Check-list
Facebook | Réussir le passage de votre fan-page à Timeline | Check-list
 
Facebook | nouvelle Timeline, le 30 mars 2012
Facebook | nouvelle Timeline, le 30 mars 2012Facebook | nouvelle Timeline, le 30 mars 2012
Facebook | nouvelle Timeline, le 30 mars 2012
 
Scoop.it didacticiel 2
Scoop.it didacticiel 2Scoop.it didacticiel 2
Scoop.it didacticiel 2
 

En vedette

Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
webschooltours
 
Capitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSCapitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSS
webschooltours
 
Conference référencement SEO webschool
Conference référencement SEO webschoolConference référencement SEO webschool
Conference référencement SEO webschool
webschooltours
 
Guide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet webGuide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet web
Jean-Francois Verville
 
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
MONA
 
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
Paris 7 mars  2 ateliers indispensables pour réussir sur internetParis 7 mars  2 ateliers indispensables pour réussir sur internet
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
Neocamino
 
Créer un site pour une collectivité locale
Créer un site pour une collectivité localeCréer un site pour une collectivité locale
Créer un site pour une collectivité locale
ardesi
 
Formation marketing la conversion web
Formation marketing la conversion webFormation marketing la conversion web
Formation marketing la conversion web
Powebco - Agence de marketing digital
 
Qu'est ce qu'un Blog
Qu'est ce qu'un BlogQu'est ce qu'un Blog
Qu'est ce qu'un Blog
ATPENSC-Group
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-web
Jean-Baptiste Plantin
 
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
 
Run in lyon
Run in lyonRun in lyon
Run in lyon
bemece69
 
Lernen Mit Social Software 2
Lernen Mit  Social  Software 2Lernen Mit  Social  Software 2
Lernen Mit Social Software 2
Kai Sostmann
 
Le festival des oranges
Le festival des orangesLe festival des oranges
Le festival des oranges
andreamoedo
 
Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)
Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)
Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)
co2online gem. GmbH
 

En vedette (20)

Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
 
Capitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSCapitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSS
 
Conference référencement SEO webschool
Conference référencement SEO webschoolConference référencement SEO webschool
Conference référencement SEO webschool
 
Guide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet webGuide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet web
 
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
 
Internet Web
Internet WebInternet Web
Internet Web
 
Projet web : lexique et notions
Projet web : lexique et notionsProjet web : lexique et notions
Projet web : lexique et notions
 
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
Paris 7 mars  2 ateliers indispensables pour réussir sur internetParis 7 mars  2 ateliers indispensables pour réussir sur internet
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
 
Créer un site pour une collectivité locale
Créer un site pour une collectivité localeCréer un site pour une collectivité locale
Créer un site pour une collectivité locale
 
Formation marketing la conversion web
Formation marketing la conversion webFormation marketing la conversion web
Formation marketing la conversion web
 
Cours e-marketing
Cours e-marketingCours e-marketing
Cours e-marketing
 
Qu'est ce qu'un Blog
Qu'est ce qu'un BlogQu'est ce qu'un Blog
Qu'est ce qu'un Blog
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-web
 
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...
 
Conference
Conference Conference
Conference
 
Maquettes et archis
Maquettes et archisMaquettes et archis
Maquettes et archis
 
Run in lyon
Run in lyonRun in lyon
Run in lyon
 
Lernen Mit Social Software 2
Lernen Mit  Social  Software 2Lernen Mit  Social  Software 2
Lernen Mit Social Software 2
 
Le festival des oranges
Le festival des orangesLe festival des oranges
Le festival des oranges
 
Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)
Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)
Klimaschutzmaßnahmen in der Kältetechnik (Dipl.-Ing. Thomas Bader, tebeg)
 

Similaire à Tutoriel comment créer site web avec Jimdo

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
 
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
 
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
 
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
OT Bocage Normand
 
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
 
Ant - atelier creation site internet v3 niveau1 2018
Ant - atelier creation site internet v3 niveau1 2018Ant - atelier creation site internet v3 niveau1 2018
Ant - atelier creation site internet v3 niveau1 2018
ChrisANT974
 
Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !
Xavier LAIR
 
Jimbo apresentação
Jimbo apresentaçãoJimbo apresentação
Jimbo apresentação
Isabel Silva
 
Animation Numérique de Territoire : Atelier jimdo
Animation Numérique de Territoire : Atelier jimdoAnimation Numérique de Territoire : Atelier jimdo
Animation Numérique de Territoire : Atelier jimdo
Kate De Gourdon
 
2014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 20152014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 2015
Terre et Côte Basques
 
Sophrologues.org - Manuel De Prise En Main Rapide
Sophrologues.org - Manuel De Prise En Main RapideSophrologues.org - Manuel De Prise En Main Rapide
Sophrologues.org - Manuel De Prise En Main Rapide
guest13e995
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri ville
Peggy Le Déaut ☂️
 
Comment creer une widgets page
Comment creer une widgets pageComment creer une widgets page
Comment creer une widgets page
MyTAGG
 
Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5
aelfkih
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
Com'3elles - www.com3elles.com
 
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
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
François Huynh
 
Atelier4: Je crée mon site Jimdo
Atelier4: Je crée mon site JimdoAtelier4: Je crée mon site Jimdo
Atelier4: Je crée mon site Jimdo
ot-grand-tourmalet
 

Similaire à Tutoriel comment créer site web avec Jimdo (20)

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
 
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
 
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...
 
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
 
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
 
Ant - atelier creation site internet v3 niveau1 2018
Ant - atelier creation site internet v3 niveau1 2018Ant - atelier creation site internet v3 niveau1 2018
Ant - atelier creation site internet v3 niveau1 2018
 
Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !
 
Jimbo apresentação
Jimbo apresentaçãoJimbo apresentação
Jimbo apresentação
 
Animation Numérique de Territoire : Atelier jimdo
Animation Numérique de Territoire : Atelier jimdoAnimation Numérique de Territoire : Atelier jimdo
Animation Numérique de Territoire : Atelier jimdo
 
2014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 20152014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 2015
 
Sophrologues.org - Manuel De Prise En Main Rapide
Sophrologues.org - Manuel De Prise En Main RapideSophrologues.org - Manuel De Prise En Main Rapide
Sophrologues.org - Manuel De Prise En Main Rapide
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri ville
 
Tutoriel Jimdo
Tutoriel Jimdo Tutoriel Jimdo
Tutoriel Jimdo
 
Guide internet
Guide internetGuide internet
Guide internet
 
Comment creer une widgets page
Comment creer une widgets pageComment creer une widgets page
Comment creer une widgets page
 
Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration 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
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
 
Atelier4: Je crée mon site Jimdo
Atelier4: Je crée mon site JimdoAtelier4: Je crée mon site Jimdo
Atelier4: Je crée mon site Jimdo
 

Plus de Anouk Marchand Mooldijk

Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...
Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...
Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...
Anouk Marchand Mooldijk
 
Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...
Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...
Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...
Anouk Marchand Mooldijk
 
création et animer sa page facebook
création et animer sa page facebookcréation et animer sa page facebook
création et animer sa page facebook
Anouk Marchand Mooldijk
 
Google adresse, Google+ Local
Google adresse, Google+ LocalGoogle adresse, Google+ Local
Google adresse, Google+ Local
Anouk Marchand Mooldijk
 
Ateliers numeriques Vallée du Lot et du Vignoble
Ateliers numeriques Vallée du Lot et du VignobleAteliers numeriques Vallée du Lot et du Vignoble
Ateliers numeriques Vallée du Lot et du Vignoble
Anouk Marchand Mooldijk
 

Plus de Anouk Marchand Mooldijk (6)

Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...
Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...
Ateliers Numeriques Office de Tourisme Vallée du Lot et du Vignoble Autmone H...
 
Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...
Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...
Ateliers numériques Office de Tourisme Vallée du Lot et du Vignoble printemps...
 
création et animer sa page facebook
création et animer sa page facebookcréation et animer sa page facebook
création et animer sa page facebook
 
Avisclients vlv
Avisclients vlvAvisclients vlv
Avisclients vlv
 
Google adresse, Google+ Local
Google adresse, Google+ LocalGoogle adresse, Google+ Local
Google adresse, Google+ Local
 
Ateliers numeriques Vallée du Lot et du Vignoble
Ateliers numeriques Vallée du Lot et du VignobleAteliers numeriques Vallée du Lot et du Vignoble
Ateliers numeriques Vallée du Lot et du Vignoble
 

Tutoriel comment créer site web avec Jimdo

  • 1. LES ATELIERS NUMÉRIQUES Atelier n° 2 Comment créer soi-même un site web avec 1
  • 2. Un site internet, pourquoi ? 2 88 % DES FRANÇAIS UTILISENT INTERNET POUR PRÉPARER LEURS VACANCES. 82% des touristes comparent les prix sur internet 1 personne sur 2 utilise internet pour se renseigner sur son lieu de vacances à travers:  les photos (56 %)  les avis laissés par les voyageurs (51 %) Source: www.etourisme.info http://www.quotidiendutourisme.com
  • 3. Les 5 règles d’or de la rédaction Web 3 1. Hiérarchisez vos sites et paragraphes en F 1. Une grande idée par paragraphe 1. Illustrez vos propos 1. Utilisez la ponctuation 1. Utilisez des boutons de partage Source: http://blog.useweb.fr/2012 /01/10/les-5-regles-dor-de- la-redaction-web/
  • 4. Jimdo: qu’est-ce que c’est ? 4 Jimdo est un « système de gestion de contenus », aussi appelé CMS (Content Management System). C’est un système qui vous permet de créer et gérer un site internet.
  • 5. Mise en pratique avec Jimdo. Pourquoi Jimdo ? 5
  • 6. Les avantages de Jimdo 6 Pas besoin de télécharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur. Version gratuite pour démarrer Version gratuite (ou version professionnelle payante) Une grande choix de designs Très simple, même sans connaissance informatique Un bon référencement naturel Version mobile
  • 7. Etape 1: S’inscrire sur Jimdo 7 1. Rendez-vous sur: http://fr.jimdo.com/ 2. Choisissez votre nom de domaine (le nom de votre site web), en version gratuite il terminera par .jimdo.com, pour utiliser votre nom de domaine il faudra une version payante Inscrivez votre e-mail, vous y recevrez la confirmation de la création de votre site web et un mot de passe provisoire Acceptez les conditions Cliquez sur « créer mon site gratuit »
  • 8. Comment choisir son nom de domaine ? 8 Si vous n´avez pas encore de nom de domaine personnel. Voici quelques conseils pour trouver un nom qui vous convient : Choisissez un nom pas trop court ni trop long qui doit refléter votre activité principale. Faites en sorte qu´il soit facile à retenir spontanément par vos visiteurs N´hésitez pas à utiliser des "-" afin d´éviter une succession de mots les uns à la suite des autres. Les accents, points, tirets bas ou autres signes originaux ne peuvent pas être contenus dans un nom de domaine Jimdo. Comment savoir si le domaine est libre ou non ? Avant de commander le domaine, il est aussi essentiel de vérifier que ce dernier soit disponible (et non déjà sous la propriété de quelqu´un). Pour cela, utiliser un site annuaire comme http://whois.domaintools.com/ ou http://www.netissime.com/ . 1. Sur ce site, tapez le nom du domaine souhaité. 2. Si le nom souhaité est bien libre, vous pouvez le commander chez Jimdo. Attention ! Plus rien n´est à faire sur ce site, car vous risquez de commander le domaine non pas chez Jimdo mais chez un autre hébergeur. Source: http://fr.jimdo.com
  • 9. Si j’ai déjà un nom de domaine ? 9 Si vous avez déjà l’hébergement et le nom de domaine et vous souhaitez faire une refonte du site sur Jimdo. Avec Jimdo, on peut lier des noms de domaines achetés ailleurs avec un pack JimdoPro ou JimdoBusiness (versions payantes). Rendez-vous ici: http://aide.jimdo.com/nom-de-domaine/enregistrement/gestion-des-noms-de-domaine Un domaine existant (donc vous êtes déjà propriétaire) Dans ce cas, le message suivant s'affichera : Ce lien vous permet de paramétrer la méthode de connexion de ce nom de domaine avec votre site Jimdo.
  • 10. Etape 1: S’inscrire sur Jimdo 10 Mail de la part de Jimdo  Votre site est maintenant en ligne  Récupérez votre mot de passe provisoire dans votre messagerie. Celui-ci va vous permettre d’accéder à l’interface d’administration de votre site.  Accédez à votre site en cliquant sur le lien dans le mail.
  • 11. Etape 2: 11 MON SITE EST EN LIGNE: la personnalisation
  • 12. La personnalisation 12  Accédez à l’interface de l’administration de Jimdo en cliquant sur le lien « connexion » en bas à droite du site.
  • 13. La personnalisation 13 BARRE La composition d’une page Jimdo D’ADMINISTRATION LE HEADER (en-tête de votre site) MENU DE NAVIGATION CORPS DE SITE (contenu de chaque page) BARRE LATERALE (reste identique sur toutes les pages) FOOTER (pied de Afficher vos page) modificatons en temps réel
  • 14. Modifier l’en-tête 14 Passez la souris sur l’en-tête et cliquez sur « modifier header ».
  • 15. Modifier l’en-tête 15 LE MENU DU HEADER Onglets:  « Galerie » : vous pouvez sélectionner une image parmi la collection d’images Jimdo  « Image personnelle » : vous pouvez télécharger votre propre image Il est vivement conseillé d’insérer une image personnelle représentant votre activité. La taille vous est précisée.  « Motif »: à utiliser quand vous ne souhaitez pas mettre de photo dans le bandeau  « Modifier le header » : pour changer la hauteur et la taille du bandeau  « Titre » : Pour changer le nom de votre site
  • 16. 1 Construction site web: Arborescence 6 CRÉEZ L’ARBORESCENCE DE VOTRE SITE Comment voulez-vous structurer votre site ? Quels éléments doivent apparaître ? L’information essentielle en premier. Mais ceci reste toujours modifiable ! Passez votre souris sur « modifier navigation » et cliquez dessus
  • 17. 1 Construction site web: Arborescence 7 CRÉEZ L’ARBORESCENCE DE VOTRE SITE La navigation est le «menu» de votre site internet. C’est l'endroit Menu où seront listées toutes vos pages. principal Il y a 3 niveaux de pages: le menu principal, le sous-rubrique Sous rubriques et les articles simples. Déplacez simplement votre souris Articles simples sur le champ de la navigation et cliquez sur «modifier navigation». Lorsque vous aurez terminé vos modifications, n’oubliez pas de cliquer sur le bouton "Enregistrer", de manière à ce que les modifications deviennent visibles pour vos visiteurs !
  • 18. 1 Construction site web: Arborescence 8 CRÉEZ L’ARBORESCENCE DE VOTRE SITE Déplacer les pages Menu dans l’arborescence principal Changer les pages de Sous rubriques niveau dans l’arborescence Ajouter une nouvelle Articles simples page Supprimer une page Après modification, cliquez sur « enregistrer » et Cacher une page puis sur « fermer »
  • 19. La barre d’administration Jimdo 19 DESIGN: permet de modifier la forme et la structure de votre site Jimdo, sa mise en page... La place des éléments (barre de navigation, sidebar), la taille et la forme de l'en-tête varient par exemple selon le design choisi. STYLE: vous pouvez gérer la mise en forme de la police des textes, des titres ou des liens en quelques clics. Ce style sera adopté dans toutes les pages du site. BLOG (si vous activez cette fonction): bâtissez votre propre Blog pour garder vos visiteurs informés des nouveautés relatives à votre activité. Publiez des articles, laissez les visiteurs les commenter, modifiez le style des titres et dates... tout est possible ! ACHETER: permet de passer aux versions supérieurs de Jimdo PARAMETRES: pour gérer toutes les foncions importantes de votre site (nom de domaine, référencement, mot de passe, etc.) SEO (Search Engine Optimisation): permet l`optimisation (avec un titre, un descriptif et des mots- clés) du référencement de votre site Jimdo pour les moteurs de recherche. STATISTIQUES: permettent d'étudier sérieusement le comportement des visiteurs, la fréquence des visites, le nombre de pages consultées, les pages préférées sur une période donnée. Pour des statistiques plus détaillées, utilisez Google Analytics AIDE: une zone regroupant les principales rubriques d'aide chez Jimdo, le forum Jimdo, un formulaire pour nous envoyer un message et un regroupement des news Jimdo.
  • 20. Ajouter du CONTENU 20 Un élément/contenu est un module que vous ajoutez à votre site : un champ de texte, une galerie d’images, un titre de rubrique, un tableau, etc. Les éléments peuvent être ajoutés de deux façons : en cliquant sur le signe "+ " ou bien en cliquant sur "+ Ajouter nouvel élément". Dans les deux cas, une fenêtre s'ouvre immédiatement avec un aperçu de tous les éléments à votre disposition.
  • 21. Ajouter du CONTENU 21 Pour bien organiser votre page Colonnes: En cliquant sur cet outil deux colonnes apparaissent, mais vous avez la possibilité d'en ajouter jusqu'à six en cliquant en bas à droit sur le signe "+". Chaque colonne s’utilise comme une page dans la page. Tableau: Le tableau vous permet de structurer votre contenu facilement et de présenter de façon claire des informations à vos visiteurs. Espacement: permet de créer une espace entre deux éléments. Séparation: Avec un trait de séparation, vous pouvez disposer vos informations de manière plus claire et structurée.
  • 22. Ajouter du CONTENU 22 Pour ajouter du texte Titre: Afin de donner un rapide aperçu de votre contenu à vos visiteurs, vous pouvez créer trois niveaux de titre différents. Cela est particulièrement utile dans de très longs textes et vous permet de structurer votre contenu. Les numéros indiquent un ordre de priorité. Un "Titre 1" sera aussi considéré comme plus important qu´un "Titre 2" par les moteurs de recherche. Texte / Texte avec image : s’utilise de la même façon que les logiciels traitement de texte comme Word.
  • 23. Ajouter du CONTENU 23 Pour ajouter des images La galerie d’images vous permet d’intégrer plusieurs photos dans un même bloc. Vous pouvez choisir le format en HTML ou bien en format flash. Galerie flash fait défiler un diaporama (paramétrable) Galerie HTML présente une mosaïque de toutes vos images.
  • 24. Ajouter du CONTENU 24 Pour utiliser les outils Jimdo Téléchargement: Avec l´élément "Téléchargement", vous pouvez proposer à vos visiteurs de télécharger facilement des fichiers sur votre site : images, documents Word, vidéos et musique. Formulaire: Vous pouvez insérer un formulaire de contact/de réservation où vous le souhaitez sur une page de votre site. Livre d’or: Pour permettre à vos visiteurs de laisser des commentaires sur votre site. Il est néanmoins conseillé de créer des liens vers les différents sites d’avis (Tripadvisor, Dismoioù, Zoover, Vinivi, etc.) Flux RSS: (Really Simple Syndication) est un format de description de données qui facilite la diffusion de fils d'informations, de façon automatisée, à l'intention des internautes, et qui favorise la syndication de contenus en permettant à d'autres sites de republier facilement tout ou partie de ces données. Sur votre site Jimdo, vous pouvez installer un module Flux RSS pour lire les fils d'activité RSS d'autres sites.
  • 25. Ajouter du CONTENU externe 25 L’outil Widget Un widget est un outil interactif intégré dans une page web et provenant d’une autre plate forme web. Avec cet onglet, vous pourrez intégrer : - des vidéos depuis youtube, animoto, dailymotion ou autre - des e-brochures depuis calaméo, - votre photothèque en ligne depuis picasa, flickr, panoramio… - La météo - Google Docs Dépôts d’avis Tripadvisor
  • 26. Etape 2: 26 INTÉGER DES WIDGETS
  • 27. Intégrer un widget Météo 27 Rendez-vous sur: http://www.my-meteo.fr Cliquez sur « Météo Webmaster »
  • 28. Intégrer un widget Météo 28 Créez votre bloc météo personnalisé en choisissant une ville, un format, les options et les couleurs. Vous voyez en temps réel à quoi ressemblera votre widget sur votre site. N’oubliez pas d’accepter les conditions générales d’utilisation Puis générez le code HTML associé à vos paramètres et collez le et collez le dans l’élément Widget/HTML sur votre site.
  • 29. Intégrer une vidéo 29 Rendez-vous sur: http://www.google.fr Connectez vous à votre compte (ou créez votre compte). Cliquez sur Youtube
  • 30. Intégrer une vidéo 30  Faites une recherche de vidéo avec l’aide de mots clés ou  Cliquez sur ma chaîne pour les vidéos que vous avez mis en ligne
  • 31. Intégrer une vidéo 31  Cliquez sur partager  Puis cliquez sur intégrer, paramétrez la taille de la vidéo, copiez le code html généré et collez le dans l’élément Widget/htl dans votre site Jimdo
  • 32. Intégrer une carte Google Maps 32  Rendez-vous sur www.google.fr  Connectez-vous à votre compte ou créez en un  Cliquez sur Maps
  • 33. Intégrer une carte Google Maps 33  Cliquez sur « mes adresses »  Puis cliquez sur « créer une carte »
  • 34. Intégrer une carte Google Maps 34  Donnez un titre à votre carte et une description (facultatif)  Cochez le statut « publique »  Cliquez sur OK
  • 35. Intégrer une carte Google Maps 35  Tapez le nom de votre établissement dans la barre recherche en haut pour le géolocaliser sur la carte  CAS 1: Vous avez une Google Adresse: Cliquez sur « ajouter à mes cartes » et sélectionnez la carte que vient d’être créée.
  • 36. Intégrer une carte Google Maps 36  Tapez le nom de votre établissement dans la barre recherche en haut pour le géolocaliser sur la carte  CAS 2: Vous n’avez pas de Google Adresse: • Cliquez sur modifier. • Prenez la repère bleue et faites la glisser jusqu’à l’endroit sur la carte où se trouve votre établissement. • Donnez un titre à votre repère • Cliquez sur ok.
  • 37. Intégrer une carte Google Maps 37 Maintenant que votre carte est créée, Ensuite, cliquez sur Personnaliser et cliquez sur le chainon de lien hypertexte. « prévisualiser la carte intégrée ».
  • 38. Intégrer une carte Google Maps 38  Personnalisez votre carte : • La taille de votre widget • Le mode d’affichage • Le niveau du zoom Il est conseillé de faire 2 cartes, 1. Une à l’échelle de la France, 2. Une (plus zoomée) à l’échelle du territoire ou de la commune  Copiez le code html généré  Collez le code dans l’élément widget/html sur votre site Jimdo
  • 39. Intégrer des boutons de partage des réseaux sociaux 39  Soit vous cliquez sur « partage » dans l’aperçu des contenus et vous choisissez les boutons que vous souhaitez intégrer.  Soit vous vous rendez sur le site : www.addthis.com  Connectez-vous (Sign in) avec votre compte Google, Facebook ou Twitter ou créez en un.
  • 40. Intégrer des boutons de partage des réseaux sociaux 40  Cliquez sur « get the code »  Vous sélectionnez le style de barre que vous souhaitez insérer sur votre site  Copiez le code html généré et collez le sur l’élément widget/html sur votre site Jimdo Conseil: Collez ce widget dans la barre latérale de votre site pour qu’il reste visible sur toutes les pages.
  • 41. Créer et insérer un calendrier de disponibilités 41  Rendez-vous sur www.google.fr  Connectez-vous à votre compte Google ou créez en un  Cliquez sur Agenda
  • 42. Créer et insérer un calendrier de disponibilités 42  Cliquez sur la flèche à droite de « mes agendas »  Cliquez sur « créer un agenda »
  • 43. Créer et insérer un calendrier de disponibilités 43 Donnez un nom à votre agenda (1 agenda par chambre) Description (facultatif) Lieu de votre établissement Cochez la case « rendre cet agenda public » Puis, cliquez sur « créer l’agenda »
  • 44. Créer et insérer un calendrier de disponibilités 44 2) Choisissez « paramètres de l’agenda » 3) Personnalisez et créez votre widget, récupérez le code à coller dans votre site Jimdo 1) Cliquez sur la flèche droite à côté du nom de votre agenda
  • 45. Créer et insérer un calendrier de disponibilités 45 Personnalisez votre agenda:  Modifiez la taille  Choisissez le mode d’affichage  Choisissez les éléments d’affichage  Cochez les agendas que vous souhaitez insérer (1 widget par chambre ou 1 widget rassemblant tous les agendas des chambres)  Cliquez sur mettre à jour le code HTML et copiez le code HTML. Collez le ensuite dans l’élément widget/html sur votre site Jimdo
  • 46. Fin de l’atelier 46 Une communauté Jimdo est très dynamique sur le web et vous propose de nombreux tutoriels pour aller encore plus loin avec votre site jimdo. Quelques liens utiles: http://realia.jimdo.com/ http://communautefrancophone.jimdo.com/
  • 47. 47 Merci de votre attention !! Anouk Marchand Mooldijk Office de Tourisme de Duravel contact@duravel-tourisme.com http://www.duravel-tourisme.com Toute l’info Etourisme sur le centre de ressources : www.tourisme-lot-ressources.com Rubrique Etourisme