SlideShare una empresa de Scribd logo
1 de 184
Descargar para leer sin conexión
CRÉER UN SITE INTERNET OU UN
BLOG : I’M JUST A BRICOLO…

Office de Tourisme du Pays des sources de la Loire
Atelier du 4 février 2013
           Animateurs numériques du territoire :
           Séverine Alix; Lévy Anthérion, Emilie Cros
           Accompagnement numérique : Laureline
           Fusade
INTRODUCTION PAR LÉVY
ANTHÉRION ANIMATEUR
NUMÉRIQUE DE L’OFFICE DE
TOURISME DES BOUTIÈRES
Atelier du 4 février 2013
1.1Les différentes étapes
1.2 La plannification
           stratégique


Analyser les Besoins du client, l’ impact
éventuel sur internet pour obtenir un
site internet en adéquation avec la
demande.
1.3 Un site internet dans le
          tourisme
2. Les tendances de la
       demande
2.1 Le tourisme en ligne de
            mire
2.2 La place des Tablettes
2.3 La place des
   Smartphones


La démocratisation du smartphone : +
44% d’augmentation de nombre de
smartphones en circulation entre 2010 et
2011.
LES GRANDES LIGNES DE LA
CRÉATION D’UN SITE INTERNET
Atelier du 4 février 2013,
Présentation Alix Séverine
LES GRANDE LIGNES

•Objectifs de votre site
•Cibles de votre site
•Arborescence
(le squelette du site)
DÉFINITION DES OBJECTIFS
 Savoir traduire comprendre les besoins du client
 Environnement internet : les impacts

 Un site internet adéquat au projet internet

 Produire un cahier des charges
LE CAHIER DES CHARGES
 Etape incontournable
 Votre entreprise : quel contexte? Quel site pour
  quelle stratégie d’entreprise? Quelles cibles?
 Quelles contraintes techniques et
  organisationnelles?
 Quels contenus, rubriques, plan de site?
 Quelles ressources disponibles (photos, vidéos,
  textes…) ?
 Quel budget disponible?
 Établir une grille d’évaluation pour le choix d’un
  prestataire si vous souhaiter passer par une
  agence
CAHIER DES CHARGES SITE WEB

 Le cahier des charges d’un site web décrit votre
  projet de création ou de refonte de votre site
  web.
 En interne un cahier des charges vous aidera à
  savoir comment construire votre site internet
  selon les objectifs fixés
 C’est un document contractuel entre l’entreprise
  (maître d’ouvrage) et le prestataire qui va
  réaliser le développement, les maquettes, la mise
  en ligne du site, etc. encore appelé le maître
  d’œuvre.
PROPOSITIONS DE SOMMAIRE
D’UN CAHIER DES CHARGES

    1 Présentation
    1.1 Vos interlocuteurs
    1.2 Date de remise des offres
   2 Description global du projet
    2.1 Objectif du site internet
    2.2 Internautes visés
    2.3 Vos concurrents sur le web
   3 Spécifications fonctionnelles et techniques
    3.1 Contenu
    3.2 Déroulé fonctionnel
    3.3 Webdesign
    3.4 Technologie déployée                Sources :
    3.5 Administration du site              http://www.infocahierdescharges.com
    3.6 Maintenance
    3.7 Statistiques
    3.8 Référencement
    3.9 Nom de domaine
   4 Livrables et attendus
    4.1 Planning
    4.2 Liste des pièces à livrer par le prestataire
    4.3 Droits d’auteur
PROPOSITIONS DE SOMMAIRE
D’UN CAHIER DES CHARGES



                   Voici le lien pour la totalité du
                   cahier des charges :
                   http://www.grafimages.com/downl
                   oads/cdc-modele.pdf
                   Voir aussi :
                   http://www.123presta.com/redacti
                   on-du-cahier-des-charges-
                   introduction.html
AUTRE PRÉSENTATION EN LIGNE POUR LA
CRÉATION D’UN CAHIER DES CHARGES

                                                       Sources Cahier
                                                       des charges
                                                       modèle gratuit -
                                                       préparez votre
                                                       projet web
                                                       facilement !
                                                       de Valls y
                                                       Machinant David :
                                                       Auteur www.en-
                                                       haut.be mis en
                                                       ligne le 28 juin
                                                       2012



http://fr.slideshare.net/VallsyMachinantDavid/cahier-des-
chargesmodlesgratuitprojetsiteinternet
LA MISE EN FORME DU PROJET
  La conception :
 Répartition du contenu, de l’arborescence

 Fonctionnalité de chaque page

 Charte fonctionnelle de chaque page

 Navigation



  La création graphique
 Orientations graphiques

 Déclinaisons

 Proposition de maquette
LES MOMENTS CLÉS
 L’intégration des pages :
 Préparation et réalisation des éléments
  graphiques
 Mise au format HTML, optimisation

 Enrichissement éventuel (javascript, animation,
  vidéo, carte interactive)
 Utilisation de feuille de style.

 Les développements informatiques : liés
  notamment aux bases de données (formulaires,
  stockage, interactions entre les pages).
 Sécurisation
MINDMEISTER POUR PRÉPARER
VOTRE ARBORESCENCE
MINDMEISTER : 3 CARTES POSSIBLE EN
GRATUIT EX : MY FIRST MIND MAP
MINDMEISTER : EX SWOT ANALYS
(STRENGTHS (FORCES), WEAKNESSES (FAIBLESSES), OPPORTUNITIES (
OPPORTUNITÉS),   THREATS(MENACES).




      A savoir les modèles peuvent être
      titrés et légendés selon vos besoins
MINDMEISTER : DES MAPS (CARTES)
DIFFÉRENTES SELON VOS BESOINS
MINDMEISTER : UNE FOIS LE MODÈLE CHOISI,
UN CLIC ET VOILA VOTRE SUPPORT CRÉÉ, À
VOUS DE JOUER
MINDMEISTER : WEBSITE PLANNING
PLANIFICATION SITE WEB
MINDMEISTER : WEBSITE ANALYSIS (MODÈLE
D’ARBORESCENCE POUR DIAGNOSTIC DE SITE)
EXEMPLE :
MINDMEISTER : AUTRES EXEMPLES DE
MODÈLES D’ARBORESCENCE…..
UNE IDÉE / UNE RÉUNION AVEC UN
WEBMASTER… UN BRAINSTORMING
UNE PROCÉDURE :
PROJECT MANAGEMENT PROCESS
WRITE A BLOG POST
DÉFINIR L’ARBORESCENCE
DE MON SITE
CRÉER UNE CARTE

                  Ce lien peut vous
                  être utile, mais sur
                  recommandation de
                  l’organisme de
                  formation Touristic :
                  l'interface de Google
                  Fusion a récemment
                  changé, et toutes les
                  fonctionnalités ne
                  sont pas forcément
                  au même endroit...
                  A voir aussi dans la
                  présentation Jimdo
                  comment se créer un
                  carte
VOS MENTION LÉGALES
   "Mentions légales" de site... voilà un outil pour
    les générer automatiquement
    : http://www.subdelirium.com/generateur-de-
    mentions-legales/
MENTIONS LÉGALES
RÉFÉRENCEMENT ET PROMOTION
 Stratégie de référencement : (voir présentation de
  l’atelier du 4 février 2013 matin)
 Définition des objectifs
 Etude environnementale
 Définitions des mots clés et des solutions techniques
 Les moments clés :
  Mise en œuvre : optimisation, validation et mise en
  ligne, inscription sur les annuaires et moteurs de
  recherche
  Suivi du référencement : suivi des inscriptions,
  vérification des résultats, (analyse statistique,
  reporting ou suivi régulier du référencement sur la
  base des mots clefs) , optimisation corrective
HÉBERGEMENT : POUR UNE EFFICACITÉ
OPTIMALE DU SITE.

 Un hébergeur est un prestataire capable de
  fournir :
 Un serveur permettant le stockage du site
 La connexion internet performante permettant
  l’accès au site
  Technique :
 Serveur dédié : totalement dédié à votre site
 Serveur mutualisé : partagé entre plusieurs sites
 Critère de choix : sécurité, bande passante.
 Sécurité : présence d’un firewall, sécurisation
  physique des locaux, sauvegarde avec copies
  régulières
SHÉMA (SOURCE : BLOG.KABIA.FR)
HÉBERGEMENT : TECHNIQUE
 Logiciels installés sur le serveur Système
  d’exploitation, serveur Web, serveur de base de
  données
 Modules optionnels : paiement, cryptage, gestion
  de contenus
HÉBERGEMENT CHEZ OVH, PAR EX.
HÉBERGEMENT CHEZ OVH, PAR EX.
SERVICE ET COÛTS
 Interlocuteur technique
 Disponibilité et délai d’intervention

 Dépôt de nom de domaine

 Surveillance du serveur (crash, attaque…)

 Statistiques



 Coût très variable entre serveur dédié et serveur
  mutualisé
 Mais il faut mieux éviter le gratuit (publicité
  performance, pas de nom de domaine)
ET SI JE FAISAIS APPEL
À UN PRESTATAIRE POUR MON SITE               ?
   Une réunion de démarrage

   Le positionnement par mots clés

   Prestataire = force de propositions pour les
    technologies retenues

   Répartition des tâches
BIEN CHOISIR SON PRESTATAIRE
   Evaluer l’adéquation des réponses avec vos besoins à l’aide
    d’une grille
   Tarifs
   La Géographie
   Technologies retenues
   Les références
   Pour réussir : lister les besoins et objectifs, définir une
    enveloppe budgétaire, affecter une personne au projet.
   Si possible choisir un prestataire ayant une expérience
    dans le domaine
   Ne pas s’adresser à plus de 3 ou 4 prestataires
   Contractualiser la relation avec le prestataire
   Une fois le site terminé en faire la promotion on-line et off
    line
   Aspect juridique : s’inscrire à la CNIL
QUE PEUT ON ATTENDRE
DU PRESTATAIRE ?

 Des objectifs réalistes
 Une de moyen conformément aux objectifs visés

 Une transparence sur les résultats et techniques
  utilisées
 Un reporting régulier

 Le positionnement s’apprécie dans la durée > de
  2 à 6 mois
CAHIER DE SPÉCIFICATIONS
TECHNIQUES

 Complète le cahier des charges
 Recense les différentes technologies, leur version,
  leur mise en place
 Très utile dans le cas où le site internet est
  transféré à un autre prestataire
 Permet de justifier le tarif demandé.
COMBIEN ÇA COÛTE
   Le prestataire vous annonce un prix forfaitaire
    auquel il doit se tenir
   Sauf si changement de périmètre à la demande du
    client
   Prix généralement fixés selon le temps estimé
    nécessaire à la réalisation du projet soit 300€/la
    journée.
   Critères :
    Nombre de langues, type de site
    Objectif de positionnement
    Environnement concurrentiel
    Qualité de suivi
   Fourchette de coût pour générer du trafic
    (référencement promotion) : de 500€ jusqu’à 3000 à
    4000€ par an .
MERCI DE VOTRE ÉCOUTE.

 Vous pouvez aussi trouver des informations sur
  l’espace pro de l’Agence touristique de l’Ardèche :
 http://prezi.com/gva6vgl50bgb/copy-of-untitled-
  prezi/ par patrick leblanc le 27 Novembre 2012

   A voir également les tutoriels suivants sur
    Wordpress et Jimdo
SOLUTION INTERNET POUR LE PROFESSIONNEL
DU TOURISME TOURISTIC (ÉGALEMENT ORGANISME DE
FORMATION   ANIMATEUR NUMÉRIQUE DU TERRITOIRE) :




                     webmaster@touristic.fr
                     https://www.facebook.com/touristic.etourisme
                     Google Adresse
WORDPRESS
Créez facilement votre site ou blog
présenté par Laureline Fusade
Office de Tourisme du Pays des sources de la
Loire. 4 février 2012
ALLEZ SUR FR.WORDPRESS.COM ET CLIQUEZ
SUR LE GROS BOUTON BLEU
« INSCRIPTION »
CHOISISSEZ UN NOM POUR VOTRE SITE/BLOG ET
CHOISISSEZ LA SOLUTION GRATUITE (LES SOLUTIONS
PAYANTES OFFRENT PLUS D’ESPACE DE STOCKAGE, PLUS
DE PERSONNALISATION POUR L’APPARENCE DU SITE…ETC)
APRÈS VALIDATION DE SON ADRESSE MAIL,
ON ARRIVE SUR LE « TABLEAU DE BORD » DU
BLOG NOUVELLEMENT CRÉÉ
DANS LE MENU DE GAUCHE, DES DIZAINES DE
CHOIX SONT POSSIBLES, VOUS POUVEZ
VÉRIFIER LES STATISTIQUES DE VOTRE
BLOG…
SURVOLER ET MODIFIER TOUS LES
ARTICLES DE VOTRE BLOG
GÉRER LES CATÉGORIES DANS
LESQUELLES SONT CLASSÉS VOS ARTICLES
GÉRER LES TAGS (MOTS-CLÉS) INDEXANT
VOS ARTICLES
CRÉER DES « PAGES » (DIFFÉRENTES DES
« ARTICLES »)
LES PAGES PERMETTENT D’AFFICHER UN
CONTENU PLUS STATIQUE, PLUS INTEMPOREL.
PAR EXEMPLE, LA PAGE « CONTACT » PERMETTRA
D’AJOUTER UN ONGLET EN EN-TÊTE INDIQUANT
NOS COORDONNÉES.
CHANGER LES THÈMES
(L’APPARENCE) DU BLOG
AJOUTER DES WIDGETS (DES APPLICATION GADGETS
QUI PEUVENT ÊTRE AJOUTÉES DANS LE MENU SUR LE
CÔTÉ (SIDEBAR) COMME UN CALENDRIER…ETC)
PERSONNALISER SON EN-TÊTE EN Y
AJOUTANT UNE PHOTO
Créer un site internet ou un blog
INVITER D’AUTRES GENS À PUBLIER SUR
VOTRE BLOG
FAIRE LES RÉGLAGES GÉNÉRAUX
ÉCRIRE UN PREMIER ARTICLE SUR SON
BLOG
AVOIR UN APERÇU
SE DIRE QU’ON Y AJOUTERAIT BIEN UNE
IMAGE
PUBLIER SON 1ER ARTICLE
L’EXEMPLE DU SITE DE L’OFFICE DE
TOURISME DES BOUTIÈRES
PRÉSENTÉ PAR LÉVY ANTHÉRION
Atelier du 4 février 2013
Voici quelques impressions écrans du site
présenté
L’EXEMPLE DU SITE DE L’OFFICE DE
TOURISME DES BOUTIÈRES
             Un site en WEB RESPONSIVE DESIGN


            Aperçu du site format écran PC ou portable
VERSION SMARTPHONE ET TABLETTE :




La photo de la chapelle de Soutron se réduit en format tablette et le
texte de bienvenue n’apparait plus. La même photo disparait pour
paraître en version mobile.
AU MENU…




 Des rubriques Découvrir, Activités,
 hébergements, restauration,
 festivités, une partie blog, un accès à
 un formulaire de contact, un lien
 vers Twitter et facebook, un flux
 RSS.
QUELQUES WIDGETS À DROITE DE
L’ÉCRAN :



                L’abonnement à la newsletter, le partage
                sur les réseaux sociaux, la météo
QUELQUES WIDGETS À DROITE DE
L’ÉCRAN :



                Mais aussi le widget SITRA (base de
                données régionales) des évènements
LE PIED DE PAGE REPREND
LES RUBRIQUES DU SOMMAIRE
LA RUBRIQUE DÉCOUVRIR :
      Volonté de mettre en avant le secteur des Boutières
      et la vallée du bijou avec du contenu photos, vidéos…
RUBRIQUE ACTIVITÉS :
RANDONNÉE…MAIS AUSSI …




Volonté de mettre en avant la randonnée avec les
principales autres activités du secteur.
LA RUBRIQUE HÉBERGEMENTS
LA RUBRIQUE RESTAURATION :




              A partir de cette page on retrouve les
              restaurants, l’artisanat et les produits du
              teroir, les commerces
LA RUBRIQUE AGENDA DES FESTIVITÉS




Cette page renvoie sur l’agenda d’Ardèche Plein Cœur téléchargeable
en format pdf et sur une extraction des évènements du territoire de
compétence de l’office de tourisme depuis la base de donnée SITRA
UN BLOG EST RATTACHÉ AU SITE AVEC
DES ARTICLES
UN EXEMPLE D’ARTICLE DU BLOG.
COMMENTER UN ARTICLE SUR LE BLOG
LA RUBRIQUE CONTACT
LA RUBRIQUE CONTACT, SUITE…
Atelier du 4 février 2013
Présentation de Séverine Alix le 4 février
POURQUOI CHOISIR JIMDO
 Pas besoin de connaissances en Html
 Autonomie totale sur la création et la mise à jour
  du site
 Pas de logiciel à installer : tout est en ligne

 Démarrage en version gratuite

 Nombre de pages illimité

 Fonction blog

 Version mobile du site générée automatiquement

 Une communauté active pour vous aider
POURQUOI CHOISIR JIMDO
Un coup de main??? http://communautefrancophone.jimdo.com/
COMMENT CRÉER UN SITE INTERNET




   http://fr.jimdo.com/comment-cr%C3%A9er-un-site-
   internet/
CRÉER SON SITE JIMDO
   1. Rendez-vous sur la page d'accueil du site
    Jimdo

   C'est là que vous allez pouvoir vous inscrire. À noter :
   l'inscription est totalement gratuite et vous pourrez
    décider de passer à une version payante si vous le
    souhaitez, quand vous le souhaitez : aucune
    obligation ou limitation d'utilisation dans le temps.
   Choisissez une adresse email dont vous êtes sûr de
    garder l'accès sur le long terme : ce sera votre adresse
    de contact pour Jimdo et pour récupérer vos données
    d'accès une fois votre site créé.
CRÉER SON SITE JIMDO
 2. Choisir son nom de "sous-domaine" Jimdo
 Un "sous-domaine" Jimdo c'est en fait un
  domaine gratuit hébergé sur notre domaine
  principal jimdo.com. Vous pouvez le
  personnaliser comme vous le souhaitez !
 Attention : le nombre et le type des caractères
  utilisables est cependant limité.


   3. Entrez votre adresse email : votre site est
    prêt, déjà en ligne. Et vous recevez un email
    vous donnant vos données d'accès.
CRÉER SON SITE JIMDO
 Afin de vous aider à savoir comment faire un site
  Internet et commencer à créer votre site
  facilement, ils vous proposent :
 Un guide lors de votre première connexion au
  mode administrateur de votre site : 5 étapes
  comment commencer à modifier votre design et
  contenu.
 Une série d'email d'aide "premiers pas" que vous
  recevrez chaque jour après votre inscription :
  vraiment pratique pour les débutants
 Une question ? Contactez-les via le formulaire de
  contact
CRÉATION DE VOTRE SITE WEB




 Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme n°1 Cœur de B
COMMENT COMMENCER À TRAVAILLER SUR
VOTRE SITE ?

 Si vous ne l'êtes pas déjà, connectez vous sur
  votre site grâce au mot de passe que vous avez
  reçu .
 Vous entrez alors en "mode administrateur"

 Conseil: Allez changer directement le mot de
  passe dans vos paramètres de site afin de le
  personnaliser et de ne pas risquer de l'oublier.
  Pensez sinon à bien sauvegarder l'email de
  bienvenue avec vos codes d'accès sur votre boîte
  de messagerie (dans un fichier par exemple).
COMMENT COMMENCER À CRÉER SON SITE ?
SUIVEZ LE GUIDE
    Afin de vous aider à savoir comment faire un site
     Internet et commencer à créer votre site facilement,
     nous vous proposons :
    Un guide lors de votre première connexion au mode
     administrateur de votre site : nous vous indiquons en
     5 étapes comment commencer à modifier votre design
     et contenu.
    Une série d'email d'aide "premiers pas" que vous
     recevrez chaque jour après votre inscription :
     vraiment pratique pour les débutants
     Une question ? Contactez-nous via le formulaire de
     contact
    http://fr.jimdo.com/info/aide/
    Sur You tube :
     http://www.youtube.com/watch?feature=player_embe
     dded&v=LJPoO5k4Tzg#!
COMMENT CRÉER UN SITE INTERNET
GRATUITEMENT ET FACILEMENT : LES VIDÉOS


 une série de 4 vidéos, comment créer un site
  internet Jimdo.
(à voir en bas
de page)
VOTRE INTERFACE :
avec un design proposé, une en-tête (Header), la partie
  centrale de votre site (le corps), un bas de page (le
  footer), une sidebar et une barre d'administration sur
  votre droite.
LA BARRE D'ADMINISTRATION
 La barre d'administration est une composante
  essentielle d'un site Jimdo.
 Dès votre première connexion sur votre site
  Jimdo en mode "modifier", elle apparaît en haut à
  droite de votre écran. Elle permet un accès direct
  aux fonctions principales de votre site.
BARRE D’ADMINISTRATION :
POUR ACCÉDER DIRECTEMENT AUX DÉTAILS DE CHAQUE MENU, CLIQUEZ SUR
L´IMAGE CONCERNÉE.
LE HEADER EST LA ZONE D’EN-TÊTE DE
VOTRE SITE JIMDO
   :C‘est la partie qui attire l’attention, l’élément clé de votre
    mise en page. Une image pertinente et expressive et un bon
    titre transmettent une première impression positive et
    permettent à vos visiteurs de se souvenir de votre site !
    Note :
    Header animé (Flash) : la question "Comment mettre
    un Header (en-tête animé) sur mon site Jimdo« est
    souvent posée. La réponse est la suivante : Cela n'est
    pas possible avec les modules déjà intégrés sur
    Jimdo, mais vous pouvez vous aider des tutoriels de
    la communauté et faire une recherche sur le forum,
    vous y trouverez sûrement conseils et astuces ;)

   la barre de menu de modifications inhérentes à votre
    header :
Source Jimdo et lien vidéo :
http://aide.jimdo.com/basiques/pr%C3%A9sentation/en-t%C3%AAte/
EX : HTTP://ARDECHE-SOURCES-LOIRE-
TERROIR.JIMDO.COM/
L’ONGLET GALERIE
   Dans l'onglet "Galerie", vous pourrez sélectionner
    une image parmi la collection d'images Jimdo. Il y en
    a pour tous les goûts et tous les sujets !
   Pour utiliser une des images
    présentées, cliquez simplement sur celle de votre
    choix. Elle sera alors instantanément téléchargée sur
    votre site Jimdo.
   Note:
    Toutes les images de cette galerie ont été créées par
    les utilisateurs Jimdo lors de notre concours photo. Il
    n’y a donc pas de problème de droits d’auteur : vous
    pouvez utiliser les images sans scrupule sur vos sites
    Jimdo! Mais bien sûr, les photographes se réjouiront
    si vous les mentionnez sur votre site.
IMAGES PERSONNELLES
   Bien sûr, vous pouvez aussi télécharger votre
    propre image. Il n’y a pas de limite de taille. Le
    petit graphique sur la droite vous informe sur les
    proportions du header. Le format standard
    conseillé est de 1024x768 Pixel pour 72 dpi.
    Vous pouvez le modifier facilement en cliquant
    sur Paramètres.

   Remarque : Si les formats d'image jpeg et gif
    (statique) doivent fonctionner sans problème, les
    images gif "animées" peuvent rencontrer
    quelques problèmes de compatibilité. Il est alors
    conseillé de repasser à une image statique ou à
    un autre format (jpeg par exemple).
IMAGES PERSONNELLES




 Une autre alternative : vous pouvez entrer la valeur hexadécimale. C’est pratique
 quand, par exemple, vous avez besoin d’une couleur en particulier. Des outils comme
 ColorZilla pour Firefox ou le site http://www.colorcombos.com peuvent également vous
 aider à trouver la teinte exacte d’une couleur.
MODIFIER LE HEADER



 Une fois le texte saisi on peut modifier
 la police et la taille. Des curseurs
 permettent de régler la couleur, et de
 déplacer le texte
LOGO
1. Cliquez sur „Parcourir“ pour sélectionner le logo
   de votre choix. Vous pourrez modifier la taille plus
   tard si vous le souhaitez.

2. Cliquez sur "Transférer l'image" pour charger le
   logo dans sa taille originale dans le header.
La fenêtre de chargement disparaît, et la fenêtre
   d’édition apparaît. Vous pouvez agrandir ou réduire la
   taille du logo, mais vous devez veiller à ce que le
   fichier ait une bonne résolution, afin que votre logo ne
   soit pas „pixellisé“.
Astuce :
Pour supprimer votre logo, cliquez sur „Supprimer logo“
   et fermer le module Ŕ le logo disparait aussitôt. Au
   cas où ce dernier reste visible, actualisez la page.
MODIFIER LA NAVIGATION
 passer la souris sur le menu et cliquer qur l’onglet « Modifier la
 navigation
MODIFIER LA NAVIGATION
 passer la souris sur le menu et cliquer que l’onglet « Modifier la
 navigation
                                    La navigation est le «menu» de
                                    votre site internet. C’est l'endroit
                                    où seront listées toutes vos pages.
                                    Il existe de nombreuses options
                                    grâce auxquelles vous allez
                                    pouvoir modifier votre navigation.
                                    Pour se faire, déplacez
                                    simplement votre souris 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 !
Ajouter une nouvelle page : Cliquez sur le
    symbole représentant une feuille de papier
    avec le symbole +. Cela ajoute directement
    une nouvelle page. Vous pouvez ajouter
    toutes les pages dont vous avez besoin. Il n'y
    a pas de nombre limite.
Renommer une page : Pour renommer le titre
    de votre rubrique, il suffit de cliquer sur le
    champ à modifier et d'y entrer le nom
    souhaité.
Supprimer une page : Cliquez sur le symbole
    représentant une petite poubelle à côté de la
    page que vous souhaitez supprimer.
Déplacer une page. :
... vers le bas : Cliquez sur la flèche pointant
    vers le bas pour déplacer votre page au
    niveau de la page du dessous.
... vers le haut : Cliquez sur la flèche pointant
    vers le haut pour déplacer votre page au
    niveau de la page du dessus.
... vers un niveau inférieur : Cliquez sur la
    flèche pointant vers la droite pour déplacer
    votre page à un niveau inférieur.
... vers un niveau supérieur : Cliquez sur la
    flèche pointant vers la gauche pour déplacer
    votre page à un niveau supérieur.
CACHER UNE PAGE
Cliquez sur le symbole représentant un œil à côté de la page que vous
.

  souhaitez rendre invisible aux yeux des visiteurs dans la navigation
Attention :
  Cela ne signifie pas pour autant que les visiteurs ne peuvent pas se rendre
  sur la page, notamment s'ils connaissent son adresse URL. Mais ils ne
  pourront pas la voir ni y accéder via le menu de navigation. Si des liens
  hypertextes dirigent vers cette page, elle pourra être référencée par
  des moteurs de recherche et donc être éventuellement trouvée ainsi. Vous
  pouvez en revanche créer des liens hypertextes vers ces sous-pages. Les sous-
  pages apparaîtront alors dans un "menu de navigation secondaire". En
  résumé, seule la page de niveau supérieure n'est ni visible ni accessible via
  les menus de navigation ou plan du site.
Astuces :
  Que faire quand votre site n’est pas terminé et que vous souhaitez
  limiter son accès le temps de la construction ?
  1 - vous pouvez prévenir le visiteur que vous travaillez encore sur ce site
  en plaçant un panneau "Site en construction“ comme décrit ici:
  http://fr.jimdo.com/2010/09/09/cadeau-un-panneau-site-en-construction-
  pour-votre-site-jimdo/
  2 - ou en bloquant l‘entrée du site en insérant une zone à mot de passe.
  Pour se faire : - Cliquer sur Paramètres > Zones à mot de passe > Ajouter
  une nouvelle zone protégée par mot de passe et cliquer sur toutes les pages
  du site en réponse à la question „Quelles sont les pages qui doivent être
  protégées par cette zone? “ Ainsi l’ensemble sera bloqué !
COPIER UNE PAGE
  1 - Cliquez sur le symbole
  des deux pages .
 Votre page sera copiée à
  l'identique et apparaitra
  juste en dessous de la page
  duppliquée. A vous ensuite
  de changer son titre et de
  la déplacer où vous le
  souhaitez dans la
  navigation (à l'aide des
  flèches) !
JIMDO : ARBORESCENCE




  http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-
  dun-site-internet-paysdebergerac/8
MODIFIER LA NAVIGATION




 Toujours supprimer les pages avant de supprimer les
 rubriques
 Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme
COMPOSITION D’UNE PAGE JIMDO




  http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-
  dun-site-internet-paysdebergerac/8
COMENT UTILISER LA BOÎTE À OUTILS
JIMDO




   http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-
   dun-site-internet-paysdebergerac/8
AJOUTER DU TEXTE




http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-
internet-paysdebergerac/8
MODIFIER LE CONTENU
MODIFIER LE CONTENU
COMMENT AJOUTER DU CONTENU




http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-
internet-paysdebergerac/8
FORMULAIRE Ŕ TÉLÉCHARGEMENT-
 FLUX…




http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-
internet-paysdebergerac/8
JIMDO : LE FORMULAIRE
JIMDO : LE FORMULAIRE
JIMDO : LE FORMULAIRE
JIMDO : LE FORMULAIRE
AJOUTER DES IMAGES




http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-
internet-paysdebergerac/8
JIMDO IMAGES
JIMDO IMAGES
JIMDO IMAGES
Créer un site internet ou un blog
POUR AJOUTER DU CONTENU EXTERNE




http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-
internet-paysdebergerac/8
CRÉER ET INSÉRER UN WIDGET
POUR LA MÉTÉO




  http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-
  dun-site-internet-paysdebergerac/8
WIDGET MÉTÉO




  http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-
  dun-site-internet-paysdebergerac/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA
CTOURISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA
CTOURISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA
CTOURISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA
CTOURISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA
CTOURISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA
CTOURISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
ASTUCES : IL EST POSSIBLE DE GÉRER
DES COLONNES... POUR LA MISE EN PAGE




  fr.jimdo.com/2012/01/09/nouveauté-les-colonnes/
ASTUCES : LES COLONNES
ASTUCES LES COLONNES
ASTUCES : INTÉGRER UN FORUM…




 http://fr.jimdo.com/2009/06/23/astuce-comment-int%C3%A9grer-un-
 forum-%C3%A0-votre-site-jimdo/
APPORTER UN CÔTÉ LUDIQUE :
INTÉGRER LA BD
APPORTER UN CÔTÉ LUDIQUE :
INTÉGRER LA BD
APPORTER UN CÔTÉ LUDIQUE :
INTÉGRER LA BD
JIMDO ET LE RÉFÉRENCEMENT
Créer un site internet ou un blog
MIEUX RÉFÉRENCER VOTRE SITE JIMDO :
HTTP://FR.JIMDO.COM/SEO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO :
HTTP://FR.JIMDO.COM/SEO/
Créer un site internet ou un blog
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO
JIMDO MOBILE
UN EXEMPLE :
 HTTP://OTPATEST.JIMDO.COM/




Sources : Etourisme.info : tutoriel Site_Mobile_Jimdo
http://www.etourisme.info/wp-
content/uploads/2012/04/Tutoriel_Site_Mobile_Jimdo.pdf
le Pack de fichiers pour site mobile Jimdo
Créer un site internet ou un blog
Créer un site internet ou un blog
JIMDO RESPONSIVE
JIMDO RESPONSIVE
DES EXEMPLES DE SITES JIMDO
Communiqués sur le groupe privé des ANT
http://campingstj.jimdo.com/
   http://campingprimel.jimdo.com/photos-vid%C3%A9os/
http://gitepetitchamois.jimdo.com/
   http://www.chambre-hote-amarines.com/
   http://location-geishouse-vittjos.jimdo.com/accueil/geishouse-en-photos-au-fil-des-
   saisons/
http://www.voyageavoile.com/
http://www.laboulecalvaise.com/
http://art-contemporain-calvi.jimdo.com/retrospective/
http://www.gites-chambres-aisne.com
http://www.creperiebreizhilien.com
http://baierhuysvilaine.jimdo.com/

+ localement…
http://galtroissources.jimdo.com
http://ardeche-sources-loire-terroir.jimdo.com/
Et bientôt le site du comité des fêtes de Saint Cirgues en Montagne
WEEKENDENPERIGORD-COM UN
COUD’CŒUR DE JIMDO
TOURNUS
LE SITE DES PROS DU TOURISME
PAYS DE BERGERAC.
BIENTÔT EN LIGNE, LE RESTAURANT DU
PONT DE LA LOIRE - SANDRINE ARNAUD
WIX
WIX
WIX
WIX
WIX
PROPOSITION   D’ATELIERS          : UN NOUVEAU
SERVICE DE L’OFFICE DE TOURISME
         Lundi 7 janvier : à 14h
         Outils Web,
         Google Local + (Google Adresse) et QR Codes


         Lundi 4 février :
         Référencement/Diagnostic
         site Internet à 9h
         Créer un site web
         pour Smartphone/Tablette à 14h



         Lundi 4 mars : Relation clients,
         avis clients à 14h
•Proposition d’ateliers : un nouveau
service de l’office de tourisme
                          Lundi 8 avril 2013
                          Partage photo/video à 9h
                          Réseaux sociaux à 14h




                          Lundi 13 mai 2013 à 14h
                          Wifi Sécurisé, stratégie
                          communication


Inscriptions à l’Office de tourisme : 04 75 38 89 78 ou 06 07 33 80 17
Adresse : www.ardeche-sources-loire.com

Más contenido relacionado

La actualidad más candente

Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014echangeurba
 
Site internet cahier des charges
Site internet cahier des chargesSite internet cahier des charges
Site internet cahier des chargesJennifer Pône
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges webForestier Mégane
 
Les points essentiels du cahier des charges pour un site web reussi !
Les points essentiels du cahier des charges pour un site web reussi !Les points essentiels du cahier des charges pour un site web reussi !
Les points essentiels du cahier des charges pour un site web reussi !Julien Dereumaux
 
Création de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projetCréation de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projetLilian FOURCADIER
 
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...Julien Dereumaux
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?CYB@RDECHE
 
Comment bien rédiger le cahier des charges pour construire votre site interne...
Comment bien rédiger le cahier des chargespour construire votre site interne...Comment bien rédiger le cahier des chargespour construire votre site interne...
Comment bien rédiger le cahier des charges pour construire votre site interne...echangeurba
 
Comment bien rédiger le Cahier des charges de votre site web
Comment bien rédiger le Cahier des charges de votre site webComment bien rédiger le Cahier des charges de votre site web
Comment bien rédiger le Cahier des charges de votre site webpolenumerique33
 
Toutes les bonnes pratiques SEO pour optimiser son site web
Toutes les bonnes pratiques SEO pour optimiser son site webToutes les bonnes pratiques SEO pour optimiser son site web
Toutes les bonnes pratiques SEO pour optimiser son site webJulien Dereumaux
 
Competitic : Cahier des charges site web
Competitic : Cahier  des charges site web Competitic : Cahier  des charges site web
Competitic : Cahier des charges site web COMPETITIC
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webNet Design
 
Formation seo - cci parrainage - 14 février 2019
Formation seo  - cci parrainage - 14 février 2019Formation seo  - cci parrainage - 14 février 2019
Formation seo - cci parrainage - 14 février 2019Julien Dereumaux
 
Construire le cahier des charges de son site web
Construire le cahier des charges de son site webConstruire le cahier des charges de son site web
Construire le cahier des charges de son site webJulien Dereumaux
 
2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competiticCOMPETITIC
 
Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...
Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...
Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...Julien Dereumaux
 

La actualidad más candente (20)

Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
 
Site internet cahier des charges
Site internet cahier des chargesSite internet cahier des charges
Site internet cahier des charges
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges web
 
Les points essentiels du cahier des charges pour un site web reussi !
Les points essentiels du cahier des charges pour un site web reussi !Les points essentiels du cahier des charges pour un site web reussi !
Les points essentiels du cahier des charges pour un site web reussi !
 
Création de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projetCréation de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projet
 
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !
 
Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?
 
Comment bien rédiger le cahier des charges pour construire votre site interne...
Comment bien rédiger le cahier des chargespour construire votre site interne...Comment bien rédiger le cahier des chargespour construire votre site interne...
Comment bien rédiger le cahier des charges pour construire votre site interne...
 
Comment bien rédiger le Cahier des charges de votre site web
Comment bien rédiger le Cahier des charges de votre site webComment bien rédiger le Cahier des charges de votre site web
Comment bien rédiger le Cahier des charges de votre site web
 
Toutes les bonnes pratiques SEO pour optimiser son site web
Toutes les bonnes pratiques SEO pour optimiser son site webToutes les bonnes pratiques SEO pour optimiser son site web
Toutes les bonnes pratiques SEO pour optimiser son site web
 
Competitic : Cahier des charges site web
Competitic : Cahier  des charges site web Competitic : Cahier  des charges site web
Competitic : Cahier des charges site web
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Formation seo - cci parrainage - 14 février 2019
Formation seo  - cci parrainage - 14 février 2019Formation seo  - cci parrainage - 14 février 2019
Formation seo - cci parrainage - 14 février 2019
 
Construire le cahier des charges de son site web
Construire le cahier des charges de son site webConstruire le cahier des charges de son site web
Construire le cahier des charges de son site web
 
Cahier des charges modèle gratuit - préparez votre projet web facilement !
Cahier des charges modèle gratuit - préparez votre projet web facilement !Cahier des charges modèle gratuit - préparez votre projet web facilement !
Cahier des charges modèle gratuit - préparez votre projet web facilement !
 
Entrez dans l'E-Tourisme 2012
Entrez dans l'E-Tourisme 2012Entrez dans l'E-Tourisme 2012
Entrez dans l'E-Tourisme 2012
 
2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic
 
Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...
Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...
Stratégie e-commerce - bonnes pratiques - jeudi 26 avril 2018 - Espace format...
 

Destacado

Quelles sont les 12 tendances digitales qui feront 2012 ?
Quelles sont les 12 tendances digitales qui feront 2012 ?Quelles sont les 12 tendances digitales qui feront 2012 ?
Quelles sont les 12 tendances digitales qui feront 2012 ?Kantar Millward Brown France
 
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing ContentThe Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing ContentNeil Patel
 
Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.Emiland
 
What I Carry: 10 Tools for Success
What I Carry: 10 Tools for SuccessWhat I Carry: 10 Tools for Success
What I Carry: 10 Tools for SuccessJonathon Colman
 
L’avenir du métier de bibliothécaire - Trouver du travail en bibliothèque
L’avenir du métier de bibliothécaire - Trouver du travail en bibliothèqueL’avenir du métier de bibliothécaire - Trouver du travail en bibliothèque
L’avenir du métier de bibliothécaire - Trouver du travail en bibliothèqueDominique Lahary
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareEmpowered Presentations
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation OptimizationOneupweb
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingContent Marketing Institute
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 
schéma régional d’organisation médico-socialenovembre 2011
schéma régional d’organisation médico-socialenovembre 2011schéma régional d’organisation médico-socialenovembre 2011
schéma régional d’organisation médico-socialenovembre 2011Christophe Lemesre
 
Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017Techsauce Media
 
Formation en perte de poids
Formation en perte de poidsFormation en perte de poids
Formation en perte de poidsMaxime St-Onge
 

Destacado (20)

Quelles sont les 12 tendances digitales qui feront 2012 ?
Quelles sont les 12 tendances digitales qui feront 2012 ?Quelles sont les 12 tendances digitales qui feront 2012 ?
Quelles sont les 12 tendances digitales qui feront 2012 ?
 
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing ContentThe Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing Content
 
Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.
 
What I Carry: 10 Tools for Success
What I Carry: 10 Tools for SuccessWhat I Carry: 10 Tools for Success
What I Carry: 10 Tools for Success
 
L’avenir du métier de bibliothécaire - Trouver du travail en bibliothèque
L’avenir du métier de bibliothécaire - Trouver du travail en bibliothèqueL’avenir du métier de bibliothécaire - Trouver du travail en bibliothèque
L’avenir du métier de bibliothécaire - Trouver du travail en bibliothèque
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 
schéma régional d’organisation médico-socialenovembre 2011
schéma régional d’organisation médico-socialenovembre 2011schéma régional d’organisation médico-socialenovembre 2011
schéma régional d’organisation médico-socialenovembre 2011
 
Altered casts technique
Altered casts techniqueAltered casts technique
Altered casts technique
 
Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017
 
Formation en perte de poids
Formation en perte de poidsFormation en perte de poids
Formation en perte de poids
 

Similar a Créer un site internet ou un blog

Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blogSéverine Alix
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressJulien Dereumaux
 
Atelier e-stratégies 2012
Atelier e-stratégies 2012Atelier e-stratégies 2012
Atelier e-stratégies 2012SID-Networks
 
Site internet nantes - ACIH
Site internet nantes - ACIHSite internet nantes - ACIH
Site internet nantes - ACIHAgence_ACIH
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptxMahaJabri
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptxMahaJabri
 
Plan cahier-des-charges
Plan cahier-des-chargesPlan cahier-des-charges
Plan cahier-des-chargeswalouziz
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfJulien Dereumaux
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site webChris Gaillard
 
Cpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-webCpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-webCERTyou Formation
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges webFred Brouard
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action Denys Chamberland
 
developpement_projet_web_part_1
developpement_projet_web_part_1developpement_projet_web_part_1
developpement_projet_web_part_1Rokhaya Barry
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Claire Bourget, MBA
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110Claire Bourget, MBA
 
Erellis- Agence en communication interactive
Erellis- Agence en communication interactiveErellis- Agence en communication interactive
Erellis- Agence en communication interactiveERELLIS
 
Présentation générale clients
Présentation générale clientsPrésentation générale clients
Présentation générale clientsBEEZEN
 
Présentation générale clients
Présentation générale clientsPrésentation générale clients
Présentation générale clientsBEEZEN
 

Similar a Créer un site internet ou un blog (20)

Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPress
 
Atelier e-stratégies 2012
Atelier e-stratégies 2012Atelier e-stratégies 2012
Atelier e-stratégies 2012
 
Site internet nantes - ACIH
Site internet nantes - ACIHSite internet nantes - ACIH
Site internet nantes - ACIH
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptx
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptx
 
Plan cahier-des-charges
Plan cahier-des-chargesPlan cahier-des-charges
Plan cahier-des-charges
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
 
Exposé 1
Exposé   1Exposé   1
Exposé 1
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Cpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-webCpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-web
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action
 
developpement_projet_web_part_1
developpement_projet_web_part_1developpement_projet_web_part_1
developpement_projet_web_part_1
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
 
Erellis- Agence en communication interactive
Erellis- Agence en communication interactiveErellis- Agence en communication interactive
Erellis- Agence en communication interactive
 
Présentation générale clients
Présentation générale clientsPrésentation générale clients
Présentation générale clients
 
Présentation générale clients
Présentation générale clientsPrésentation générale clients
Présentation générale clients
 

Créer un site internet ou un blog

  • 1. CRÉER UN SITE INTERNET OU UN BLOG : I’M JUST A BRICOLO… Office de Tourisme du Pays des sources de la Loire Atelier du 4 février 2013 Animateurs numériques du territoire : Séverine Alix; Lévy Anthérion, Emilie Cros Accompagnement numérique : Laureline Fusade
  • 2. INTRODUCTION PAR LÉVY ANTHÉRION ANIMATEUR NUMÉRIQUE DE L’OFFICE DE TOURISME DES BOUTIÈRES Atelier du 4 février 2013
  • 4. 1.2 La plannification stratégique Analyser les Besoins du client, l’ impact éventuel sur internet pour obtenir un site internet en adéquation avec la demande.
  • 5. 1.3 Un site internet dans le tourisme
  • 6. 2. Les tendances de la demande
  • 7. 2.1 Le tourisme en ligne de mire
  • 8. 2.2 La place des Tablettes
  • 9. 2.3 La place des Smartphones La démocratisation du smartphone : + 44% d’augmentation de nombre de smartphones en circulation entre 2010 et 2011.
  • 10. LES GRANDES LIGNES DE LA CRÉATION D’UN SITE INTERNET Atelier du 4 février 2013, Présentation Alix Séverine
  • 11. LES GRANDE LIGNES •Objectifs de votre site •Cibles de votre site •Arborescence (le squelette du site)
  • 12. DÉFINITION DES OBJECTIFS  Savoir traduire comprendre les besoins du client  Environnement internet : les impacts  Un site internet adéquat au projet internet  Produire un cahier des charges
  • 13. LE CAHIER DES CHARGES  Etape incontournable  Votre entreprise : quel contexte? Quel site pour quelle stratégie d’entreprise? Quelles cibles?  Quelles contraintes techniques et organisationnelles?  Quels contenus, rubriques, plan de site?  Quelles ressources disponibles (photos, vidéos, textes…) ?  Quel budget disponible?  Établir une grille d’évaluation pour le choix d’un prestataire si vous souhaiter passer par une agence
  • 14. CAHIER DES CHARGES SITE WEB  Le cahier des charges d’un site web décrit votre projet de création ou de refonte de votre site web.  En interne un cahier des charges vous aidera à savoir comment construire votre site internet selon les objectifs fixés  C’est un document contractuel entre l’entreprise (maître d’ouvrage) et le prestataire qui va réaliser le développement, les maquettes, la mise en ligne du site, etc. encore appelé le maître d’œuvre.
  • 15. PROPOSITIONS DE SOMMAIRE D’UN CAHIER DES CHARGES 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres  2 Description global du projet 2.1 Objectif du site internet 2.2 Internautes visés 2.3 Vos concurrents sur le web  3 Spécifications fonctionnelles et techniques 3.1 Contenu 3.2 Déroulé fonctionnel 3.3 Webdesign 3.4 Technologie déployée Sources : 3.5 Administration du site http://www.infocahierdescharges.com 3.6 Maintenance 3.7 Statistiques 3.8 Référencement 3.9 Nom de domaine  4 Livrables et attendus 4.1 Planning 4.2 Liste des pièces à livrer par le prestataire 4.3 Droits d’auteur
  • 16. PROPOSITIONS DE SOMMAIRE D’UN CAHIER DES CHARGES Voici le lien pour la totalité du cahier des charges : http://www.grafimages.com/downl oads/cdc-modele.pdf Voir aussi : http://www.123presta.com/redacti on-du-cahier-des-charges- introduction.html
  • 17. AUTRE PRÉSENTATION EN LIGNE POUR LA CRÉATION D’UN CAHIER DES CHARGES Sources Cahier des charges modèle gratuit - préparez votre projet web facilement ! de Valls y Machinant David : Auteur www.en- haut.be mis en ligne le 28 juin 2012 http://fr.slideshare.net/VallsyMachinantDavid/cahier-des- chargesmodlesgratuitprojetsiteinternet
  • 18. LA MISE EN FORME DU PROJET La conception :  Répartition du contenu, de l’arborescence  Fonctionnalité de chaque page  Charte fonctionnelle de chaque page  Navigation La création graphique  Orientations graphiques  Déclinaisons  Proposition de maquette
  • 19. LES MOMENTS CLÉS  L’intégration des pages :  Préparation et réalisation des éléments graphiques  Mise au format HTML, optimisation  Enrichissement éventuel (javascript, animation, vidéo, carte interactive)  Utilisation de feuille de style.  Les développements informatiques : liés notamment aux bases de données (formulaires, stockage, interactions entre les pages).  Sécurisation
  • 21. MINDMEISTER : 3 CARTES POSSIBLE EN GRATUIT EX : MY FIRST MIND MAP
  • 22. MINDMEISTER : EX SWOT ANALYS (STRENGTHS (FORCES), WEAKNESSES (FAIBLESSES), OPPORTUNITIES ( OPPORTUNITÉS), THREATS(MENACES). A savoir les modèles peuvent être titrés et légendés selon vos besoins
  • 23. MINDMEISTER : DES MAPS (CARTES) DIFFÉRENTES SELON VOS BESOINS
  • 24. MINDMEISTER : UNE FOIS LE MODÈLE CHOISI, UN CLIC ET VOILA VOTRE SUPPORT CRÉÉ, À VOUS DE JOUER
  • 25. MINDMEISTER : WEBSITE PLANNING PLANIFICATION SITE WEB
  • 26. MINDMEISTER : WEBSITE ANALYSIS (MODÈLE D’ARBORESCENCE POUR DIAGNOSTIC DE SITE)
  • 28. MINDMEISTER : AUTRES EXEMPLES DE MODÈLES D’ARBORESCENCE…..
  • 29. UNE IDÉE / UNE RÉUNION AVEC UN WEBMASTER… UN BRAINSTORMING
  • 30. UNE PROCÉDURE : PROJECT MANAGEMENT PROCESS
  • 31. WRITE A BLOG POST
  • 33. CRÉER UNE CARTE Ce lien peut vous être utile, mais sur recommandation de l’organisme de formation Touristic : l'interface de Google Fusion a récemment changé, et toutes les fonctionnalités ne sont pas forcément au même endroit... A voir aussi dans la présentation Jimdo comment se créer un carte
  • 34. VOS MENTION LÉGALES  "Mentions légales" de site... voilà un outil pour les générer automatiquement : http://www.subdelirium.com/generateur-de- mentions-legales/
  • 36. RÉFÉRENCEMENT ET PROMOTION  Stratégie de référencement : (voir présentation de l’atelier du 4 février 2013 matin)  Définition des objectifs  Etude environnementale  Définitions des mots clés et des solutions techniques  Les moments clés : Mise en œuvre : optimisation, validation et mise en ligne, inscription sur les annuaires et moteurs de recherche Suivi du référencement : suivi des inscriptions, vérification des résultats, (analyse statistique, reporting ou suivi régulier du référencement sur la base des mots clefs) , optimisation corrective
  • 37. HÉBERGEMENT : POUR UNE EFFICACITÉ OPTIMALE DU SITE.  Un hébergeur est un prestataire capable de fournir :  Un serveur permettant le stockage du site  La connexion internet performante permettant l’accès au site Technique :  Serveur dédié : totalement dédié à votre site  Serveur mutualisé : partagé entre plusieurs sites  Critère de choix : sécurité, bande passante.  Sécurité : présence d’un firewall, sécurisation physique des locaux, sauvegarde avec copies régulières
  • 38. SHÉMA (SOURCE : BLOG.KABIA.FR)
  • 39. HÉBERGEMENT : TECHNIQUE  Logiciels installés sur le serveur Système d’exploitation, serveur Web, serveur de base de données  Modules optionnels : paiement, cryptage, gestion de contenus
  • 42. SERVICE ET COÛTS  Interlocuteur technique  Disponibilité et délai d’intervention  Dépôt de nom de domaine  Surveillance du serveur (crash, attaque…)  Statistiques  Coût très variable entre serveur dédié et serveur mutualisé  Mais il faut mieux éviter le gratuit (publicité performance, pas de nom de domaine)
  • 43. ET SI JE FAISAIS APPEL À UN PRESTATAIRE POUR MON SITE ?  Une réunion de démarrage  Le positionnement par mots clés  Prestataire = force de propositions pour les technologies retenues  Répartition des tâches
  • 44. BIEN CHOISIR SON PRESTATAIRE  Evaluer l’adéquation des réponses avec vos besoins à l’aide d’une grille  Tarifs  La Géographie  Technologies retenues  Les références  Pour réussir : lister les besoins et objectifs, définir une enveloppe budgétaire, affecter une personne au projet.  Si possible choisir un prestataire ayant une expérience dans le domaine  Ne pas s’adresser à plus de 3 ou 4 prestataires  Contractualiser la relation avec le prestataire  Une fois le site terminé en faire la promotion on-line et off line  Aspect juridique : s’inscrire à la CNIL
  • 45. QUE PEUT ON ATTENDRE DU PRESTATAIRE ?  Des objectifs réalistes  Une de moyen conformément aux objectifs visés  Une transparence sur les résultats et techniques utilisées  Un reporting régulier  Le positionnement s’apprécie dans la durée > de 2 à 6 mois
  • 46. CAHIER DE SPÉCIFICATIONS TECHNIQUES  Complète le cahier des charges  Recense les différentes technologies, leur version, leur mise en place  Très utile dans le cas où le site internet est transféré à un autre prestataire  Permet de justifier le tarif demandé.
  • 47. COMBIEN ÇA COÛTE  Le prestataire vous annonce un prix forfaitaire auquel il doit se tenir  Sauf si changement de périmètre à la demande du client  Prix généralement fixés selon le temps estimé nécessaire à la réalisation du projet soit 300€/la journée.  Critères : Nombre de langues, type de site Objectif de positionnement Environnement concurrentiel Qualité de suivi  Fourchette de coût pour générer du trafic (référencement promotion) : de 500€ jusqu’à 3000 à 4000€ par an .
  • 48. MERCI DE VOTRE ÉCOUTE.  Vous pouvez aussi trouver des informations sur l’espace pro de l’Agence touristique de l’Ardèche :  http://prezi.com/gva6vgl50bgb/copy-of-untitled- prezi/ par patrick leblanc le 27 Novembre 2012  A voir également les tutoriels suivants sur Wordpress et Jimdo
  • 49. SOLUTION INTERNET POUR LE PROFESSIONNEL DU TOURISME TOURISTIC (ÉGALEMENT ORGANISME DE FORMATION ANIMATEUR NUMÉRIQUE DU TERRITOIRE) : webmaster@touristic.fr https://www.facebook.com/touristic.etourisme Google Adresse
  • 50. WORDPRESS Créez facilement votre site ou blog présenté par Laureline Fusade Office de Tourisme du Pays des sources de la Loire. 4 février 2012
  • 51. ALLEZ SUR FR.WORDPRESS.COM ET CLIQUEZ SUR LE GROS BOUTON BLEU « INSCRIPTION »
  • 52. CHOISISSEZ UN NOM POUR VOTRE SITE/BLOG ET CHOISISSEZ LA SOLUTION GRATUITE (LES SOLUTIONS PAYANTES OFFRENT PLUS D’ESPACE DE STOCKAGE, PLUS DE PERSONNALISATION POUR L’APPARENCE DU SITE…ETC)
  • 53. APRÈS VALIDATION DE SON ADRESSE MAIL, ON ARRIVE SUR LE « TABLEAU DE BORD » DU BLOG NOUVELLEMENT CRÉÉ
  • 54. DANS LE MENU DE GAUCHE, DES DIZAINES DE CHOIX SONT POSSIBLES, VOUS POUVEZ VÉRIFIER LES STATISTIQUES DE VOTRE BLOG…
  • 55. SURVOLER ET MODIFIER TOUS LES ARTICLES DE VOTRE BLOG
  • 56. GÉRER LES CATÉGORIES DANS LESQUELLES SONT CLASSÉS VOS ARTICLES
  • 57. GÉRER LES TAGS (MOTS-CLÉS) INDEXANT VOS ARTICLES
  • 58. CRÉER DES « PAGES » (DIFFÉRENTES DES « ARTICLES »)
  • 59. LES PAGES PERMETTENT D’AFFICHER UN CONTENU PLUS STATIQUE, PLUS INTEMPOREL.
  • 60. PAR EXEMPLE, LA PAGE « CONTACT » PERMETTRA D’AJOUTER UN ONGLET EN EN-TÊTE INDIQUANT NOS COORDONNÉES.
  • 62. AJOUTER DES WIDGETS (DES APPLICATION GADGETS QUI PEUVENT ÊTRE AJOUTÉES DANS LE MENU SUR LE CÔTÉ (SIDEBAR) COMME UN CALENDRIER…ETC)
  • 63. PERSONNALISER SON EN-TÊTE EN Y AJOUTANT UNE PHOTO
  • 65. INVITER D’AUTRES GENS À PUBLIER SUR VOTRE BLOG
  • 66. FAIRE LES RÉGLAGES GÉNÉRAUX
  • 67. ÉCRIRE UN PREMIER ARTICLE SUR SON BLOG
  • 69. SE DIRE QU’ON Y AJOUTERAIT BIEN UNE IMAGE
  • 70. PUBLIER SON 1ER ARTICLE
  • 71. L’EXEMPLE DU SITE DE L’OFFICE DE TOURISME DES BOUTIÈRES PRÉSENTÉ PAR LÉVY ANTHÉRION Atelier du 4 février 2013 Voici quelques impressions écrans du site présenté
  • 72. L’EXEMPLE DU SITE DE L’OFFICE DE TOURISME DES BOUTIÈRES Un site en WEB RESPONSIVE DESIGN Aperçu du site format écran PC ou portable
  • 73. VERSION SMARTPHONE ET TABLETTE : La photo de la chapelle de Soutron se réduit en format tablette et le texte de bienvenue n’apparait plus. La même photo disparait pour paraître en version mobile.
  • 74. AU MENU… Des rubriques Découvrir, Activités, hébergements, restauration, festivités, une partie blog, un accès à un formulaire de contact, un lien vers Twitter et facebook, un flux RSS.
  • 75. QUELQUES WIDGETS À DROITE DE L’ÉCRAN : L’abonnement à la newsletter, le partage sur les réseaux sociaux, la météo
  • 76. QUELQUES WIDGETS À DROITE DE L’ÉCRAN : Mais aussi le widget SITRA (base de données régionales) des évènements
  • 77. LE PIED DE PAGE REPREND LES RUBRIQUES DU SOMMAIRE
  • 78. LA RUBRIQUE DÉCOUVRIR : Volonté de mettre en avant le secteur des Boutières et la vallée du bijou avec du contenu photos, vidéos…
  • 79. RUBRIQUE ACTIVITÉS : RANDONNÉE…MAIS AUSSI … Volonté de mettre en avant la randonnée avec les principales autres activités du secteur.
  • 81. LA RUBRIQUE RESTAURATION : A partir de cette page on retrouve les restaurants, l’artisanat et les produits du teroir, les commerces
  • 82. LA RUBRIQUE AGENDA DES FESTIVITÉS Cette page renvoie sur l’agenda d’Ardèche Plein Cœur téléchargeable en format pdf et sur une extraction des évènements du territoire de compétence de l’office de tourisme depuis la base de donnée SITRA
  • 83. UN BLOG EST RATTACHÉ AU SITE AVEC DES ARTICLES
  • 85. COMMENTER UN ARTICLE SUR LE BLOG
  • 88. Atelier du 4 février 2013 Présentation de Séverine Alix le 4 février
  • 89. POURQUOI CHOISIR JIMDO  Pas besoin de connaissances en Html  Autonomie totale sur la création et la mise à jour du site  Pas de logiciel à installer : tout est en ligne  Démarrage en version gratuite  Nombre de pages illimité  Fonction blog  Version mobile du site générée automatiquement  Une communauté active pour vous aider
  • 91. Un coup de main??? http://communautefrancophone.jimdo.com/
  • 92. COMMENT CRÉER UN SITE INTERNET http://fr.jimdo.com/comment-cr%C3%A9er-un-site- internet/
  • 93. CRÉER SON SITE JIMDO  1. Rendez-vous sur la page d'accueil du site Jimdo   C'est là que vous allez pouvoir vous inscrire. À noter :  l'inscription est totalement gratuite et vous pourrez décider de passer à une version payante si vous le souhaitez, quand vous le souhaitez : aucune obligation ou limitation d'utilisation dans le temps.  Choisissez une adresse email dont vous êtes sûr de garder l'accès sur le long terme : ce sera votre adresse de contact pour Jimdo et pour récupérer vos données d'accès une fois votre site créé.
  • 94. CRÉER SON SITE JIMDO  2. Choisir son nom de "sous-domaine" Jimdo  Un "sous-domaine" Jimdo c'est en fait un domaine gratuit hébergé sur notre domaine principal jimdo.com. Vous pouvez le personnaliser comme vous le souhaitez !  Attention : le nombre et le type des caractères utilisables est cependant limité.   3. Entrez votre adresse email : votre site est prêt, déjà en ligne. Et vous recevez un email vous donnant vos données d'accès.
  • 95. CRÉER SON SITE JIMDO  Afin de vous aider à savoir comment faire un site Internet et commencer à créer votre site facilement, ils vous proposent :  Un guide lors de votre première connexion au mode administrateur de votre site : 5 étapes comment commencer à modifier votre design et contenu.  Une série d'email d'aide "premiers pas" que vous recevrez chaque jour après votre inscription : vraiment pratique pour les débutants  Une question ? Contactez-les via le formulaire de contact
  • 96. CRÉATION DE VOTRE SITE WEB Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme n°1 Cœur de B
  • 97. COMMENT COMMENCER À TRAVAILLER SUR VOTRE SITE ?  Si vous ne l'êtes pas déjà, connectez vous sur votre site grâce au mot de passe que vous avez reçu .  Vous entrez alors en "mode administrateur"  Conseil: Allez changer directement le mot de passe dans vos paramètres de site afin de le personnaliser et de ne pas risquer de l'oublier. Pensez sinon à bien sauvegarder l'email de bienvenue avec vos codes d'accès sur votre boîte de messagerie (dans un fichier par exemple).
  • 98. COMMENT COMMENCER À CRÉER SON SITE ? SUIVEZ LE GUIDE  Afin de vous aider à savoir comment faire un site Internet et commencer à créer votre site facilement, nous vous proposons :  Un guide lors de votre première connexion au mode administrateur de votre site : nous vous indiquons en 5 étapes comment commencer à modifier votre design et contenu.  Une série d'email d'aide "premiers pas" que vous recevrez chaque jour après votre inscription : vraiment pratique pour les débutants  Une question ? Contactez-nous via le formulaire de contact  http://fr.jimdo.com/info/aide/  Sur You tube : http://www.youtube.com/watch?feature=player_embe dded&v=LJPoO5k4Tzg#!
  • 99. COMMENT CRÉER UN SITE INTERNET GRATUITEMENT ET FACILEMENT : LES VIDÉOS  une série de 4 vidéos, comment créer un site internet Jimdo. (à voir en bas de page)
  • 100. VOTRE INTERFACE : avec un design proposé, une en-tête (Header), la partie centrale de votre site (le corps), un bas de page (le footer), une sidebar et une barre d'administration sur votre droite.
  • 101. LA BARRE D'ADMINISTRATION  La barre d'administration est une composante essentielle d'un site Jimdo.  Dès votre première connexion sur votre site Jimdo en mode "modifier", elle apparaît en haut à droite de votre écran. Elle permet un accès direct aux fonctions principales de votre site.
  • 102. BARRE D’ADMINISTRATION : POUR ACCÉDER DIRECTEMENT AUX DÉTAILS DE CHAQUE MENU, CLIQUEZ SUR L´IMAGE CONCERNÉE.
  • 103. LE HEADER EST LA ZONE D’EN-TÊTE DE VOTRE SITE JIMDO  :C‘est la partie qui attire l’attention, l’élément clé de votre mise en page. Une image pertinente et expressive et un bon titre transmettent une première impression positive et permettent à vos visiteurs de se souvenir de votre site !  Note : Header animé (Flash) : la question "Comment mettre un Header (en-tête animé) sur mon site Jimdo« est souvent posée. La réponse est la suivante : Cela n'est pas possible avec les modules déjà intégrés sur Jimdo, mais vous pouvez vous aider des tutoriels de la communauté et faire une recherche sur le forum, vous y trouverez sûrement conseils et astuces ;)  la barre de menu de modifications inhérentes à votre header : Source Jimdo et lien vidéo : http://aide.jimdo.com/basiques/pr%C3%A9sentation/en-t%C3%AAte/
  • 105. L’ONGLET GALERIE  Dans l'onglet "Galerie", vous pourrez sélectionner une image parmi la collection d'images Jimdo. Il y en a pour tous les goûts et tous les sujets !  Pour utiliser une des images présentées, cliquez simplement sur celle de votre choix. Elle sera alors instantanément téléchargée sur votre site Jimdo.  Note: Toutes les images de cette galerie ont été créées par les utilisateurs Jimdo lors de notre concours photo. Il n’y a donc pas de problème de droits d’auteur : vous pouvez utiliser les images sans scrupule sur vos sites Jimdo! Mais bien sûr, les photographes se réjouiront si vous les mentionnez sur votre site.
  • 106. IMAGES PERSONNELLES  Bien sûr, vous pouvez aussi télécharger votre propre image. Il n’y a pas de limite de taille. Le petit graphique sur la droite vous informe sur les proportions du header. Le format standard conseillé est de 1024x768 Pixel pour 72 dpi. Vous pouvez le modifier facilement en cliquant sur Paramètres.  Remarque : Si les formats d'image jpeg et gif (statique) doivent fonctionner sans problème, les images gif "animées" peuvent rencontrer quelques problèmes de compatibilité. Il est alors conseillé de repasser à une image statique ou à un autre format (jpeg par exemple).
  • 107. IMAGES PERSONNELLES Une autre alternative : vous pouvez entrer la valeur hexadécimale. C’est pratique quand, par exemple, vous avez besoin d’une couleur en particulier. Des outils comme ColorZilla pour Firefox ou le site http://www.colorcombos.com peuvent également vous aider à trouver la teinte exacte d’une couleur.
  • 108. MODIFIER LE HEADER Une fois le texte saisi on peut modifier la police et la taille. Des curseurs permettent de régler la couleur, et de déplacer le texte
  • 109. LOGO 1. Cliquez sur „Parcourir“ pour sélectionner le logo de votre choix. Vous pourrez modifier la taille plus tard si vous le souhaitez. 2. Cliquez sur "Transférer l'image" pour charger le logo dans sa taille originale dans le header. La fenêtre de chargement disparaît, et la fenêtre d’édition apparaît. Vous pouvez agrandir ou réduire la taille du logo, mais vous devez veiller à ce que le fichier ait une bonne résolution, afin que votre logo ne soit pas „pixellisé“. Astuce : Pour supprimer votre logo, cliquez sur „Supprimer logo“ et fermer le module Ŕ le logo disparait aussitôt. Au cas où ce dernier reste visible, actualisez la page.
  • 110. MODIFIER LA NAVIGATION passer la souris sur le menu et cliquer qur l’onglet « Modifier la navigation
  • 111. MODIFIER LA NAVIGATION passer la souris sur le menu et cliquer que l’onglet « Modifier la navigation La navigation est le «menu» de votre site internet. C’est l'endroit où seront listées toutes vos pages. Il existe de nombreuses options grâce auxquelles vous allez pouvoir modifier votre navigation. Pour se faire, déplacez simplement votre souris 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 !
  • 112. Ajouter une nouvelle page : Cliquez sur le symbole représentant une feuille de papier avec le symbole +. Cela ajoute directement une nouvelle page. Vous pouvez ajouter toutes les pages dont vous avez besoin. Il n'y a pas de nombre limite. Renommer une page : Pour renommer le titre de votre rubrique, il suffit de cliquer sur le champ à modifier et d'y entrer le nom souhaité. Supprimer une page : Cliquez sur le symbole représentant une petite poubelle à côté de la page que vous souhaitez supprimer. Déplacer une page. : ... vers le bas : Cliquez sur la flèche pointant vers le bas pour déplacer votre page au niveau de la page du dessous. ... vers le haut : Cliquez sur la flèche pointant vers le haut pour déplacer votre page au niveau de la page du dessus. ... vers un niveau inférieur : Cliquez sur la flèche pointant vers la droite pour déplacer votre page à un niveau inférieur. ... vers un niveau supérieur : Cliquez sur la flèche pointant vers la gauche pour déplacer votre page à un niveau supérieur.
  • 113. CACHER UNE PAGE Cliquez sur le symbole représentant un œil à côté de la page que vous . souhaitez rendre invisible aux yeux des visiteurs dans la navigation Attention : Cela ne signifie pas pour autant que les visiteurs ne peuvent pas se rendre sur la page, notamment s'ils connaissent son adresse URL. Mais ils ne pourront pas la voir ni y accéder via le menu de navigation. Si des liens hypertextes dirigent vers cette page, elle pourra être référencée par des moteurs de recherche et donc être éventuellement trouvée ainsi. Vous pouvez en revanche créer des liens hypertextes vers ces sous-pages. Les sous- pages apparaîtront alors dans un "menu de navigation secondaire". En résumé, seule la page de niveau supérieure n'est ni visible ni accessible via les menus de navigation ou plan du site. Astuces : Que faire quand votre site n’est pas terminé et que vous souhaitez limiter son accès le temps de la construction ? 1 - vous pouvez prévenir le visiteur que vous travaillez encore sur ce site en plaçant un panneau "Site en construction“ comme décrit ici: http://fr.jimdo.com/2010/09/09/cadeau-un-panneau-site-en-construction- pour-votre-site-jimdo/ 2 - ou en bloquant l‘entrée du site en insérant une zone à mot de passe. Pour se faire : - Cliquer sur Paramètres > Zones à mot de passe > Ajouter une nouvelle zone protégée par mot de passe et cliquer sur toutes les pages du site en réponse à la question „Quelles sont les pages qui doivent être protégées par cette zone? “ Ainsi l’ensemble sera bloqué !
  • 114. COPIER UNE PAGE  1 - Cliquez sur le symbole des deux pages .  Votre page sera copiée à l'identique et apparaitra juste en dessous de la page duppliquée. A vous ensuite de changer son titre et de la déplacer où vous le souhaitez dans la navigation (à l'aide des flèches) !
  • 115. JIMDO : ARBORESCENCE http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  • 116. MODIFIER LA NAVIGATION Toujours supprimer les pages avant de supprimer les rubriques Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme
  • 117. COMPOSITION D’UNE PAGE JIMDO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  • 118. COMENT UTILISER LA BOÎTE À OUTILS JIMDO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  • 122. COMMENT AJOUTER DU CONTENU http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site- internet-paysdebergerac/8
  • 123. FORMULAIRE Ŕ TÉLÉCHARGEMENT- FLUX… http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site- internet-paysdebergerac/8
  • 124. JIMDO : LE FORMULAIRE
  • 125. JIMDO : LE FORMULAIRE
  • 126. JIMDO : LE FORMULAIRE
  • 127. JIMDO : LE FORMULAIRE
  • 133. POUR AJOUTER DU CONTENU EXTERNE http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site- internet-paysdebergerac/8
  • 134. CRÉER ET INSÉRER UN WIDGET POUR LA MÉTÉO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  • 135. WIDGET MÉTÉO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  • 136. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA CTOURISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 137. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA CTOURISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 138. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA CTOURISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 139. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA CTOURISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 140. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA CTOURISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 141. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERA CTOURISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 142. ASTUCES : IL EST POSSIBLE DE GÉRER DES COLONNES... POUR LA MISE EN PAGE fr.jimdo.com/2012/01/09/nouveauté-les-colonnes/
  • 143. ASTUCES : LES COLONNES
  • 145. ASTUCES : INTÉGRER UN FORUM… http://fr.jimdo.com/2009/06/23/astuce-comment-int%C3%A9grer-un- forum-%C3%A0-votre-site-jimdo/
  • 146. APPORTER UN CÔTÉ LUDIQUE : INTÉGRER LA BD
  • 147. APPORTER UN CÔTÉ LUDIQUE : INTÉGRER LA BD
  • 148. APPORTER UN CÔTÉ LUDIQUE : INTÉGRER LA BD
  • 149. JIMDO ET LE RÉFÉRENCEMENT
  • 151. MIEUX RÉFÉRENCER VOTRE SITE JIMDO : HTTP://FR.JIMDO.COM/SEO
  • 152. MIEUX RÉFÉRENCER VOTRE SITE JIMDO : HTTP://FR.JIMDO.COM/SEO/
  • 168. UN EXEMPLE : HTTP://OTPATEST.JIMDO.COM/ Sources : Etourisme.info : tutoriel Site_Mobile_Jimdo http://www.etourisme.info/wp- content/uploads/2012/04/Tutoriel_Site_Mobile_Jimdo.pdf le Pack de fichiers pour site mobile Jimdo
  • 173. DES EXEMPLES DE SITES JIMDO Communiqués sur le groupe privé des ANT http://campingstj.jimdo.com/ http://campingprimel.jimdo.com/photos-vid%C3%A9os/ http://gitepetitchamois.jimdo.com/ http://www.chambre-hote-amarines.com/ http://location-geishouse-vittjos.jimdo.com/accueil/geishouse-en-photos-au-fil-des- saisons/ http://www.voyageavoile.com/ http://www.laboulecalvaise.com/ http://art-contemporain-calvi.jimdo.com/retrospective/ http://www.gites-chambres-aisne.com http://www.creperiebreizhilien.com http://baierhuysvilaine.jimdo.com/ + localement… http://galtroissources.jimdo.com http://ardeche-sources-loire-terroir.jimdo.com/ Et bientôt le site du comité des fêtes de Saint Cirgues en Montagne
  • 176. LE SITE DES PROS DU TOURISME PAYS DE BERGERAC.
  • 177. BIENTÔT EN LIGNE, LE RESTAURANT DU PONT DE LA LOIRE - SANDRINE ARNAUD
  • 178. WIX
  • 179. WIX
  • 180. WIX
  • 181. WIX
  • 182. WIX
  • 183. PROPOSITION D’ATELIERS : UN NOUVEAU SERVICE DE L’OFFICE DE TOURISME Lundi 7 janvier : à 14h Outils Web, Google Local + (Google Adresse) et QR Codes Lundi 4 février : Référencement/Diagnostic site Internet à 9h Créer un site web pour Smartphone/Tablette à 14h Lundi 4 mars : Relation clients, avis clients à 14h
  • 184. •Proposition d’ateliers : un nouveau service de l’office de tourisme Lundi 8 avril 2013 Partage photo/video à 9h Réseaux sociaux à 14h Lundi 13 mai 2013 à 14h Wifi Sécurisé, stratégie communication Inscriptions à l’Office de tourisme : 04 75 38 89 78 ou 06 07 33 80 17 Adresse : www.ardeche-sources-loire.com