Worshop création d'un site web pour une exposition virtuelle

787 vues

Publié le

Université Paris IV, Master CIMER

Support de la première séance du workshop "création d'un sites web", 5 mars 2015

Publié dans : Formation
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Worshop création d'un site web pour une exposition virtuelle

  1. 1. Troisième séance : Bonnes pratiques CRÉER UN SITE WEB 05/03/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
  2. 2.  Acquérir les bonnes pratiques de la rédaction web 12/02/2015 2Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel OBJECTIF DU COURS CONSIGNES  Prendre en note le cours dans l’interface wordpress et le publier sous forme de billet.
  3. 3.  Respect des bonnes pratiques exposées lors du cours  Documentation des choix effectués dans un journal de bord 12/02/2015 3Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel BONNES PRATIQUES ET ÉVALUATION DU RENDU
  4. 4. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 4 INTRODUCTION Des bonnes pratiques ? Pourquoi ?
  5. 5. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 5 BONNES PRATIQUES. POUR QUI, POURQUOI ET COMMENT? Utilisateurs Ergonomie Robots Lisibilité Accessibilité Référencement Qualité du contenu Qualité de l’architecture Qualité du html Choix graphiques
  6. 6. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 6 Expérience utilisateur ? Référencement ? Satisfaire et fidéliser le lecteur : • Proposer un contenu de qualité • Proposer un contenu agréable à consulter Être référencé par les moteurs de recherche : • Exposer correctement son contenu pour que les monteurs de recherche l’identifient pertinemment
  7. 7. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 7
  8. 8. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 8
  9. 9. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 9
  10. 10. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 10 SEO Search engine optimization
  11. 11. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 11 LE SITE : NOM ET URL Réglages généraux
  12. 12.  Titre  slogan ou sous-titre  Marquant  Signifiant 12/02/2015 12Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel TITRE ET « SLOGAN » DU SITE
  13. 13. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 13
  14. 14. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 14
  15. 15. Uniform Resource Locator = adresse web http://www.mon-site.com/page1/sous-page  http : protocole de communication  Mon-site : nom de domaine  .com : « extention »  /page1/sous-page : chemin 12/02/2015 15Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel URL Sur wordpress.com http://mon-blog.wordpress.com  Mon-blog est un sous-domaine de wordpress.com
  16. 16.  Différente ou identique au titre du site ?  Mémorisation pour l’utilisateur  Impact sur le référencement  Signifiants : mots-clés  Réfléchir à l’esthétique, au rythme.  Long ? Court ?  Tout coller ?  Tirets ? 12/02/2015 16Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel URL
  17. 17. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 17 RÉDIGER UN CONTENU
  18. 18. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 18 Quelles sont les spécificités du média web ? Des habitudes de lecture différentes : • Zapping : l’internaute fait plusieurs choses en même temps • 30-60 secondes en moyenne passé une page • Scrolling : 79% des internautes lisent toujours en diagonale • Le lecteur lit en moyenne 20 à 28 % des mots de la page Confort de lecture moindre que sur le papier : • Luminosité, contraste, reflets
  19. 19. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 19 Eye Tracking
  20. 20. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 20 Comment adapter son écriture ?
  21. 21. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 21 Règle de base : la lisibilité Clarté et concision du propos : • Phrases courtes • Efficacité du message Clarté et attractivité de la mise en page • Structurer le contenu • Aérer • Illustrer
  22. 22. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 22 Ecrire un contenu • Définir : • L’angle d’attaque • Le message essentiel (1 sujet = 1 billet) • Ecrire • Structurer le contenu (titres, sous-titres) • De l’essentiel aux détails • 300 mots minimum / 1500 mots maximum • 600 mots = 3 min. de lecture • 1000 mots = 5 min. de lecture
  23. 23. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 23 Titre Chapô / accroche Image Sous-titre
  24. 24. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 24
  25. 25. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 25 Liens hypertextes
  26. 26. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 26  Liens de qualité  Décrire ses liens  Bon pour le lecteur  rebondir  savoir où l’on clique  Bon pour le référencement  liens sortants de qualité = bien noté  liens qualifiés
  27. 27. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 27
  28. 28. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 28 ILLUSTRER
  29. 29. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 29 CHOISIR SES IMAGES • Juste équilibre texte / images • S’assurer des droits • Des images pertinentes pour le contenu
  30. 30. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 30 PRÉPARER SES IMAGES À LA MISE EN LIGNE • La bonne taille  Une image de grande taille est trop lourde à charger  Temps de chargement long = lecteur insatisfait  Stockage limité  Compressez et redimensionnez vos images !  480 x 640 pixels suffisent  1024 x 768 pixels : pertinent dans le cas d’oeuvres d’art.
  31. 31. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 31
  32. 32. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 32 Le bon nom : • Img000476.jpg • P197847.jpg • Praguehorloge.jpg • HolbeinAmbassadeurs.jpg • DresdeChateau1900.jpg • Prague-horologe.jpg • Holbein-Ambassadeurs.jpg • Dresde-chateau-1900.jpg NON OUI Renommer AVANT de mettre en ligne  3 à 5 mots clés décrivant l’image  pas d’accents  mots séparés par tirets ou underscores
  33. 33. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 33  Ce qui apparaît sous l’image = « cartel »  Alt tag : ce que les robots voient, ce qui s’affiche si non chargement de l’image
  34. 34. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 34 DÉCRIRE LES IMAGES
  35. 35. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 35 Alt-tag  3 à 5 mots clés décrivant l’image  accents et ponctuation  Limiter nombre de caractères du texte alternatif à ±155
  36. 36. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 36 MONTER VOTRE PROJET
  37. 37. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 37 DÉFINIR LE PROJET • Etablir les objectifs  sujet de l’exposition virtuelle  objectif et public  planning et délais • Inventorier les contenus et les idées  Quelles idées ?  Quelles média ?
  38. 38. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 38 CONCEVOIR LE SITE • Définir l’architecture informationnelle • Préparer les contenus • Définir les fonctionnalités du site
  39. 39.  Choisir nom, URL, définir le plan et les grandes lignes  Faire un billet expliquant tous vos choix, le plan du site  Venir avec le texte d’une page et ses illustrations 05/03/2015 39Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel POUR LE PROCHAIN COURS

×