Flux rss

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

Bookmark Ajouter aux favoris / Partager
Dernière mise à jour le 22 décembre 2007 à 08:05 par Ssylvainsab
Publié par sebsauvage
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é
Creation d'un site wb dynamique par PHP Bonjour, je veux developper un site web dynamique qui fait des exercices en matiere reseau pour des élèves en utilisant le langage PHP. mais je ne sais pas est ce qu'il faut utiliser un logiciel d'evaluation ou bien le PHP seulement. je ne sait pas... www.commentcamarche.net/forum/affich-5312855-creation-d-un-site-wb-dynamique-par-php
Creation site web dynamique +uml Bonjour,je suis un débutant je veux realiser un site web dynamique qui contiendra des projets des etudients avec "php/mysql" +la conception avec uml . svp se qui a l'experience dans ce domaine de vouloire bien m'aider , merci . www.commentcamarche.net/forum/affich-5441027-creation-site-web-dynamique-uml
[Outils] Freewares pour la création de sites1. Éditeurs WYSIWYG 2. Éditeurs de code 3. Client FTP 4. Graphisme et retouche d'images 5. Graphisme de style FLASH 6. Édition audio 7. Serveur web Freewares pour la création de sites Vu le nombre de demandes pour créer un site, voici... www.commentcamarche.net/faq/sujet-241-outils-freewares-pour-la-creation-de-sites
Créer un site internetAvant de commencer à créer techniquement son site internet, il est conseillé de réfléchir préalablement à son concept, à son coût (prestataire ou pas) ainsi qu'aux obligations légales. Nous vous invitons donc à consulter cette astuce CCM qui grouille... www.commentcamarche.net/faq/sujet-63-creer-un-site-internet
Rapport de stage pour site web dynamiquebonjour, je suis étudiant en dernière année informatique, je cherche des exemples de rapports de stages pour la création d'un site web dynamique.. merci d'avance www.commentcamarche.net/forum/affich-11569668-rapport-de-stage-pour-site-web-dynamique
Un exemple de site web dynamique avec J2EEBonjour, je souhaite que quelqu'un me donne un lien ou tutoriel contenant un exemple décrivant toutes les étapes de développement d'un site web dynamique avec J2EE(sous MyEclipse) càd quels pages créer et ou` exactement. Merci d'avance. www.commentcamarche.net/forum/affich-6142877-un-exemple-de-site-web-dynamique-avec-j2ee
Conception d'un site Web dynamiqueBonjour, Etant en pleine création d'entreprise dans l'organisation événementielle en milieu festif, Nous aimerions détenir un site web dynamique, qui reflète toute l'originalité de nos futures soirées, par de belles animations telles que nous pouvons... www.commentcamarche.net/forum/affich-2133065-conception-d-un-site-web-dynamique