Integrando Dreamweaver, PHP y Fireworks en plantillas
7 de marzo de 2006 Autor: Jose Suarez Archivado en Fireworks, PHP/MySQL, TutorialesCuarta parte: creando los enlaces e insertando codigo PHP.
1.guarde el documento con cualquier nombre pero con la extension ?.php?
2.Seleccione el primer enlace y en el campo LINK escriba: archivo.php?v=1, donde ?archivo.php? es el nombre de la plantilla y ?v? es la variable que estamos definiendo con un valor de ?1? para ese enlace, entonces ese enlace tendra el valor de ?1?.
3.Repita la operación para los otros enlaces pero con valores de variables consecutivos como ?2? y ?3?.
4.Grabe el ejermplo.
Haremos un parentesis antes de continuar para crear los archivos que cargaran al hacer clic en cada enlace, para eso abrira una nueva pagina y en una tabla de maximo 670 de ancho con una altura indeterminada, el texto puede escojerlo de cualquier documento o pagina, esto sera solo una prueba, si desea puede utilizar estos archivos:
pagina1.html
pagina2.html
pagina3.html
Recuerda tambien descargar el archivo estilos.css, que contiene el formato del texto de estas paginas. Si se da cuenta las paginas no tienen cabecera, es un requisito para que puedan ser cargadas en la plantilla y no entre en conflicto con la cabecera de la plantilla. Tambien se dara cuenta que la marca de vinculacion con el archivo CSS esta sobre el , no hay ningun problema, sera el requisito para que las paginas carguen sin dificultad.
5.Utilizaremos la funcion condicional multiple ?switch? cuya sitaxis es la siguiente:
//php
switch($variable_condicionada) {
case "1": // Bloque 1
Linea de codigo;
break;
case "2": // Bloque 2
Linea de codigo;
break;
default:
Linea de codigo;
break;
}
7.Ubiquese en la celda de contenido e inserte el siguiente codigo php:
//php
switch($v) {
case "1": // Bloque 1
include ("pagina1.html");
break;
case "2": // Bloque 2
include ("pagina2.html");
break;
case "3": // Bloque 3
include ("pagina3.html");
break;
default:
include ("pagina1.html");
break;
}
8.vera solo un icono de PHP en la celda:

9.Grabe el documento, copie y pegue toda la carpeta dentro de la carpeta Web de su servidor Apache Server.
10.Cargue la pagina desdeel navegador, pero utilizando la ruta de su servidor Apache, personal:
http://localhost/carpeta/ejemplo.php
11.Debera cargar la pagina con la pagina1.html en el area de contenido.

12.haga clic en el resto de enlaces y deberan cargar las paginas correspondientes.
Listo, de esta manera ya tenemos una plantilla PHP utilizando paginas HTML. Espero que halla sido de utilidad para sus proximos proyectos o para su proyecto en curso, si tienen alguna duda adicional pueden hacerla por correo a contacto@josesuarez.es
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