TUTORIAL COMO USAR LA FUNCION PLANTILLA DE DREAMWEAVER

HOLa
este tutorial ha sido creado para todos quienes tengan esta duda, en especial para JAUME,

empezamos...., si seguimos el curso paso a paso
tenemos un index y su hoja de estilos,
ahora queremos crear una plantilla para asi ahorrarnos mucho trabajo

1.-abrimos nuestro index.html

[contenido no disponible]

2.-ahora empezaremos a crear nuestra plantilla, vamos a menu-Archivo-Nuevo Documento, y nos sale esta ventana, elegimos Plantilla en blanco/plantilla html/ Ninguno

[contenido no disponible]

3.-Ahora tenemos el documento como Unitled, asi como está le damos guardar como: y nos abre la ventana para elegir donde lo guardaremos
[contenido no disponible]

4-vemos como hay unos codigos nuevos que dicen


lo que esté dentro de esos dos corchetes es area editable, lo que esté fuera de ellos es area fija ok??? en esta imagen observa tambien que la plantilla está dentro de una carpeta llamada Templates
[contenido no disponible]

5-ahora la mas facil para mi es copiar lo que ya tengo en el index, teniendo mucho cuidado
selecciono y copio y pego desde body hacia abajo
y el contenido de head igual con mucho cuidado
o bien selecciones y copias todo desde arriba, y luego aparte escribes las lineas estas


ok? debemos tener en cuenta primero que areas serán fijas y que areas no, tomando como base la pagina del curso, el area de title es editable, porque ponemos un titulo diferente a cada pagina verdad??
[contenido no disponible]

la linea donde ponemos el enlace a las hojas de estilo, esa podemos dejarla fuera para que sea area fija, ya que todos los doc. usaran la misma hoja de estilos, al hacerlo, nos daremos cuenta que no nos está tomando los estilos nuestra nueva plantilla
[contenido no disponible]

sabes por que????, si, porque la hoja de estilos está fuera de la carpeta Templates, entonces deberiamos indicarselo verdad????, pero entonces... tendriamos otros problemas, asi que por lo pronto asi lo dejaremos. ok?

Seguimos, otra area editable será el div contenido, verdad? cabecera, navegacion, y pie de pagina será igual en todos los documentos, hasta aqui estámos de acuerdo?????
-otra forma de poner esa etiqueta es desde el menu
[contenido no disponible]

y no sale esta ventana donde pondremos el nombre de nuestra area a editar
[contenido no disponible]

y nos sale asi
[contenido no disponible]

ahora, lo que debemos hacer es...borrar el texto contenido, y recortar el area final

para ponerlo justo donde termina nuestra area editable
en este caso es al final de contenido verdad???
[contenido no disponible]

***hasta aqui tenemos creada nuestra plantilla madre****
ahora crearemos un documento hijo o dependiente de plantilla,
en este documento unicamente podré escribir en las areas editables que seleccioné en plantilla, todo lo demás es area fija
ok???

Archivo-Nuevo Documento-PAGINA DE PLANTILLA-CARPETA DONDE LA TENEMOS-
[contenido no disponible]

ya que tenemos el documento le damos asi como está en guardar como
[contenido no disponible]

yo la he guardado en la carpeta raiz
una vez guardado, veremos como aparecen las imagenes y los estilos
[contenido no disponible]

Ahora si ves el codigo fuente, te darás cuenta que hay pedazos de codigos en los que no puedes escribir, esos son porque son las areas fijas que señalaste en la plantilla, unicamente puedes modificar el titulo y el contenido que son las areas que señalamos como editables recuerdas???
[contenido no disponible]

hasta aquii todo perfecto y puedes crear tantos documentos como lo desees
ahora que pasaria si deseas agregarle otra seccion a navegacion????
recordarás que esa es un area fija que no podrás modificar desde el documento hijo verdad???,
bueno ahora abrimos de nuevo nuestra plantilla y modificaré navegacion
[contenido no disponible]

ahora lo divertido
le doy guardar a plantilla y me pregunta esto
[contenido no disponible]

le doy en Actualizar y cierro
[contenido no disponible]

abrimos el documento hijo en este caso yo lo llame gatos.html
y veremos el cambio
[contenido no disponible]

POR ULtimo solo nos queda guardar gatos.hml
y si tienes mas documentos hijos, guardarlos tambien

si algo no quedó claro favor de avisarme

saludos
Muchas gracias, este es el tutorial básico para empezar a trabajar con DW, y que no aparece en ningún otor tutorial, almenos de forma tan clara.
Gracias por la ayuda :lol:
como siempre, un placer

si te queda alguna duda, por aqui ando

saludos
Perfecto, lo he mirado y lo aplicaré en cuanto pueda. Por lo leido he entendido que:

a.- Me olvido de las plantillas que tengo, las borro.

b.- Abro una página html que tenga hecha y entonces, solo entonces, creo la plantilla que haga referencia al conjunto de páginas que seran iguales, excepto las áreas editables, de la manera como indicas.

c.- Cuando tenga que modificar, añadir o cambiar cosas a todas las plantillas, abro la plantilla padre (o madre), la modifico y automáticamente me hará los cambios en el resto de páginas.

A falta de una lectura i práctica más a fondo, si no he entendido mal y en ¿esencia és así? ¿No?

muchas gracias salu2 :)
hola

mira, vamos a hacer algo
sigue los paso tal y como te lo indiqué
y si te queda alguna duda me avisas

peeero, cuando ya lo hayas hecho
jaja

saludos
En ello estoy y empiezo a verlo claro. Muchas gracias por la ayuda y perdona la pesadez, pero es que me tiene la moral comida, jajajajaja..
Perdona de nuevo :oops: .

Venga, saludos
Peeeerfecto, gracias a ti, a tu paciencia y a tu tutorial, lo he conseguido. Lo he seguido paso a paso y finalmente tengo la página web en orden. :lol:
Peeero, siguen los problemas. Con DW he hecho todas las páginas personalizadas, con enlaces, etc, y con la vista "vista previa en el navegador lo veo bien, funcionan los enlaces, se ve la imagen de la cabecera, etc. Todo perfectamente bien, como quiero. Pero cuando la he colgado, con el FileZilla en el servidor y abro la página des de internet, se ve bien la página de inicio, index, pero cuando clico en los enlaces, ni aparece la imagen de cabecera ni funcionan los enlaces a partir de la página abierta. Si vuelvo a la de incio y abro otra página, va bien, pero siguen sin funcinar ni imagen ni enlaces. :shock: La extension del nombre de la imagen es correcta y esta está en la carpeta general, junto con el resto.
¿Tienes idea de que puede pasar? :roll:
Gracias por tu atención y tu paciencia.

Jaume www.histoviatges.com
:!: Vaya acabo de descubrir algo. En la página index de inicio de la web, al poner el puntero sobre el enlace que clicaré, en la barra inferior dice:

http://elmeusobdomini-onlinewebshop.net/turquia/turquia.html

Ahí funciona correctamente, pero cuando clico sobre el enlace de Turquia, me la abre correctamente y poniendo el cursor sobre el enlace de Argentina, me pone:

file///c\/documents and setting/mis documentos/aaa nou histoviatges/argentina/argentina.html

Por lo que deduzco que los enlaces los está buscando en una carpeta que està en MI ordenador, no en el servidor. Lo que no tengo claro es ni donde ni cómo debería modificar esta anomalia. Imagino que debe ser cosa de configuración, pero no entiendo como uos archivos suben correctamente y otros no :shock: Intentaré mirar mañana el tema, a ver si descubro algun error...

De todas maneras gracias por tu inestimable ayuda

salu2
Pues no, no consigo encontrar el error. :( ¿Donde puede estar? ¿Como llego a el? He intentado modificar la dirección de los enlaces, pero aparentemente estan correctos.
En el servidor tenía varias carpetas de prueva y antiguas que he borrado. Ahora solo hay la de histoviatges.com. Ahora si pongp el cursor en la página que he abierto desde el index, que sí que funciona, por ejemplo en el enlace de Xile, me pone:

file///c\/documents and setting/Jaume/mis documentos/23-1 histoviatges 110710/xile/xile.html
:shock:
Que es una carpeta que tengo separada y en la que hay el historico de paginas que he ido haciendo. El caso es que no se como revertir la dirección. No se que tengo que hacer para que me ponga la dirección correcta de la carpeta.
salu2
ok, ahora muestrame una captura de pantalla con todas las carpetas de la red abiertas

(workspace)

saludos
que es esto????
seguiste el curso paso a paso?????????

en azul, ahi es donde indicas la direccion del documento a enlzar
pero le pones la ruta de tu pc, y debes poner la ruta de la red

por ejemlo

argentina


<h3 align="center" class="Estilo1">Índex</h3>
<p align="right" class="Estilo2 Estilo3 Estilo3 Estilo3 Estilo3">Turquia 2002</p>
<p align="right" class="Estilo2 Estilo3 Estilo3 Estilo3 Estilo3">Imatges Turquia</p>
<p align="right" class="Estilo2 Estilo4 Estilo4 Estilo4 Estilo4">file:///C|/Documents and Settings/Jaume/Mis documentos/aaa nou histoviatges/argentina/argentina.html"]Argentina 2004</p>
<p align="right" class="Estilo2 Estilo5 Estilo5 Estilo5 Estilo5">Xile 2005</p>
<p align="right" class="Estilo2 Estilo6 Estilo6 Estilo6 Estilo6">Marroc 2006</p>
<p align="right" class="Estilo2 Estilo7 Estilo7 Estilo7 Estilo7">Les Espanyes 2008</p>
<p align="right" class="Estilo2 Estilo8 Estilo8 Estilo8 Estilo8">Menorca 2008</p>
que es esto????
seguiste el curso paso a paso?????????

en azul, ahi es donde indicas la direccion del documento a enlzar
pero le pones la ruta de tu pc, y debes poner la ruta de la red

por ejemlo

argentina


<h3 align="center" class="Estilo1">Índex</h3>
<p align="right" class="Estilo2 Estilo3 Estilo3 Estilo3 Estilo3">Turquia 2002</p>
<p align="right" class="Estilo2 Estilo3 Estilo3 Estilo3 Estilo3">Imatges Turquia</p>
<p align="right" class="Estilo2 Estilo4 Estilo4 Estilo4 Estilo4">file:///C|/Documents and Settings/Jaume/Mis documentos/aaa nou histoviatges/argentina/argentina.html"]Argentina 2004</p>
<p align="right" class="Estilo2 Estilo5 Estilo5 Estilo5 Estilo5">Xile 2005</p>
<p align="right" class="Estilo2 Estilo6 Estilo6 Estilo6 Estilo6">Marroc 2006</p>
<p align="right" class="Estilo2 Estilo7 Estilo7 Estilo7 Estilo7">Les Espanyes 2008</p>
<p align="right" class="Estilo2 Estilo8 Estilo8 Estilo8 Estilo8">Menorca 2008</p>



pd, te sugiero revisar el curso paso a paso, para que te enteres como van las rutas relativas, y absolutas
saludos
Vale, ahora se donde tengo que mirar, tendré que hacerlo a "pico y pala", pero creo que el rpobelam viene de boraar, cambiar y retocar diversos archivos i carpetas. UF... de acuerdo, lo miro y te digo algo

saludos y gracias
Mira, no me preguntes ni el como ni el porqué, pero he mirado las direcciones desde el Dw y estaban correctas. No se si ha sido los toqueteos que he estado haciendo desde el viernes o qué, pero una vez más he vuelto a subir los archivos con el FileZilla y lo mismo. No funcionaba. Finalmente se me ha ocurrido subirlos uno a uno con el HTMLKit, y funciona en parte. Funcionan los enlaces de todas las páginas, incluidas las de Egipto, en la que estoy trabajando ahora, pero no se ve la imagen de la cabecera en ninguna página. Esto acabará con mi paciencia, y mira que tengo...

De todas manera reitero mi agradecimiento a tu paciencia y ayuda inestimables. Sin ti ni el resto de compañer@s no lo lograría.
En mi página, una vez consiga hacerla funcionar, voy a poner vustra página como publicidad...

Mi más sincero agradecimento

salu2
yo tengo una pregunta para ti yaneth, veras cuando le dijiste a jaume lo de poner la dirección de la web (la url) por que es? No se supone que si tu lo subes al servidor el mismo te actualiza y convierte las direcciones de las carpetas en urls? Verás soy nuevo y siempre he tenido esta duda.

Gracias

yandrac
Mira, no se si te será de ayuda, pero yo no he conseguido que el Dream me suba las modificaciones al servidor. Imagino que será problema de configuración, pero, en este punto me he rendido. Para subir los archivos y por tanto las modificaciones al servidor, sigo utilizando el HTMLkit. Con el es más lento, pero puedo controlar exactamente que es lo que sube. A ver que dice Yaneth

saludos
hola
yandrac:

es que si le pones esto:

file:///C|/Documents and Settings/Jaume/Mis documentos/aaa nou histoviatges/argentina/argentina.html" title="Dreça a Argentina" target="_self"

y asi lo subes a la red... no modificara nada entonces...
cuando des clcik al enlace la pc buscara C: Documents and Settings primero que nada pero eso de cada usuario no de la tuya me explico??, y obiamente el usuario (el que visita tu web) no tiene nada de esas cosas en su pc

por eso, debrias ponerle solo asi
argentina/argentina.htm

que le estás diciendo que busque la carpeta argentina y dentro el documento argentina.htm pero lo buscará de lo que subiste en la red
cosa diferente si pones la ruta absoluta

http://www.lapaginaweb.com/argentina/argentina.html

me explico????

si queda duda me avisas
saludos
Hola yaneth! he seguido tu tutorial paso a paso pero al crear la página hija no me responde, vuelve a guardarse en la plantilla madre que puede suceder? en sitio solome sale mi pagina y mi página web. en plantilla para sitio me sale la plantilla ya creada y en mi página web está vacío. cómo puedo olucionarlo. Muchas gracias.

Ah! lo estoy haciendo con DW cs5.
Estoy haciendo mi primera web, la he hecho con dreamweaver y en mi ordenador funciona perfectamente. Para hacerla he utilizado una plantilla con sus zonas editables y demas, y a partir de esta he realizado todas las demas paginas incluyendo el index. El primer problema que he visto leyendo este hilo es que mi hoja de estilos esta junto con el index y no dentro de la carpeta templates.

sabes por que????, si, porque la hoja de estilos está fuera de la carpeta Templates, entonces deberiamos indicarselo verdad????, pero entonces... tendriamos otros problemas, asi que por lo pronto asi lo dejaremos. ok?

Mi problema según dices son "esos problemas", ya que al subir la web solo se me aplica la hoja de estilos al index.

El segundo problema del que me he dado cuenta al subir la pagina ha sido, la referencia de los enlaces. Me pasa exactamente lo mismo que describen los foreros en el hilo, y por supuesto estoy cansado de dar vueltas con las rutas sin llegar a buen puerto.

Mi pregunta es que como el dreamweaver de mi ordenador trabaja con la referencia a enlaces del tipo
file///c\/documents and setting/Jaume/mis documentos/23-1 histoviatges 110710/xile/xile.html
y lo que necesito es una referencia del tipo
http://www.lapaginaweb.com/argentina/argentina.html
para el archivo subido al servidor. ¿ Tengo que ir cambiando las referencias de los enlaces uno a uno para que funcionen en el servidor? ¿Existe alguna forma de que dreamweaver cambie directamente esa rutas, es decir, existe alguna configuracion inicial que permita ponerla por defecto en dreamweaver para que al subirla funcionen todos los enlaces?

Un saludo, y a ver si los novatillos que empezamos podemos ir aprendiendo poco a poco.
Estoy haciendo mi primera web, la he hecho con dreamweaver y en mi ordenador funciona perfectamente. Para hacerla he utilizado una plantilla con sus zonas editables y demas, y a partir de esta he realizado todas las demas paginas incluyendo el index. El primer problema que he visto leyendo este hilo es que mi hoja de estilos esta junto con el index y no dentro de la carpeta templates.

sabes por que????, si, porque la hoja de estilos está fuera de la carpeta Templates, entonces deberiamos indicarselo verdad????, pero entonces... tendriamos otros problemas, asi que por lo pronto asi lo dejaremos. ok?
Mi problema según dices son "esos problemas", ya que al subir la web solo se me aplica la hoja de estilos al index.

El segundo problema del que me he dado cuenta al subir la pagina ha sido, la referencia de los enlaces. Me pasa exactamente lo mismo que describen los foreros en el hilo, y por supuesto estoy cansado de dar vueltas con las rutas sin llegar a buen puerto.

Mi pregunta es que como el dreamweaver de mi ordenador trabaja con la referencia a enlaces del tipo
file///c\/documents and setting/Jaume/mis documentos/23-1 histoviatges 110710/xile/xile.html
y lo que necesito es una referencia del tipo
http://www.lapaginaweb.com/argentina/argentina.html
para el archivo subido al servidor. ¿ Tengo que ir cambiando las referencias de los enlaces uno a uno para que funcionen en el servidor? ¿Existe alguna forma de que dreamweaver cambie directamente esa rutas, es decir, existe alguna configuracion inicial que permita ponerla por defecto en dreamweaver para que al subirla funcionen todos los enlaces?

Un saludo, y a ver si los novatillos que empezamos podemos ir aprendiendo poco a poco.
bien....
es que... al trabajar con templates.... debemos tener en cuenta ese tipo de "cosas" las rutas

lo que importa es que funcionen los documentos, no el template en si.. me explico????

aqui lo que yo te recomiendo es tener todos los documentos juntos (no divididos por carpetas) asi no tendrás problema con los enlaces
y en la plantilla, ponerle los enlaces reales, es decir los que deben tener los documentos,

por ejemplo... en template pondrias algo asi

<a href="../argentina/argentina.html>argentina</a>
asi funcionará bien solo en el documento template

pero.... no en los html
entonces....
lo que debes hacer es asi
<a href="argentina/argentina.html>argentina</a>

asi funcionará en los html, pero no el template, que es lo que menos interesa no??? ese solo es para armar la web

si te quedan dudas, dame la url de tu web para verla

saludos
muy bueno este curso de dreamweaver a ver si me pongo que me gustaria aprender mas, gracias por compartir!!!