{"id":2106,"date":"2003-10-24T22:29:21","date_gmt":"2003-10-24T22:29:21","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2106"},"modified":"2003-10-24T22:29:21","modified_gmt":"2003-10-24T22:29:21","slug":"16-premier-cours-de-html","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/16-premier-cours-de-html\/","title":{"rendered":"Premier cours de HTML"},"content":{"rendered":"<p>Cette semaine j&#8217;ai assist\u00e9 \u00e0 mon premier, et tant redout\u00e9, cours de HTML. J&#8217;esp\u00e9rais enfin avoir des cours corrects par rapport \u00e0 mes formations pr\u00e9c\u00e9dentes, voici mes conclusions. (pour ceux qui ne veulent pas lire la suite : le cours est ex\u00e9crable pour rester poli) <\/p>\n<p><!--more--><\/p>\n<h4>HTML<\/h4>\n<p> Le cours commence par une question : qu&#8217;est-ce que <acronym title=\"HyperText Markup Language\" lang=\"en\">HTML<\/acronym>? Apr\u00e8s quelques r\u00e9ponses des \u00e9tudiants, le prof nous livre sa d\u00e9finition : HTML est un langage de balisage pour afficher des pages Web \u00e0 l&#8217;\u00e9cran, et surtout pas sur une imprimante (sinon pourquoi les pages seraient-elles tronqu\u00e9es \u00e0 l&#8217;impression?). Je dirais plut\u00f4t que HTML est un langage de balisage pour structurer les documents Web, ind\u00e9pendamment de son affichage. <\/p>\n<h4>Le W3C<\/h4>\n<p> L&#8217;introduction au langage se poursuit par l&#8217;exemple: quelques balises sont \u00e9voqu\u00e9es (dont la balise <code>&lt;b&gt;<\/code> bien s\u00fbr) lorsque j&#8217;entend soudain le mot <acronym title=\"World Wide Web Consortium\" lang=\"en\">W3C<\/acronym>! Le prof nous explique que W3C signifie World Wide Web Comitee (au lieu de W3 Consortium), nous le pr\u00e9sente comme une vague organisation sans r\u00e9el but (ne donne que des recommandations) et nous indique qu&#8217;il a \u00e9t\u00e9 cr\u00e9\u00e9 dans son coin par un certain <a href=\"http:\/\/www.w3.org\/People\/Berners-Lee\/\" hreflang=\"en\">Tim Berners-Lee<\/a>. Cette pr\u00e9sentation n&#8217;avait pour but qu&#8217;illustrer un de ses exemples destin\u00e9 \u00e0 nous faire d\u00e9tester le W3C. <\/p>\n<p> Pour mon prof, mettre tu texte en gras est simple: la balise <code>&lt;b&gt;<\/code> s&#8217;en charge tr\u00e8s bien. D&#8217;apr\u00e8s lui la m\u00e9thode <code>&lt;span style=\"font-weight:bold\"&gt;&lt;\/span&gt;<\/code>, suppos\u00e9e recommand\u00e9e par le W3C, est une aberration qui ne fait qu&#8217;alourdir le code inutilement (mais coder avec des frames et des tonnes de tables ne le g\u00eane pas). Il en oublie compl\u00e8tement l&#8217;objectif des feuilles de style: s\u00e9parer la structure de la pr\u00e9sentation pour gagner en interop\u00e9rabilit\u00e9.<br \/>\n De m\u00eame, il ne comprend pas l&#8217;int\u00e9r\u00eat de refermer les balises <code>&lt;li&gt;<\/code> (encore du code lourd selon lui) : je suis presque d&#8217;accord avec lui pour HTML4, mais pour XHTML, c&#8217;est <strong>obligatoire<\/strong> \u00e9tant donn\u00e9 que c&#8217;est du XML. <\/p>\n<h4>Les outils<\/h4>\n<p> Le cours continue sur le d\u00e9bat &#8220;&Eacute;diteur <acronym title=\"What You See Is What You Get\" lang=\"en\">WYSIWYG<\/acronym> ou \u00e9diteur texte?&#8221;. &Eacute;diteur de texte bien s\u00fbr, \u00e9tant donn\u00e9 que les \u00e9diteurs WYSIWIG ont tendance \u00e0 ajouter du code inutile (il referment m\u00eame les balises <code>&lt;li&gt;<\/code>, impensable non?). Sur ce point je suis assez d&#8217;accord. C&#8217;est assez moment qu&#8217;il d\u00e9cide de nous montrer 1st Page 2000, et pour nous r\u00e9veiller nous indique que le logiciel est livr\u00e9 avec plein de Javascript pour faire du DHTML (beurk) ! Au passage, il nous conseille d&#8217;indenter notre code avec des tabulations (et pas des espaces), et d&#8217;indenter les portions de code pour pouvoir se relire. C&#8217;est vrai que lorsqu&#8217;il y&#8217;a plusieurs tables imbriqu\u00e9es, il vaut mieux mettre en \u00e9vidence le texte noy\u00e9 dans les cellules alors qu&#8217;avec du code propre (sans balises de pr\u00e9sentations) le contenu est imm\u00e9diatement rep\u00e9r\u00e9 (\u00e9tant qu&#8217;il ne reste presque plus que cela). <\/p>\n<h4>L&#8217;ergonomie<\/h4>\n<p> Enfin, il nous rappelle quelques r\u00e8gles de base concernant l&#8217;ergonomie : la r\u00e8gle de 3, la couleur des liens, les informations principales doivent se voir en 800&#215;600&hellip;. L&#8217;id\u00e9e de cr\u00e9er une page au design fluide s&#8217;adaptant \u00e0 l&#8217;\u00e9cran ne lui a m\u00eame pas fr\u00f4l\u00e9 l&#8217;esprit, ni m\u00eame que ses pages avec tableaux imbriqu\u00e9s n&#8217;\u00e9taient pas accessible. <\/p>\n<h4>Conclusion<\/h4>\n<p> Ce cours m&#8217;a \u00e9nerv\u00e9. En quatre heures, j&#8217;ai entendu plus d&#8217;idioties (encore une fois pour rester poli) qu&#8217;on peut en lire sur les forums de <a href=\"http:\/\/forum.hardware.fr\/\" hreflang=\"fr\">hardware.fr<\/a>. Quand je pense aux \u00e9tudiants qui vont faire leur premiers pas en HTML avec ces quelques conseils en t\u00eate&hellip;<br \/>\n J&#8217;ai h\u00e2te de livrer mon projet en XHTML valide avec mise en page full CSS, histoire de lui montrer la puissance de ces technologies par l&#8217;exemple (l\u00e0 ca frise la pr\u00e9tention). <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cette semaine j&#8217;ai assist\u00e9 \u00e0 mon premier, et tant redout\u00e9, cours de HTML. J&#8217;esp\u00e9rais enfin avoir des cours corrects par rapport \u00e0 mes formations pr\u00e9c\u00e9dentes, voici mes conclusions. (pour ceux qui ne veulent pas lire la suite : le cours est ex\u00e9crable pour rester poli) <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2106"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2106"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2106\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}