Pages personnelles d'Alain Caraco

Ressources pour webmestre

  1. HTML
  2. CSS
  3. PHP
  4. Codage des caractères
  5. Codage des couleurs
  6. Extensions pour Firefox
  7. Vérification du nom de domaine
  8. Accessibilité
  9. Autres ressources

1. HTML

La référence HTML

Traduction française des recommandations du W3C

Editeurs HTML avec coloration syntaxique

Utiles lorsqu'on écrit ou transforme directement du code, ces outils sont particulièrement adaptés à l'écriture des scripts PHP et de CSS.

Editeurs HTML en mode WYSIWYG

Ecrire un texte long en HTML

Pour les textes plus longs, on pourra partir d'un traiment de texte moderne, de préférence OpenOffice ou, à défaut, Microsoft Word.

Ecrire le texte en évitant des mises en forme directes (gras, taille de la police, fonte, etc.) et utilisant uniquement les styles (titre 1, titre 2, corps de texte, etc.). Si on part d'un texte déjà existant contenant des mises en forme directes, il est important de tout convertir en styles au préalable.

Utiliser ensuite la fonction d'enregistrement au format HTML du traitement de texte. Le code produit comprend de nombreux parasites, qu'il faut ensuite nettoyer. Les versions récentes de Microsoft Word proposent deux formats d'enregistrement HTML : "HTML" et "HTML compact". Le format "HTML compact" fournit un code avec moins de parasites. Le code HTML produit par OpenOffice est de meilleure qualité que celui produit sous Microsoft Word. Il est donc recommandé d'ouvrir un fichier Microsoft Word sous OpenOffice pour l'enregistrer au format HTML.

Ouvrir ensuite le fichier HTML ainsi obtenu avec Komposer et le modifier. Si on considère qu'il n'y a rien à modifier à cette étape, ajouter un espace en fin de fichier, afin d'obliger Komposer à corriger le code avant l'enregistrement. Cela permet notamment de convertir toutes les balises HTML en minuscules et de coder correctement les lettres accentuées.

Ouvrir enfin le fichier avec un éditeur HTML avec coloration syntaxique et supprimer les derniers parasites dans le code avec la fonction "rechercher et remplacer".

Cette procédure est un peu fastidieuse, mais c'est la seule que j'ai trouvée jusqu'à présent pour produire du HTML de bonne qualité à partir d'un traitement de texte !

2. CSS

La référence CSS

Traduction française de la recommandation CSS 2

OpenWeb

Zen Garden

Pompage

Des exemples en anglais

3. PHP

Outils PHP :

PHP est un langage de programmation de pages HTML. Il est gratuit et relativement simple à apprendre. Les principaux avantages sont :

PHP facilite grandement la maintenance d'un site dès qu'il atteint une certaine dimension.

4. Codage des caractères

La référence Unicode

Les caractères les plus utiles en français

Code nom

Code chiffre

Caractère

Description

à

à

à  

a minuscule, accent grave

â

â

â  

a minuscule, accent circonflexe

ç

ç

ç  

c minuscule, cédille

è

è

è  

e minuscule, accent grave

é

é

é  

e minuscule, accent aigu

ê

ê

ê  

e minuscule, accent circonflexe

ë

ë

ë  

e minuscule, tréma

î

î

î  

i minuscule, accent circonflexe

ï

ï

ï  

i minuscule, tréma

ô

ô

ô  

o minuscule, accent circonflexe

ù

ù

ù  

u minuscule, accent grave

û

û

û  

u minuscule, accent circonflexe

ü

ü

ü  

u minuscule, tréma

€

€

  

symbole de l'euro

En XML, il faut impérativement utiliser le code chiffre.

En HTML, on peut utiliser le code chiffre ou le code nom.

Deux listes plus complètes de codes

5. Codage des couleurs

En HTML, les couleurs sont codées avec trois nombres (de 0 à 256) représentant la valeur du rouge, du vert et du bleu (RGB = Red, Green, Blue). Ces nombres sont généralement écrits en hexadécimal (0 = 00 ; 256 = ff). Trois valeurs 0 font du noir (#000000). Trois valeurs 256 font du blanc (#ffffff). Trois valeurs égales font toujours un gris. Attention : il est toujours préférable de définir les couleurs dans un fichier CSS et non directement dans le code HTML.

6. Extensions pour Firefox

Le navigateur firefox possède de nombreuses extensions. Deux sont particulièrement utiles pour les webmestres. On les obtient via le menu "Outils / Extensions " de Firefox.

7. Verification du nom de domaine

8. Accessibilité

9. Autres ressources

Outils de perfectionnement :

Accueil | Haut de la page | Dernière mise à jour le 29 janvier 2016 | http://alain.caraco.free.fr