Código HTML | Develop Site

Recodemos que hasta ahora lo que hemos hecho es crear un diseño de muestra que es independiente de Drupal. Esto sirve para darnos una idea del diseño que queremos para nuestro proyecto para luego implementarlo como plantilla.

Para hacer esto empezamos por crear un archivo index.html para luego agregarle el siguiente código:

  
  1.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. 

  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. 

  3.     <html xmlns="http://www.w3.org/1999/xhtml">
    4. 

  4.     <head>
    5. 

  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6. 

  6.     <title></title>
    7. 

  7.     <link type="text/css" rel="stylesheet" media="all" href="estilo.css" />
    8. 

  8.     </head>
    9. 

  9.     <body>
    10. 

  10.     <div id="externo">
    11. 

  11.     <div id="encabezado"></div>
    12. 

  12.     <div id="izquierda"></div>
    13. 

  13.     <div id="derecha"></div>
    14. 

  14.     <div id="centro"></div>
    15. 

  15.     <div id="pie de pagina"></div>
    16. 

  16.     </div>
    17. 

  17.     </body>
    18. 

  18.   
    19.

Nota: El tag DIV asociado con id "derecha" esta ubicado en la parte central para que luego pueda ser modificado con la utilizacion de hojas de estilo.

Español
SEO: 
codigo html
Tags: 
codigo html