Índice

Los contenedores

1. El diseño

Todo el diseño estará incluido en una caja <div> general, cuyo identificativo será #contenedor.

Después tenemos:

  • un elemento HTML5 <header> para el encabezado,

  • un elemento HTML5 <nav> para los menús,

  • una caja <div #noticias> para mostrar las noticias,

  • un elemento HTML5 <main> para mostrar la zona central,

  • una caja<div #infos> para mostrar las tres zonas de información,

  • un elemento HTML5 <footer> para mostrar el pie de página,

Después, dentro de cada elemento y caja, tenemos otras cajas incluidas. Consulte el esquema anterior para familiarizarse con la estructura.

Incorporaremos también todas las inclusiones <jdoc:include> necesarias.

En el archivo index.php, en el elemento HTML <body>, introduzca este código:

<div id="contenedor">  
<!-- Encabezamiento -->  
<header>  
  <div id="título">  
    ...  
  </div>  
  <div id="buscar">  
    <jdoc:include type="modules" name="buscar"  
      style="none" />  
  </div>  
</header>  
<!-- Barra de menús -->  
<nav>  
  <jdoc:include type="modules" name="menús" style="none" />  
</nav>   ...