Design
Tout le monde peut pondre une page web, mais les meilleurs sites, les "killers" demandent beaucoup de réflexion, de planification et de conception.
|
- Web Wonk
- Les astuces de Dave Siegel pour les éditeurs et concepteurs
http://www.dsiegel.com/tips/
- Guide Sevloid pour la Conception Web
- Un guide excellent pour tous les développeurs web
http://www.sev.com.au/webzone/design.asp
- Manuel WWW orienté C de Yale
- Une des toutes meilleures références
http://info.med.yale.edu/caim/manual/
- Guide du Web
- de Sun Microsystems
http://www.sun.com/styleguide/
- Procédures et Exemples
- Les Studios Vivid conçoivent des sites web pour les plus grands professionnels des affaires comme des loisirs, et ils nous font part ici de leurs procédures de conception et de leur philosophie.
http://www.vivid.com/practices/
- La Conception Web selon Glassdog
- La magnifique conception de ce site (plusieurs fonctionnalités de navigateurs de 4ème génération) présente un foisonnement d'astuces très utiles sur la conception web.
http://glassdog.com/design-o-rama/
- Les astuces de conception selon Neon
- Une liste d'astuces écrite par Dave Kristula
http://www.neonlollipops.com/design/
- Les sept C de la conception de Services Web
- L'université de Géorgie nous fournit un ensemble concis de règles (avec des exemples) pouvant être utilisées pour le site de n'importe quelle organisation. Les sept C incluent la Compréhension, l'actualité Courante, l'orientation Client, la Clarté plutôt qu'être Cool, la Courtoisie plutôt qu'être Cool, la Compatibilité sans Compromis et la validation des références Croisées.
http://www.uga.edu/design/
- Le Didacticiel sur la Conception de l'Information
- "est une introduction aux bases de la mise en page et de la conception de sites. Il part du principe que vous avez déjà les connaissances de bases sur HTML... Le but est d'aborder différents moyens de présenter du texte brut de manière attractive en utilisant le potentiel du Web comme média".
http://www.accessone.com/~jdwest/infodesign/index.html
- la Conception de Pages Web pour les Concepteurs
- "est destinée aux personnes déjà familiarisées avec la typographie de l'impression traditionnelle qui veulent explorer les possibilités de ce nouveau média électronique".
http://www.wpdfd.com/
- Elements de Conception Web
- Les gens du c|net vous guident dans la manière de concevoir un site Web.
http://builder.cnet.com/Graphics/Design/
- Le didacticiel de Valérie Casey sur la Conception Web
- Formatrice et développeuse professionnelle, Valérie Casey nous propose ce guide avancé pour la présentation de l'information sur le web
http://www.valcasey.com/webdesign/
|
HTML
Voici quelques-uns de nos indispensables guides préférés qui sont soit des références de grande qualité soit d'excellents didacticiels (autres que le notre !)
|
- Les goodies HTML
- Une collection géante de didacticiels, de ressources et même d'images pour les développeurs Web.
http://www.htmlgoodies.com/
- Le HTML mis à nu
- "L'antisèche" extrèmement utile de Kevin Werbach.
http://werbach.com/barebones/
- La Charte de Compatibilité des Navigateurs
- de WebReview vous montre quels tags sont supportés sur les différentes versions de navigateurs Web.
http://webreview.com/pub/1999/10/29/feature/index3b.html
- L'Abrégé de HTML
- est un manuel de référence de tous les tags HTML généralement utilisés.
http://www.htmlcompendium.org/
- HTML : Un Didacticiel Interactif pour les Débutants
- Le jeune Dave Kristula a écrit ce didacticiel pratique qui vous permet d'apprendre et d'expérimenter le HTML dans le confort de votre navigateur web.
http://www.davesite.com/webstation/html/
- Jalfrezi, l'orfèvre du HTML
- vous donne des exemples pour tous les éléments et attributs du HTML, y compris les nouvelles extensions de Netscape et Microsoft.
http://vzone.virgin.net/sizzling.jalfrezi/
- Dr. HTML
- est un outil qui peut diagnostiquer les problèmes de n'importe quelle page web
http://www2.imagiware.com/RxHTML/
- Webmonkey, le singe du Web
- Un Didacticiel utilisant l'approche "Regarder et Copier".
http://www.hotwired.com/webmonkey/teachingtool/
- La Bibliothèque de tags de ZDNet
- présente un rapide historique du HTML ainsi qu'une description tag par tag.
http://www.zdnet.com/devhead/resources/tag_library/
|
Les Tables
La présentation invisible de bien des sites web, peut-être bientôt dépassée par les Feuilles de Style. |
- Les Tables HTML
- de la Bibliothèque virtuelle des développeurs Web.
http://wdvl.com/Authoring/HTML/Tables/
- Des Tables de Killer
- Ceci est une partie du livre fantastique "Création de sites Web de Killer" de Dave Siegel, dans lequel il illustre l'utilisation des tables pour la mise en page de sites web. Nous avons été grandement influencé par ce travail !
http://www.killersites.com/tutorial/
- Prof de Tables
- Un guide étape par étape de Joe Barta.
http://junior.apk.net/~jbarta/tutor/tables/index.html
|
Les Formulaires & le CGI
Les pages Web peuvent être superbes, mais ce qui intéresse vraiment les gens sont les sites interactifs. Le CGI nécessite un accès ainsi que la connaissance de langages de programmation fonctionnant depuis un serveur web, ce qui se situe un niveau ou deux au dessus de la simple mise en page.
|
- CGI101
- vous offre une classe online gratuite sur la programmation CGI écrite par Jacqueline Hamilton. "Ce cours est prévu pour qui connait le HTML, mais n'a pas de notions de programmation Perl ou CGI (et n'a peut-être même aucune notion de programmation du tout). Le but est ici de vous présenter l'écriture de scripts Perl CGI, de vous enseigner les bases du CGI et de vous accompagner à l'aide de plusieurs exemples dans la programmmation CGI d'applications pour le Web". Ce site intègre également une bibliothèque de scripts gratuits et de liens vers d'autres sites traitant du même sujet.
http://www.cgi101.com/
- La Programmation CGI avec Perl
- A travers une série d'articles de WebReview, Brent Michalski vous amène depuis les bases même jusqu'aux concepts avancés de l'écriture de scripts Perl afin de faire fonctionner des programmes CGI.
http://webreview.com/wr/pub/98/06/12/perl/index.html
- Le CGI pour le Non-Programmeur Total
- vous explique les bases de la création de scripts CGI avec Perl sur plate-forme Unix et ne suppose pas que vous connaissiez quoi que ce soit sur le CGI, Perl ou Unix.
http://www.webteacher.com/perltour/index.htm
- Prof de Formulaires
- Un guide étape par étape écrit par Joe Barta.
http://junior.apk.net/~jbarta/tutor/forms/index.html
- Le Didacticiel de Formulaires de Web Diner
- couvre les bases de la préparation et de l'utilisation de formulaires spéciaux qui envoient les données même du formulaire par mail plutôt que de tourner sur un serveur CGI (pratique pour les sites d'hébergement comme AOL qui n'acceptent pas de CGI).
http://www.webdiner.com/annexe/forms/wdform1.htm
- La Programmation de Formulaires HTML
- WebReference présente ce didacticiel avec exemples, écrit par Andrew Davison.
http://www.webreference.com/htmlform/
- La page d'accueil du langage Perl
- Un des langages de programmation serveur les plus utilisés.
http://www.perl.com/perl/
- The Common Gateway Interface (CGI)
- Une explication technique du NCSA (vous savez, les gars qui ont créé Mosaic).
http://hoohoo.ncsa.uiuc.edu/cgi/
- Les ressources CGI de Speakeasy
- Les didacticiels de Sanford Morton, des discussions et des scripts CGI. L'accent étant mis ici sur l'explication, la majorité des scripts est donc vue en détail. La plupart sont utilisables en production.
http://www.speakeasy.org/~cgires/
|
Les Frames
Controversées et souvent utilisées sans nécessité, Les frames peuvent pourtant fournir une meilleure structure de navigation à votre site.
|
- Le Didacticiel des Frames Netscape de Sharkey
- par Charlton Douglas Rose.
http://www.newbie.net/sharky/frames/
- "Cadrer" le Web
- par Dab Brown.
http://webreference.com/dev/frames/
- L'Assistance Net pour les Frames
- du site de Netscape.
http://home.netscape.com/assist/net_sites/frames.html
- Prof de Frames
- Un guide étape par étape écrit par Joe Barta.
http://junior.apk.net/~jbarta/tutor/frames/index.html
|
Les Images
Nous aimons le web parce que c'est plus que du texte. Agah. Mais utiliser les images intelligement et sans pénaliser l'internaute est une forme suprême de magie et d'art.
|
- L'animation GIF sur le WWW
- par Royal E. Frazier.
http://member.aol.com/royalef/gifabout.htm
- Animez-vous !
- Cecilia Farell a écrit ce guide c/net sur comment créer des animations GIF.
http://cnet.com/Content/Features/Howto/Webanim/index.html
- La recette du GIF animé
- Un article de WebReview par Richard Koman.
http://webreview.com/96/03/29/tag/index.html
- Le Générateur d'Images Online de CoolText
- "est un service online totalement gratuit qui propose une génération en temps réel d'images personnalisées exactement comme vous le souhaitez".
http://www.cooltext.com/
- "A l'école de Dessin, ils avaient promis : pas de Maths"
- Un article de WebReview par Bob Schmitt.
http://webreview.com/96/03/15/tag/index.html
- La Palette de sûreté du Navigateur
- par Lynda Weinman, auteur de Créer des Images Web, sans aucun doute le meilleur livre sur le sujet.
http://www.lynda.com/hex.html
- Optimiser les Images Web
- WebReference.com présente un résumé détaillé pour vous aider à réduire la taille de vos fichiers images.
http://webreference.com/dev/graphics/
- Des Couleurs Semblables sur TOUS les Navigateurs -- 10 étapes simples
- Un article de Netscape World par Geoff Baysinger.
http://www.netscapeworld.com/common/nw.color.html
- Société de Conservation de la Bande Passante
- "Une ressource pour les développeurs Web avec un accent sur l'optimisation des performances, tout en conservant un standard graphique approprié".
http://www.infohiway.com/faster/
|
Le JavaScript
Bien que nous ayons évoqué plus haut les limites de l'interactivité du CGI, le JavaScript est du texte inséré dans votre HTML et qui fournit de l'interactivité sans nécessiter l'accès à un serveur. Ca ressemble quand même encore à de la vilaine programmation !
|
- L'Ultime Didacticiel JavaScript de Website Abstraction
- Un didacticiel extrêmement complet et une collection de ressources.
http://www.wsabstract.com/
- Copier-Coller JavaScript
- Collection gratuite de scripts prêts à l'emploi.
http://www.infohiway.com/javascript/
- Débuter les didacticiels JavaScript
- Un ensemble de petits exemples du Web Design Resource
http://www.pageresource.com/jscript/
- Introduction au JavaScript
- par Stefan Koch
http://rummelplatz.uni-mannheim.de/~skoch/js/script.htm
- JavaScript pour les Débutants
- Un très bon guide des gars du c|net.
http://builder.cnet.com/Programming/Javascript/
- JavaScript pour le Non-Programmeur Total
- Le titre parle de lui-même.
http://www.webteacher.com/javatour/
- Doc JavaScript
- Un papier bi-hebomadaire, avec d'utiles exemples, de webreference.com.
http://www.webreference.com/js/
- Les Réponses de Sharky sur le JavaScript
- une collection de didacticiels couvrant les défis courants de la programmation JavaScript, en passant des images superposées et du texte défilant, au contrôle d'accès et aux cookies.
http://sharkysoft.com/tutorials/jsa/
- Le Didacticiel JavaScript de Thau
- est un guide bien organisé de webmonkey.
http://www.hotwired.com/webmonkey/98/03/index0a.html
- Le Guide JavaScript du WebMonkey
- vous aide à démarrer avec les bases de la création JavaScript.
http://www.hotwired.com/webmonkey/guides/web/javascript.html
|
Java
Espoirs et Promesses ? Java est un langage de programmation qui vous permet d'inclure des "applets" interactifs autonomes dans vos pages Web.
|
- "JavaCentre" CNET
- propose plusieurs guides et didacticiels pour apprendre Java.
http://www.builder.com/Programming/JavaCenter/
- Jusqu'au cou dans Java
- par Stefan Koch.
http://rummelplatz.uni-mannheim.de/~skoch/javatut/kneedeep.htm
- Didacticiel des Goodies HTML : les Applets Java
- Une manière amusante de plonger vos doigts dans une tasse de Java.
http://www.htmlgoodies.com/beyond/ja.html
- L'Education JAVA d'IBM
- Big Blue offre des cours online gratuits, incluant "Introduction à Java" et "Créer un Applet Java".
http://www.ibm.com/java/education/intro/courseoptions.htm
- La JunkMachine
- Un service gratuit qui vous permet de créer facilement vos propres applets Java sans aucune connaissance de programmation Java. La JunkMachine génèrera le code HTML que vous devrez simplement couper et coller sur votre site.
http://www.robtex.com/jm/jm.htm
- Gamelan
- est un des plus fameux répertoires d'informations et d'applets Java.
http://www.gamelan.com/
- Le Didacticiel Java
- de Sun, les gars qui ont commencé !
http://java.sun.com/docs/books/tutorial/index.html
- Slurrrpp......Java
- "Le premier didacticiel orienté utilisateur sur Java" par Vijay Mukhi.
http://www.neca.com/~vmis/java.html
|
Le HTML Dynamique
Que pouvez-vous faire en combinant JavaScript et un navigateur version 4.0 ? Des pages Web interactives et animées.
|
- Guide du DHTML pour les débutants
- David Gardner rend le DHTML compréhensible.
http://www.geocities.com/ResearchTriangle/Facility/4490/
- Le Didacticiel du HTML Dynamique de Taylor
- Un autre bon guide de webmonkey.
http://www.hotwired.com/webmonkey/98/10/index0a.html
- Le Labo du HTML Dynamique
- Exemples et démos inspirées de webreference.com.
http://www.webreference.com/dhtml/
- Le site du SMIL et du HTML Dynamique de Jeff Rule
- L'auteur du livre Le HTML Dynamique : Le guide du développeur HTML apporte des ressources et des démos pour en apprendre plus sur le DHTML.
http://www.ruleweb.com/dhtml/
- La Zone du développeur de ProjectCool
- présente un didacticiel approfondi du DHTML.
http://www.projectcool.com/developer/dynamic/
- la Zone du HTML Dynamique
- par Macromedia, les créateurs du logiciel Dreamweaver pour la réalisation de sites DHTML.
http://www.dhtmlzone.com/
- WebCoder.com
- Une méga ressource pour le JavaScript et le DHTML.
http://www.webcoder.com/
|
Les CSS
Les Feuilles de Style en Cascade - Cascading Style Sheets (CSS) - sont vraisemblablement le futur de la création des pages web ; supportées actuellement par des navigateurs de version 4.0 et postérieures, elles rendent plus facile la remise en page du contenu en séparant le contenu de la mise en page. Pourtant, elles changent la manière dont nous avons utilisé le HTML jusqu'à maintenant et ne sont pas vraiment supportées de manière uniforme par les différents navigateurs.
|
- CNET Builder.com
- nous présente un guide de démarrage pour les CSS.
http://builder.cnet.com/Authoring/CSS/
- Le site HTML Ultime de D.J. Quad
- propose, entre autres ressources, un didacticiel CSS.
http://www.quadzilla.com/
- La Maison du Style
- Un résumé bien conçu des CSS avec un didacticiel facile à comprendre et un guide de support des navigateurs.
http://www.westciv.com/style_master/house/
- Le Facteur Humain
- WebReference.com nous présente une rapide revue de la puissance des CSS pour séparer la mise en page du contenu.
http://www.webreference.com/html/tutorial5/
- Index point CSS
- Le guide de référence des CSS par Brian Wilson.
http://www.blooberry.com/indexdot/css/
- Le Guide des Cascading Style Sheets
- par le Web Design Group, propose des références et un petit didacticiel.
http://www.htmlhelp.com/reference/css/
- La Bibliothèque Virtuelle des Développeurs Web
- inclut des informations utiles et des didacticiels.
http://wdvl.com/Authoring/Style/Sheets/
|
