HTML : Différence entre versions
(→Pré-requis avant de demander de l'aide.) |
(→Pré-requis avant de demander de l'aide. : Copier du contenue depuis l'extérieur & Mettre à niveau une page obsolète) |
||
| Ligne 3 : | Ligne 3 : | ||
Sur une pages invalides, les problèmes peuvent être dépendantes de l'interprétation de chaque navigateur à corriger par lui-même les erreurs de code. Plus il y en a, moins vous aurez de chance d'avoir la même chose sur chaque navigateur. Chacun a un niveau différent de tolérance aux erreurs. Le navigateur [[Opera]] est connu pour être le moins permissif aux erreurs. | Sur une pages invalides, les problèmes peuvent être dépendantes de l'interprétation de chaque navigateur à corriger par lui-même les erreurs de code. Plus il y en a, moins vous aurez de chance d'avoir la même chose sur chaque navigateur. Chacun a un niveau différent de tolérance aux erreurs. Le navigateur [[Opera]] est connu pour être le moins permissif aux erreurs. | ||
| + | |||
| + | === Copier du contenu depuis l'extérieur === | ||
| + | Si vous récupérez un texte ou du contenu venant d'un logiciel qui n'a pas vocation à faire des pages web, il est très probable que le code récupérer soit saturer d'informations nuisibles qui rendront votre code soit totalement inutilisable, soit difficile a faire évoluer. | ||
| + | |||
| + | Par exemple avec [[KompoZer]], il est préférable de faire des « copies sans mise en forme » et la refaire à la main ou de supprimer la mise en forme du sélection (moins efficace mais permet d'intégrer des éléments autres que textuel). Par exemple, propose pose plusieurs façons. | ||
| + | |||
| + | === Mettre à niveau une page obsolète === | ||
| + | Cela passe souvent par une mise à niveau de tout mise en forme. Beaucoup de logiciel {{Déf|WYSIWYG}} généré du code peu cohérent. La sur-imbrication peut entrainer des problèmes de rendu et surtout l'impossibilité de mettre à jour le contenu de façon simple. Certains logiciels propose de faire un nettoyage de code, ou une génération automatique de feuille de style à partir du code. Cela permet parfois de réduire les dégâts. Si la mise en forme est trop obsolète, il est préférable d'opérer comme pour un contenu extérieur et repartir à zéro. | ||
| + | |||
| + | * Dans [[Notepad ++]] : « ''Barre de menu'' : TextFX ⇒ TextFX HTML Tidy » donne plusieurs possibilités de mise en forme automatique de votre code. | ||
| + | * Avec [[KompoZer]] : L'extension [http://extensions.geckozone.org/HandCoder HandeCoder] avec Tidy permet de corriger les erreurs de code et rend le code plus clair. | ||
== Comment valider son code ? == | == Comment valider son code ? == | ||
Version du 9 mars 2009 à 22:10
Sommaire
Pré-requis avant de demander de l'aide.
Si vous vous rendez sur un forum ou un site pour demander de l'aide. Si vous voulez économiser du temps et surtout avoir une réponse plutôt claire, il est préférable d'avoir une page valide pour commencer à réfléchir à comment la corriger.
Sur une pages invalides, les problèmes peuvent être dépendantes de l'interprétation de chaque navigateur à corriger par lui-même les erreurs de code. Plus il y en a, moins vous aurez de chance d'avoir la même chose sur chaque navigateur. Chacun a un niveau différent de tolérance aux erreurs. Le navigateur Opera est connu pour être le moins permissif aux erreurs.
Copier du contenu depuis l'extérieur
Si vous récupérez un texte ou du contenu venant d'un logiciel qui n'a pas vocation à faire des pages web, il est très probable que le code récupérer soit saturer d'informations nuisibles qui rendront votre code soit totalement inutilisable, soit difficile a faire évoluer.
Par exemple avec KompoZer, il est préférable de faire des « copies sans mise en forme » et la refaire à la main ou de supprimer la mise en forme du sélection (moins efficace mais permet d'intégrer des éléments autres que textuel). Par exemple, propose pose plusieurs façons.
Mettre à niveau une page obsolète
Cela passe souvent par une mise à niveau de tout mise en forme. Beaucoup de logiciel WYSIWYG généré du code peu cohérent. La sur-imbrication peut entrainer des problèmes de rendu et surtout l'impossibilité de mettre à jour le contenu de façon simple. Certains logiciels propose de faire un nettoyage de code, ou une génération automatique de feuille de style à partir du code. Cela permet parfois de réduire les dégâts. Si la mise en forme est trop obsolète, il est préférable d'opérer comme pour un contenu extérieur et repartir à zéro.
- Dans Notepad ++ : « Barre de menu : TextFX ⇒ TextFX HTML Tidy » donne plusieurs possibilités de mise en forme automatique de votre code.
- Avec KompoZer : L'extension HandeCoder avec Tidy permet de corriger les erreurs de code et rend le code plus clair.
Comment valider son code ?
- W3C Markup Validation Service (en) : Validateur de pages (malheureusement en anglais).
Apprendre le (X)HTML.
Il existe beaucoup de sites pour apprendre le HTML ou le XHTML (et généralement le CSS).
- alsacréations - Tous les tutoriels d'apprentissage (fr) : Plein de petits exercices pour débuter (XHTML et CSS).
- Le Site du Zéro - Apprenez à créer votre site web ! (fr) : Cours pour apprendre le XHTML et le CSS à partir de zéro.
Les communautés qui peuvent vous aider.
- GeckoZone - Développement web (fr) : Forum d'entraide pour les développeurs web. On peut aussi y trouver le l'aide pour Firefox, KompoZer, Thunderbird, etc.
