[Doc] Les validateurs W3C / subSilver XHTML 1.0 Transitional

Découvrez ici une liste de documents concernant phpBB: son installation, sa mise à jour et enfin son utilisation.
En bref, apprenez ici à vous servir de phpBB2!

Modérateur: Equipe

Règles du forum
A lire impérativement sur notre page : Règlement

[Doc] Les validateurs W3C / subSilver XHTML 1.0 Transitional

Messagepar abble » 24 Déc 2006 à 20:00

    Les validateurs W3C ou comment valider votre thème :

    But du tutoriel :
      La présence d'erreurs dans le code HTML ou CSS peut en effet empêcher certains navigateurs web d'afficher la page ou en partie, ce qui peut être gênant a certains utilisateurs qui souhaitent visiter un site qui les intéressent, d'ou la nécessité d'utiliser des outils tel que des validateurs.

    Que sont les validateurs:
    Les vérificateurs de code sont des programmes ou des services web capables d'analyser une page HTML ou encore le CSS existante afin d'y détecter des erreurs de code.

    Ou trouver ces validateurs:
    On peut utiliser des outils validators avec ces liens:
    HTML Tidy Online
    W3C CSS Validator
    W3C HTML Validator
    WDG HTML Validator
    Validateur W3C Multipages

      Image On peut aussi utiliser des extensions pour ceux qui utilisent Firefox, qui s'intègre a votre navigateur:

    Les extensions Firefox :

    :arrow: HTML Validator Le validateur est présent sous la forme d'une icône située à droite de la barre de statut, et vérifie toutes les pages sur lesquelles vous naviguez, vous signalant les erreurs de validation (que Tiny ne comprends pas) et les avertissements (pour lesquels Tiny vous signale de quelle façon y remédier).
    Image

    Utilisation de l'extension HTML Validator:
    Une fois activé (clic droit => activé), pendant votre navigation, le logo est vert = pas d'erreur.
    Si un triangle apparait comme ceci:
    Image
    Cela signifie qu'il y a des erreurs sur votre page, faites deux clics gauche sur ce logo, une nouvelle page apparait, dans Erreurs et avertissements HTML, vous trouverez les renseignements necessaires en cliquant sur chaque erreurs dans cette fenêtre (line xxx), vous pouvez utilisez les options ou encore Nettoyer la page, cela peut aider.

    :arrow: Web Developer Web Developer est très utile pour la création de pages Web. Il vous permet de vérifier rapidement vos pages avec plein d'options à portée de souris. Deux clics suffisent à lancer une validation, à remplacer les images par leur texte alternatif ou à redimentionner la fenêtre pour simuler ce que d'autres pourraient voir.
    Image

    Utilisation de l'extension Web Developer:
    Pour lancer l'outil, cliquer sur Affichage/Barre d'outils/Barre d'outils Web Developer , la barre s'affichera comme sur ce screen:
    Image
    Une fois la barre affiché (cette barre a d'autres fonctions, que je vous laisse découvrir), cliquer sur Outils/Valider Html , une page va s'ouvrir, attendez quelques instants, le temps que le validateur vérifie votre page, une fois fini, vous obtenez le résultat. Si des erreurs sont trouvés, il vous reste plus qu'à les corriger, quand la page est validé, vous obetenez ceci:
    Image
    Faites de même pour votre .CSS, cliquez sur Outils/Valider CSS , la vérification se lance, si des erreurs sont présentes, corrigé les, pour que votre .CSS soit validé, vous devez avoir ceci:
    Image

      Image Note:
    Certaines erreurs sont dues au php et non aux tpls. A savoir, aussi, qu' installer un mod, peut ne plus rendre votre site valide, pensez a revérifier, après l'installation de modules et corriger, si nécessaire.

    Complément d'informations:
    Feuilles de style CSS et HTML (by Stefan Münz / © 2003 Traduction Serge François)
    Définir des formats CSS (by Stefan Münz / © 2003 Traduction Serge François)
    Définir des formats globaux (by Stefan Münz / © 2003 Traduction Serge François)
    Exercices de style avec (X)HTML et CSS (by Alsacreations)
    Explication du CSS (by NRJ DESIGN)
    Tutos sur le CSS (by Pompage Magazine)
    Tutoriel CSS et autres (by aidenet.com)
    CSS 3 (W3C.org - ENG)

    Conclusion:
    Même si vous avez créé la page web dans un éditeur web tel que FrontPage, DreamWeaver ou Adobe, il peut être utile de faire contrôler le résultat final par un vérificateur de code, afin de rendre compatible son site avec tout les navigateurs, une fois la prise en main, cela devient une habitude et devient assez rapide.
    Vous trouverez subSilver en xhtml 1.0 Transitional (hors partie administration), ci-dessous, afin de faciliter la tache à ceux qui voudraient créer leur template en xhtml 1.0 Transitional valide, pour ceux qui souhaiteraient avoir un subSiver en HTML valide, vous disposez de tout le nécessaire, pour rendre votre tpl valide

Styles phpBB3 uniques et sur mesure :
Cosa Nostra Design
Mon nouveau Resto :
Pizzeria L' Olivier
Avatar de l’utilisateur
abble
Floodeur universel
Floodeur universel
 
Messages: 11882
Enregistré le: 04 Oct 2004 à 10:34
Localisation: Entre la pierre et la plume...

Retourner vers [phpBB 2.0.x] Forum de documentation

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité

cron