Ressources complémentaires
Comprendre en s'amusant
- Le site Hackasaurus propose de chausser les "lunettes google" pour révéler les balises html de n'importe quel élément d'une page. Un bon outil d'initiation à l'idée.
- Dans le genre enfantin voici le web design pour les bébés ;-)
°°
Outils OpenSource
Boîte à outils de base en OpenSource, légaux, gratuits. Vous aurez besoin d'un texteur de code source en couleur, pour pc NotePad++, pour mac Smultron ou TextWrangler.
Ces outils paraissent parfois un peu plus rustiques, ou moins ergonomiques que les outils payants de la chaîne graphique (très chers); en contrepartie ces outils développent votre indépendance et votre agilité dans toutes les opérations fondamentales. Enfin, la prise en main de ces outils ne vous empêchera en rien de vous adapter par la suite à d'autres outils, si vous avez vraiment compris ce que vous faites aux pixels, etc...
Couleur
Images
Des stratégies différentes par rapport aux droits de reproduction, des possibilités de récupérer des images légalement:
CreativeCommons, Copyleft, Wikimedia commons, images libres, Archive.org.
W3C
- La meilleure référence : W3Schools Online Tutorials sur le site de W3C,
- World Wide Web Consortium, organisme officiel de développement de l'internet met à disposition tous les textes de référence, HTML, XHTML, CSS etc, parfois traduits de l'anglais. Mis à jour en permanence le site témoigne de l'évolution du langage HTML, du travail de ses différents groupes et établit des normes pour le www.
- VALIDATOR" service de validation en ligne pour vos pages html
- Quiz Html, avec une note sur 20 !!
- "Getting started with HTML" par Dave Ragget : http://www.w3.org/MarkUp/Guide/Overview.html
liens vers les pages "advanced" HTML" et "a touch of style" à propos des css.
CSS
- Belles leçons de CSS à prendre sur le site CssZenGarden. Une seule page web au code HTML invariable, est mise en forme 100% en CSS par des auteurs différents. Résultats étonnants qui permettent de comprendre très bien l'enjeu.
- Chezur strangebanana la feuille de style change à chaque fois que l'on recharge la page (ctrl-R) .
- Ceux qui ont pris goût aux instructions css se délecteront de ces nouvelles fonctionnalité CSS3 . Cliquer simplement sur le titre de rubrique pour afficher le code.NB: ces instruction récentes ne sont exécutées que par les navigateur très récents ! Comme d'habitude tout est aussi sur W3schools.