Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Upcoming SlideShare
Loading in...5
×
 

Création d’un site internet _ Ateliers numériques en Pays de Bergerac

on

  • 2,422 views

 

Statistics

Views

Total Views
2,422
Views on SlideShare
2,286
Embed Views
136

Actions

Likes
6
Downloads
98
Comments
0

4 Embeds 136

http://www.bergerac-tourisme-pro.com 121
http://www7.jimdo.com 12
http://www300.jimdo.com 2
http://bouex.jimdo.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Création d’un site internet _ Ateliers numériques en Pays de Bergerac Création d’un site internet _ Ateliers numériques en Pays de Bergerac Presentation Transcript

    • RESEAU WIFI : Hall Office Mot de passe : 2424bergerac
    • CREATION D’UN SITE WEBCREATION D’UN SITE WEB Comment créer facilement soi-même un site web pour son activité touristique.
    • QUELLE EST VOTRE STRATÉGIE WEB ? Quelques questions à vous poser avant de foncer…
    • VIDEOS EN LIGNEPHOTOS EN LIGNE FORUMS WIKI M-Tourism Source : Touristic LES BULLES DU E-TOURISME MON SITE WEB TOURISTONAUTES FORUMS PARTENAIRES COMMUNAUTE GEO MARKETING FLUX RSS TOURISTES
    • 10 RÈGLES D’OR DU WEBMARKETING 1. La permission 2. Eviter le commercial direct 3. Animer ! 4. Ouverture et transparence 5. Soyez Réactif5. Soyez Réactif 6. Partager et faites participer 7. Jouer la proximité 8. Segmenter 9. S’assurer une veille 10. Analyser Lire l’article complet sur http://www.reussirsonwe bmarketing.com/10- regles-or-web-marketing/
    • 1. Votre site doit vous ressembler, refléter la réalité 2. Votre site doit être adapté à votre clientèle UN SITE WEB A VOTRE IMAGE 3. Votre site doit présenter l’information de façon précise, sans ambigüité
    • D’APRÈS VOUS, QUELS ÉLÉMENTS DOIVENT APPARAÎTRE SUR VOTRE SITE WEB ? EN PAGE D’ACCUEIL • DANS LES AUTRES PAGES • SUR TOUTES LES PAGES •
    • APRÈS LA THÉORIE, LA PRATIQUE ! En moins de 2 mn, votre nouveau site web sera en ligne!
    • POURQUOI CHOISIR JIMDO ? 1. Pas besoin de connaissances en html. 2. Autonomie totale sur la création et mise à jour du site. 3. Pas de logiciel à installer. Tout est en ligne. 4. Démarrage en version gratuite.4. Démarrage en version gratuite. 5. Nombre de pages illimité. 6. Fonction blog. 7. Version mobile du site générée automatiquement. 8. Une communauté active pour vous aider !
    • BIEN CHOISIR SON NOM DE DOMAINE Quelques règles à suivre ou pistes de réflexion : Faire le choix entre un nom de domaine mnémotechnique (court, qui percute et qu’on retient facilement) ou un nom de domaine facilitant le référencement naturel (comportant 1 ou 2 mots clés de préférence séparés par des tirets hauts (sous le chiffre 6) source : www.blog-story.com Définition Le nom de domaine est la partie centrale de l’adresse Internet qui est tapée dans le navigateur afin d’atteindre un site Web. Cette adresse est composée de trois éléments: le préfixe (http://), le nom de domaine et l’extension (appelée aussi domaine de niveau supérieur ou TLD). Chaque élément d’une adresse Web est source : www.blog-story.com Lorsque vous avez affiné votre choix, vérifier la disponibilité de votre nom de domaine avec http://www.netissime.com/ par exemple. Pensez à vérifier également à vérifier la disponibilité des variantes de ce nom (avec ou sans tiret, écritures différentes…) ainsi que celle des différentes extensions (.fr, .com, .net, etc…). Il est d’ailleurs conseillé d’acheter les différentes variantes si celles-ci sont susceptibles d’être utilisées par la concurrence. Chaque élément d’une adresse Web est séparé par un point. Voici un schéma qui sera certainement plus parlant. source : http://www.blog.manit4c.com
    • ETAPE 1 1. Rendez vous sur http://www.bergerac-tourisme- pro.com/demo 2. Choisissez votre nom de domaine, c’est-à-dire le nom de votre site web (en version gratuite, il se terminera obligatoirement par .jimdo.com)obligatoirement par .jimdo.com) 3. Inscrivez votre adresse e-mail. Vous y recevrez la confirmation de création de votre site web et un mot de passe de connexion provisoire 4. Cliquez sur le bouton bleu « Créer mon site gratuit »
    • ETAPE 2 1. Votre site est maintenant en ligne 2. Recherchez dans vos e-mails le mot de passe provisoire qui va vous permettre de vous connecter à l’interface d’administration de votre site. Copiez le. 3. Accédez à votre site en cliquant sur le lien qui vous est donné dans l’email. 4. Accédez à l’interface d’administration en cliquant sur le lien « Connexion » en bas à droite du site. Collez le mot de passe provisoire que vous avez préalablement copié.
    • ETAPE 3 Nous vous mettons à disposition cette ébauche de site afin que vous n’oubliiez pas d’insérer certains éléments importants dans son contenu. Toutefois, il est indispensable que vous vous appropriiez cet outil et que vous le personnalisiez. LA PERSONNALISATION onglet de CONNEXION : cliquez dessus et entrez votre mot de passe
    • COMMENT SE COMPOSE UNE PAGE JIMDO ? LE MENU LE MODULE D’AMINISTRATION (visible seulement en mode modification) LE MENU LE HEADER en-tête du site web LA SIDEBAR barre latérale (reste identique sur toutes les pages du site) LE CONTENT contenu de chaque page modification)
    • L’ARBORESCENCE DU SITE Une étape préalable importante mais toujours modifiable!
    • Créez VOTRE arborescence! L’arborescence, c’est le squelette du site. Il s’agit des différents niveaux de menus qui vont composer les pages de votre site web. Vous avez droit à 3 niveaux de menus, c’est-à-dire : un menu principal des sous-menus et des sous-sous-menus 1. Passez votre souris sur le 1er niveau de menu (ici, l’accès par langue) 2. Jimdo vous propose de Modifier la navigation 3. Cliquez dessus
    • Toute l’arborescence du site apparaît. 1er niveau de menu 2ème niveau de menu 3ème niveau de menu Ces flèches permettent de déplacer les pages dans l’arborescence Ces flèches permettent de changer le niveau de menu des pages Ce signe permet d’ajouter une page Ce signe permet de supprimer une pagesupprimer une page ATTENTION ! Lorsque qu’une page est supprimée, il n’y a aucun moyen de revenir en arrière et de récupérer son contenu ! Toutes les sous-pages liées seront également supprimées ! Ce signe permet de cacher une page Lorsque vous avez modifié votre arborescence, cliquez sur Enregistrez, puis Fermer. Vous pouvez renommer les pages en cliquant sur le nom à modifier.
    • LE PARAMETRAGE DU SITE Comment utiliser la boîte à outils de Jimdo ?
    • LES OUTILS DE PARAMETRAGE DESIGN : Ce module permet de choisir, modifier et paramétrer l’aspect général de votre site (emplacement des header, sidebar, content et menu) STYLE : Ce module permet de définir le style (taille, couleur, etc…) de vos textes, titres… Ce style sera adopté par défaut dans toutes les pages du site. BLOG : Ce module permet de gérer les articles de votre blog (si vous activez cette fonction) VERSIONS PRO : Ce module vous permet de passer en version pro (hébergement + 1 nom de domaine + 1 adresse e-mail pour 5€/mois)(hébergement + 1 nom de domaine + 1 adresse e-mail pour 5€/mois) PARAMETRES : vous pourrez gérer ici le paramètres de votre site (nom de domaine, référencement, mentions légales, mot de passe, etc…) STATISTIQUES : Ce module vous donne un premier niveau de statistiques (pour des stats + poussées, utilisez Google Analytics) AIDE : Blog, forum, FAQ, Jimdo dispose d’une assistance très performante et réactive. S.E.O. (Référencement) : Ce module vous permet de donner un titre un descriptif et des mots-clés à votre site pour optimiser son référencement
    • COMMENT AJOUTER DU CONTENU Les outils à connaître !
    • Une page de site Jimdo est composée d’une succession d’éléments. Chaque élément est indépendant A tout moment vous pouvez modifier, déplacer ou supprimer un élément dans la page Tout élément peut être dupliqué. La duplication d’une page entière n’est disponible qu’en version pro Toutes les mises à jour se font instantanément dès que vous cliquez sur Enregistrer Pour ajouter du contenu dans une nouvelle page, cliquez sur
    • POUR STRUCTURER VOTRE PAGE Les colonnes sont un nouvel outil très pratique pour structurer la présentation de votre page. 2 colonnes sont insérées par défaut mais vous pouvez ajouter autant de colonnes que nécessaire. Ensuite chaque colonne s’utilise et s’alimente comme une page dans la page. Vous pouvez donc y ajouter autant d’éléments que vous souhaitez.
    • POUR AJOUTER DU TEXTE Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour l’internaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaître comme des éléments importants de la page. Le Texte s’utilise de la même façon que les logiciels de traitement de texte type Word.
    • POUR AJOUTER DU TEXTE texte en gras (B) alignement du texte à gauche, centré, à droite, ou justifié insertion de retrait à droite ou à gauche couleur insertion de texte brut ou annule ou restaure une modification permet d’accéder au code html du texte texte en gras (B) ou en italique (I) insertion de puces ou numéros couleur du texte insertion de texte brut ou suppression de la mise en forme (à utiliser impérativement pour les copier-coller!)création ou suppression de lien • pour créer un lien, sélectionnez le texte sur lequel vous souhaitez mettre le lien • cliquez sur le chaînon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers un autre site ou un e-mail) • cliquez sur Créer un lien
    • POUR AJOUTER DES IMAGES La Galerie d’Images permet très simplement d’afficher une série de photos • soit en mode diaporama (avec un défilement paramétrable) • soit en mode vignettes agrandissables Pensez à mettre des liens sur vos photos pour accéder à + de détails !
    • POUR UTILISER LES OUTILS JIMDO Le Formulaire permet très simplement de créer un formulaire de contact et/ou de réservation. Le RSS Feed permet de récupérer et d’intégrer à votre site les flux RSS issus de blogs. Le Téléchargement offre aux internautesLe Téléchargement offre aux internautes la possibilité de télécharger des documents, par exemple la plaquette de présentation de votre établissement au format PDF. (privilégiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractère) Le Livre d’Or offre aux internautes la possibilité de déposer leur avis sur votre établissement. Pensez néanmoins à proposer des liens vers les différents sites d’avis (Tripadvisor, Dismoioù, Vinivi, etc…)
    • POUR AJOUTER UNE CARTE 1. Recherchez une adresse 2. Insérez un repère et affinez sa position 3. Modifiez les options d’affichage
    • POUR AJOUTER UNE VIDEO 1. Copiez l’url de votre vidéo 2. Collez l’url de votre vidéo 3. Modifiez les options d’affichage
    • POUR AJOUTER DES CONTENUS EXTERNES L’outil Widget / HTML peut rester le seul outil à utiliser pour intégrer des contenus hébergés sur d’autres plateformes. Exemples de widgets intégrables : météo google mapsgoogle maps google agenda google docs vidéos youtube, animoto, dailymotion albums flickr, picasa, panoramio dépôt d’avis Tripadvisor contenus de l’Office de Tourisme (webcam, agenda des manifestations)
    • AJOUTER DES CONTENUS EXTERNES Un copier-coller suffit !
    • CRÉER ET INSERER UN WIDGET POUR LA METEO Rendez vous sur www.meteorama.fr Cliquez sur Météo gratuite pour site
    • CRÉER ET INSERER UN WIDGET POUR LA METEO Suivez les 3 étapes de paramétrage • Sélectionnez la ville • Changer le contenu • Ajouter votre style Et découvrez en temps réel à quoi ressemblera votre widget Cochez l’acceptation des conditions généralesconditions générales Puis cliquez sur Générez le code Copiez le code html généré Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo Pour vos pages en langues étrangères, pensez à changer la langue de votre météo
    • CRÉER ET INSERER UNE CARTE INTERACTIVE Rendez vous sur www.google.fr Connectez vous à votre compte Google (ou créez en un!) Cliquez sur Maps
    • CRÉER ET INSERER UNE CARTE INTERACTIVE 1) Cliquez sur Mes adresses 2) Puis sur Créer une carte 3) Donnez un titre à votre carte (éventuellement unecarte (éventuellement une description) et vérifier que son statut est « publique » 4) Cliquez sur OK
    • CRÉER ET INSERER UNE CARTE INTERACTIVE Faites une recherche de localisation de votre établissement dans la barre de recherche (nom de l’établissement et/ou adresse complète) 1er cas : Vous avez une Google Adresse Dans ce cas, une bulle doit apparaître sur la carte. Vous pouvez alors simplement cliquer sur Ajouter à mes cartes et sélectionner la carte que vous venez de créer.
    • CRÉER ET INSERER UNE CARTE INTERACTIVE Faites une recherche de localisation de votre établissement dans la barre de recherche (nom de l’établissement et/ou adresse complète) 2ème cas : Vous n’avez pas de Google Adresse Dans ce cas, cliquez sur Modifier Prenez un repère (cliquer et tenir cliqué pour(cliquer et tenir cliqué pour déplacer le repère) Positionnez le repère sur la localisation de votre établissement, lâchez le clic Donnez un titre à votre repère Puis cliquez sur OK
    • CRÉER ET INSERER UNE CARTE INTERACTIVE Une fois votre carte créée, cliquez sur le chaînon de lien hypertexte Puis cliquez sur Personnaliser et prévisualiser la carte intégrée
    • CRÉER ET INSERER UNE CARTE INTERACTIVE Paramétrez la taille de votre widget Paramétrez le mode d’affichage de votre widget Paramétrez le niveau de zoom de votre widget. L’idéal étant de faire au moins 2 cartes : • une à l’échelle de l’Europe voire de la France pour la page d’accueil de votre site web • une beaucoup + zoomée à l’échelle du Pays de Bergerac ou de votre commune pour lade Bergerac ou de votre commune pour la page de contact Copiez le code html généré Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
    • CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS Rendez vous sur www.google.fr Connectez vous à votre compte Google (ou créez en un!) Cliquez sur Agenda
    • CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS Cliquez sur la flèche à droite de Mes agendas Choisissez Créer un agenda
    • CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS Donnez un nom à votre agenda (pour les B&B, créer un agenda par chambre) description facultative adresse précise de votre hébergement cochez Rendre cet agenda public cliquez ici lorsque tout est rempli
    • CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS Cliquez sur la flèche à droite du nom de votre agenda Choisissez Paramètres de l’agenda Vous pouvez ici à tout moment modifier les paramètres enregistrés au départ Ou créer votre widget et le personnaliser avant de récupérer le code d’intégration
    • CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS Paramétrez les éléments d’affichage de votre widget Paramétrez la taille de votre widget Paramétrez le mode d’affichage de votre widget Cochez le ou les agendas que vous souhaitez intégrer à votre site web (pour les chambres d’hôtes, vous pouvez au choix afficher un widget par chambre et/ou un widget rassemblant les agendas de chaque chambre) Mettez à jour et Copiez le code html généré Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
    • CRÉER ET INSERER UNE VIDÉO Rendez vous sur www.google.fr Connectez vous à votre compte Google (ou créez en un!) Cliquez sur YouTube
    • CRÉER ET INSERER UNE VIDÉO Faites une recherche de vidéo par mots clés ou Cliquez sur Ma Chaîne pour retrouver les vidéos que vous aurez au préalable mises en ligne
    • CRÉER ET INSERER UNE VIDÉO Sélectionnez la vidéo que vous souhaitez intégrer Cliquez sur Partager Cliquez sur Intégrer Paramétrez l’affichage du widget Paramétrez la taille du widgetwidget Copiez le code html généré Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
    • INSERER LA WEBCAM DE BERGERAC <object type="application/x-shockwave-flash" data="http://java.viewsurf.com/manager/Player.swf" id="Player" width="580" height="326"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="http://java.viewsurf.com/manager/Player.swf"> Copiez le code html ci-dessous Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo <param name="movie" value="http://java.viewsurf.com/manager/Player.swf"> <param name="quality" value="high"> <param name="scale" value="noScale"> <param name="wmode" value="transparent"> <param name="allowFullScreen" value="true"> <param name="FlashVars" value="playlist=%3Cplaylist%3E%3Citem type='video' source='%2Fbergerac01%2F1%2F2%2Flast'%2F%3E%3C%2Fplaylist%3E"> <embed src="http://java.viewsurf.com/manager/Player.swf" quality="high" allowfullscreen="true" bgcolor="#869ca7" name="Player" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" flashvars="playlist=%3Cplaylist%3E%3Citem type='video' source='%2Fbergerac01%2F1%2F2%2Flast'%2F%3E%3C%2Fplaylist%3E" width="580" align="middle" height="326"> </object>
    • INSERER L’AGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC 1. Rendez vous sur http://www.bergerac-tourisme.com/Widget-Animations,9297 2. Choisissez la ou les catégorie(s) d'animations que vous souhaitez voir remonter sur votre site web (le nombre de catégories n'est pas limité, vous pouvez tout cocher si vous le souhaitez!) 3. Choisissez pour quelle période vous souhaitez afficher les animations (15 ou 30 jours à venir) 4. Choisissez le nombre de manifestations que vousmanifestations que vous souhaitez afficher pour chaque page du widget 5. Cliquez sur Générer le code, cela vous permet d'afficher le code d'intégration du widget 6. Copiez le code html généré 7. Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
    • CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL Rendez vous sur www.addthis.com Connectez vous à votre compte Google (Sign In) ou créez en un (Join Now) Cliquez sur Get AddThis
    • CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL Pour personnaliser vos boutons de partage sociaux, cliquez sur Customize
    • CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL Sélectionnez les boutons de partage que vous voulez afficher Choisissez le style de votre barre Cochez Adress Bar Sharing pour des statistiques + affinées Copiez le code html généré Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo Il est conseillé de coller ce widget dans la sidebar de votre site jimdo de sorte qu’elle soit active sur toutes les pages du site !
    • POUR ALLER + LOIN AVEC JIMDO Voici quelques liens qui vous permettront de parfaire votre site!
    • Des mentions légales en bonne et due forme : http://www.subdelirium.com/generateur-de-mentions-legales/ Analyser la fréquentation de son site web avec Google Analytics : http://fr.jimdo.com/wiki/Google_Analytics Créer un design professionnel pour son site : http://fr.jimdo.com/outils/webdesign/ Trouver des bons tuyaux pour améliorer son site Jimdo : http://communautefrancophone.jimdo.com/ ouhttp://communautefrancophone.jimdo.com/ ou http://realia.jimdo.com/ ou http://funnycat.jimdo.com/ Suivre l’actualité du e-tourisme : http://www.etourisme.info dont voici quelques articles intéressants parmi d’autres http://www.etourisme.info/5-bonnes-raisons-de-tenir-un-blog-sur-son-site http://www.etourisme.info/quand-eric-schmidt-se-deguise-en-maite-et- nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie- gras-dommage http://www.etourisme.info/vous-avez-deux-ans-pour-alleger-vos-sites-signe- google
    • OFFICE DE TOURISMEOFFICE DE TOURISME BERGERACBERGERAC –– SUD DORDOGNESUD DORDOGNE 97 Rue Neuve d’Argenson 24100 BERGERAC24100 BERGERAC Tel : 05 53 57 03 11 www.bergerac-tourisme.com CELLULE CONSEILCELLULE CONSEIL Guenaëlle NE Marie-Pierre MAILLET conseil@bergerac-tourisme.com