https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j Coralie Maizonnasse en-us 2019-04-10 08:17:49 UTC 2019-05-07 08:16:29 UTC hello@padlet.com coralie_maizonnasse https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j/wish/350256462 -Rédiger des textes courts et aérés avec plusieurs niveaux de lecture
-Trouver un titre accrocheur
-Pas de faute d'orthographe
-Faire plusieurs parapgrahes
-Utiliser une police agréable et facile à lire
-Etre court et direct
-Personnaliser l'information en fonction du public cible
-S'appuyer sur une charte éditoriale du web (W3C)
-Illustrer ses propos
-Mettre en place une hiérarchie visuelle
- Une seule idée par phrase et un article ou une page = une thématique
- Des phrases courtes (moins de 20 mots si possible) 
-adopter style concis et éviter le jargon
-utiliser des liens hypertextes
-commencer par une information clef dés le début

-Développer une seule idée par paraphrase
-utiliser des listes
-justifier le texte
-Utiliser un langage simple
-Ne pas utiliser trop de polices (2 bien /3 polices max)
-Penser au référencement (pour un vrai site web pas pour nous)
-Bien aérer le texte 
-mettre en évidence les mots clefs (strong)
-grammaire et orthographe irréprochable
-Dater les dates avec des chiffres(surtout pour les blogs, pour nous pas essentiel)
-créer un un fort contraste entre les textes et l'arrière-plan = faire ressortir le texte, être à l'opposé de ce qu'on fait écriture noire sur fond blanc par ex, 
-inclure des liens hypertextes
-illustrer ses propos : "une image vaut 1000 mots"
-Hiérarchiser l'information (prioriser)
-La règle des W :QQOQCCP concerne plus le CDC)
-Utiliser des titres et sous-titres descriptifs
(Etablir des reperes visuels titre et sous titre visible)
-Ne pas faire trop rélféchir le lecteur (rendre le site accessible, texte simple, court, explicite, éviter la négation)
-utiliser des mots simples, 
adapter le langage à sa cible
-éviter les abréviations
-Ne pas utiliser police trop petite
-bannir les polices fantaisies pour les textes sauf pour les titres mais rester visible
-utiliser des listes : utiliser toutes les blaises html


]]> 2019-04-10 08:21:50 UTC https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j/wish/350256462 coralie_maizonnasse https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j/wish/350265462 -Vérifier l'adaptation des images
-Vérifier les droits d'auteur
-choisir un format léger pour les images=images compressées :jpeg, gif, png,
-Redimensionner les images
-Reduire le poids des images (compression)
-Réduire le nombre de requêtes liées à des images
-mettre un titre à l'image
-mettre une légende à l'image
-Mettre un texte alternatif
-taille des images adaptées au web (1MO max).
-Utiliser images pour illustrer propos

-Ajouter une légende : blaise automatique pour légende : figure caption
-Utiliser un texte alternatif (obligatoire participe au référencement)
-utiliser des images légères : site: squoosh.app
-interdit de toucher à l'aspect proportionnel des images (éviter au max d'utiliser width et height ou le faire de facon proportionnel)
-faire attention aux droits à l'image(site pexel=toutes les imgs sont libres de droits creactive commons CC0) et site pexabay
-utiliser image en raccord avec le texte: image doit avoir un sens avec ce qu'on veut faire:décor, explicatif)
-(Réduire les requêtes grâce au CSS3 (optimisation))
-gérer le texte avec des images mais pas pratique si on veut modifier l'image mais possible pour faire des bandeaux par ex mais pas textes classiques
-choisir des images pertinentes
-utiliser des sprites : combiner par exemple:3 images en une
-Jouer sur l'opacité : si image ou vidéo en fond d'écran.  
-nouvelle balise h.1 donne les 3 images la plus optimisée pour adapter le poids de l'image aux 3 environnnements : le poids des images pourra etre décliné en 3 formats: permet avoir 3 images en fonction de la taille de l'ecran




]]> 2019-04-10 09:02:42 UTC https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j/wish/350265462 coralie_maizonnasse https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j/wish/350274372 -utiliser cercle chromatique pour associer les couleurs
-utiliser CSS pour les couleurs
-adapter couleurs en fonction de l'ambiance du site qu'on veut donner
-adapter couleurs à la saturation, contraste
-adapte couleurs à la teinte
-adapter couleur à la luminosité
-choisir couleur en fonction de la symbolique et émotion qu'on veut donner
-couleurs complémentaires pour faire site web
-utiliser RVB: ystème de codage basé à partir des couleurs primaires et destiné à la vidéo et aux écrans.
-utiliser CMJN :cyan, magenta, jaune, noir :système de codage basé sur les procédés d’imprimerie permettant de reproduire un large spectre colorimétrique à partir des trois teintes de base auxquelles on ajoute le noir, on parle également de quadrichromie. 
- possibilité d'utiliser html et code RVB pour couleurs
-approprier couleur à la création de notre site internet
-ne pas utiliser plus de 3 couleurs max/2couleurs bien
-utiliser la " règle du 60,30,10" 60%,30% couleurs secondaires,10% : pas valable que pr le web
- CSS:  différentes manières de définir les couleurs et notamment par un nom avec la notation décimale 
-essayer de penser aux daltoniens
utiliser couleurs complémentaires
-code couleur en fonction du pays
-garder la même teinte
-éviter les couleurs saturées= on est dans un espace colorimétrique=espace RVB(255,255,255) le max on évite de mettre ça
-Même couleur pour le même titre d'information
-éviter d'utiliser le bleu ou le rouge pour le texte/eviter bleur car par défaut c'est la couleur des"liens" donc on pourrait crore que c'est cliquable eviter rouge et bleu/ jaune avec viloet et jaune avzc le vert]]> 2019-04-10 09:46:40 UTC https://padlet.com/coralie_maizonnasse/ti6jeu25pw3j/wish/350274372