Blog Webatou, le Web accessible à tous

Aller au contenu | Aller au menu | Aller à la recherche

Tag - XHTML

Fil des billets - Fil des commentaires

dimanche 24 juin 2007

k-html, à adopter sans tarder

Par Monique le dimanche 24 juin 2007, 14:53 - Webmasters

Vous êtes un adepte des éditeurs texte pour coder vos pages Web ? La plupart, comme Notepad++, disposent de fonctions pour vous faciliter la tâche... avec k-html le petit logiciel libre développé par Normand Lamoureux, vous irez encore beaucoup plus vite !

Voilà un extrait de l'annonce que Normand vient de publier sur la liste W3Québec

K-html facilite la mise en forme des tableaux, listes, liens, formulaires, citations, etc. Avec lui, on peut baliser un texte, l'entourer de guillemets ou de parenthèses, créer une nouvelle ligne indentée, transformer une énumération verticale en une liste balisée, insérer des caractères spéciaux, lancer une instance du navigateur Web de son choix, etc

Evidemment j'ai aussitôt installé et testé le logiciel... magique !

Un exemple, je tape simplement Verr.Maj + Espace et le squelette (conforme, cela va sans dire) de ma future page en XHTML 1.0 Strict s'écrit tout seul sous mes yeux :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>



 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

   <title></title>

     <meta http-equiv="content-style-type" content="text/css" />



     </head>

     <body>

       

       </body>

       </html>

Mais vous pouvez modifier les paramètres et utiliser le squelette de votre choix.

Quelques raccourcis clavier à mémoriser en fonction de vos besoins et de vos habitudes de codage et... enjoy !

Merci Normand :)

Un utilisateur

(Mise à jour du 28 juin 2007, suite au commentaire de Jérôme)

Ce mardi, après la table ronde de Blog en Nord, j'ai eu le plaisir de rencontrer Jérôme, un étudiant d'Eric Decroix qui le présente ainsi :

"Il" est un étudiant "lourdement" handicapé (il a des difficultés à se déplacer, à parler, à taper au clavier...) qui effectue ses études à l'IDIST. L'objectif du blog de ces handicapés est de «faire une critique de l'intérieur permettant aux valides de mieux apprécier notre quotidien», sans se plaindre de leur sort comme il est dit dans leur premier texte.

Jérôme participe à un blog collectif que je vous recommande, Les Playmobil Estropiés & Associés, dont le nom reflète bien le ton satyrique et humoristique pour une vision alternative du handicap.

Ne ratez surtout pas le billet L'année se termine.... sur l'accessibilité publié en réponse à celui d'Eric, Accessibilité au coeur. Et pour alimenter plus encore vos réflexions, poursuivez votre lecture avec Accessibilité : les réponses d'un handicapé.

Merci Jérôme :)

Trackbacks

1. Le lundi juillet 2007 à 01:12, de Blog en Nord - Meet the bloggers Lille

Je dois m'y coller : le compte rendu TPE' Blogs

Bon, hé bien, nous y voilà... J'attendais un peu les réactions des uns et des autres avant de publier ce billet. Allons-y pour le compte-rendu de la dernière rencontre blog en Nord. Que c'est il passé le 26 juin ? La table ronde sur les TPE...

Commentaires

1. Le dimanche juin 2007 à 16:28, par Christophe Denuziere

Pas mal rien que pour que le squelette, je ne m'en rappelle jamais :).

2. Le dimanche juin 2007 à 17:38, par shyboy

bel outil que j pense bientôt tester
@+

3. Le dimanche juin 2007 à 18:27, par Michaël

Un genre de TextMate (macromates.com/) sur Windows! :)

4. Le dimanche juin 2007 à 18:44, par Vinch

L'outil est sympathique mais je trouve que le nom est mal choisi. Personnellement, quand j'ai lu le titre, je pensais que tu parlais du moteur de rendu de Konqueror et de Safari : KHTML.

5. Le dimanche juin 2007 à 20:13, par Normand Lamoureux

Merci à tous pour vos commentaires sympathiques. J'attends vos réactions avec impatience.

@Vinch
J'avais prévu la difficulté. D'où le bas de casse et le trait d'union dans le mot.

6. Le lundi juin 2007 à 01:23, par Benjamin D.C.

... essayez TextMate sur mac, vous comprendrez ce qu'est un éditeur puissant :)

7. Le lundi juin 2007 à 11:37, par Tuf

Pas de version Mac, je vais donc rester sur TextMate aussi ;)

8. Le lundi juin 2007 à 12:49, par Normand Lamoureux

@Benjamin D.C.
@Tuf
TextMate, c'est le nec plus ultra (bande de chanceux!). Nous, sous Windows, on doit se contenter de logiciels propriétaires payants... ou de k-html, qui est libre et gratuit.

9. Le mardi juin 2007 à 10:00, par speos

Aptana est également très bien !

10. Le mercredi juin 2007 à 08:10, par François Granger

C'est vrais que sur Mac on à le choix des armes en terme d'éditeur de texte de bonne qualité. Mais sous Windows, PSPad (par exmple) est plutôt bien.

11. Le mercredi juin 2007 à 12:29, par Normand Lamoureux

@François Granger
PSPad fait d'ailleurs partie des éditeurs dans lesquels je m'empressais d'aller vérifier le bon fonctionnement de k-html.

12. Le jeudi juin 2007 à 13:52, par Jérôme

Bonjour,

Je voyais pas trop l'interet de khtml mais maintenant j'ai compris: ça permet de coder via des raccourçis clavier! :o)
C'est aussi utile que la saisie semi-automatique du code comme le propose Aptana:

www.aptana.com/screenshot...

En tout ces fonctions (raccourçis clavier, saisie semi-automatique du code) rendent les éditeurs html plus accessibles aux personnes dont le handicap touche les membres supérieurs.

13. Le jeudi juin 2007 à 17:19, par Monique

Bonjour,

Merci pour ce témoignage, Jérôme :)

Je suis certaine qu'il fera particulièrement plaisir à Normand !

Amicalement,
Monique

14. Le jeudi juin 2007 à 18:03, par Normand Lamoureux

@Monique
Le témoignage de Jérôme me touche en effet beaucoup. Pour info, mon travail de tous les jours consiste à rendre des personnes fonctionnellement aveugles autonomes à l'ordinateur.

15. Le jeudi juin 2007 à 23:44, par Jérôme

Bonsoir à tous,

@Monique
De rien, et puis ça m'a permit de laisser un commentaire sur votre blog. :o)
( Dire qu'au départ je pensais qu'Eric Delcroix avait fait une erreur et voulait dire Monique, de Web Pour Tours.org; depuis j'ai corrigé mon erreur :op ). Si jamais vous avez besoin de contacter un web designer belge, j'en connais un sur liège (c'est un proche) mais il faudrait que je le brief sur l'accessibilité :op. Il a fait ce site: www.baiwir.com/site/index... (mais je suppose qu'il est aussi peu accessible que celui de la Fête de la musique :oS )
Malheureusement, je sais pas si l'accessibilité peut aller de pair avec la créativité artistique... faudrait demander à ayméric jacquet.

@Normand

Mon témoignage n'avait pour que de vous encourager dans votre travail, car comme je l'ai dis à Ayméric, les retours sur un travail concernant l'accessibilité ne sont pas automatiques surtout vis à vis des personnes concernées). Je fais le même travail que vous, dans une moindre mesure, puisque mon ami qui écrit également sur mon blog est malvoyant, donc quand je peux l'aider...;o)

16. Le vendredi juin 2007 à 02:27, par delcroix

génial, ces rencontres blog en nord pour faire des rencontres ;-)
N'est ce pas Monique et Jérôme ?
Bon reste plus qu'Aymeric s'en mêle...

17. Le vendredi juin 2007 à 11:48, par Aymeric Jacquet

Heee Eric, faut me laisser le temps hein, mon billet est juste envoyé sur les ondes. ;)

j'y crois pas, Jérome qui tente de vendre son cousin alors qu'il a passé la journée de mardi à lui casser du sucre sur le dos en matière d'accessibilité. ;)

Et oui, l'accessibilité n'est pas un frein à la créativité.

18. Le vendredi juin 2007 à 16:59, par Jérôme

@ Eric Delcroix

Oui, c'est vrai que c'était sympa. Merci de m'avoir invité.

@ Ayméric Jacquet

C'est faux!! J'ai seulement eu un regard critique sur l'accessibilité d'un site en flash c'est tout. Et puis ça m'empêche pas d'admirer son travail...


De toute façon je suis en train de rédiger mon billet sur la soirée de Mardi.... :op

19. Le dimanche juillet 2007 à 09:25, par Murcia

Merci, on en apprend tous les jours.

20. Le mercredi juillet 2007 à 21:12, par Normand Lamoureux

Bonjour,

Les lecteurs de blog Webatou seront sans doute heureux de savoir qu'une toute nouvelle mouture de k-html est en ligne depuis ce matin (heure de Montréal).

Parmi les nouveautés : la possibilité de définir des insertions automatiques mono ou multilignes et, cerise sur le gâteau, celle de transformer une sélection en tableau.

Vous avez bien lu. Vous faites un copier-coller d'un tableau Word ou Excel dans un éditeur de texte, vous sélectionnez, vous appuyez sur une commande et hop! un beau tableau HTML tout propre.

aucun commentaire aucun rétrolien

dimanche 21 janvier 2007

Validez vos feuilles de style

Par Monique le dimanche 21 janvier 2007, 12:33 - Webmasters

Il y a un mois, le W3C fêtait le 10ème anniversaire des feuilles de style en cascade (CSS) [1]

Dans le communiqué de presse, on pouvait lire :

La communauté des concepteurs confirme que l’utilisation des feuilles de style en cascade joue en faveur de l’esthétique des sites, tout en facilitant la création et en réduisant le coût déclare Bert Bos, responsable de l’activité Style du W3C et co-auteur de la spécification devenue la norme CSS niveau 1, publiée le 17 décembre 1996.

Pour mes lecteurs qui ne le connaissent pas encore : une rapide explication de l'effet magique des feuilles de style.
Pour ceux qui veulent faire leurs premiers pas : le cours CSS débutant.
Et pour ceux qui veulent approfondir le sujet : les articles du collectif OpenWeb, les traductions de l'équipe Pompage (et notamment l'excellente série CSS : on reprend tout à zéro !), les tutoriels d'Alsacréations.

Le W3C a profité de l'occasion pour mettre en ligne la nouvelle version de son outil de validation des feuilles de style traduite en plusieurs langues, dont le français (présentation par Karl Dubost : The Fuji CSS Validator release).

Une nouvelle caractéristique de taille : la prise en compte par défaut de la spécification CSS2.1 qui est le résultat de la confrontation de CSS2.0 (périmé) et de l'implémentation dans les navigateurs.

CSS niveau 2 révision 1 (CSS 2.1) inclut l’ensemble des fonctions CSS1 et ajoute le positionnement spatial, la numérotation automatique, les sauts de page, l'écriture bi-directionnelle (de droite à gauche ou de gauche à droite), ainsi que d’autres fonctionnalités. (extrait du communiqué de presse)

Pourquoi valider ?

Attention, si vous suivez mon conseil et validez vos feuilles de style sans valider aussi votre code (X)HTML, cela n'aurait pas beaucoup de sens ! Ne négligez donc surtout pas cette remarque sur la page d'accueil du validateur :

Si vous souhaitez valider une feuille de style incorporée dans un document (X)HTML, vous devriez d'abord vérifier la validité de votre document (X)HTML.

En complément, si vous proposez un flux RSS ou Atom à vos visiteurs, un passage par le FEED Validation Service s'impose aussi.

Certains affirment que l'essentiel est de vérifier que l'affichage est bon dans les navigateurs les plus utilisés. C'est oublier une caractéristique importante de ces logiciels : ils sont conçus pour corriger un certain nombre d'erreurs de code. Mais ils ne le font pas tous de la même manière et la gestion des erreurs par un navigateur peut être modifiée à l'occasion du passage à une nouvelle version. Cela signifie que, si tout va bien pour vos pages au moment de votre vérification, rien ne garanti qu'il en sera toujours de même plus tard. Une syntaxe correcte permet d'éviter d'éventuelles futures mauvaises surprises.

Une autre caractéristique souvent méconnue : les règles de vos CSS s'appliquent non pas au code (X)HTML que vous avez écrit mais à celui qui aura été interprété (et éventuellement corrigé) par le navigateur. Là aussi, la seule manière d'éviter de mauvaises surprises, c'est de ne pas compter sur le laxisme des navigateurs et de ne leur proposer qu'un code valide qu'ils n'auront pas à corriger.

La validation ne doit pas être considérée comme un objectif en soi mais comme un des moyens d'atteindre notre véritable objectif, un site de qualité. Et à ce titre, il faut en user et en abuser régulièrement au cours de l'élaboration du site (et pas seulement lorsqu'il est terminé). Ce qui pourrait faire croire à une perte de temps permet en réalité souvent d'en gagner quand il s'agit de résoudre des problèmes d'affichage en éliminant d'office certaines causes possibles.

Il convient aussi de ne pas confondre valide (syntaxe correcte) et conforme (structure correcte et logique du contenu, utilisation des balises adéquates avec des attributs judicieusement définis). Une page peut donc passer avec succès le test du validateur (et permettre à son auteur d'afficher fièrement le logo du W3C) mais présenter une lamentable soupe de balises.
Appliquée aux feuilles de style, cette approche peut concerner les avertissements donnés par le validateur. L'exemple le plus souvent évoqué est celui de la couleur de fond non définie dans une règle de style : alors qu'elle semble superflue dans la majorité des cas, son absence peut poser problème lors de l'utilisation d'une feuille de style personnelle par le visiteur (la suppression ou la modification des couleurs peut rendre le texte illisible).

Notes

[1] A lire : l'interview de Håkon Wium Lie (un des auteurs à l'origine des spécifications pour les CSS) et quelques billets sur le Standblog (avec une photo des membres du groupe de travail pour les CSS et leur nom), Formats-Ouverts.org et Blog CSS Vision

Trackbacks

1. Le mercredi janvier 2007 à 11:39, de NeoBlog

This ticket is valid fr-FR Transitionnal 2.1 !

Un truc qui m'énerve plus que tout en ce moment : les logos ou autres textes disant que le site est valide xHTML Strict et CSS 2.1... C'est bien beau d'avoir un site valide... Ca veut juste dire que le HTML et le CSS sont correctement écrit. Un...

Commentaires

1. Le lundi janvier 2007 à 21:12, par Desire

Yep salut Monique !

Cool que tu fasses ce post !

Il faut continuer à se battre pour l'accessibilité et un code propre XHTML !

Je n'arrive toujours pas à comprendre comment se fait-il que les géants de l'industrie IT n'adoptent pas les standards (comme Netscape dans les années '90 et aujourd'hui Microsoft....bien qu'il fasse des efforts et FAIT PARTIE du W3C !....mais ne suit même pas ses propres recommandations......)

Dans la même lignée, il ya un Quizz pour tester ses compétences et connaissances sur les règles du standard du web.

J'invite tout un chacun à tester ce quizz formidable !

Comment s'y rendre ?

Suivez le guide sur mon blog !

Pour ma part j'y appris que j'ai encore pas mal de boulot à faire et beaucoup de connaissances à stocker !

Mais je crois que nous n'y couperons pas et que c'est le seul moyen de standardiser le web !

Basta le "trashweb" comme je le dis souvent ... surtout quand on sait que 99.9% des sites web sont obsolètes comme le dit sit Jeffrey Zeldman !

A bientôt et courage !

2. Le jeudi janvier 2007 à 17:04, par Fr@n6

Faut être très pro pour suivre ^^ j'en suis pas là :)

petit bonjour en venant de chez Tg info

3. Le samedi janvier 2007 à 13:03, par Nicolas

Bonjour Monique,

en effet valider les CSS est un réflexe qui n'est pas encore très pratiqué (moi le premier) mais ton article m'a convaincu de le faire désormais !

A bientôt

4. Le mercredi janvier 2007 à 11:44, par Neovov

Bonjour,

Tu fais très bien de faire la différence entre la validation et la conformité. A mon sens il est plus utile d'avoir une page conforme qu'une page valide pour l'instant (une page conforme sera plus rapidement valide, l'inverse n'est pas forcément vrai...). Mais il est vrai qu'il ne faut pas oublier de valider tout de même.

Merci de l'info à propos des avertissements des background, je n'avais pas vu ça comme ça !

PS : Pas très pratique le lien "gravatar" lorsque l'on utilise tab pour changer de champ ;-)

5. Le mardi février 2007 à 16:09, par Soho

Merci de nous avoir remis en mémoire tous ces bons liens.
Html et css : je vérifiais (même si mon code n'est pas toujours parfait, j'essaie d'y penser), mais je ne connaissais pas encore la validation des flux : merci pour l'info !

6. Le lundi février 2007 à 18:04, par Monique

Bonjour,

>Pas très pratique le lien "gravatar" lorsque l'on utilise tab pour changer de champ ;-)

Tu as tout à fait raison ! Mea culpa :-[
Un peu tardivement, j'ai modifié l'emplacement de ce lien.

Amicalement,
Monique

7. Le vendredi juillet 2007 à 13:23, par Saternius

J'avais l'habitude de valider systématiquement mes pages au début de mon expérience de webmaster, puis du jour au lendemain pour je ne sais quelle raison, j'ai arrêté... enfin je pense surtout que submergé par le boulot, j'ai tout simplement oublié :)

Merci pour ce rappel à l'ordre... je vais m'y remettre du coup !

8. Le lundi juillet 2007 à 02:10, par forum

J'ai essayé la validation... pour le css avec quelques petites modifs je devrait m'en sortir :) ... mais pour le html je suis pas sorti de l'auberge :(

9. Le lundi août 2007 à 18:02, par bibou

Bonjour,
j'ai commencer la programmation il y a moins d'un an ... Mettre un forum en ligne est à la portée de tout le monde, mais le rendre valide n'est pas chose aisée pour les néophytes.
Je vais donc me retrousser les manches...

aucun commentaire aucun rétrolien

- page 1 de 2