Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des...
Transcript of Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des...
![Page 1: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/1.jpg)
Créer son site Internet avec un outil gratuitMardi 4 novembre 2014
Cédric ARNAULT – OT LourdesAni
mat
ion
num
ériq
ue
de
terr
itoir
e
![Page 2: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/2.jpg)
Présentation de la journéeA
nim
atio
n nu
mér
ique
de te
rrito
ire
- Créer un site Internet : Pourquoi? Pour qui? Comment?
- La solution Jimdo
- Aller plus loin avec son site Jimdo
![Page 3: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/3.jpg)
Créer un site Internet : Pourquoi? Pour qui? Comment?A
nim
atio
n nu
mér
ique
de te
rrito
ire
Un site Internet, pour quoi faire?
- Pour montrer votre savoir-faire
- Pour communiquer votre offre à vos clients et clients potentiels
- Pour accroître sa notoriété
- Une visibilité, une publicité constante, un service continu sur un
média performant et en constante évolution
- Pour rester dans la course avec la concurrence et ne pas subir la
fracture numérique
- Pour vendre
![Page 4: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/4.jpg)
Ani
mat
ion
num
ériq
ue
de
terr
itoir
eCréer un site Internet : Pourquoi? Pour qui? Comment?
![Page 5: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/5.jpg)
Ani
mat
ion
num
ériq
ue
de
terr
itoir
eCréer un site Internet : Pourquoi? Pour qui? Comment?
Et on y met quoi? Qui lira mon contenu?
- Un site qui « transpire » la réalité du lieu
- Un site qui correspond aux attentes de vos clients et prospects
- Un site qui transmet l’information de façon claire et transparente à vos
clients
Il est important de définir les objectifs et enjeux de son futur site
internet
![Page 6: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/6.jpg)
Ani
mat
ion
num
ériq
ue
de
terr
itoir
eCréer un site Internet : Pourquoi? Pour qui? Comment?
Comment organiser son contenu? Une étape importante
Page d’accueil Sur une page Sur toutes les pages
![Page 7: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/7.jpg)
Ani
mat
ion
num
ériq
ue
de
terr
itoir
eCréer un site Internet : Pourquoi? Pour qui? Comment?
Alors? On choisit quelle option pour créer son site internet?
- On confie la création de son site Internet à une agence web
- Je me lance dans la réalisation de mon site en utilisant des solutions ultra
performantes que je suis capable de maîtriser
- J’utilise une solution fournie par des plateformes me permettant d’être
encadré et assisté durant toutes les phases de création de mon site
- On verra plus tard, finalement je ne suis peut être pas encore prêt pour me
lancer dans la création et le suivi de mon site internet
![Page 8: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/8.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Ou comment déployer un site internet en quelques clics…
![Page 9: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/9.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
- 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
Pourquoi Jimdo ?
![Page 10: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/10.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
On se lance ?
www.jimdo.com
![Page 11: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/11.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
On choisit son design, partons sur celui-ci, vous pourrez le changer plus tard
![Page 12: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/12.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
![Page 13: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/13.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Rendez-vous sur votre boîte e-mail pour activer votre compte
![Page 14: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/14.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
![Page 15: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/15.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
La barre d’administration
Pour choisir, modifier et paramétrer l’aspect général de votre site internet
Pour définir le style appliqué à vos textes (couleur, taille…)
Activation de la fonction blog, gestion des articles
Achat de produits Jimdo (passage aux versions payantes)
Paramétrages du site (nom de domaine, mentions légales, e-mail, etc…)
Statistiques de votre site (versions payantes). Possibilité d’activer Google Analytics
depuis les paramètres
Activation d’une e-boutique
SEO : optimisation du référencement
Accès aux aides en ligne (blogs, forums, FAQ…) Profitez de la communauté Jimdo !
![Page 16: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/16.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Le menu de navigation
Construisez le squelette de votre site !
![Page 17: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/17.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Pour ajouter une nouvelle page
Pour modifier l’ordre des pages
1/ Permet d’organiser l’ordre
d’affichage dans le menu
2/ permet de descendre d’un
niveau pour mettre en sous
menu.
![Page 18: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/18.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
En rouge les pages de niveau 1
En bleu les pages de niveau 2
En vert les pages de niveau 3
![Page 19: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/19.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Autres fonctionnalités
Permet de supprimer une page. Attention cela est définitif
Permet de masquer une page. A utiliser pour cacher de la
navigation une page (par exemple une info saisonnière)
![Page 20: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/20.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
A retenir :
- Le menu de navigation permet d’afficher 3 niveaux d’information.
- Le menu est modifiable à tout moment, rien n’est figé.
- Bien choisir vos titres de menus, ils faciliteront la navigation des internautes…et des robots des moteurs de recherche !
- Toujours enregistrer vos modifications ;)
![Page 21: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/21.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Le contenu
Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns
des autres : titres, textes, photos, vidéos, formulaires…que vous pourrez
modifier, déplacer, dupliquer ou supprimer comme bon vous semble !
La duplication de pages est elle possible en version Pro seulement.
Le fait d’enregistrer une modification de votre contenu est
instantanément visible sur votre site
Comment intégrer du contenu?
En cliquant sur Ajouter un élément
![Page 22: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/22.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Le contenuChaque bloc peut être remonté ou descendu par le biais des flèches à gauche de
l’élément.
Il peut être supprimé (poubelle) ou dupliqué
![Page 23: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/23.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Les titres sont très importants. Ils vont guider votre visiteur et sont
également primordiaux pour optimiser le référencement de vos pages
![Page 24: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/24.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Le champ texte va vous permettre d’intégrer les informations écrites qui
illustreront vos pages. Vous pourrez réaliser différents types de mise en
forme (gras, italique, taille des caractères, couleur, justifications, retraits),
réaliser des liens, supprimer des mises en forme, intégrer du HTML
(utilisateurs confirmés)
![Page 25: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/25.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Parce qu’une image vaut mille mots, vous devrez vous intéresser
aux images et à la qualité de celles-ci. Elles permettront de fixer le
regard de vos lecteurs, Vous leur véhiculerez ainsi l’image de votre
structure.
Télécharger une image : vous allez récupérer votre image source sur votre
ordinateur (ou clef USB)
Dropbox : récupérez vos photos placées dans Dropbox (stockage en ligne)
![Page 26: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/26.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Outils de redimensionnement de votre image
![Page 27: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/27.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Outils de positionnement de votre image
Alignement gauche, centré, droite
Faire pivoter vers la gauche, vers la droite
![Page 28: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/28.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Autres fonctionnalités du menu image
En mode affichage cette option permet un agrandissement au clic
Mise en place d’un lien sur image (lien interne ou externe)
Suppression du lien sur l’image
Sous-titrage et texte alternatif
Autorisation de partage sur Pinterest
![Page 29: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/29.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Cet élément mixte les éléments images et textes
![Page 30: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/30.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Construisez vos galeries, mettez en place sur votre site des
diaporamas de qualité. Choisissez votre affichage, le format des
photos.
Attention : limitation à 10 MB
![Page 31: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/31.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
La vidéo est un élément recherché et remarqué par les internautes.
Diffusez vos vidéos ou partagez à partir d’internet !
Vous cherchez du contenu vidéo?
Rendez-vous sur la page Youtube de l’Office de Tourisme
http://www.youtube.com/user/TourismeLourdes
![Page 32: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/32.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
L’élément formulaire permettra aux internautes de vous contacter
rapidement. Il est donc indispensable de le proposer dans votre site.
![Page 33: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/33.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Les autres éléments à votre disposition
La cartographie
Le widget/HTML
Le téléchargement de documents
Les réseaux sociaux
![Page 34: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/34.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
L’utilisation de l’élément Widget/HTML vous permettra d’enrichir votre site
internet avec de simples « copier/coller » !
![Page 35: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/35.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Intégrer la météo à son sitePlusieurs sites vont vous permettre d’intégrer un widget météo à votre site.
Exemple avec le site Météocity
1- Intégrer la ville (Lourdes)
2-Sélectionner le nombre de
jours et le format d’affichage
(sur la partie droite vous
verrez les modifications en
temps réel)
3-Choisissez les icônes et le
style d’affichage
4-Vous pouvez éventuellement
modifier la couleur du texte
5- Générez votre Widget
6- Copiez le code et collez le
sur votre site !
![Page 36: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/36.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Intégrer un module de réservation à votre site
L’Office de Tourisme de Lourdes a lancé une place de marché sur son site
internet. Vous avez désormais la possibilité de vendre votre offre via le site
www.lourdes-infotourisme.com mais également en intégrant votre propre
module de vente dans votre site Jimdo !
Pour plus d’informations contactez-nous !
![Page 37: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/37.jpg)
La solution JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Le pied de page de votre site
Le pied de page de votre site (footer) est également un élément important.
Quelques conseils pour construire votre footer :
- Abusez des liens internes
- Faîtes la part belle aux réseaux sociaux
- Rajoutez votre contact
- Mettez en avant vos labels et/ou partenariats
- N’oubliez pas les informations légales - Pour vous aider http://bit.ly/1vpiDwg
![Page 38: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/38.jpg)
Aller plus loin avec son site JimdoA
nim
atio
n nu
mér
ique
de te
rrito
ire
Pour tirer le meilleur de votre site Jimdo
http://aide.jimdo.com/
Utilisation de Google Analytics pour suivre vos statistiques
Aide au référencement, soumettre son site à Google
Pour tout savoir sur les paramétrages de votre site Jimdo
http://www.jimdoforum.fr/
Une question? Une interrogation?
![Page 39: Créer son site Internet avec un outil gratuit...Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns des autres : titres, textes, photos, vidéos, formulaires…que](https://reader034.fdocuments.net/reader034/viewer/2022050304/5f6cc882b34cb066053324e5/html5/thumbnails/39.jpg)
Ani
mat
ion
num
ériq
ue
de
terr
itoir
e
Merci pour votre attention
Retrouvez la programmation des ateliers numériques de
l’Office de Tourisme de Lourdes http://bit.ly/1A7jSpj
Remerciements aux différents ANT m’ayant facilité la création de ce support, en particulier
les ANT du Pays de Bergerac et Rives de Saône
Votre contactCédric ARNAULT
Office de Tourisme de Lourdes