Créer un site internet

Créer et gérer Votre site webCréer et gérer Votre site web

NE PAS ETRE VISIBLE SUR INTERNET, C’EST SE PASSER DE 88% DE LA POPULATION FRANCAISE

Pourquoi JimdoExemple de sites Jimdo- Par des prestataires touristiques- Par des professionnelsUn 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- widgetPour aller plus loin

Au programme

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.

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 !

Pourquoi ???

Jimdo:La création de site n’aura jamais été aussi facile !

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!

.

Sites réalisés par des prestataires en autonomie

EXEMPLES DE SITES

Graphisme réalisé par un professionnel

EXEMPLE DE SITE JIMDO FAIT PAR DES PROS

Gratuit mais pas que…Pourquoi ???

Créer un site internet facilement

Un peu de théorie

NE PAS ETRE VISIBLE SUR INTERNET, C’EST SE PASSER DE 88% DE LA POPULATION FRANCAISE

ETAPES POUR LA CREATION D’UN SITE WEB

AVANT DE COMMENCER : JE METS QUOI DEDANS ?

EN PAGE D’ACCUEIL

•

DANS LES AUTRES PAGES

•

SUR TOUTES LES PAGES

•

D’APRÈS VOUS, QUELS ÉLÉMENTS DOIVENT APPARAÎTRE SUR VOTRE SITE WEB ?

QUELLE EST VOTRE STRATÉGIE WEB ?

Quelques questions à vous poseravant de foncer…

ECOSYSTEME NUMERIQUE

j'aime quand un plan se déroule sans accroc

MON SITEWEB

TOURISTONAUTES

VIDEOSEN LIGNEPHOTOS

EN LIGNEFORUMS

PARTENAIRES

COMMUNAUTE

GEOMARKETING

FLUXRSS

WIKI

TOURISTES

Source : Touristic

M-Tourism

LES BULLES DU E-TOURISME

APRÈS LA THÉORIE, LA PRATIQUE !

En moins de 5 mn, votre nouveausite web sera en ligne!

Créer un site internet facilement

Rendez-vous sur

Prestataires-andernosot.jimdo.com

Mot de passe

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!..

JE CREE MON 1ER SITE INTERNET SEUL(E)

UNE BASE DE TRAVAIL POUR VOUS !

IL NE FAUT PAS

S’ARRETER A CA !

TOUT EST PERFECTIBLE

LE PARAMETRAGE DU SITE

Comment utiliser la boîte à outilsde Jimdo ?

ETAPE 1

LES OUTILS DE PARAMETRAGEDESIGN : Ce module permet de choisir, modifier et paramétrer l’aspectgé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 vostextes, 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 activezcette 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 dedomaine, 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 etréactive.

S.E.O. (Référencement) : Ce module vous permet de donner un titre undescriptif et des mots-clés à votre site pour optimiser son référencement

LES OUTILS DE PARAMETRAGE

L’ARBORESCENCE DU SITE

Une étape préalable importantemais toujours modifiable!

JE CREE MON 1ER SITE INTERNET SEUL(E)

Créez VOTREarborescence!

1. Passez votre souris surle 1er niveau de menu(ici, l’accès par langue)

2. Jimdo vous propose deModifier la navigation

3. Cliquez dessus

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

JE CREE MON 1ER SITE INTERNET SEUL(E)

Ces flèches permettentde déplacer les pagesdans l’arborescence

Ces flèches permettentde changer le niveaude menu des pages

Ce signe permetd’ajouter une page

Ce signe permet desupprimer une page

ATTENTION !Lorsque qu’une page estsupprimée, il n’y a aucun moyende revenir en arrière et derécupérer son contenu ! Toutesles sous-pages liées serontÉgalement supprimées !

Ce signe permet decacher une page

Toute l’arborescence dusite apparaît.

1er niveau de menu

2ème niveau de menu

3ème niveau de menu

Vous pouvez renommer les pagesen cliquant sur le nom à modifier.

Lorsque vous avez modifiévotre arborescence,cliquez sur Enregistrez,puis Fermer.

COMMENT AJOUTER DU CONTENU

Les outils à connaître !

JE CREE MON 1ER SITE INTERNET SEUL(E)

Une page de site Jimdo est composéed’une succession d’éléments.

Chaque élément est indépendant

A tout moment vous pouvez modifier,déplacer ou supprimer un élément dansla page

Tout élément peut être dupliqué. Laduplication d’une page entière n’estdisponible qu’en version pro

Toutes les mises à jour se fontinstantanément dès que vous cliquez surEnregistrer

Pour ajouter du contenu dans unenouvelle page, cliquez sur

ETAPE 1

POUR STRUCTURER VOTRE PAGE

Les colonnes sont un nouvel outil trèspratique pour structurer la présentationde votre page.

2 colonnes sont insérées par défaut maisvous pouvez ajouter autant de colonnesque nécessaire.

Ensuite chaque colonne s’utilise ets’alimente comme une page dans la page.Vous pouvez donc y ajouter autantd’éléments que vous souhaitez.

POUR STRUCTURER VOTRE PAGE

POUR AJOUTER DU TEXTE

Les Titres permettent de structurer votretexte (3 niveaux de titres)- visuellement pour l’internaute qui va lelire- techniquement pour les moteurs derecherche qui vont les reconnaîtrecomme des éléments importants de lapage.

Le Texte s’utilise de la même façon queles logiciels de traitement de texte typeWord.

POUR AJOUTER DU TEXTE

texte en gras (B)ou en italique (I)

alignement dutexte à gauche,centré, à droite,

ou justifié

insertion depuces ou numéros

retrait àdroite ouà gauche

couleurdu texte

insertion de texte brut ousuppression de la mise en forme(à utiliser impérativement pour

les copier-coller!)

annule ourestaure unemodification

création ou suppression de lien

• pour créer un lien, sélectionnez le texte surlequel vous souhaitez mettre le lien• cliquez sur le chaînon puis choisissez entre

lien interne (lien vers une autre page devotre site) ou lien externe (lien vers un autre site ou une-mail)

• cliquez sur Créer un lien

permetd’accéder aucode html du

texte

POUR AJOUTER DU TEXTE

La Galerie d’Images permet trèssimplement d’afficher une série dephotos• soit en mode diaporama (avec undéfilement paramétrable)• soit en mode vignettes agrandissables

Pensez à mettre des liens sur vos photospour accéder à + de détails !

POUR AJOUTER DES IMAGES

POUR UTILISER LES OUTILS JIMDO

Le Formulaire permet très simplement decréer un formulaire de contact et/ou deréservation.

Le RSS Feed permet de récupérer etd’intégrer à votre site le flux RSS issus deblogs.

Le Téléchargement offre aux internautesla possibilité de télécharger des

documents, par exemple la plaquette deprésentation de votre établissement auformat PDF. (privilégiez le format pdf qui nesouffrira d’aucune modification notamment auniveau des polices de caractère)

Le Livre d’Or offre aux internautes lapossibilité de déposer leur avis sur votreétablissement. Pensez néanmoins à proposerdes liens vers les différents sites d’avis(Tripadvisor, Dismoioù, Vinivi, etc…)

POUR UTILISER LES OUTILS JIMDO

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit !

JE CREE MON 1ER SITE INTERNET SEUL(E)

WIDGET ????

POUR AJOUTER DES CONTENUS EXTERNES

L’outil Widget / HTML peut rester le seuloutil à utiliser pour intégrer descontenus 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)

POUR AJOUTER DES CONTENUS EXTERNES

L’outil Rss Feed permet d’intégrer un flux rss

CRÉER ET INSERER UN FLUX RSS

Exemple : http://www.tourisme.andernoslesbains.fr/http://tourisme.andernoslesbains.fr/413-nos-bons-plans.html/rss.feed

Collez ce code dans un cadre d’élément “Flux rss” sur votre site Jimdo

Copier l’adresse Internet

tiny.cc/rsschrometiny.cc/rssmozilla

Je ne l’ai pas sur mon navigateur, pas de panique !!!

Rendez vous sur www.meteocity.com

Cliquez sur :

CRÉER ET INSERER UN WIDGET POUR LA METEO

Copiez le code html généré Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo

Suivez les étapes de paramétrage• Sélectionner la ville• personnaliser le contenu• Ajouter votre style

Et découvrer en tempsréel à quoi ressembleravotre widget

Cocher l’acceptation desconditions générales

Puis cliquer sur “Générer le widget”

CRÉER ET INSERER UN WIDGET POUR LA METEO

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)

2)

Cliquez sur Mes adresses

Puis sur Créer une carte

3) Donnez un titre à votrecarte (éventuellement unedescription) et vérifiez queson 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 AdresseDans ce cas, une bulle doit apparaître sur la carte. Vous pouvez alors simplementcliquer sur Ajouter à mes cartes et sélectionner la carte que vous venez de créer.

CRÉER ET INSERER UNE CARTE INTERACTIVE

CRÉER ET INSERER UNE CARTE INTERACTIVE

Faites une recherche de localisation de votre établissementdans la barre de recherche (nom de l’établissement et/ouadresse complète)

2ème cas : Vous n’avez pas de Google Adresse

Dans ce cas, cliquez surModifier

Prenez un repère(cliquer et tenir cliqué pourdéplacer le repère)

Positionnez le repèresur la localisation devotre établissement,lâchez le clic

Donnez un titre à votrerepère

Puis cliquez sur OK

CRÉER ET INSERER UNE CARTE INTERACTIVE

CRÉER ET INSERER UNE CARTE INTERACTIVE Une fois votre carte créée, cliquez sur lechaînon de lien hypertexte

Puis cliquez sur Personnaliser et prévisualiserla carte intégrée

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 Francepour la page d’accueil de votre site web• une beaucoup + zoomée à l’échelle du Paysde Bergerac ou de votre commune pour lapage 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 UNE CARTE INTERACTIVE

Rendez vous sur www.google.fr

Connectez vous à votre compte Google (ou créez en un!)

Cliquez sur YouTube

CRÉER ET INSERER UNE VIDEO

Faites une recherche de vidéo par mots clés

ou Cliquez sur Ma Chaîne pour retrouver lesvidéos que vous aurez au préalable mises enligne

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 duwidget

Copiez le code htmlgénéré

Collez ce code dans uncadre d’élément Widget /html sur votre site Jimdo

CRÉER ET INSERER UNE VIDEO

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 quevous voulez afficher

Choisissez le style de votre barre

Cochez Adress Bar Sharing pour desstatistiques + affinées

Copiez le code htmlgénéré

Collez ce code dansun cadre d’élémentWidget / html sur votresite Jimdo

Il est conseillé de coller ce widgetdans la sidebar de votre site jimdode sorte qu’elle soit active surtoutes les pages du site !

CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vouspermettront de parfaire votre site!

JE CREE MON 1ER SITE INTERNET SEUL(E)

Quelques règles à suivre oupistes de réflexion :

Faire le choix entre un nom de domainemnémotechnique (court, qui percute et qu’onretient facilement) ou un nom de domainefacilitant le référencement naturel(comportant 1 ou 2 mots clés de préférenceséparés par des tirets hauts (sous le chiffre 6)source : www.blog-story.com

Lorsque vous avez affiné votre choix, vérifierla disponibilité de votre nom de domaine avechttp://www.netissime.com/ par exemple.

Pensez également à vérifier ladisponibilité des variantes de ce nom (avec ousans tiret, écritures différentes…) ainsi quecelle des différentes extensions (.fr, .com, .net,etc…). Il est d’ailleurs conseillé d’acheter lesdifférentes variantes si celles-ci sontsusceptibles d’être utilisées par la concurrence.

DéfinitionLe nom de domaine est la partiecentrale de l’adresse Internet qui esttapée dans le navigateur afind’atteindre un site Web. Cette adresseest composée de trois éléments: lepréfixe (http://), le nom de domaine etl’extension (appelée aussi domaine deniveau supérieur ou TLD).Chaque élément d’une adresse Web estséparé par un point.Voici un schéma qui sera certainementplus parlant.

source : http://www.blog.manit4c.com

BIEN CHOISIR SON NOM DE DOMAINE

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://realia.jimdo.com/ ou http://funnycat.jimdo.com/

Suivre l’actualité du e-tourisme : http://www.etourisme.info dontvoici 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

Prochaines étapes…

Optimiser ma relation client par l’E-mail

Photo

Vidéo

Avis clients

Analyse & Référencement de site internet

L’internet de séjour & le Web mobile

Les autres ateliers de l’année

Adresses

sur notre Blog http://blogspot..Suivez-nous…

www.pro-coeurdubassin.com

Votre espace de ressources

Aline INIZAN PAYENConseillère en séjourAnimatrice numérique05 56 82 02 95a.inizan@andernos-les-bains.com

Merci de votre attention