Tutoriales PHP/MySQL Fireworks:
Integrando Dreamweaver, PHP y Fireworks en plantillas
En este articulo veremos como integrar PHP con HTML de manera sencilla utilizando Dreamweaver para la creacion de plantillas, pero antes utilizaremos Fireworks para poder prepara la plantilla de manera grafica.
Si eres un usuario de nivel basico, intermedio, y si tienes conocimientos de HTML y algo de Fireworks, sobre todo con el tema de exportación, te sera de mucha utilidad, porque con una plantilla PHP ya es posible cargar la cantidad de paginas que quieras de manera dinámica sin tener que perder el tiempo en volver a cargar las imagenes y toda la interfaz.
Recomendaciones:
Para comenzar, puedes utilizar este enlace para descargar todos los archivos utilizados:
Descargar Archivos de ejemplo
Primera parte : Exportando las areas con Fireworks
Pasos:
1.Abrir el archivo plantilla.png que se encuentra en la carpeta “original” del ZIP que ha descargado.
2.puede cambiar la apariencia de la plantilla modelo, por ejemplo, cambiar los datos de la empresa y el logo, pero tenga cuidado con las medidas de las imagenes que se van a generar.3.El titular de la plantilla sera el area donde colocaremos el nombre de la empresa o logo, esta sera un area de division que tenemos que exportar.
4.Utilice la herramienta SLICE TOOL (Herramienta de division) y defina la primera area.
5.Verifique con la herramienta ZOOM, las uniones entre el area definida y el limite de la imagen asi como con la linea base del titular que da inicio al contenido de la pagina, procure ser lo mas exacto posible.
6.Exporte la region seleccionada teniendo en cuenta las siguientes caracteristicas antes de exportar:
7.Recuerde crear una carpeta donde se iran guardando todas las imagenes, esta pertenecera a la carpeta raiz.
8.defina dos areas mas de division sobre las lineas laterales de la plantilla.Procure que la division no llege a la curva inferior:
9.Exporte las areas de division por serparado, establecer correctamenteque se van a exporta solo la imagen del area de division seleccionada. Para efectos practicos le puede asignar de nombre: linea_izquierda.jpg / linea_derecha.jpg
10.por ultimo defina el area de division para el pie de pagina (lacurva inferior):
11.Exporte esta area, por ejemplo con el nombre: pie_pagina.jpg
Listo, una vez con las piezas del rompecabezas procederemos a unirlas pero en Dreamweaver.
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
Comentario Por Luis — 18/09/2006 @ 1:42 am
que bien… muchisimas gracias…… neceitaba una plantilla agradable para mi proyecto de grado y con esta ayuda fue mas que suficiente… muchas gracias a los que participan en esta pagina…..
Comentario Por Luisa Callejas — 03/10/2006 @ 4:14 pm
El articulo esta muy bueno, pero NO funciona. da el siguiente error.
Notice: Undefined variable: v in (url). O sea, dice que la variable ‘v’ no esta definida.
Espero que puedan decirme donde esta el ERROR.
Saludos.
Maxi
Comentario Por maxi — 08/01/2007 @ 7:06 pm
Maxi:
Prueba cambiando el switch de:
switch($v)
a:
switch($_GET[’v'])
En todo caso, no se trata de un error, sino de un notice 8-)
Comentario Por Andres Cayon — 08/01/2007 @ 8:25 pm
Buenas! Antes que nada quiero agradecerte mucho por haberme contestado, cambie lo que me dijiste en el switch y anda bien, salvo que cuando carga la pagina por primera vez, me dice:
“Notice: Undefined index: v in (url)”.
Por lo que entiendo es que apenas carga no hay un valor definido para v?? no?
Como puedo hacer para que desaparezca este Notice ;) ??
Saludos. y nuevamente gracias!
Comentario Por Maxi — 09/01/2007 @ 12:37 pm
Por si alguien tiene el mismo problema que yo, le dejo la solucion, que gracias a dios la pude encontrar, al switch hay que dejarlo asi, entonces la pagina carga sin ningun tipo de problema.
if(isset($_GET[’v'])==true){
switch($_GET[’v']){
case 1: include(”pagina1.html”);break;
case 2: include(”pagina2.html”);break;
case 3: include(”pagina3.html”);break;
default: include(”pagina1.html”);break;
}
}
Saludos!
Comentario Por maxi — 10/01/2007 @ 3:48 pm
hola, Maxi, tu code me ayudo bastante, salvo que no me aparece el default cuando llamo al sitio por primera vez, los demas links funcionan, sabras cual sera mi error?. Gracias.
Comentario Por daniel — 22/04/2007 @ 4:52 pm
Buenas, resulto que el arreglo de Maxi me funciono a medias, pues los links funcionan todo pero el default de inicio no, o sea se carga la cabecera y el pie, pero no la llamada al default. alguien me puede indicar en donde esta el error???
Desde ya muchas gracias.
Comentario Por daniel — 23/04/2007 @ 2:19 pm
Hola, si es que lo necesitan todavia…
Comentario Por Mane — 11/10/2007 @ 4:46 pm
switch($_GET[v])
{
case “1″: include (”pagina1.html”); break;
case “2″: include (”pagina2.html”); break;
case “3″: include (”pagina3.html”); break;
default: include (”pagina1.html”); break;
}
Comentario Por Mane — 11/10/2007 @ 4:48 pm
Hola Jose, como estas (cualquiera que me pueda ayudar), espero que bien bueno resulta que estuve viendo el tema de las plantilla utilizando php, dreamweaver y resulta que tu ejemplo me funciona a la perfeccion, salvo el siguiente caso, cuando hago click en un enlace de mi ejemplo la plantilla no carga las demas paginas, sino que se queda en la pagina defaul osea la primera las demas no se cargan, sin embargo a esto en la barra de direcciones si se hace el cambio como si se encontrara en otra pagina pero el contenido siempre es el mismo, probe su ejemplo en mi servidor apache pensando que era un error de mi ejemplo pero tambien el suyo hace lo mismo, contesteme lo mas rapido posible pue necesito resolver un asunto con ello.
a podrias decirme como hacer un pie de pagina y una cabecera unica para mi web, he utilizado algunos ejemplo con los include y no me funcionan
gracias Dios los Bendiga….
Comentario Por Oscar — 15/10/2007 @ 10:12 pm
Mucha felicitaciones por los aportes y las experiencias suyas, el manual de plantillas les quedo espectacular ahorran mucho tiempo en la elaboración de pantallas con esta herramienta. Mil Gracias. En los próximos días les estare enviando un artículo para la creación de menús con Fireworks.
Comentario Por HEIVER CUESTA DAVILA — 29/10/2007 @ 9:20 pm