Flux rss
Ils ont besoin de votre aide
Collection CommentCaMarche.net

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

Publié par sebsauvage, dernière mise à jour le samedi 22 décembre 2007 à 08:05:31 par Ssylvainsab
Voici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, 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 exemple). Par exemple, il vous montrera comment créer pas à pas un menu dynamique (qui fonctionnera dans 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/html.html

Sur CCM :

En anglais:


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

www.csszengarden.com/
(Version française: www.csszengarden.com/tr/francais/ )
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:
www.webstyleguide.com/
(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.

www.useit.com/alertbox/9605.html
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 :
Voir à quoi ressemble votre site ailleurs
browsershots.org/recent/

Validateurs de codes


validator.w3.org/
Le "W3C Markup Validation Service". Ce site vous permettra de soumettre une url ou d'envoyer une page web afin de verifier 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/work/firefox/webdeveloper/

http://www.validome.org/
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é

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

Création d'un site Web dynamique en PHP (Résolu) Bonjour, Je suis un étudiant en 3éme année DUEA infomratique de gestion, Je suis en train de préparer mon mémoire de fin d'étude "Création d'un site Web dynamique pour la gestion commerciale au niveau d'une entreprise productive".... www.commentcamarche.net/forum/affich-5611659-creation-d-un-site-web-dynamique-en-php
Generateur de site web dynamique (Résolu) salut tout le monde, existe t' il un outil de génération de site web dynamique configurable selon le besoin. Si vous connaissez un veillez de me le dire merci d' avance www.commentcamarche.net/forum/affich-2203352-generateur-de-site-web-dynamique
Conception de site web dynamique (PHP) (Résolu) Bonjour, je souhaiterais concevoir un site web dynamique en php. Le problème est que j'ai des notions de PHP mais je ne sais comment débuter. je rappelle que je maitrise parfaitement le HTML. J'aimerais savoir comment intégrer mes données... www.commentcamarche.net/forum/affich-4298369-conception-de-site-web-dynamique-php

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

Création d'un organigramme dynamique (Résolu)Bonjour à tous, je cherche actuellement à créer un organigramme dynamique pour une société et je voulais savoir si vous conaissez un logiciel efficace. En fait , concrètement, je souhaiterais pouvoir crééer un organigramme avec des options comme... www.commentcamarche.net/forum/affich-1222385-creation-d-un-organigramme-dynamique
Site web pour agence de voyage (Résolu)Bonsoir, j'ai été sollicité pour réaliser un site web dynamique pour une agence de voyage: les clients doivent entrer leurs préferences (date de départ, arrivée, durée du séjour, prix maximum à ne pas dépasser, etc.) sur des formulaires prevus à... www.commentcamarche.net/forum/affich-2019176-site-web-pour-agence-de-voyage
[php] tableau dynamique (Résolu)salut je voudrais savoir comment créer un tableau dynamic pour pouvoir gérer les données saisies www.commentcamarche.net/forum/affich-1664960-php-tableau-dynamique
Réponses suivantes

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

Télécharger WAMP ServerWAMP5 (WAMP signifiant Windows Apache Mysql PHP) est une plate forme de développement Web sous Windows. Il vous permet de développer des sites Web dynamiques à l'aide du serveur Apache, du langage de scripts PHP5 et d'une base de données MySQL version... www.commentcamarche.net/telecharger/telecharger-34055064-wamp-server
Réponses suivantes