Présentation "Créer son site soi-même"

  • 620 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
620
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
13
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Créer un site internet Créer et gérer Votre site web NE PAS ETRE VISIBLE SUR INTERNET, C’EST SE PASSER DE 88% DE LA POPULATION FRANCAISE
  • 2. Au programme Pourquoi Jimdo Exemple de sites Jimdo - Par des prestataires touristiques - Par des professionnels Un peu de théorie - Étapes de la création d’un site Internet - Écosystème numérique (Média sociaux) Je crée mon 1er site internet seul - Les bases - widget Pour aller plus loin
  • 3. Pourquoi ??? POURQUOI CHOISIR JIMDO ? en 1. Pas besoin de connaissances 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. 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 !
  • 4. EXEMPLES DE SITES Jimdo: La création de site n’aura jamais été aussi facile ! Sites réalisés par des prestataires en autonomie Aujourd’hui, plus besoin de s’embêter avec les anciennes « machines à gaz » qui permettaient de créer et d’envoyer des sites internet en ligne ! . Avec Jimdo, tout se passe directement en ligne et est incroyablement facile à utiliser!
  • 5. EXEMPLE DE SITE JIMDO FAIT PAR DES PROS Graphisme réalisé par un professionnel
  • 6. Pourquoi ??? Gratuit mais pas que…
  • 7. Un peu de théorie Créer un site internet facilement NE PAS ETRE VISIBLE SUR INTERNET, C’EST SE PASSER DE 88% DE LA POPULATION FRANCAISE
  • 8. ETAPES POUR LA CREATION D’UN SITE WEB
  • 9. AVANT DE COMMENCER : JE METS QUOI DEDANS ?
  • 10. 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 •
  • 11. ECOSYSTEME NUMERIQUE QUELLE EST VOTRE STRATÉGIE WEB ? Quelques questions à vous poser avant de foncer… j'aime quand un plan se déroule sans accroc
  • 12. LES BULLES DU E-TOURISME Source : Touristic M-Tourism PHOTOS EN LIGNE VIDEOS EN LIGNE WIKI FORUMS MON SITE WEB PARTENAIRES TOURISTONAUTES FLUXRSS GEO MARKETING COMMUNAUTE TOURISTES
  • 13. APRÈS LA THÉORIE, LA PRATIQUE ! En moins de 5 mn, votre nouveau site web sera en ligne! Rendez-vous sur Prestatairesandernosot.jimdo.com Mot de passe Créer un site internet facilement
  • 14. JE CREE MON 1ER SITE INTERNET SEUL(E) Entrez un nom d‘utilisateur et une adresse e-mail… Vous recevrez quelques minutes plus tard le lien vers votre nouveau site et votre mot de passe!..
  • 15. UNE BASE DE TRAVAIL POUR VOUS ! IL NE FAUT PAS S’ARRETER A CA ! TOUT EST PERFECTIBLE
  • 16. ETAPE 1 LE PARAMETRAGE DU SITE Comment utiliser la boîte à outils de Jimdo ?
  • 17. LES OUTILS DE PARAMETRAGE 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) PARAMETRES : vous pourrez gérer ici le paramètre de votre site (nom de domaine, référencement, mentions légales, mot de passe, etc…) 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 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.
  • 18. JE CREE MON 1ER SITE INTERNET SEUL(E) L’ARBORESCENCE DU SITE Une étape préalable importante mais toujours modifiable!
  • 19. JE CREE MON 1ER SITE INTERNET SEUL(E) 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 Créez VOTRE arborescence! 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
  • 20. Toute l’arborescence du site apparaît. Ces flèches permettent de déplacer les pages dans l’arborescence 1er niveau de menu Ces flèches permettent de changer le niveau de menu des pages 2ème niveau de menu 3ème niveau de menu Vous pouvez renommer les pages en cliquant sur le nom à modifier. Lorsque vous avez modifié votre arborescence, cliquez sur Enregistrez, puis Fermer. Ce signe permet d’ajouter une page Ce signe permet de supprimer 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
  • 21. JE CREE MON 1ER SITE INTERNET SEUL(E) COMMENT AJOUTER DU CONTENU Les outils à connaître !
  • 22. ETAPE 1  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
  • 23. POUR STRUCTURER VOTRE PAGE 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.
  • 24. POUR AJOUTER DU TEXTE 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.
  • 25. POUR AJOUTER DU TEXTE alignement du texte à gauche, centré, à droite, ou justifié texte en gras (B) ou en italique (I) retrait à droite ou à gauche insertion de puces ou numéros 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 annule ou restaure une modification couleur du texte permet d’accéder au code html du texte insertion de texte brut ou suppression de la mise en forme (à utiliser impérativement pour les copier-coller!)
  • 26. 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 !
  • 27. POUR UTILISER LES OUTILS JIMDO 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 le flux RSS issus de blogs. Le 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 d’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 (Tripadvisor, Dismoioù, Vinivi, etc…) d’avis
  • 28. JE CREE MON 1ER SITE INTERNET SEUL(E) AJOUTER DES CONTENUS EXTERNES Un copier-coller suffit !
  • 29. WIDGET ????
  • 30. POUR AJOUTER DES CONTENUS EXTERNES 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 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) L’outil Rss Feed permet d’intégrer un flux rss
  • 31. CRÉER ET INSERER UN FLUX RSS Exemple : http://www.tourisme.andernoslesbains.fr/http://tourisme.andernoslesbains.fr/413nos-bons-plans.html/rss.feed  Copier l’adresse Internet  Collez ce code dans un cadre d’élément “Flux rss” sur votre site Jimdo Je ne l’ai pas sur mon navigateur, pas de panique !!! tiny.cc/rssmozilla tiny.cc/rsschrome
  • 32. CRÉER ET INSERER UN WIDGET POUR LA METEO  Rendez vous sur www.meteocity.com  Cliquez sur :
  • 33. CRÉER ET INSERER UN WIDGET POUR LA METEO  Suivez les étapes de paramétrage • Sélectionner la ville • personnaliser le contenu • Ajouter votre style  Et découvrer en temps réel à quoi ressemblera votre widget Cocher l’acceptation des conditions générales  Puis cliquer sur “Générer le widget”  Copiez le code html généré  Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
  • 34. 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
  • 35. 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 une description) et vérifiez que son statut est « publique » 4) Cliquez sur OK
  • 36. 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.
  • 37. CRÉER ET INSERER UNE CARTE INTERACTIVE 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 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
  • 38. CRÉER ET INSERER UNE CARTE INTERACTIVE 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
  • 39. CRÉER ET INSERER UNE CARTE INTERACTIVE 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 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
  • 40. CRÉER ET INSERER UNE VIDEO  Rendez vous sur www.google.fr  Connectez vous à votre compte Google (ou créez en un!)  Cliquez sur YouTube
  • 41. CRÉER ET INSERER UNE VIDEO  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
  • 42. CRÉER ET INSERER UNE VIDEO 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 widget  Copiez le code html généré  Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
  • 43. 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
  • 44. CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL  Pour personnaliser vos boutons de partage sociaux, cliquez sur Customize
  • 45. 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 !
  • 46. JE CREE MON 1ER SITE INTERNET SEUL(E) POUR ALLER + LOIN AVEC JIMDO Voici quelques liens qui vous permettront de parfaire votre site!
  • 47. BIEN CHOISIR SON NOM DE DOMAINE 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 séparé par un point. Voici un schéma qui sera certainement plus parlant. source : http://www.blog.manit4c.com 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  Lorsque vous avez affiné votre choix, vérifier la disponibilité de votre nom de domaine avec http://www.netissime.com/ par exemple.  Pensez é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.
  • 48.  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/ 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-etnous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foiegras-dommage  http://www.etourisme.info/vous-avez-deux-ans-pour-alleger-vos-sites-signegoogle
  • 49. Prochaines étapes… Les autres ateliers de l’année Optimiser ma relation client par l’E-mail Avis clients Photo Analyse & Référencement de site internet Vidéo L’internet de séjour & le Web mobile
  • 50. Suivez-nous… Adresses sur notre Blog http://blogspot..
  • 51. Votre espace de ressources www.pro-coeurdubassin.com
  • 52. Merci de votre attention Aline INIZAN PAYEN Conseillère en séjour Animatrice numérique 05 56 82 02 95 a.inizan@andernos-les-bains.com