atelier jimdo

Download Atelier Jimdo

Post on 17-Jan-2015

619 views

Category:

Technology

3 download

Embed Size (px)

DESCRIPTION

Atelier numricaf n3 de l'office de tourisme de Quiberville sur Mer, Sane et Vienne, pour crer son site web en autonomie avec Jimdo ! tourisme@cc-saaneetviennne.fr

TRANSCRIPT

  • 1. LES NUMERICAFS ! Crer et grer son site Internet avec JIMDO Office de Tourisme de QUIBERVILLE SUR MER, SANE ET VIENNE

2. Faire mon site Internet moi-mme, pourquoi ? Parce quun site Internet fait par un professionnel, a cote cher, et que je nai pas dsous ! Parce que pour un petit tablissement, avec une bonne stratgie, a peut tre suffisant Pour avoir la main sur tout mon contenu, sur mes mises jour, et en temps rel Parce que sur Internet, il y a plein doutils gratuits et simples dutilisation 3. CMS en version gratuite Non exhaustif CMS, qu que cest que a ? Ca signifie Content Management System , ce qui veut dire systme de gestion de contenu. Ce sont entre autres les logiciels qui permettent de crer et de grer un site Internet au travers dune interface simplifie Source : Wikipdia 4. Pourquoi Jimdo ? Pas dinstallation de logiciel : tout se fait sur Internet Version de base gratuite Pas besoin de connaissances en langage html Vous avez la main sur tout le site Nombre de pages illimit Fonction blog Sadapte automatiquement pour la lecture sur mobile et tablette Une aide en ligne et une communaut active pour vous aider 5. Un site en parfaite autonomie 6. Des versions pro pour aller plus loin 7. AVANT DE SE LANCER, UN PEU DE THEORIE ! 8. Avant de se lancer , quelques rappels Se poser les bonnes questions Quest ce que jattends de mon site Internet ? Quelle image je veux vhiculer ? Quel est mon public cible ? Quest ce que je vais mettre dedans ? Que font mes concurrents ? En gros, et surtout : Quelle est ma STRATEGIE WEB ? 9. Mon Site Internet, je mets quoi dedans ? 10. Mon Site Internet, je mets quoi dedans ? Petit exercice Daprs vous, quels lments doivent apparatre sur votre site web ? Sur la page daccueil ? A vous de jouer ! Sur les autres pages ? A vous de jouer ! Sur toutes les pages ? A vous de jouer ! 11. ALORS, ON SE LANCE ? 12. CRONS VOTRE SITE EN QUELQUES MINUTES Rendez-vous sur notre site exemple : www.prestataires-otqsv.jimdo.com Mot de passe 13. CREZ VOTRE SITE INTERNET Entrez votre mail et choisissez un mot de passe ( retenir !) Choisissez ladresse de votre site Vous recevrez quelques minutes plus tard un mail avec un lien cliquer pour valider votre E-mail 14. NOUS VOUS PROPOSONS UNE BASE DE TRAVAIL 15. ETAPE 1 : PARAMETRAGE DU SITE Comment utiliser la bote outils de Jimdo ? 16. LA BOTE A OUTILS DE JIMDO Ce module permet de choisir, modifier et paramtrer laspect gnral de votre site DESIGN Ce module permet de dfinir le style (taille, couleur, etc) de vos textes, titres Ce style sera adopt par dfaut dans toutes les pages du site. STYLE Si vous activez la fonction blog, ce module vous permettra de publier vos articles de blog BLOG Ce module vous permettra de passer en version pro (hbergement + nom de domaine + une adresse E-Mail pour 5 par mois) VERSION PRO Ce module vous permettra de grer les paramtres de base (nom de domaine, mot de passe, rfrencement, mentions lgales) PARAMETRES Ce module vous permettra de grer vos mots cls, titres et descriptifs de pages pour un meilleur rfrencement naturel S.E.O Ce module vous donnera vos statistiques de base (en version pro uniquement); vous pouvez crer un compte google analytics pour des statistiques dtailles STATISTIQUES Jimdo dispose dune aide trs performante par le biais dune Foire aux Questions (FAQ), dun blog et dun forum AIDE 17. ETAPE 2 : MON PLAN DE SITE Larborescence est une tape primordiale Elle est toujours modifiable en cours de route Elle correspond aux diffrents niveaux de vos menus (Jimdo vous permet de crer 3 niveaux): Le menu principal Les sous-menus Un troisime niveau Crez votre arborescence ! Passez votre souris sur le menu du site puis cliquez sur Modifier navigation 18. Toute larborescence du site apparat ETAPE 2 : MON PLAN DE SITE Premier niveau de menu Second niveau de menu Troisime niveau de menu Vous pouvez renommer les pages en cliquant sur le nom modifier Noubliez pas denregistrer avant de fermer ! Ce symbole permet de cacher une page Ces flches permettent de dplacer une page ou son niveau de menu Ce symbole permet dajouter une page Ce symbole permet de supprimer une page utile car attention, toute suppression de page est irrversible! 19. ETAPE 3 : MON CONTENU 20. Votre site Jimdo est compos dune succession de blocs dlments indpendants. Vous pouvez modifier, dupliquer, dplacer, et supprimer ces lments volont Les mises jour se font en temps rel chaque fois que vous cliquez sur enregistrer Pour ajouter du contenu, deux boutons : Sur les pages vierges Sur les pages ayant dj du contenu, en se plaant sur un des lments ETAPE 3 : MON CONTENU 21. ETAPE 3 : MON CONTENU Les colonnes sont utiles pour structurer la prsentation de vos pages. Deux colonnes sont systmatiquement cres mais vous pouvez en ajouter en cliquant sur licne droite. Les outils sparation et espacement permettent de dlimiter les zones Loutil tableau permet dinsrer des tableaux, utile pour vos tarifs par exemple 22. ETAPE 3 : MON CONTENU Les Textes Trois solutions soffrent vous pour intgrer du texte : Titres (trois niveaux de titres possibles) Texte Texte avec image Limportance des Titres rside dans le fait que ce sont eux qui vont intresser les moteurs de recherche car ils apparaissent comme lments importants et dans la trace visuelle quils donnent lensemble (accs direct linformation) Ne soyez donc pas trop vasifs dans vos titres Loutil de traitement de texte de Jimdo fonctionne exactement comme Word 23. ETAPE 3 : MON CONTENU Gras (B) Italique (I) Pour aligner le texte droite, gauche, le centrer ou le justifier Couleur du texte Retrait gauche ou droite Pour insrer des puces et numros Insertion de Texte brut et suppression de mise en forme (pour les copier-coller) Annuler ou rtablir Accs au code html du texte Pour insrer un lien, cliquer sur le texte choisi pour le lien puis sur ce symbole Lien interne : Choisissez la page de votre site vers laquelle vous souhaitez faire un lien Lien externe : Collez ladresse du site vers lequel vous souhaitez faire le lien Puis cliquez sur Crer un lien 24. ETAPE 3 : MON CONTENU Les Images Vous pouvez insrer en visuel : Une image simple avec Image Une image avec du texte Texte avec Image Une galerie dimages Une galerie depuis le site de partage de photos FickR (si vous avez un compte) En cliquant sur licne, vous autoriserez vos visiteurs partager vos photos sur le site de partage Pinterest 25. Tlchargement vous permet de proposer des brochures ou documents en tlchargement Formulaire vous permet dinsrer un formulaire de contact et/ou de pr- rservation Livre dOr permet aux internaute de dposer un avis sur votre site (pensez nanmoins aux liens vers les sites davis clients) Flux RSS permet de rcuprer directement sur votre site le contenu dun blog ETAPE 3 : MON CONTENU Outils JIMDO 26. ETAPE 3 : MON CONTENU Outils JIMDO Comment insrer un Flux RSS ? Exemple : Copier ladresse internet La coller dans le cadre prvu par loutil Flux RSS de Jimdo A chaque mise jour, linformation le sera automatiquement sur votre site Ce symbole napparat pas dans votre navigateur ? Pas de panique ! Il suffit dinstaller lextension correspondante Pour Chrome tiny.cc/rsschrome Pour Mozilla Firefox tiny.cc/rssmozilla 27. ETAPE 3 : MON CONTENU Les contenus externes Widget / HTML peut rester le seul outil utiliser pour ajouter des contenus externes. En effet la plupart des plateformes vous proposent un code html pour insrer du contenu Exemples de codes intgrables - Mto - Google Map - Google agenda - Vidos Youtube, Dailymotion - Avis Clients : Tripadvisor, Vinivi - Albums photos : FlickR, Picasa - Et prochainement, contenus de loffice de tourisme (agenda des manifestations, galeries photos, vidos,) WIDGET, qu que a veut dire ? Cest la contraction des termes window (fentre) et gadget . Cest un composant logiciel qui permet laffichage dlments visuels graphiques et dinformations (actualises) sur votre site Internet 28. Comment insrer un Widget ? La mto avec www.meteocity.fr ETAPE 3 : MON CONTENU Les contenus externes Entrer le code postal de la commune Personnaliser le format et les couleurs du Widget Cliquer sur Gnrer le Widget Cocher la cas dacceptation des conditions gnrales dutilisation Copier le Code Le coller dans le cadre Widget / html de Jimdo Cliquer sur Enregistrer Vous voyez en temps rel quoi ressemblera le widget ! 29. Comment insrer un Widget ? La carte interactive avec www.google.fr Prrequis : avoir un compte Google (ou un crer un !) Cliquer sur Maps OU cliquer sur cette cone Puis cliquer sur Maps 30. Cliquer sur Mes cartes personnalises Choisir une carte existante ou cliquer sur crer Donnez un titre et une description votre carte Faites une recherche de localisation dans la barre de recherche (adresse et / ou nom de ltablissement) 31. Si vous avez une Google adresse, elle apparatra dans les rsultats, cliquez sur Ajouter la carte Si vous navez pas de Google adresse, cliquez sur ce repre et placez le sur la carte et nommez-le 32. Cliquez ensuite sur Partager puis dans la fentre sur Modifier pour mettre la carte en mode Public Cliquez sur enregistrer puis sur ok 33. Cliquez ensuite en haut gauche sur cette icne Puis sur Intgrer la carte mon site Copiez le lien qui saffiche dans le cadre et collez-le dans un cadre dlment Widget de votre site Jimdo NB : Vous pouvez changer la taille de la carte en modifiant les chiffres entre guillemets aprs width (largeur) et height (hauteur) mais attention garder un bon rapport de taille ! 34. Comment insrer un Widget ? La vido avec www.youtube.com Faites une recherche par Mots Cls Cliquez sur Partager puis sur Intgrer NB : Vous pouvez paramtrer la taille et laffichage de la vido 35. Comment insrer un Widget ? Le Partage Social Avec les outils de partage social, vous permettez vos visiteurs de parler de vous leurs amis. Jimdo vous per