Es mostren els missatges amb l'etiqueta de comentaris layout. Mostrar tots els missatges
Es mostren els missatges amb l'etiqueta de comentaris layout. Mostrar tots els missatges

dimecres, 16 de setembre del 2009

Exemple de layout

Per si no va quedar massa clara al post anterior l'explicació sobre que és un layout, ací va un exemple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"...>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Títol</title>
    <meta http-equiv="Content-Type" content="text/html; ... />
    <link href="./css/estil.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <div id="container">
      <div id="header">
        <div id="banner"><?php ?><div>
        <div id="menu_superior"><?php ... ?></div>
      </div>
      
      <div id="contents">
        <div id="esquerra"><?php ... ?>/div>
        
        <div id="central">
          <div id="breadcrumbs"><?php ... ?></div>
          <div id="noticiari"><?php ... ?></div>
        </div>

        <div id="dreta"><?php ... ?></div>
      </div>

      <div id="footer"><?php ... ?></div>
    </div>
  </body>
</html>

Com es pot veure, en aquest senzill layout es defineix l'estructura de la pàgina; en aquest cas una capçalera amb un banner i un menú superior, la secció dels continguts amb una columna a cada lateral i una central amb lloc per als breadcrumbs i altre lloc per al contingut principal, a més d'un peu de pàgina; i es deixa a PHP que siga l'encarregat de plenar cada secció amb els continguts dinàmics usant les vistes del patró MVC.

continuarà...