1# Une page web en HTML
Pour concevoir un site web correctement, il faut maîtriser quelques notions fondamentales que nous allons présenter ici.
Sur cette page :
- Une page web en HTML
1.1# Introduction
Vous souhaitez vous lancer dans la création de sites web ? Excellente nouvelle ! La création de pages web est un monde merveilleux, qui a son histoire, ses règles et ses limites. Pour travailler efficacement, il est nécessaire d’avoir une idée sur l’organisation de ce petit monde, et c’est pourquoi nous allons essayer de présenter ici plusieurs concepts en partant des plus élémentaires, et en avançant progressivement pour avoir de bonnes bases.
Ce cours a pour objectif de vous permettre de maîtriser le principal des langages XHTML et CSS, qui vous permettront de manipuler le contenu et la mise en page de vos pages web. Quand le site est conçu en équipe, tout le monde doit avoir quelques notions de ces langages, mais c’est au rôle de l’intégrateur de les connaître sur le bout des doigts puisqu’il sera en charge de transformer la maquette du designer en véritable page web.
La mission difficile (mais rarement impossible) de l’intégrateur sera de produire une page web qui sera lisible par un maximum de visiteurs, c’est à dire une page qui s’affichera correctement dans l’ensemble des navigateurs, sur les différents ordinateurs (comprenant aussi les téléphones qui permettent aujourd’hui de naviguer sur le net), et même être lues correctement par des outils facilitant l’accessibilité de l’informatique aux personnes victimes d’un handicap.
1.2# Mutations extraordinaires
Une page web est un document qui, à même titre que n’importe quel autre, nécessite un logiciel pour pouvoir le lire correctement. C’est votre navigateur. L’intérêt commercial de ce type de logiciels a conduit à une concurrence féroce entre de nombreux acteurs, dont Microsoft avec son Internet Explorer, et Netscape, qui est mort et ressuscité de ses cendres sous le nom et la forme de Firefox, ou bien Safari d’Apple, Opera et même maintenant, Chrome de Google pour ne citer que les principaux, déjà bien nombreux !
Tout ce petit monde s’est battu ou se bât aujourd’hui pour avoir le plus de part de marché. Dans les premiers temps, ceci à donné lieu a un chaos complet : pour chaque nouvelle version d’un navigateur, il était possible pour le concepteur d’ajouter une nouvelle bricole (utile ou non) à une page, comme un texte qui bouge ou qui clignote. Bien sûr, en utilisant cette nouveauté sur votre page, cela fonctionnait dans un navigateur, mais pas dans l’autre, qui s’empressait de trouver une autre nouvelle bricole qui fait rigoureusement la même chose mais fonctionne totalement différemment. Au bout d’un moment, il devenait presque obligatoire de créer une page différente pour chaque navigateur. Aujourd’hui, on arrive lentement à un accord de paix entre tous ces acteurs. La bataille se joue plus sur le terrain du confort de l’utilisateur, ce qui arrange tout le monde.
De tout cela, il reste aujourd’hui quatre principaux moteurs de rendu permettant d’afficher des pages web : le moteur d’Internet Explorer, Gecko, utilisé dans les produits de Mozilla (dont Firefox), Webkit, utilisé par Safari ou Chrome et enfin Presto, développé pour Opera. Tous ces moteurs ne sont pas parvenus à la même maturité puisque certains proposent des fonctionnalités qui n’existent pas encore chez d’autres, et pire encore, Internet Explorer, dont les développeurs devaient être épuisés à la fin de la “grande guerre des navigateurs” des années 90 ont oubliés de se conformer a ce qui avait été décidé pour tout le monde : une série de normes et de standards qui décrit comment le concepteur doit faire sa page et comment le navigateur doit normalement l’interpréter et l’afficher.
Les sites web que nous visitons aujourd’hui reposent sur des technologies qui ont été adoptées par ces navigateurs, et parfois, une petite fonction cachée dans un navigateur devient à l’origine d’une nouvelle mode. En clair : c’est du bricolage ! On destine parfois un rôle à une fonction alors que ce n’était pas prévu au départ, la fameuse fonction cause l’emballement général de devient un must-have alors qu’un peu plus de réflexion aurait permis de mettre tout le monde d’accord. Il faut en être conscient : en concevant votre site internet, vous risquerez souvent de réinventer la roue…