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.
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
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
Vous pouvez avoir un aperçu des différences de rendus entre les divers navigateurs internet via les captures d'écran :
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é
--> source http://www.commentcamarche.net
A la fin de cette page, il y a également une liste de validateurs.
- Liens
- En français
- A lire sur CCM
- En anglais
- En français
- Compléments
- Validateurs de codes
- A lire aussi: Exemple de site web dynamique
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
- Conception du site web
- Ergonomie
- Navigation
- Design
- Contenu
- Site web mobile
- Référencement naturel
- Référencement mobile
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é
--> source http://www.commentcamarche.net
0 commentaires:
Enregistrer un commentaire