Para aplicar este manual necesitas instalar el Macromedia Dreamweaver y el Dreamweaver Template extension.
Entra en la sección Descargas y en el buscador escribe Dreamweaver, encontrarás ambos.
Para facilitar la creación de tu propio Template, usaremos de base los archivos del JavaBean, que está incluido en el MAMBO.
Haz una copia del Template JavaBean y renómbralo Practica.
Abre la carpeta Practica.
*Cualquier Template que hagas en el futuro, requiere los mismo archivos.
Abre el archivo templateDetails.xml y modifica donde dice:
<name>JavaBean</name>
<creationDate>29/07/2004</creationDate>
<author>Firsta Yudith</author>
<copyright>This template is released under GNU/GPL License.</copyright>
<authorEmail>dr_first@yahoo.com</authorEmail>
<authorUrl>www.doengs.com</authorUrl>
<version>1.0</version>
<description>A fresh clean style, shows spirit of the company.</description>
que como podrás deducir, son los datos del Template y su creador. Guarda los cambios.
En el Dreamweaver, crea un nuevo documento en formato PHP.
*Para este momento ya debe estar instalado el Dreamweaver Template extension.
Colócate en el BODY y ahora vamos a crear la estructura.
Presiona Control + Alt + T y crea una tabla con borde 0, Cellpading 0, Cellspacing 0, tres Filas y tres Columnas.
A la celda central superior dale ancho 770.
No vamos a utilizar imágenes, eso lo practicas luego, sólo vamos a usar colores.
En la etiqueta BODY, asigna los márgenes a 0, para que no haya espacios en blanco a los lados de la página.
Borra todo lo que está sobre la etiqueta de cierre del HEAD.
Luego presiona la opción Insert Head Code.
En la celda del centro, crea una nueva tabla con tres columnas, una fila. A las celdas laterales de esta nueva tabla, dales ancho 150.
Colócate en la celda izquierda y en el área Codigo del Dreamweaver, presiona Insert Left Modules.
Colócate en la celda derecha y en el área Codigo del Dreamweaver, presiona Insert Right Modules.
Colócate en la celda central y en el área Codigo del Dreamweaver, presiona Insert Main Body.
Guarda el archivo como index.php del Template Practica.
Agregando sólo estos puntos ya el Template tiene forma.
Prueba los demás botones, que te permiten agregar la hora, un formulario de búsquedas, el footer, en fin, un montón de cosas que con sólo presionar un botón aparecerán.
EL diseño de los bloques laterales, colores, imágenes y otros, se definen en la hoja de estilo, que es el archivo template_css.css que está en la carpeta css del template.
Por ejemplo el onmouseover y onmouseout del bloque principal, se define en la clase a.mainlevel ---.
Esto lo dominarás por ensayo y error.
Entra en la sección Descargas y en el buscador escribe Dreamweaver, encontrarás ambos.
Para facilitar la creación de tu propio Template, usaremos de base los archivos del JavaBean, que está incluido en el MAMBO.
Haz una copia del Template JavaBean y renómbralo Practica.
Abre la carpeta Practica.
*Cualquier Template que hagas en el futuro, requiere los mismo archivos.
Abre el archivo templateDetails.xml y modifica donde dice:
<name>JavaBean</name>
<creationDate>29/07/2004</creationDate>
<author>Firsta Yudith</author>
<copyright>This template is released under GNU/GPL License.</copyright>
<authorEmail>dr_first@yahoo.com</authorEmail>
<authorUrl>www.doengs.com</authorUrl>
<version>1.0</version>
<description>A fresh clean style, shows spirit of the company.</description>
que como podrás deducir, son los datos del Template y su creador. Guarda los cambios.
En el Dreamweaver, crea un nuevo documento en formato PHP.
*Para este momento ya debe estar instalado el Dreamweaver Template extension.
Colócate en el BODY y ahora vamos a crear la estructura.
Presiona Control + Alt + T y crea una tabla con borde 0, Cellpading 0, Cellspacing 0, tres Filas y tres Columnas.
A la celda central superior dale ancho 770.
No vamos a utilizar imágenes, eso lo practicas luego, sólo vamos a usar colores.
En la etiqueta BODY, asigna los márgenes a 0, para que no haya espacios en blanco a los lados de la página.
Borra todo lo que está sobre la etiqueta de cierre del HEAD.
Luego presiona la opción Insert Head Code.
En la celda del centro, crea una nueva tabla con tres columnas, una fila. A las celdas laterales de esta nueva tabla, dales ancho 150.
Colócate en la celda izquierda y en el área Codigo del Dreamweaver, presiona Insert Left Modules.
Colócate en la celda derecha y en el área Codigo del Dreamweaver, presiona Insert Right Modules.
Colócate en la celda central y en el área Codigo del Dreamweaver, presiona Insert Main Body.
Guarda el archivo como index.php del Template Practica.
Agregando sólo estos puntos ya el Template tiene forma.
Prueba los demás botones, que te permiten agregar la hora, un formulario de búsquedas, el footer, en fin, un montón de cosas que con sólo presionar un botón aparecerán.
EL diseño de los bloques laterales, colores, imágenes y otros, se definen en la hoja de estilo, que es el archivo template_css.css que está en la carpeta css del template.
Por ejemplo el onmouseover y onmouseout del bloque principal, se define en la clase a.mainlevel ---.
Esto lo dominarás por ensayo y error.
