SlideShare uma empresa Scribd logo
1 de 184
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
3.5 Administration du site
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
Sources :
http://www.infocahierdescharges.com
PROPOSITIONS DE SOMMAIRE
D’UN CAHIER DES CHARGES
Voici le lien pour la totalité du
cahier des charges :
http://www.grafimages.com/downlo
ads/cdc-modele.pdf
Voir aussi :
http://www.123presta.com/redactio
n-du-cahier-des-charges-
introduction.html
AUTRE PRÉSENTATION EN LIGNE POUR LA
CRÉATION D’UN CAHIER DES CHARGES
http://fr.slideshare.net/VallsyMachinantDavid/cahier-des-
chargesmodlesgratuitprojetsiteinternet
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
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 (OPP
ORTUNITÉ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
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
Aperçu du site format écran PC ou portable
Un site en WEB RESPONSIVE DESIGN
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éarn
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_embedd
ed&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 n°1
Cœur de Béarn Pro
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
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/BERGERACTO
URISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO
URISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO
URISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO
URISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO
URISMEPRO/CRATION-DUN-SITE-INTERNET-
PAYSDEBERGERAC/8
INSÉRER UNE CARTE INTERACTIVE :
HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO
URISMEPRO/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
MIEUX RÉFÉRENCER VOTRE SITE JIMDO :
HTTP://FR.JIMDO.COM/SEO
MIEUX RÉFÉRENCER VOTRE SITE JIMDO :
HTTP://FR.JIMDO.COM/SEO/
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
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
Lundi 8 avril 2013
Partage photo/video à 9h
Réseaux sociaux à 14h
Lundi 13 mai 2013 à 14h
Wifi Sécurisé, stratégie
communication
•Proposition d’ateliers : un nouveau
service de l’office de tourisme
Inscriptions à l’Office de tourisme : 04 75 38 89 78 ou 06 07 33 80 17
Adresse : www.ardeche-sources-loire.com

Mais conteúdo relacionado

Mais procurados

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
 
Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015Destination Brocéliande
 
Audit personnalisé Performance Tourisme
Audit personnalisé Performance TourismeAudit personnalisé Performance Tourisme
Audit personnalisé Performance TourismePerformance_Tourisme
 
21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des chargesechangeurba
 
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 rédiger un cahier des charges de site web
Comment rédiger un cahier des charges de site webComment rédiger un cahier des charges de site web
Comment rédiger un cahier des charges de site webSemaweb
 
Plaire à Google pour bien positionner son entreprise en ligne
Plaire à Google pour bien positionner son entreprise en lignePlaire à Google pour bien positionner son entreprise en ligne
Plaire à Google pour bien positionner son entreprise en lignepolenumerique33
 
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
 
Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014
Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014
Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014polenumerique33
 
Guide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site InternetGuide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site Internetpolenumerique33
 
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
 
La gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesLa gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesRodolphe Finamore
 
Plan cahier-des-charges
Plan cahier-des-chargesPlan cahier-des-charges
Plan cahier-des-chargeswalouziz
 
Guide cahier des charges cci de saintonge
Guide cahier des charges cci de saintongeGuide cahier des charges cci de saintonge
Guide cahier des charges cci de saintongepolenumerique33
 
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
 
Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...
Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...
Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...Destination Brocéliande
 
Réussir la création de votre site Internet : les étapes du cahier des charges...
Réussir la création de votre site Internet : les étapes du cahier des charges...Réussir la création de votre site Internet : les étapes du cahier des charges...
Réussir la création de votre site Internet : les étapes du cahier des charges...Ardesi Midi-Pyrénées
 

Mais procurados (20)

Competitic : Cahier des charges site web
Competitic : Cahier  des charges site web Competitic : Cahier  des charges site web
Competitic : Cahier des charges site web
 
Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015Atelier numérique : Améliorez votre site internet - 03/12/2015
Atelier numérique : Améliorez votre site internet - 03/12/2015
 
20160113 mini-sites-j1
20160113 mini-sites-j120160113 mini-sites-j1
20160113 mini-sites-j1
 
Audit personnalisé Performance Tourisme
Audit personnalisé Performance TourismeAudit personnalisé Performance Tourisme
Audit personnalisé Performance Tourisme
 
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 !
 
21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges21 questions à vous poser pour construire votre Cahier des charges
21 questions à vous poser pour construire votre Cahier des charges
 
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 rédiger un cahier des charges de site web
Comment rédiger un cahier des charges de site webComment rédiger un cahier des charges de site web
Comment rédiger un cahier des charges de site web
 
Plaire à Google pour bien positionner son entreprise en ligne
Plaire à Google pour bien positionner son entreprise en lignePlaire à Google pour bien positionner son entreprise en ligne
Plaire à Google pour bien positionner son entreprise en ligne
 
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...
 
Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014
Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014
Cci Bordeaux atelier cahier des charges projet web 13 novembre 2014
 
Guide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site InternetGuide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site Internet
 
2016 Création Refonte Site
2016 Création Refonte Site2016 Création Refonte Site
2016 Création Refonte 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
 
La gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesLa gestion de projet web en 15 étapes
La gestion de projet web en 15 étapes
 
Plan cahier-des-charges
Plan cahier-des-chargesPlan cahier-des-charges
Plan cahier-des-charges
 
Guide cahier des charges cci de saintonge
Guide cahier des charges cci de saintongeGuide cahier des charges cci de saintonge
Guide cahier des charges cci de saintonge
 
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
 
Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...
Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...
Atelier numérique : Affichez vos disponibilités et facilitez la réservation e...
 
Réussir la création de votre site Internet : les étapes du cahier des charges...
Réussir la création de votre site Internet : les étapes du cahier des charges...Réussir la création de votre site Internet : les étapes du cahier des charges...
Réussir la création de votre site Internet : les étapes du cahier des charges...
 

Destaque

Référencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailRéférencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailSéverine Alix
 
Buzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en InterneBuzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en InternePhilippe Vidal
 
Les outils du web atelier 1bis
Les outils du web atelier 1bisLes outils du web atelier 1bis
Les outils du web atelier 1bisSéverine Alix
 
Dévelopement extensions WordPress
Dévelopement extensions WordPressDévelopement extensions WordPress
Dévelopement extensions WordPressIZZA Samir
 
Internet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de baseInternet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de baseCDI CLG Matisse
 
Gestion des donnees personnelles.
Gestion des donnees personnelles.Gestion des donnees personnelles.
Gestion des donnees personnelles.olivier
 
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...CYB@RDECHE
 
Stratégies de présence et de marketing digital
Stratégies de présence et de marketing digitalStratégies de présence et de marketing digital
Stratégies de présence et de marketing digitalSamir Bellik
 
Booster votre visibilité sur les reseaux sociaux
Booster votre visibilité sur les reseaux sociauxBooster votre visibilité sur les reseaux sociaux
Booster votre visibilité sur les reseaux sociauxSamir Bellik
 
Mobile Apps, Stratégies et Enjeux
Mobile Apps, Stratégies et EnjeuxMobile Apps, Stratégies et Enjeux
Mobile Apps, Stratégies et EnjeuxSamir Bellik
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)SCALA
 
Concevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleConcevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleQuinchy Riya
 
8 secrets de productivité (développement personnel)
8 secrets de productivité (développement personnel)8 secrets de productivité (développement personnel)
8 secrets de productivité (développement personnel)SmartsCube
 
Usages internet adolescents
Usages internet adolescentsUsages internet adolescents
Usages internet adolescentsCToutNet
 
Les outils du_developpement_personnel_manager
Les outils du_developpement_personnel_managerLes outils du_developpement_personnel_manager
Les outils du_developpement_personnel_managerBAMBA Athanaz
 
Votre présence sur Internet
Votre présence sur InternetVotre présence sur Internet
Votre présence sur InternetLe Moulin Digital
 
Technologies & Systèmes
Technologies & SystèmesTechnologies & Systèmes
Technologies & SystèmesPaulin CHOUDJA
 

Destaque (20)

Référencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailRéférencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travail
 
Buzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en InterneBuzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en Interne
 
Les outils du web atelier 1bis
Les outils du web atelier 1bisLes outils du web atelier 1bis
Les outils du web atelier 1bis
 
Dévelopement extensions WordPress
Dévelopement extensions WordPressDévelopement extensions WordPress
Dévelopement extensions WordPress
 
Internet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de baseInternet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de base
 
Gestion des donnees personnelles.
Gestion des donnees personnelles.Gestion des donnees personnelles.
Gestion des donnees personnelles.
 
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
 
Les nouveaux outils du travail interministériel : la dématérialisation
Les nouveaux outils du travail interministériel : la dématérialisationLes nouveaux outils du travail interministériel : la dématérialisation
Les nouveaux outils du travail interministériel : la dématérialisation
 
Stratégies de présence et de marketing digital
Stratégies de présence et de marketing digitalStratégies de présence et de marketing digital
Stratégies de présence et de marketing digital
 
Booster votre visibilité sur les reseaux sociaux
Booster votre visibilité sur les reseaux sociauxBooster votre visibilité sur les reseaux sociaux
Booster votre visibilité sur les reseaux sociaux
 
Mobile Apps, Stratégies et Enjeux
Mobile Apps, Stratégies et EnjeuxMobile Apps, Stratégies et Enjeux
Mobile Apps, Stratégies et Enjeux
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Business Plan d’une application mobile
Business Plan d’une application mobileBusiness Plan d’une application mobile
Business Plan d’une application mobile
 
Concevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleConcevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitale
 
8 secrets de productivité (développement personnel)
8 secrets de productivité (développement personnel)8 secrets de productivité (développement personnel)
8 secrets de productivité (développement personnel)
 
Usages internet adolescents
Usages internet adolescentsUsages internet adolescents
Usages internet adolescents
 
Les outils du_developpement_personnel_manager
Les outils du_developpement_personnel_managerLes outils du_developpement_personnel_manager
Les outils du_developpement_personnel_manager
 
Votre présence sur Internet
Votre présence sur InternetVotre présence sur Internet
Votre présence sur Internet
 
Technologies & Systèmes
Technologies & SystèmesTechnologies & Systèmes
Technologies & Systèmes
 
E-Business & CRM
E-Business & CRME-Business & CRM
E-Business & CRM
 

Semelhante 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
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptxMahaJabri
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptxMahaJabri
 
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
 
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
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfJulien Dereumaux
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceDestination Brocéliande
 
Developper votre site internet
Developper votre site internetDevelopper votre site internet
Developper votre site internetdjam93
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Brigitte Marandon
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceEnzo
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceEnzo
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site InternetLe Moulin Digital
 
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
 
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
 
Site internet nantes - ACIH
Site internet nantes - ACIHSite internet nantes - ACIH
Site internet nantes - ACIHAgence_ACIH
 
AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...
AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...
AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...Oxalide
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurAlexandre Thuriot
 

Semelhante 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
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptx
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptx
 
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
 
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
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
 
Developper votre site internet
Developper votre site internetDevelopper votre site internet
Developper votre site internet
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23
 
Avoir Un Site Web Efficace
Avoir Un Site Web EfficaceAvoir Un Site Web Efficace
Avoir Un Site Web Efficace
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerce
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerce
 
Redcat final
Redcat finalRedcat final
Redcat final
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site Internet
 
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
 
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
 
Site internet nantes - ACIH
Site internet nantes - ACIHSite internet nantes - ACIH
Site internet nantes - ACIH
 
AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...
AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...
AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meill...
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateur
 

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 3.5 Administration du site 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 Sources : http://www.infocahierdescharges.com
  • 16. PROPOSITIONS DE SOMMAIRE D’UN CAHIER DES CHARGES Voici le lien pour la totalité du cahier des charges : http://www.grafimages.com/downlo ads/cdc-modele.pdf Voir aussi : http://www.123presta.com/redactio n-du-cahier-des-charges- introduction.html
  • 17. AUTRE PRÉSENTATION EN LIGNE POUR LA CRÉATION D’UN CAHIER DES CHARGES http://fr.slideshare.net/VallsyMachinantDavid/cahier-des- chargesmodlesgratuitprojetsiteinternet 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
  • 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 (OPP ORTUNITÉ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
  • 64.
  • 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 Aperçu du site format écran PC ou portable Un site en WEB RESPONSIVE DESIGN
  • 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éarn
  • 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_embedd ed&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) !
  • 116. MODIFIER LA NAVIGATION Toujours supprimer les pages avant de supprimer les rubriques Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme n°1 Cœur de Béarn Pro
  • 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
  • 132.
  • 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
  • 136. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO URISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 137. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO URISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 138. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO URISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 139. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO URISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 140. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO URISMEPRO/CRATION-DUN-SITE-INTERNET- PAYSDEBERGERAC/8
  • 141. INSÉRER UNE CARTE INTERACTIVE : HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTO URISMEPRO/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
  • 150.
  • 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/
  • 153.
  • 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
  • 169.
  • 170.
  • 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. Lundi 8 avril 2013 Partage photo/video à 9h Réseaux sociaux à 14h Lundi 13 mai 2013 à 14h Wifi Sécurisé, stratégie communication •Proposition d’ateliers : un nouveau service de l’office de tourisme Inscriptions à l’Office de tourisme : 04 75 38 89 78 ou 06 07 33 80 17 Adresse : www.ardeche-sources-loire.com