Je vais tout d'abord vous expliquer pourquoi avoir fait le choix de ces formats pour créer des site internet.
Tout d'abord, quelques courtes définitions :
Le HTML contient et permet beacoup de choses. Cela peut-être déroutant pour débuter son apprentissage, et à éviter.
Ce tutoriel se sépare en deux parties importantes : tout d'abord, vous apprendrez uniquement les balises nécessaires et non désuettes pour représenter le contenu de vos pages. Ce n'est que dans la seconde partie que vous apprendrez à mettre en forme ces pages.
Utiliser le HTML Strict et le CSS permet de séparer le contenu et la forme. Cela permet :
Note : Nous travaillerons directement sur du HTML Strict (sans les balises de transition, et reconnu par tous les navigateurs) ! Avec les tournures du style "Il est interdit de", nous nous référerons à ce format strict.
Il est parfois possible de passer outre ces interdictions (ou plutôt recommendations) mais vous perdrez la compatibilité de vos pages avec les standards du WEB.
Le but de justement travailler avec les std : être quasi sur que ça passe partout... et d'être reconnu non seulement par tous les navigateurs, mais aussi par les moteurs de recherches, etc...
Note : Toutes les balises, propriétés, etc... sont données en minuscules et chaque attribue de balise HTML est entourée par des guillemets : ces recommendations sont facultatives mais vous permettrons facilemenent de passer au XHTML (futur du HTML) sans devoir changer trop de choses si vous le décidez.
Un simple éditeur de texte (tel que NotePad sous Windows) suffit. Cependant pour améliorer lq rapidité de production, un éditeur spécialisé est recommendé.
Sous Windows, ConTEXT qui est un bon éditeur de texte, avec coloration syntaxique.
Sous Linux, il existe Quanta plus : il supporte la coloration sytaxique, permet pas mal d'options (comme toujours afficher x lignes en haut et en bas, afficher les numéros de ligne, retours à la ligne, la modification d'une balise modifie aussi la balise fermante...) mais aussi, et le plus important, permet de définir des raccourcis claviers non seulement pour chaque balises, mais aussi pour autant de balises personnalisées que vous le souhaitez ! Par exemple, j'ai configuré Ctrl+Alt+Maj+C (oui je sait c'est long mais les raccourcis claviers sont plus qu'encombrés chez moi ;-) ) pour <code></code> : je sélectione un texte et il se transforme immédiatemment en code. Vous pouvez également mettre
Lorsque vous faites un site, pensez dès le début à une organisation : vous pouvez soit mettre toutes les pages HTML dans le dossier racine, les fichiers dans un sous dossier images... Ou alors, si votre site est composé de plusiseures rubriques, faire un sous dossier par rubrique et placer tous les fichiers concernant une rubrique dans son dossier (même le ou les fichiers HTML.
Lorsque vous nomez vos pages, fichiers et dossiers, veillez à leur donner un nom court (mais descriptif) sans majuscules, espaces ou caractères accentués. En effet, certains serveurs font la distinction entre majuscules et minuscules. De même, vos visiteurs retiendront mieux des adresses courtes dont tous les caractères sont en minuscules. Il est recommandé d'utiliser les lettres majuscules, les chiffres et les caractères '.', '-' et '_'. Les autres caractères sont à éviter.
En ce qui concerne le format des images, il est fortement recommendé de les compresser en .gif pour les graphismes de peu de nuances, et en .jpg pour les photos. Le format .png est meilleur de que .gif (il est aussi sans perte ou limitation de couleurs !). Je vous recommande de l'utiliser pour une meilleur qualité. Cependant, Internet Explorer rend mal les .png avec plus d'un seul niveau de transparence : il vaux mieux donc se limiter à un seule couleur de transparence au maximum (de toute façon le format .gif ne permet pas non plus d'aller plus haut).
Même si les formats HTML Strict et du CSS sont des standards du WEB et donc reconnus par tous les navigateurs, il est fortement conseillé de tester vos pages WEB (surtout les CSS) dans au moins deux navigateurs :
Valider permet non seulement de s'assurer que votre site est conforme aux ... du W3C, et donc passe sur tous les navigateurs le supportant, mais aussi pour corriger vos erreurs : vous verrez, après quelques validations, vous aurez progressé et le validateur, par la suite, ne vous sortira plus beacoup d'erreurs, sauf si vous avez faite une erreur PASFREQUENTE.