CRÉER UN SITE INTERNET OU UNBLOG : I’M JUST A BRICOLO…Office de Tourisme du Pays des sources de la LoireAtelier du 4 févri...
INTRODUCTION PAR LÉVYANTHÉRION ANIMATEURNUMÉRIQUE DE L’OFFICE DETOURISME DES BOUTIÈRESAtelier du 4 février 2013
1.1Les différentes étapes
1.2 La plannification           stratégiqueAnalyser les Besoins du client, l’ impactéventuel sur internet pour obtenir uns...
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   SmartphonesLa démocratisation du smartphone : +44% d’augmentation de nombre desmartphones en circulatio...
LES GRANDES LIGNES DE LACRÉATION D’UN SITE INTERNETAtelier 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 ...
LE CAHIER DES CHARGES Etape incontournable Votre entreprise : quel contexte? Quel site pour  quelle stratégie d’entrepri...
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 s...
PROPOSITIONS DE SOMMAIRED’UN CAHIER DES CHARGES    1 Présentation    1.1 Vos interlocuteurs    1.2 Date de remise des offr...
PROPOSITIONS DE SOMMAIRED’UN CAHIER DES CHARGES                   Voici le lien pour la totalité du                   cahi...
AUTRE PRÉSENTATION EN LIGNE POUR LACRÉATION D’UN CAHIER DES CHARGES                                                       ...
LA MISE EN FORME DU PROJET  La conception : Répartition du contenu, de l’arborescence Fonctionnalité de chaque page Cha...
LES MOMENTS CLÉS L’intégration des pages : Préparation et réalisation des éléments  graphiques Mise au format HTML, opt...
MINDMEISTER POUR PRÉPARERVOTRE ARBORESCENCE
MINDMEISTER : 3 CARTES POSSIBLE ENGRATUIT EX : MY FIRST MIND MAP
MINDMEISTER : EX SWOT ANALYS(STRENGTHS (FORCES), WEAKNESSES (FAIBLESSES), OPPORTUNITIES (OPPORTUNITÉS),   THREATS(MENACES)...
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 PLANNINGPLANIFICATION SITE WEB
MINDMEISTER : WEBSITE ANALYSIS (MODÈLED’ARBORESCENCE POUR DIAGNOSTIC DE SITE)
EXEMPLE :
MINDMEISTER : AUTRES EXEMPLES DEMODÈLES D’ARBORESCENCE…..
UNE IDÉE / UNE RÉUNION AVEC UNWEBMASTER… UN BRAINSTORMING
UNE PROCÉDURE :PROJECT MANAGEMENT PROCESS
WRITE A BLOG POST
DÉFINIR L’ARBORESCENCEDE MON SITE
CRÉER UNE CARTE                  Ce lien peut vous                  être utile, mais sur                  recommandation d...
VOS MENTION LÉGALES   "Mentions légales" de site... voilà un outil pour    les générer automatiquement    : http://www.su...
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éfini...
HÉBERGEMENT : POUR UNE EFFICACITÉOPTIMALE DU SITE. Un hébergeur est un prestataire capable de  fournir : Un serveur perm...
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...
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...
ET SI JE FAISAIS APPELÀ UN PRESTATAIRE POUR MON SITE               ?   Une réunion de démarrage   Le positionnement par ...
BIEN CHOISIR SON PRESTATAIRE   Evaluer l’adéquation des réponses avec vos besoins à l’aide    d’une grille   Tarifs   L...
QUE PEUT ON ATTENDREDU PRESTATAIRE ? Des objectifs réalistes Une de moyen conformément aux objectifs visés Une transpar...
CAHIER DE SPÉCIFICATIONSTECHNIQUES Complète le cahier des charges Recense les différentes technologies, leur version,  l...
COMBIEN ÇA COÛTE   Le prestataire vous annonce un prix forfaitaire    auquel il doit se tenir   Sauf si changement de pé...
MERCI DE VOTRE ÉCOUTE. Vous pouvez aussi trouver des informations sur  l’espace pro de l’Agence touristique de l’Ardèche ...
SOLUTION INTERNET POUR LE PROFESSIONNELDU TOURISME TOURISTIC (ÉGALEMENT ORGANISME DEFORMATION   ANIMATEUR NUMÉRIQUE DU TER...
WORDPRESSCréez facilement votre site ou blogprésenté par Laureline FusadeOffice de Tourisme du Pays des sources de laLoire...
ALLEZ SUR FR.WORDPRESS.COM ET CLIQUEZSUR LE GROS BOUTON BLEU« INSCRIPTION »
CHOISISSEZ UN NOM POUR VOTRE SITE/BLOG ETCHOISISSEZ LA SOLUTION GRATUITE (LES SOLUTIONSPAYANTES OFFRENT PLUS D’ESPACE DE S...
APRÈS VALIDATION DE SON ADRESSE MAIL,ON ARRIVE SUR LE « TABLEAU DE BORD » DUBLOG NOUVELLEMENT CRÉÉ
DANS LE MENU DE GAUCHE, DES DIZAINES DECHOIX SONT POSSIBLES, VOUS POUVEZVÉRIFIER LES STATISTIQUES DE VOTREBLOG…
SURVOLER ET MODIFIER TOUS LESARTICLES DE VOTRE BLOG
GÉRER LES CATÉGORIES DANSLESQUELLES SONT CLASSÉS VOS ARTICLES
GÉRER LES TAGS (MOTS-CLÉS) INDEXANTVOS ARTICLES
CRÉER DES « PAGES » (DIFFÉRENTES DES« ARTICLES »)
LES PAGES PERMETTENT D’AFFICHER UNCONTENU PLUS STATIQUE, PLUS INTEMPOREL.
PAR EXEMPLE, LA PAGE « CONTACT » PERMETTRAD’AJOUTER UN ONGLET EN EN-TÊTE INDIQUANTNOS COORDONNÉES.
CHANGER LES THÈMES(L’APPARENCE) DU BLOG
AJOUTER DES WIDGETS (DES APPLICATION GADGETSQUI PEUVENT ÊTRE AJOUTÉES DANS LE MENU SUR LECÔTÉ (SIDEBAR) COMME UN CALENDRIE...
PERSONNALISER SON EN-TÊTE EN YAJOUTANT UNE PHOTO
INVITER D’AUTRES GENS À PUBLIER SURVOTRE BLOG
FAIRE LES RÉGLAGES GÉNÉRAUX
ÉCRIRE UN PREMIER ARTICLE SUR SONBLOG
AVOIR UN APERÇU
SE DIRE QU’ON Y AJOUTERAIT BIEN UNEIMAGE
PUBLIER SON 1ER ARTICLE
L’EXEMPLE DU SITE DE L’OFFICE DETOURISME DES BOUTIÈRESPRÉSENTÉ PAR LÉVY ANTHÉRIONAtelier du 4 février 2013Voici quelques i...
L’EXEMPLE DU SITE DE L’OFFICE DETOURISME DES BOUTIÈRES             Un site en WEB RESPONSIVE DESIGN            Aperçu du s...
VERSION SMARTPHONE ET TABLETTE :La photo de la chapelle de Soutron se réduit en format tablette et letexte de bienvenue n’...
AU MENU… Des rubriques Découvrir, Activités, hébergements, restauration, festivités, une partie blog, un accès à un formul...
QUELQUES WIDGETS À DROITE DEL’ÉCRAN :                L’abonnement à la newsletter, le partage                sur les résea...
QUELQUES WIDGETS À DROITE DEL’ÉCRAN :                Mais aussi le widget SITRA (base de                données régionales...
LE PIED DE PAGE REPRENDLES 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 conten...
RUBRIQUE ACTIVITÉS :RANDONNÉE…MAIS AUSSI …Volonté de mettre en avant la randonnée avec lesprincipales autres activités du ...
LA RUBRIQUE HÉBERGEMENTS
LA RUBRIQUE RESTAURATION :              A partir de cette page on retrouve les              restaurants, l’artisanat et le...
LA RUBRIQUE AGENDA DES FESTIVITÉSCette page renvoie sur l’agenda d’Ardèche Plein Cœur téléchargeableen format pdf et sur u...
UN BLOG EST RATTACHÉ AU SITE AVECDES 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 2013Pré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 ...
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 daccueil du site    Jimdo   Cest là que vous allez pouvoir vous inscr...
CRÉER SON SITE JIMDO 2. Choisir son nom de "sous-domaine" Jimdo Un "sous-domaine" Jimdo cest en fait un  domaine gratuit...
CRÉER SON SITE JIMDO Afin de vous aider à savoir comment faire un site  Internet et commencer à créer votre site  facilem...
CRÉATION DE VOTRE SITE WEB Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme n°1 Cœur de B
COMMENT COMMENCER À TRAVAILLER SURVOTRE SITE ? Si vous ne lêtes pas déjà, connectez vous sur  votre site grâce au mot de ...
COMMENT COMMENCER À CRÉER SON SITE ?SUIVEZ LE GUIDE    Afin de vous aider à savoir comment faire un site     Internet et ...
COMMENT CRÉER UN SITE INTERNETGRATUITEMENT ET FACILEMENT : LES VIDÉOS une série de 4 vidéos, comment créer un site  inter...
VOTRE INTERFACE :avec un design proposé, une en-tête (Header), la partie  centrale de votre site (le corps), un bas de pag...
LA BARRE DADMINISTRATION La barre dadministration est une composante  essentielle dun site Jimdo. Dès votre première con...
BARRE D’ADMINISTRATION :POUR ACCÉDER DIRECTEMENT AUX DÉTAILS DE CHAQUE MENU, CLIQUEZ SURL´IMAGE CONCERNÉE.
LE HEADER EST LA ZONE D’EN-TÊTE DEVOTRE SITE JIMDO   :C‘est la partie qui attire l’attention, l’élément clé de votre    m...
EX : HTTP://ARDECHE-SOURCES-LOIRE-TERROIR.JIMDO.COM/
L’ONGLET GALERIE   Dans longlet "Galerie", vous pourrez sélectionner    une image parmi la collection dimages Jimdo. Il y...
IMAGES PERSONNELLES   Bien sûr, vous pouvez aussi télécharger votre    propre image. Il n’y a pas de limite de taille. Le...
IMAGES PERSONNELLES Une autre alternative : vous pouvez entrer la valeur hexadécimale. C’est pratique quand, par exemple, ...
MODIFIER LE HEADER Une fois le texte saisi on peut modifier la police et la taille. Des curseurs permettent de régler la c...
LOGO1. Cliquez sur „Parcourir“ pour sélectionner le logo   de votre choix. Vous pourrez modifier la taille plus   tard si ...
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                      ...
Ajouter une nouvelle page : Cliquez sur le    symbole représentant une feuille de papier    avec le symbole +. Cela ajoute...
CACHER UNE PAGECliquez sur le symbole représentant un œil à côté de la page que vous.  souhaitez rendre invisible aux yeux...
COPIER UNE PAGE  1 - Cliquez sur le symbole  des deux pages . Votre page sera copiée à  lidentique et apparaitra  juste ...
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/LAUBE...
COMPOSITION D’UNE PAGE JIMDO  http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-  dun-site-internet-paysdeb...
COMENT UTILISER LA BOÎTE À OUTILSJIMDO   http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-   dun-site-inte...
AJOUTER DU TEXTEhttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
MODIFIER LE CONTENU
MODIFIER LE CONTENU
COMMENT AJOUTER DU CONTENUhttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergera...
FORMULAIRE Ŕ TÉLÉCHARGEMENT- FLUX…http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysd...
JIMDO : LE FORMULAIRE
JIMDO : LE FORMULAIRE
JIMDO : LE FORMULAIRE
JIMDO : LE FORMULAIRE
AJOUTER DES IMAGEShttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
JIMDO IMAGES
JIMDO IMAGES
JIMDO IMAGES
POUR AJOUTER DU CONTENU EXTERNEhttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebe...
CRÉER ET INSÉRER UN WIDGETPOUR LA MÉTÉO  http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-  dun-site-inter...
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/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBE...
INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBE...
INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBE...
INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBE...
INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBE...
INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBE...
ASTUCES : IL EST POSSIBLE DE GÉRERDES 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_Jimdohttp://www.etourisme.info/wp-c...
JIMDO RESPONSIVE
JIMDO RESPONSIVE
DES EXEMPLES DE SITES JIMDOCommuniqués sur le groupe privé des ANThttp://campingstj.jimdo.com/   http://campingprimel.jimd...
WEEKENDENPERIGORD-COM UNCOUD’CŒUR DE JIMDO
TOURNUS
LE SITE DES PROS DU TOURISMEPAYS DE BERGERAC.
BIENTÔT EN LIGNE, LE RESTAURANT DUPONT DE LA LOIRE - SANDRINE ARNAUD
WIX
WIX
WIX
WIX
WIX
PROPOSITION   D’ATELIERS          : UN NOUVEAUSERVICE DE L’OFFICE DE TOURISME         Lundi 7 janvier : à 14h         Outi...
•Proposition d’ateliers : un nouveauservice de l’office de tourisme                          Lundi 8 avril 2013           ...
Créer un site internet ou un blog
Créer un site internet ou un blog
Créer un site internet ou un blog
Créer un site internet ou un blog
Créer un site internet ou un blog
Créer un site internet ou un blog
Prochain SlideShare
Chargement dans…5
×

Créer un site internet ou un blog

3 704 vues

Publié le

0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
3 704
Sur SlideShare
0
Issues des intégrations
0
Intégrations
548
Actions
Partages
0
Téléchargements
502
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer un site internet ou un blog

  1. 1. CRÉER UN SITE INTERNET OU UNBLOG : I’M JUST A BRICOLO…Office de Tourisme du Pays des sources de la LoireAtelier 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. 2. INTRODUCTION PAR LÉVYANTHÉRION ANIMATEURNUMÉRIQUE DE L’OFFICE DETOURISME DES BOUTIÈRESAtelier du 4 février 2013
  3. 3. 1.1Les différentes étapes
  4. 4. 1.2 La plannification stratégiqueAnalyser les Besoins du client, l’ impactéventuel sur internet pour obtenir unsite internet en adéquation avec lademande.
  5. 5. 1.3 Un site internet dans le tourisme
  6. 6. 2. Les tendances de la demande
  7. 7. 2.1 Le tourisme en ligne de mire
  8. 8. 2.2 La place des Tablettes
  9. 9. 2.3 La place des SmartphonesLa démocratisation du smartphone : +44% d’augmentation de nombre desmartphones en circulation entre 2010 et2011.
  10. 10. LES GRANDES LIGNES DE LACRÉATION D’UN SITE INTERNETAtelier du 4 février 2013,Présentation Alix Séverine
  11. 11. LES GRANDE LIGNES•Objectifs de votre site•Cibles de votre site•Arborescence(le squelette du site)
  12. 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. 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. 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. 15. PROPOSITIONS DE SOMMAIRED’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. 16. PROPOSITIONS DE SOMMAIRED’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. 17. AUTRE PRÉSENTATION EN LIGNE POUR LACRÉ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 2012http://fr.slideshare.net/VallsyMachinantDavid/cahier-des-chargesmodlesgratuitprojetsiteinternet
  18. 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. 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
  20. 20. MINDMEISTER POUR PRÉPARERVOTRE ARBORESCENCE
  21. 21. MINDMEISTER : 3 CARTES POSSIBLE ENGRATUIT EX : MY FIRST MIND MAP
  22. 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. 23. MINDMEISTER : DES MAPS (CARTES)DIFFÉRENTES SELON VOS BESOINS
  24. 24. MINDMEISTER : UNE FOIS LE MODÈLE CHOISI,UN CLIC ET VOILA VOTRE SUPPORT CRÉÉ, ÀVOUS DE JOUER
  25. 25. MINDMEISTER : WEBSITE PLANNINGPLANIFICATION SITE WEB
  26. 26. MINDMEISTER : WEBSITE ANALYSIS (MODÈLED’ARBORESCENCE POUR DIAGNOSTIC DE SITE)
  27. 27. EXEMPLE :
  28. 28. MINDMEISTER : AUTRES EXEMPLES DEMODÈLES D’ARBORESCENCE…..
  29. 29. UNE IDÉE / UNE RÉUNION AVEC UNWEBMASTER… UN BRAINSTORMING
  30. 30. UNE PROCÉDURE :PROJECT MANAGEMENT PROCESS
  31. 31. WRITE A BLOG POST
  32. 32. DÉFINIR L’ARBORESCENCEDE MON SITE
  33. 33. CRÉER UNE CARTE Ce lien peut vous être utile, mais sur recommandation de l’organisme de formation Touristic : linterface 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. 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/
  35. 35. MENTIONS LÉGALES
  36. 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. 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. 38. SHÉMA (SOURCE : BLOG.KABIA.FR)
  39. 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
  40. 40. HÉBERGEMENT CHEZ OVH, PAR EX.
  41. 41. HÉBERGEMENT CHEZ OVH, PAR EX.
  42. 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. 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. 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. 45. QUE PEUT ON ATTENDREDU 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. 46. CAHIER DE SPÉCIFICATIONSTECHNIQUES 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. 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. 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. 49. SOLUTION INTERNET POUR LE PROFESSIONNELDU TOURISME TOURISTIC (ÉGALEMENT ORGANISME DEFORMATION ANIMATEUR NUMÉRIQUE DU TERRITOIRE) : webmaster@touristic.fr https://www.facebook.com/touristic.etourisme Google Adresse
  50. 50. WORDPRESSCréez facilement votre site ou blogprésenté par Laureline FusadeOffice de Tourisme du Pays des sources de laLoire. 4 février 2012
  51. 51. ALLEZ SUR FR.WORDPRESS.COM ET CLIQUEZSUR LE GROS BOUTON BLEU« INSCRIPTION »
  52. 52. CHOISISSEZ UN NOM POUR VOTRE SITE/BLOG ETCHOISISSEZ LA SOLUTION GRATUITE (LES SOLUTIONSPAYANTES OFFRENT PLUS D’ESPACE DE STOCKAGE, PLUSDE PERSONNALISATION POUR L’APPARENCE DU SITE…ETC)
  53. 53. APRÈS VALIDATION DE SON ADRESSE MAIL,ON ARRIVE SUR LE « TABLEAU DE BORD » DUBLOG NOUVELLEMENT CRÉÉ
  54. 54. DANS LE MENU DE GAUCHE, DES DIZAINES DECHOIX SONT POSSIBLES, VOUS POUVEZVÉRIFIER LES STATISTIQUES DE VOTREBLOG…
  55. 55. SURVOLER ET MODIFIER TOUS LESARTICLES DE VOTRE BLOG
  56. 56. GÉRER LES CATÉGORIES DANSLESQUELLES SONT CLASSÉS VOS ARTICLES
  57. 57. GÉRER LES TAGS (MOTS-CLÉS) INDEXANTVOS ARTICLES
  58. 58. CRÉER DES « PAGES » (DIFFÉRENTES DES« ARTICLES »)
  59. 59. LES PAGES PERMETTENT D’AFFICHER UNCONTENU PLUS STATIQUE, PLUS INTEMPOREL.
  60. 60. PAR EXEMPLE, LA PAGE « CONTACT » PERMETTRAD’AJOUTER UN ONGLET EN EN-TÊTE INDIQUANTNOS COORDONNÉES.
  61. 61. CHANGER LES THÈMES(L’APPARENCE) DU BLOG
  62. 62. AJOUTER DES WIDGETS (DES APPLICATION GADGETSQUI PEUVENT ÊTRE AJOUTÉES DANS LE MENU SUR LECÔTÉ (SIDEBAR) COMME UN CALENDRIER…ETC)
  63. 63. PERSONNALISER SON EN-TÊTE EN YAJOUTANT UNE PHOTO
  64. 64. INVITER D’AUTRES GENS À PUBLIER SURVOTRE BLOG
  65. 65. FAIRE LES RÉGLAGES GÉNÉRAUX
  66. 66. ÉCRIRE UN PREMIER ARTICLE SUR SONBLOG
  67. 67. AVOIR UN APERÇU
  68. 68. SE DIRE QU’ON Y AJOUTERAIT BIEN UNEIMAGE
  69. 69. PUBLIER SON 1ER ARTICLE
  70. 70. L’EXEMPLE DU SITE DE L’OFFICE DETOURISME DES BOUTIÈRESPRÉSENTÉ PAR LÉVY ANTHÉRIONAtelier du 4 février 2013Voici quelques impressions écrans du siteprésenté
  71. 71. L’EXEMPLE DU SITE DE L’OFFICE DETOURISME DES BOUTIÈRES Un site en WEB RESPONSIVE DESIGN Aperçu du site format écran PC ou portable
  72. 72. VERSION SMARTPHONE ET TABLETTE :La photo de la chapelle de Soutron se réduit en format tablette et letexte de bienvenue n’apparait plus. La même photo disparait pourparaître en version mobile.
  73. 73. 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.
  74. 74. QUELQUES WIDGETS À DROITE DEL’ÉCRAN : L’abonnement à la newsletter, le partage sur les réseaux sociaux, la météo
  75. 75. QUELQUES WIDGETS À DROITE DEL’ÉCRAN : Mais aussi le widget SITRA (base de données régionales) des évènements
  76. 76. LE PIED DE PAGE REPRENDLES RUBRIQUES DU SOMMAIRE
  77. 77. 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…
  78. 78. RUBRIQUE ACTIVITÉS :RANDONNÉE…MAIS AUSSI …Volonté de mettre en avant la randonnée avec lesprincipales autres activités du secteur.
  79. 79. LA RUBRIQUE HÉBERGEMENTS
  80. 80. LA RUBRIQUE RESTAURATION : A partir de cette page on retrouve les restaurants, l’artisanat et les produits du teroir, les commerces
  81. 81. LA RUBRIQUE AGENDA DES FESTIVITÉSCette page renvoie sur l’agenda d’Ardèche Plein Cœur téléchargeableen format pdf et sur une extraction des évènements du territoire decompétence de l’office de tourisme depuis la base de donnée SITRA
  82. 82. UN BLOG EST RATTACHÉ AU SITE AVECDES ARTICLES
  83. 83. UN EXEMPLE D’ARTICLE DU BLOG.
  84. 84. COMMENTER UN ARTICLE SUR LE BLOG
  85. 85. LA RUBRIQUE CONTACT
  86. 86. LA RUBRIQUE CONTACT, SUITE…
  87. 87. Atelier du 4 février 2013Présentation de Séverine Alix le 4 février
  88. 88. 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
  89. 89. POURQUOI CHOISIR JIMDO
  90. 90. Un coup de main??? http://communautefrancophone.jimdo.com/
  91. 91. COMMENT CRÉER UN SITE INTERNET http://fr.jimdo.com/comment-cr%C3%A9er-un-site- internet/
  92. 92. CRÉER SON SITE JIMDO 1. Rendez-vous sur la page daccueil du site Jimdo Cest là que vous allez pouvoir vous inscrire. À noter : linscription 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 dutilisation dans le temps. Choisissez une adresse email dont vous êtes sûr de garder laccès sur le long terme : ce sera votre adresse de contact pour Jimdo et pour récupérer vos données daccès une fois votre site créé.
  93. 93. CRÉER SON SITE JIMDO 2. Choisir son nom de "sous-domaine" Jimdo Un "sous-domaine" Jimdo cest 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 daccès.
  94. 94. 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 demail daide "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
  95. 95. CRÉATION DE VOTRE SITE WEB Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme n°1 Cœur de B
  96. 96. COMMENT COMMENCER À TRAVAILLER SURVOTRE 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 loublier. Pensez sinon à bien sauvegarder lemail de bienvenue avec vos codes daccès sur votre boîte de messagerie (dans un fichier par exemple).
  97. 97. 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 demail daide "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#!
  98. 98. COMMENT CRÉER UN SITE INTERNETGRATUITEMENT ET FACILEMENT : LES VIDÉOS une série de 4 vidéos, comment créer un site internet Jimdo.(à voir en basde page)
  99. 99. 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 dadministration sur votre droite.
  100. 100. LA BARRE DADMINISTRATION La barre dadministration est une composante essentielle dun 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.
  101. 101. BARRE D’ADMINISTRATION :POUR ACCÉDER DIRECTEMENT AUX DÉTAILS DE CHAQUE MENU, CLIQUEZ SURL´IMAGE CONCERNÉE.
  102. 102. LE HEADER EST LA ZONE D’EN-TÊTE DEVOTRE 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 nest 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/
  103. 103. EX : HTTP://ARDECHE-SOURCES-LOIRE-TERROIR.JIMDO.COM/
  104. 104. L’ONGLET GALERIE Dans longlet "Galerie", vous pourrez sélectionner une image parmi la collection dimages 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.
  105. 105. 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 dimage 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).
  106. 106. 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.
  107. 107. 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
  108. 108. LOGO1. 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 limage" 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.
  109. 109. MODIFIER LA NAVIGATION passer la souris sur le menu et cliquer qur l’onglet « Modifier la navigation
  110. 110. 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 lendroit 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 !
  111. 111. 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 ny a pas de nombre limite.Renommer une page : Pour renommer le titre de votre rubrique, il suffit de cliquer sur le champ à modifier et dy 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.
  112. 112. CACHER UNE PAGECliquez sur le symbole représentant un œil à côté de la page que vous. souhaitez rendre invisible aux yeux des visiteurs dans la navigationAttention : Cela ne signifie pas pour autant que les visiteurs ne peuvent pas se rendre sur la page, notamment sils 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 nest 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é !
  113. 113. COPIER UNE PAGE 1 - Cliquez sur le symbole des deux pages . Votre page sera copiée à lidentique 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 (à laide des flèches) !
  114. 114. JIMDO : ARBORESCENCE http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  115. 115. MODIFIER LA NAVIGATION Toujours supprimer les pages avant de supprimer les rubriques Source http://fr.slideshare.net/LAUBEGUE - Atelier E-tourisme
  116. 116. COMPOSITION D’UNE PAGE JIMDO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  117. 117. COMENT UTILISER LA BOÎTE À OUTILSJIMDO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  118. 118. AJOUTER DU TEXTEhttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
  119. 119. MODIFIER LE CONTENU
  120. 120. MODIFIER LE CONTENU
  121. 121. COMMENT AJOUTER DU CONTENUhttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
  122. 122. FORMULAIRE Ŕ TÉLÉCHARGEMENT- FLUX…http://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
  123. 123. JIMDO : LE FORMULAIRE
  124. 124. JIMDO : LE FORMULAIRE
  125. 125. JIMDO : LE FORMULAIRE
  126. 126. JIMDO : LE FORMULAIRE
  127. 127. AJOUTER DES IMAGEShttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
  128. 128. JIMDO IMAGES
  129. 129. JIMDO IMAGES
  130. 130. JIMDO IMAGES
  131. 131. POUR AJOUTER DU CONTENU EXTERNEhttp://www.slideshare.net/fullscreen/Bergeractourismepro/cration-dun-site-internet-paysdebergerac/8
  132. 132. CRÉER ET INSÉRER UN WIDGETPOUR LA MÉTÉO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  133. 133. WIDGET MÉTÉO http://www.slideshare.net/fullscreen/Bergeractourismepro/cration- dun-site-internet-paysdebergerac/8
  134. 134. INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBERGERAC/8
  135. 135. INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBERGERAC/8
  136. 136. INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBERGERAC/8
  137. 137. INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBERGERAC/8
  138. 138. INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBERGERAC/8
  139. 139. INSÉRER UNE CARTE INTERACTIVE :HTTP://WWW.SLIDESHARE.NET/FULLSCREEN/BERGERACTOURISMEPRO/CRATION-DUN-SITE-INTERNET-PAYSDEBERGERAC/8
  140. 140. ASTUCES : IL EST POSSIBLE DE GÉRERDES COLONNES... POUR LA MISE EN PAGE fr.jimdo.com/2012/01/09/nouveauté-les-colonnes/
  141. 141. ASTUCES : LES COLONNES
  142. 142. ASTUCES LES COLONNES
  143. 143. ASTUCES : INTÉGRER UN FORUM… http://fr.jimdo.com/2009/06/23/astuce-comment-int%C3%A9grer-un- forum-%C3%A0-votre-site-jimdo/
  144. 144. APPORTER UN CÔTÉ LUDIQUE :INTÉGRER LA BD
  145. 145. APPORTER UN CÔTÉ LUDIQUE :INTÉGRER LA BD
  146. 146. APPORTER UN CÔTÉ LUDIQUE :INTÉGRER LA BD
  147. 147. JIMDO ET LE RÉFÉRENCEMENT
  148. 148. MIEUX RÉFÉRENCER VOTRE SITE JIMDO :HTTP://FR.JIMDO.COM/SEO
  149. 149. MIEUX RÉFÉRENCER VOTRE SITE JIMDO :HTTP://FR.JIMDO.COM/SEO/
  150. 150. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  151. 151. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  152. 152. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  153. 153. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  154. 154. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  155. 155. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  156. 156. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  157. 157. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  158. 158. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  159. 159. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  160. 160. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  161. 161. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  162. 162. MIEUX RÉFÉRENCER VOTRE SITE JIMDO
  163. 163. JIMDO MOBILE
  164. 164. UN EXEMPLE : HTTP://OTPATEST.JIMDO.COM/Sources : Etourisme.info : tutoriel Site_Mobile_Jimdohttp://www.etourisme.info/wp-content/uploads/2012/04/Tutoriel_Site_Mobile_Jimdo.pdfle Pack de fichiers pour site mobile Jimdo
  165. 165. JIMDO RESPONSIVE
  166. 166. JIMDO RESPONSIVE
  167. 167. DES EXEMPLES DE SITES JIMDOCommuniqués sur le groupe privé des ANThttp://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.comhttp://www.creperiebreizhilien.comhttp://baierhuysvilaine.jimdo.com/+ localement…http://galtroissources.jimdo.comhttp://ardeche-sources-loire-terroir.jimdo.com/Et bientôt le site du comité des fêtes de Saint Cirgues en Montagne
  168. 168. WEEKENDENPERIGORD-COM UNCOUD’CŒUR DE JIMDO
  169. 169. TOURNUS
  170. 170. LE SITE DES PROS DU TOURISMEPAYS DE BERGERAC.
  171. 171. BIENTÔT EN LIGNE, LE RESTAURANT DUPONT DE LA LOIRE - SANDRINE ARNAUD
  172. 172. WIX
  173. 173. WIX
  174. 174. WIX
  175. 175. WIX
  176. 176. WIX
  177. 177. PROPOSITION D’ATELIERS : UN NOUVEAUSERVICE 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
  178. 178. •Proposition d’ateliers : un nouveauservice 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 communicationInscriptions à l’Office de tourisme : 04 75 38 89 78 ou 06 07 33 80 17Adresse : www.ardeche-sources-loire.com

×