Integrando Dreamweaver, PHP y Fireworks en plantillas
7 de marzo de 2006 Autor: Jose Suarez Archivado en Fireworks, PHP/MySQL, TutorialesSegunda Parte: Armando la plantilla con Dreamweaver.
1.Se recomienda que defina un sitio para efectos de rutas de las imagenes.
2.Inserte una tabla de 3 filas y 1 columna, el ancho de 700 pixeles.
3.Centre la tabla.
4.Ubiquese sobre la primera celda y coloca la imagen titula.jpg de fondo de celda.
5.Se vera solo una parte de la imagen, esto es porque la celda no tiene el alto que corresponde a la imagen de titular, la altura de la imagen es 108 pixeles, asi que esa sera la altura de la celda.
¿porque ponemos la imagen de fondo y no la insertamos como cualquier otra imagen?
Pues muy sencillo los botones estaran en el titular y para evitar sobrecarga de imagenes y comportamientos de JavaScript que genera Fireworks, haremos los botones con una tabla y texto simple, para crear una plantilla mas liviana, pero eso lo haremos despues, primero sigamos armando la plantilla.
6.En la celda siguiente, inserte una tabla de 700 pixeles de ancho, 3 columnas y 1 fila
7.las columnas de los lados tendran un ancho de 10 pixeles y la del medio tendra un ancho de 680 pixeles.
8.En la columna de la izquierda inserte como fondo la imagen linea_izquierda.jpg, en la columna de la derecha inserte la imagen linea_derecha.jpg
9.Presione ENTER varias veces en la columna del centro para verificar que las lineas estan correctamente alineadas con el titular.
Esto nos asegura la continuidad de la linea sin importar el tamaño vertical de la pagina, asi mantenemos la interfaz original, pero tenga cuidado con el contenido que sobrepase el ancho de la tabla, este podria genera un grave problema en el diseño, para eso siempre tenga presente que los anchos de las tablas deben respetarse, la altura es variable.
10.ubiquese en la ultima fila e inserte la imagen pie_pagina.jpg como fondo o como imagen.
¿Cual es la diferencia?
Si la inserta como fondo, tendra que darle el tamaño adecuado a la celda, si la inserta como imagen, la celda adapta su altura a la de la imagen.
Hombre estoy en la busqueda de ejemplos como el tyo para poder construir mi propia pagina, gracias por compartir tus conocientos con los civernautas. cuando la pueda construir vuelvo a escribirle. mi próxima pregunta será como modificar el texto de mi página sin tener que volver a modificar mi página en casa. como la puedo hacer desde el servidor o desde mi página principal en internet.
Luis Berbesi
Me aparecido un ejemplo excelente pero tu ve un problema no me corren los links a las otras paginas
¿Has comprobado que no sean links de ejemplo?
Hola tal vez es un poco tarde mi respuesta pero solucione el problema declarando como variable $v=$_request['v']; y asunto solucionado Gracias por tu ejemplo me sirvio de mucho. Gracias por tus conocimientos…
Ahhh, las variables globales… 8-)
Ok esta muy bien hasta el la explotación de imágenes en Dreamweaver donde tengo problemas es en la tercera parte
• Hablas de inserta una tabla y de alinearla verticalmente BOTTON y horizontal RIGHT
¡¿ Como hago eso a lo mejor estoy lenta y no sé cómo hacerlo?
• Inserto los textos
¡¡¿Como hago el estilo y donde inserto el código que das?
Cabe aclarar que ya lo hice tal como lo dices pero al igual que a Saúl Miranda GarcÃa tampoco corren los link’s
No sé si serias tan amable en explicarlo por favor
Gracias
Hablas igualmente de unas paginas que ya están hechas en el ejemplo
¿Cómo creo las mÃas para mi sitio?
Para Ursula:
“Hablas de inserta una tabla y de alinearla verticalmente BOTTON y horizontal RIGHT
¡¿ Como hago eso a lo mejor estoy lenta y no sé cómo hacerlo?”
Estas opciones las puedes ver en la barra de propiedades de Dreamweaver al estar dentro de una celda.. o en su defecto podrias crear un estilo para ese caso.. la ventajan de DW es que ayuda mucho con los CSS.
“¿Como hago el estilo y donde inserto el código que das?” el CSS por defecto va entre las marcas
Aqui defines el estilo
esto si quieres meter el estilo dentro del HTML, cosa que actualmente no se hace.. lo mejor seria crear una hoja de estilos .css y vincularla
“Hablas de inserta una tabla y de alinearla verticalmente BOTTON y horizontal RIGHT
¡¿ Como hago eso a lo mejor estoy lenta y no sé cómo hacerlo?â€
Estas opciones las puedes ver en la barra de propiedades de Dreamweaver al estar dentro de una celda.. o en su defecto podrias crear un estilo para ese caso.. la ventajan de DW es que ayuda mucho con los CSS.
“¿Como hago el estilo y donde inserto el código que das?†el CSS por defecto va entre las marcas
<pre>
<style type="text/css">
<!–
.Estilo1 {
color: #993300;
font-weight: bold;
}
–>
</style>
</pre>
esto si quieres meter el estilo dentro del HTML, cosa que actualmente no se hace.. lo mejor seria crear una hoja de estilos .css y vincularla
<link href="thickbox.css" rel="stylesheet" type="text/css" />
Hola soy el autor del articulo, Cualquier consulta porfavor enviarla a esta cuenta :webtrainner@hotmail.com Saludos
Y recuerdo que tenemos un foro para preguntar! :-)
http://forum.dwug.es/
Exactamente….. :) .. espero que podamos colaborar aportando nuestras experiencias.. saludos
muchas gracias por tu aportacion y tu ayuda
Hola. Mi pregunta es cómo puedo definir una plantilla y poder modificar más tarde con una función en el body “OnLoad” para una sola página?
1.- Tengo una plantilla con un menú y una imagen corporativa
2.- Ya cuento con varias páginas que la utilizan
3.- Ahora tengo una página donde tengo que insertar la fecha a través de JavaScript, ya tengo las funciones pero deben ir el llamado en la parte del body.
4.- Mi problema es que quiero modificar la plantilla, pero no me deja poner editable la parte del body.
Hojalá me puedan ayudar, de antemano muchas gracias.
Saludos!!
Roberto:
1.- Selecciona la etiqueta body en la plantila y abre “Modify > Templates > Make Attribute Editable”
2.- En la ventana de diálogo, añade un nuevo atributo, “onload”
3.- Asignale un nombre, por ejemplo “onload_event”, comprueba que activas la casilla “make this attribute editable” e indica que será un atributo de tipo texto
4.- Puedes dejar en blanco el campo default
A partir de ahora, cada vez que crees una página basada en dicha plantilla, puedes ir a “Modify->Templa Properties…” y verás en la lista, el campo onload_event que creaste en la plantilla. Sólo tienes que insertar el nombre de la función a la que quieres llamar (recuerda utilizar comillas simples si vas a pasar alguna cadena de texto!)
Entonces como quedaria el codigo al insertar o midificar lo de la variable? $v=$_request[’v']
Gracias!
Hola Jarit:
Puedes reemplazar directamente $v por $_REQUEST['v'] ó $_GET['v']
switch($_GET['v']){
…..resto del codigo
}
El ejemplo esta bueno, pero, pero, pero es algo complicado y aburridor tener que hacerlo con php.
mas facil usas la version cs3 de dreamweaver y te creas un efecto de ajax, solo diseña tu web los menus el fondo
y puedes importarla como html luego la insertas en dreamweaver y listo cuanto tardasre haciendo una web 20 minutos asi de facil
el php es bueno para
formularios
bases de datos
Gracias por este espacio
Oye Juan pues deberias iluminarnos con tu sabiduria y compartirnos en un pequeño, sencillo y divertido tutorial el ejemplo que nos explique lo que se hace con DW-CS3 y AJAX, no lo crees? Mandanos la URL
Este tutorial no es aburrido y nada complicado, quiza sea sencilo pero la creatividad la pone cada quien!
- Gracias Andres, un amigo que sabe sobre php me indicó eso mismo ;)
Hola como estan…. por favor necesito ayuda, voy a insertar una tabla y me sale el siguiente error no se que estoy haciendo mal: msj Violacion de accesso compartido al acceder al c/user/pck/appdata/roaming/macromedia/dreamwievermx/configuracion/objets/commom/table.htm, por favor agradezco sus comentarios