La Home Page el Ejemplo Redondo en pelotas
Martin Ortega Novella  Abril 1 2015
Martin Ortega Novella  Abril 1 2015
<$DXTemplateBlock Name="Arriba"$><div id="container"><table cellspacing="0" cellpadding="0" width="100%">
<tr><td colspan="2"><$DXTemplateBlock Name="Banner"$></td></tr>
<tr><td valign="top"><div id="content">
<$DXTemplateBlock Name="CentroHome1"$>
<$DXTemplateBlock Name="CentroHome2"$>
<$DXTemplateBlock Name="CentroHome3"$>
<$DXTemplateBlock Name="CentroHome4"$></div></td>
<td valign="top" ><$DXTemplateBlock Name="Derecho"$></td></tr></table>
<$DXTemplateBlock Name="Abajo"$>
En este enlace cuento como funciona el Template Archive, ahora voy a contar como está organizada la Home Page.
Si entráis a ver el código solo mostrará lo que véis en la tabla amarilla superior.
En principio la cosa no cambia mucho con referencia al Archive pero una imagen vale más que mil palabras.
En este Template (el Page Template Home) he sacado toda la chicha, solo hay Block Templates, esos son los que tienen el contenido.
Lo mismo que el Archive, arriba el Block Template "Arriba", vemos el "div container" (en el enlace anterior conté para que valía) después vemos que creamos una tabla de anchura 100% (la anchura del container, of course).
El "tr" para crear la fila, el "td colspan="2"" para decirle a la fila que ocupe dos columnas, metemos el Banner cerramos la columna "/td" y cerramos la fila "/tr".
Volvemos a crear otra fila "tr", creamos una columna y le decimos que se valla hacia arriba "td valign="top"", ponemos el "div content".
Dentro del "content" metemos todos esos Block Templates "CentroHome1, CentroHome2, CentroHome3, CentroHome4", cerramos el contenedor "/div content", cerramos la columna "/td".
Volvemos a crear otra columna y le decimos también que se vaya hacia arriba "td valign="top"", metemos el Template "Derecho", cerramos la columna "/td", cerramos la fila"/tr" y cerramos la tabla "/table".
Por último metemos el Template Abajo.
Creo que está claro, cada Block Template ocupa su sitio dentro de la Home Page, lo que puede no estar claro es lo del "content", pues es justo eso un contenedor (un div), se utiliza para definir una sección dentro de la página y luego añadirle un estilo determinado, un nuestro caso hemos añadido esos Block Templates que vemos en la tabla morada de la izquierda, pero si quitamos esos Templates y queremos que muestre las entradas y hacemos los cambios necesarios se verá así:
El "div" content contado en una entrada.

No creo que trabaje más con esta base de datos.
Me traslado a esta otra, The Main Street of America.
Un proyecto que espero realizar en unos meses, ya pondré fotos made in SIDRA400.
Bueno gente, pasarlo bien estos días de vacaciones, un saludo.
Arriba
El Banner
Derecho
CentroHome1
CentroHome2
CentroHome3
CentroHome4
Abajo

Blog for DummiesBlog para Torpes

La Home Page el Ejemplo Redondo en pelotas