Créer un site internet ou un blog

1 518 vues

Publié le

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

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 518
Sur SlideShare
0
Issues des intégrations
0
Intégrations
35
Actions
Partages
0
Téléchargements
65
Commentaires
0
J’aime
0
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 UN BLOG :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ÉVY ANTHÉRIONANIMATEUR NUMÉ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 un siteinternet en adéquation avec la demande.
  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 Smartphones La démocratisation du smartphone : + 44% d’augmentation de nombre de smartphones en circulation entre 2010 et 2011.
  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/downlo ads/cdc-modele.pdf Voir aussi : http://www.123presta.com/redactio n-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, UNCLIC ET VOILA VOTRE SUPPORT CRÉÉ, À VOUS DEJOUER
  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 UN WEBMASTER…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 PROFESSIONNEL DUTOURISME TOURISTIC (ÉGALEMENT ORGANISME DE FORMATIONANIMATEUR 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 la Loire. 4fé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 ET CHOISISSEZLA SOLUTION GRATUITE (LES SOLUTIONS PAYANTES OFFRENTPLUS D’ESPACE DE STOCKAGE, PLUS DE PERSONNALISATIONPOUR L’APPARENCE DU SITE…ETC)
  53. 53. APRÈS VALIDATION DE SON ADRESSE MAIL, ONARRIVE SUR LE « TABLEAU DE BORD » DU BLOGNOUVELLEMENT CRÉÉ
  54. 54. DANS LE MENU DE GAUCHE, DES DIZAINES DECHOIX SONT POSSIBLES, VOUS POUVEZ VÉRIFIERLES STATISTIQUES DE VOTRE BLOG…
  55. 55. SURVOLER ET MODIFIER TOUS LES ARTICLESDE VOTRE BLOG
  56. 56. GÉRER LES CATÉGORIES DANS LESQUELLESSONT 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 UN CONTENUPLUS STATIQUE, PLUS INTEMPOREL.
  60. 60. PAR EXEMPLE, LA PAGE « CONTACT » PERMETTRAD’AJOUTER UN ONGLET EN EN-TÊTE INDIQUANT NOSCOORDONNÉES.
  61. 61. CHANGER LES THÈMES(L’APPARENCE) DU BLOG
  62. 62. AJOUTER DES WIDGETS (DES APPLICATION GADGETS QUIPEUVENT ÊTRE AJOUTÉES DANS LE MENU SUR LE CÔ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 SON BLOG
  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ÈRES PRÉSENTÉPAR LÉVY ANTHÉRIONAtelier du 4 février 2013Voici quelques impressions écrans du site pré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 DE L’ÉCRAN : L’abonnement à la newsletter, le partage sur les réseaux sociaux, la météo
  75. 75. QUELQUES WIDGETS À DROITE DE L’É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…MAISAUSSI …Volonté de mettre en avant la randonnée avec les principalesautres 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échargeable enformat 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 AVEC DESARTICLES
  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éarn
  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 ? SUIVEZLE 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_embedd ed&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 n°1 Cœur de Béarn Pro
  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 À OUTILS JIMDO 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 UN COUD’CŒURDE JIMDO
  169. 169. TOURNUS
  170. 170. LE SITE DES PROS DU TOURISMEPAYS DE BERGERAC.
  171. 171. BIENTÔT EN LIGNE, LE RESTAURANT DU PONTDE 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

×