Tutoriel comment créer site web avec Jimdo

download Tutoriel comment créer site web avec Jimdo

of 47

  • date post

    12-Jan-2015
  • Category

    Documents

  • view

    2.749
  • download

    1

Embed Size (px)

description

 

Transcript of Tutoriel comment créer site web avec Jimdo

  • 1. LES ATELIERS NUMRIQUESAtelier n 2Comment crer soi-mme un site webavec1

2. Un site internet, pourquoi ?288 % DES FRANAIS UTILISENT INTERNET POUR PRPARER LEURS VACANCES. 82% des touristes comparent les prix sur internet1 personne sur 2 utilise internet pour se renseigner sur son lieu de vacances travers: les photos (56 %) les avis laisss par les voyageurs (51 %)Source: www.etourisme.infohttp://www.quotidiendutourisme.com 3. Les 5 rgles dor de la rdaction Web 31. Hirarchisez vos sites et paragraphes en F 1. Une grande ide par paragraphe 1. Illustrez vos propos 1. Utilisez la ponctuation 1. Utilisez des boutons de partageSource:http://blog.useweb.fr/2012/01/10/les-5-regles-dor-de-la-redaction-web/ 4. Jimdo: quest-ce que cest ? 4Jimdo est un systme de gestion de contenus , aussi appelCMS (Content Management System). Cest un systme qui vouspermet de crer et grer un site internet. 5. Mise en pratique avec Jimdo. Pourquoi Jimdo ? 5 6. Les avantages de Jimdo 6 Pas besoin de tlcharger de logiciel: tout se fait en ligne. Accessible depuis nimporte quel ordinateur.Version gratuite pour dmarrerVersion gratuite (ou version professionnelle payante) Une grande choix de designs Trs simple, mme sans connaissance informatique Un bon rfrencement naturel Version mobile 7. Etape 1: Sinscrire sur Jimdo71. Rendez-vous sur: http://fr.jimdo.com/2. Choisissez votre nom de domaine (le nom de votre site web), en version gratuite il terminera par .jimdo.com, pour utiliser votre nom de domaine il faudra une version payanteInscrivez votre e-mail, vous yrecevrez la confirmation de la cration de votre site web etun mot de passe provisoireAcceptez les conditionsCliquez sur crer mon site gratuit 8. Comment choisir son nom de domaine ?8Si vous navez pas encore de nom de domaine personnel. Voici quelques conseils pour trouver unnom qui vous convient :Choisissez un nom pas trop court ni trop long qui doit reflter votre activit principale.Faites en sorte quil soit facile retenir spontanment par vos visiteursNhsitez pas utiliser des "-" afin dviter une succession de mots les uns la suite des autres.Les accents, points, tirets bas ou autres signes originaux ne peuvent pas tre contenus dans un nomde domaine Jimdo.Comment savoir si le domaine est libre ou non ? Avant de commander le domaine, il est aussi essentiel de vrifier que ce dernier soit disponible (et non djsous la proprit de quelquun). Pour cela, utiliser un site annuaire comme http://whois.domaintools.com/ ouhttp://www.netissime.com/ .1. Sur ce site, tapez le nom du domaine souhait.2. Si le nom souhait est bien libre, vous pouvez le commander chez Jimdo.Attention ! Plus rien nest faire sur ce site, car vous risquez de commander le domaine non paschez Jimdo mais chez un autre hbergeur. Source: http://fr.jimdo.com 9. Si jai dj un nom de domaine ? 9Si vous avez dj lhbergement et le nom de domaine et vous souhaitez faireune refonte du site sur Jimdo.Avec Jimdo, on peut lier des noms de domaines achets ailleurs avec un pack JimdoPro ouJimdoBusiness (versions payantes).Rendez-vous ici:http://aide.jimdo.com/nom-de-domaine/enregistrement/gestion-des-noms-de-domaineUn domaine existant (donc vous tes dj propritaire)Dans ce cas, le message suivant saffichera :Ce lien vous permet de paramtrer la mthode de connexion de ce nom de domaine avec votresite Jimdo. 10. Etape 1: Sinscrire sur Jimdo10 Mail de la part de Jimdo Votre site est maintenant en ligne Rcuprez votre mot de passeprovisoire dans votre messagerie.Celui-ci va vous permettre daccder linterface dadministration devotre site. Accdez votre site en cliquant surle lien dans le mail. 11. Etape 2:11MON SITE EST EN LIGNE: la personnalisation 12. La personnalisation12 Accdez linterface de ladministration de Jimdo encliquant sur le lien connexion en bas droite du site. 13. La personnalisation13 BARRE La composition dune page JimdoDADMINISTRATIONLE HEADER(en-tte de votre site) MENU DENAVIGATION CORPS DE SITE(contenu de chaque page) BARRE LATERALE (reste identique sur toutes les pages)FOOTER(pied deAfficher vos page) modificatons en temps rel 14. Modifier len-tte 14Passez la sourissur len-tte etcliquez sur modifier header . 15. Modifier len-tte 15 LE MENU DU HEADEROnglets: Galerie : vous pouvez slectionner une image parmi la collection dimages Jimdo Image personnelle : vous pouvez tlcharger votre propre imageIl est vivement conseill dinsrer une image personnelle reprsentant votre activit. La taille vous estprcise. Motif : utiliser quand vous ne souhaitez pas mettre de photo dans le bandeau Modifier le header : pour changer la hauteur et la taille du bandeau Titre : Pour changer le nom de votre site 16. 1 Construction site web: Arborescence6 CREZ LARBORESCENCE DE VOTRE SITEComment voulez-vous structurer votre site ? Quels lments doivent apparatre ?Linformation essentielle en premier. Mais ceci reste toujours modifiable ! Passez votre souris sur modifier navigation et cliquez dessus 17. 1Construction site web: Arborescence 7 CREZ LARBORESCENCE DE VOTRE SITE La navigation est le menu devotre site internet. Cest lendroitMenuo seront listes toutes vos pages. principalIl y a 3 niveaux de pages:le menu principal, le sous-rubrique Sous rubriqueset les articles simples.Dplacez simplement votre sourisArticles simplessur le champ de la navigation etcliquez sur modifier navigation.Lorsque vous aurez termin vosmodifications, noubliez pas decliquer sur le bouton "Enregistrer",de manire ce que lesmodifications deviennent visiblespour vos visiteurs ! 18. 1Construction site web: Arborescence8CREZ LARBORESCENCE DE VOTRE SITEDplacer les pages Menudans larborescence principalChanger les pages de Sous rubriquesniveau dans larborescenceAjouter une nouvelle Articles simplespageSupprimer une page Aprs modification, cliquez sur enregistrer etCacher une page puis sur fermer 19. La barre dadministration Jimdo 19DESIGN: permet de modifier la forme et la structure de votre site Jimdo, sa mise en page... Laplace des lments (barre de navigation, sidebar), la taille et la forme de len-tte varient parexemple selon le design choisi.STYLE: vous pouvez grer la mise en forme de la police des textes, des titres ou des liens enquelques clics. Ce style sera adopt dans toutes les pages du site.BLOG (si vous activez cette fonction): btissez votre propre Blog pour garder vos visiteursinforms des nouveauts relatives votre activit. Publiez des articles, laissez les visiteurs lescommenter, modifiez le style des titres et dates... tout est possible !ACHETER: permet de passer aux versions suprieurs de JimdoPARAMETRES: pour grer toutes les foncions importantes de votre site (nom de domaine,rfrencement, mot de passe, etc.)SEO (Search Engine Optimisation): permet l`optimisation (avec un titre, un descriptif et des mots-cls) du rfrencement de votre site Jimdo pour les moteurs de recherche.STATISTIQUES: permettent dtudier srieusement le comportement des visiteurs, la frquencedes visites, le nombre de pages consultes, les pages prfres sur une priode donne. Pourdes statistiques plus dtailles, utilisez Google AnalyticsAIDE: une zone regroupant les principales rubriques daide chez Jimdo, le forum Jimdo, unformulaire pour nous envoyer un message et un regroupement des news Jimdo. 20. Ajouter du CONTENU 20Un lment/contenu estun module que vousajoutez votre site : unchamp de texte, unegalerie dimages, un titrede rubrique, un tableau,etc.Les lments peuvent treajouts de deux faons : encliquant sur le signe "+ " oubien en cliquant sur "+Ajouter nouvel lment".Dans les deux cas, unefentre souvreimmdiatement avec unaperu de tous leslments votredisposition. 21. Ajouter du CONTENU21 Pour bien organiser votre page Colonnes: En cliquant sur cet outil deux colonnes apparaissent, mais vous avez la possibilit den ajouter jusqu six en cliquant en bas droit sur le signe "+". Chaque colonne sutilise comme une page dans la page. Tableau: Le tableau vous permet de structurer votre contenu facilement et de prsenter de faon claire des informations vos visiteurs. Espacement: permet de crer une espace entre deux lments. Sparation: Avec un trait de sparation, vous pouvez disposer vos informations de manire plus claire et structure. 22. Ajouter du CONTENU22Pour ajouter du texte Titre: Afin de donner un rapide aperu de votre contenu vos visiteurs, vous pouvez crer trois niveaux de titre diffrents. Cela est particulirement utile dans de trs longs textes et vous permet de structurer votre contenu. Les numros indiquent un ordre de priorit. Un "Titre 1" sera aussi considr comme plus important quun "Titre 2" par les moteurs de recherche. Texte / Texte avec image : sutilise de la mme faon que les logiciels traitement de texte comme Word. 23. Ajouter du CONTENU23Pour ajouter des images La galerie dimages vous permet dintgrer plusieurs photos dans un mme bloc. Vous pouvez choisir le format en HTML ou bien en format flash. Galerie flash fait dfiler un diaporama (paramtrable) Galerie HTML prsente une mosaque de toutes vos images. 24. Ajouter du CONTENU 24Pour utiliser les outils JimdoTlchargement: Avec llment "Tlchargement", vous pouvez proposer vos visiteurs de tlcharger facilement des fichiers sur votre site : images, documents Word, vidos et musique. Formulaire: Vous pouvez insrer un formulaire de contact/de rservation o vous le souhaitez sur une page de votre site. Livre dor: Pour permettre vos visiteurs de laisser des commentaires sur votre site. Il est nanmoins conseill de crer des liens vers les diffrents sites davis (Tripadvisor, Dismoio, Zoover, Vinivi, etc.) Flux RSS: (Really Simple Syndication) est un format de description de donnes qui facilite la diffusion de fils dinformations, de faon automatise, lintention des internautes, et qui favorise la syndication de contenus en permettant dautres sites de republier facilement tout ou partie de ces donnes. Sur votre site Jimdo, vous pouvez installer un module Flux RSS pour lire les fil