Troisième séance :
Bonnes pratiques
CRÉER UN SITE WEB
05/03/2015Master CIMER, Paris IV - Initiation à la création de sites...
 Acquérir les bonnes pratiques de la rédaction web
12/02/2015 2Master CIMER, Paris IV - Initiation à la création de sites...
 Respect des bonnes pratiques exposées lors du cours
 Documentation des choix effectués dans un journal de
bord
12/02/20...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 4
INTRODUCTION
Des bonnes pratiq...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 5
BONNES PRATIQUES.
POUR QUI, PO...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 6
Expérience utilisateur ?
Référ...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 7
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 8
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 9
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 10
SEO
Search engine optimization
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 11
LE SITE : NOM ET URL
Réglages...
 Titre
 slogan ou sous-titre
 Marquant
 Signifiant
12/02/2015 12Master CIMER, Paris IV - Initiation à la création de s...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 13
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 14
Uniform Resource Locator = adresse web
http://www.mon-site.com/page1/sous-page
 http : protocole de communication
 Mon-s...
 Différente ou identique au titre du site ?
 Mémorisation pour l’utilisateur
 Impact sur le référencement
 Signifiants...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 17
RÉDIGER UN CONTENU
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 18
Quelles sont les spécificités...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 19
Eye Tracking
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 20
Comment adapter son écriture ?
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 21
Règle de base : la lisibilité...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 22
Ecrire un contenu
• Définir :...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 23
Titre
Chapô / accroche
Image
...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 24
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 25
Liens hypertextes
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 26
 Liens de qualité
 Décrire ...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 27
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 28
ILLUSTRER
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 29
CHOISIR SES IMAGES
• Juste éq...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 30
PRÉPARER SES IMAGES À LA MISE...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 31
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 32
Le bon nom :
• Img000476.jpg
...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 33
 Ce qui apparaît sous l’imag...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 34
DÉCRIRE LES IMAGES
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 35
Alt-tag  3 à 5 mots clés déc...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 36
MONTER VOTRE PROJET
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 37
DÉFINIR LE PROJET
• Etablir l...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 38
CONCEVOIR LE SITE
• Définir l...
 Choisir nom, URL, définir le plan et les grandes
lignes
 Faire un billet expliquant tous vos choix, le plan
du site
 V...
Prochain SlideShare
Chargement dans…5
×

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

627 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
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
627
Sur SlideShare
0
Issues des intégrations
0
Intégrations
44
Actions
Partages
0
Téléchargements
21
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Me présenter
  • Rappeller les objectifs du cours
  • Rappeller les objectifs du cours
  • Introduction pour expliquer les notions de web /internet / navigateur / HTML / CSS / Site Web / CMS / pages statiques et pages fixes …
  • Rappel : Internet c’est le réseaux. Web c’est les pages qu’on consulte depuis un navigateur. Internet existe depuis 1969. Le web existe depuis 1989.
    Les mails, skype, c’est internet, c’est pas du web, quoiqu’on puisse consulter ses mails depuis un navigateur web, donc depuis le web.

    De nombreuses personnes confondent (à tort) Internet et le Web. Il faut savoir que le Web fait partie d'Internet. Internet est un grand ensemble qui comprend, entre autres : le Web, les e-mails, la messagerie instantanée, etc. Tim Berners-Lee n'est donc pas l'inventeur d'Internet, c'est « seulement » l'inventeur du Web.
  • Rappeller les objectifs du cours
  • 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

    ×