Créer un site beau, dynamique et respectueux des standards

Décembre 2016


Voici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards.
A la fin de cette page, il y a également une liste de validateurs.



Liens

En français


openweb.eu.org
Ce site vous expliquera les normes du W3C et leur intérêt (avec de très nombreux exemples). Par exemple, il vous montrera comment créer pas à pas un menu dynamique (qui fonctionnera sous tous les navigateurs).

www.allhtml.com
Un grand classique avec de nombreuses astuces et références.

Les erreurs de conception de site web à éviter à tout prix :
sebsauvage.net

Comment créer un site dynamique.
Créer un site dynamique

A lire sur CCM


En anglais


www.alistapart.com
De nombreux articles sur des astuces pratiques pour vos sites web (comment faire des menus, des CSS spécifiques pour l'impression, etc.) :

www.csszengarden.com
(Version française )
Une démonstration magistrale sur l'utilisation des CSS.
Cliquez sur un des styles proposés : la page HTML reste la même, seule la feuille de style change.
Cela vous montre toute la puissance des CSS.

www.w3schools.com
Littéralement "l'école du W3C".
De nombreux cours pour apprendre à se servir des CSS, DOM, etc.
Contient des exemples très pratiques et très basiques.

Voici quelques règles à respecter pour faire un site qui soit clair.
(Il s'agit d'un livre consultable entièrement en ligne).
Il vous donnera des conseils et des trucs pour améliorer l'ergonomie, la clarté et la lisibilité de votre site.

Top Ten Mistakes in Web Design

Compléments


Vous pouvez avoir un aperçu des différences de rendus entre les divers navigateurs internet via les captures d'écran :

Validateurs de codes


validator.w3.org/ validator.w3.org
Le "W3C Markup Validation Service". Ce site vous permettra de soumettre une url ou d'envoyer une page web afin de vérifier si les standards du web y sont respectés...
Vous pourrez retrouver aussi cette analyse automatique dans l'extension "web developer" du navigateur Firefox (voir l'onglet Validation une fois installé) :
www.chrispederick.com

Un validateur très performant.

validateur.ca/ Un validateur html multipages, très pratique pour vérifier toutes vos pages en une seule fois. Cependant, il ne supporte pas plus de 200 pages. En français.

jigsaw.w3.org/css-validator/ Le validateur de W3C

Cette analyse est également disponible avec l'extension WebDeveloper.

www.w3.org/RDF/Validator/ Le validateur Rdf, encore du W3C.


validateur-accessibilite.apinc.org/index.php Un validateur d'accessibilité

A voir également :

Ce document intitulé «  Créer un site beau, dynamique et respectueux des standards  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.