<!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>
    <title>Openweb.eu.org - La mise en page</title>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
    <meta name="DC.Language" scheme="RFC3066" content="fr" />
    <meta name="DC.Identifier" content="mise_en_page" />
    <meta name="DC.Creator" content="Tristan Nitot" />
    <meta name="DC.Date.created" scheme="W3CDTF" content="2003-03-21" />
    <meta name="DC.Date.modified" scheme="W3CDTF" content="2003-03-21" />
    <meta name="DC.Rights" content="Cet article est sous licence Creative Commons Attribution-ShareAlike." />
    <meta name="DC.Subject" content="mise_en_page" />
  </head>
  <body>
    <h1>La mise en page</h1>
    <ul>
      <li>
        <strong>Auteur :</strong> <a href="mailto:tristan.nitot%40openweb.eu.org">Tristan Nitot</a>
      </li>
      <li>
        <strong>Mise à jour :</strong> 21/03/2003</li>
    </ul>
    <p>La mise en page de site a considérablement évolué ces dernières années. Pour le développeur Web qui a appris le métier à la fin des années 90, le changement est rude. Il est bien loin, le temps des <a href="/humeurs/800x600/">sites optimisés pour <acronym>IE</acronym> en 800x600</a>.</p>
    <p>Avec l'avènement des standards, l'arrivée de nombreux <a href="/articles/navigateurs_alternatifs/">navigateurs alternatifs</a>, le support de <acronym title="eXtensible HyperText Markup Language" lang="en">XHTML</acronym> et des <acronym title="Cascading Style Sheets" lang="en">CSS</acronym> dans les nouvelles versions de <acronym title="MicroSoft Internet Explorer" lang="en">MSIE</acronym>, la nécessité de faire des sites accessibles, la trop fréquente réduction des coûts qui a suivi la fin de la nouvelle économie, tout cela contribue à l'utilisation croissante de <acronym>XHTML</acronym> et de <acronym>CSS</acronym>.</p>
    <p>L'utilisation de tableaux pour la mise en page est abandonnée car trop coûteuse en maintenance, et donne des sites difficilement accessibles. Les feuilles de style et leurs possibilités de positionnement s'imposent, avec l'avantage d'une maintenance simplifiée.</p>
    <p>A l'attention des développeurs expérimentés, qui utilisent déjà les <acronym>CSS</acronym> pour styler du texte, notre contributeur Laurent Denis nous gratifie d'une série d'articles sur <a href="/articles/initiation_flux/">le positionnement <acronym>CSS</acronym>
      </a>, qui pourra aussi rendre service aux débutants, dès lors qu'ils ont compris <a href="/articles/initiation_css/">les bases des <acronym>CSS</acronym>
      </a>.</p>
    <p>Mais comment passer à <acronym>XHTML</acronym> sans trop perdre de temps ? OpenWeb a pensé à vous proposer <a href="/articles/xhtml_une_heure/">un tutoriel qui devrait vous prendre moins d'une heure</a> pour apprendre la base du web moderne. Pour les développeurs web de la première heure, un autre article leur est dédié, se focalisant sur <a href="/articles/html_au_xhtml/">les différences entre <acronym title="HyperText Markup Language" lang="en">HTML</acronym> et <acronym>XHTML</acronym>
      </a>.</p>
    <p>Le modèle de tableaux étant différent de celui des <acronym>CSS</acronym>, un certain nombre d'auteurs Web se sont demandé comment <a href="/articles/initiation_centrage/">centrer un bloc dans une page</a>. Les membres d'OpenWeb sont eux aussi passés par là et livrent tous leurs secrets sur ce sujet épineux.</p>
    <p>Pour le gourou qui croit déjà tout connaître d'<acronym>XHTML</acronym> et de <acronym>CSS</acronym>, Nous avons préparé avec amour un article sur <a href="/articles/overflow_fond_fixe/">l'Overflow avec un fond fixe</a> qui secoue les neurones à en décoller la pulpe du fond.</p>
    <p>Avec de telles lectures, produire du contenu conforme aux <a href="/ressources/specifications/">spécifications</a> ne devrait être qu'une simple formalité, non ?</p>
  </body>
</html>
