Dreamweaver

DREAMWEAVER
Covarrubias Gómez Silvia
Montserrat
Meza Garcia Veronica
https://www.aulaclic.es/dreamweaver-
cs6/t_1_3.htm

¿QUÉ ES DREAMWEAVER?
Dreamweaver es la herramienta de diseño de páginas web más
avanzada, tal como se ha afirmado en muchos medios. Aunque sea
un experto programador de HTML el usuario que lo maneje, siempre
se encontrarán en este programa razones para utilizarlo, sobretodo
en lo que a productividad se refiere.Cumple perfectamente el objetivo
de diseñar páginas con aspecto profesional, y soporta gran cantidad
de tecnologías, además muy fáciles de usar:
•Hojas de estilo y capas
•Javascript para crear efectos e interactividades
•Inserción de archivos multimedia...

Además es un programa que se puede actualizar con componentes,
que fabrica tanto Macromedia como otras compañias, para realizar
otras acciones más avanzadas.En resumen, el programa es realmente
satisfatorio, incluso el código generado es de buena calidad. La unica
pega consiste en que al ser tan avanzado, puede resultar un poco
difícil su manejo para personas menos experimentadas en el diseño
de webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye
soporte para la creación de páginas dinámicas de servidor en ASP,
con acceso a bases de datos (versión Ultradev) y una mayor
integración con otras herramientas de Macromedia como Fireworks.

Dreamweaver, no es sólo un editor de páginas Web; es un completo
gestor de sitios que ofrece una amplia gama de posibilidades
incluyendo, como no, las mayores facilidades a la hora de publicar
nuestro sitio. Por tanto, podemos decir que Dreamweaver es, a
grandes rasgos, una de las más potentes y versátiles herramientas de
creación, edición y publicación de sitios Web.

LAS CARACTERÍSTICAS QUE DEFINEN
A DREAMWEAVER
SON:
•Versatilidad: permite realizar muchas más operaciones que otros
editores existentes en el mercado.
• Potencia: permite integrar elementos realizados con otras
herramientas, tales como imágenes procedentes de Adobe
Photoshop, secuencias animadas procedentes de Adobe Flash, bases
de datos, hojas de cálculo, etc.
• Facilidad de uso: una vez haya conocido su funcionamiento es muy
sencillo de usar, de manera que podrá explotar los recursos que
ofrece. Además de contar con una buena herramienta de ayuda y
distintas opciones que facilitan aún más su uso.

VENTAJAS:
•La gran ventaja de este editor sobre otros es su gran poder de
ampliación y personalización del mismo, puesto que en este
programa, sus rutinas (como la de insertar un hipervínculo, una
imagen o añadir un comportamiento) están hechas en Javascript-C, lo
que le ofrece una gran flexibilidad en estas materias.
•Como editor WYSIWYG que es, Dreamweaver permite ocultar el
código HTML de cara al usuario, haciendo posible que alguien no
entendido pueda crear páginas y sitios web fácilmente sin necesidad
de escribir código.
•Un aspecto de alta consideración de Dreamweaver es su
funcionalidad con extensiones. Es decir, permite el uso de
"Extensiones". Las extensiones, tal y como se conocen, son pequeños
programas, que cualquier desarrollador web puede escribir
(normalmente en HTML y Javascript) y que cualquiera puede
descargar e instalar, ofreciendo así funcionalidades añadidas a la

ADOBE DREAMWEAVER TE
BRINDARÁ ACCESO RÁPIDO A LOS
MISMOS:
•Entorno de desarrollo compatible con PHP, J2EE y Microsoft.NET
•Diseño de páginas Webs con un interfaz completamente gráfico
•Barra de herramientas de programación, que facilita las operaciones
de programación más usuales
•Contracción del código, para centrarse solo en el que se está
utilizando
•Barra de herramientas de reproducción de estilos, con la que se
puede ver el resultado final

•Comparar archivos para ver qué ha cambiado
•Facilidad para añadir vídeos Flash
•Notificación y registro de eventos
•Se integra en Microsoft Word, Flash, Adobe Photoshop y otras
•Optimiza las páginas para las diferentes versiones de los
navegadores….

ADOBE DREAMWEAVER EN LA
EDUCACIÓN:
Este programa le ayuda al estudiante a aprender a crear un sitio web,
mejora su creatividad y su curiosidad por emplear todas las
herramientas de este diseñador web, pero más que todo les sirve
para poder diseñar su propio sitio web con todo lo que deseen
ponerle. Quizás el profesor no les pueda enseñar a utilizar todas las
herramientas de esta aplicación, pero internet es una gran ayuda,
existen tutoriales donde enseñan a crear un sitio web y a utilizar las
otras aplicaciones de Adobe que se pueden añadir a nuestro website.

COMO CREAR UNA PAGINA EN
DREAMWEAVER
Las páginas web creadas en Dreamweaver pueden adaptarse para uso
personal o comercial. Dreamweaver ofrece un combinado de edición
de HTML y edición base WYSIWYG que es comprensible, incluso para
los editores web sin experiencia. Usando las herramientas incluidas
se pueden crear con rapidez sitios web eficaces.

1. Abre Dreamweaver y crea un nuevo archivo ".html". Haz clic en cualquier
lugar de la página en blanco y, a continuación, en la parte inferior de la
pantalla, haz clic en "Propiedades de página" y, luego, cambia el color de
fondo de la página.
2. Haz clic en la opción "Capa" en el "Diseño de Objetos" del menú de
archivo. Esto creará una capa de diseño nuevo. Arrastra la capa para crear
el contorno de la barra de navegación.
3. Selecciona los límites de la nueva capa. A continuación, haz clic en el
botón que se parece a un pequeño lápiz en la parte derecha de la
pantalla. Esto abrirá el menú de opciones de CSS. Aquí puedes elegir un
color de fondo y el borde de la capa. Elige los colores que funcionan bien
con tu color de fondo.

4. Haz doble clic en la capa y escribe todos los botones de navegación de tu
sitio web. Una vez hecho esto, selecciona cada uno y, entonces, escribe el
".html" que se vinculará en la caja de "Link" en la parte inferior de la
página.
5.
Crea una nueva capa para el texto, logotipo y la caja de autor, y utiliza el
mismo proceso de creación de capa, bordes y relleno para diseñarlos.
6.
Guarda el archivo como "template.html" una vez que has insertado el
logotipo e hiciste una barra de derechos de autor. Utiliza este archivo
para crear todas las otras páginas del sitio web. Inserta imágenes y texto
en el cuadro de contenido que desees para cada página diferente.

CREANDO CONTENIDO EN
DREAMWEAVER
Dreamweaver crea en la computadora del usuario (la computadora
local), un código HTML con una funcionalidad simple de apuntar y
hacer clic. Se pueden personalizar muchas de las propiedades del
documento y del texto, de la misma forma en la que lo haces en un
procesador de texto, lo que reduce grandemente la curva de
aprendizaje a los creadores novatos de sitos web.
Para crear una nueva página web, los usuarios seleccionan uno de los
muchos diseños que se incluyen en Dreamweaver. El texto se puede
crear directamente en la página utilizando el teclado o cortando y
pegando desde otra aplicación. Los usuarios pueden,
alternativamente, importar una página HTML existente que se haya
guardado en otra aplicación como Microsoft Word o Excel. Se pueden
insertar imágenes compatibles con la web como JPEG o GIF en
Dreamweaver simplemente colocando el cursor en el lugar deseado
en la página y seleccionándolas desde el lugar en el que se
encuentran en la computadora.

CARACTERÍSTICAS QUE
DISTINGUEN A DREAMWEAVER
Dreamweaver ofrece muchas características útiles, tales como su
"Previsualización en el navegador". Esta característica permite a los usuarios
ver la página en diferentes navegadores durante el proceso de creación para
identificar cualquier diferencia cruzada. Otras funciones incluyen un
corrector ortográfico básico, la inserción automática de la fecha actual y la
característica de "Encontrar y Remplazar", que busca y cambia palabras
especificadas a través de todo el sito. Dreamweaver integra hojas de estilo,
formatos, marcos y archivos multimedia.
Además, Dreamweaver ofrece una función de limpieza en páginas
importadas en código HTML. La característica de limpieza en código HTML
elimina etiquetas redundantes y elimina códigos HTML misceláneos. Al
terminar la limpieza, Dreamweaver crea un reporte que resume todos los
cambios.
Dreamweaver es una herramienta extremadamente poderosa para la
creación y el mantenimiento web. La información presentada en este artículo
es un simple resumen de sus maravillosas capacidades.

ARRANCAR Y CERRAR
DREAMWEAVER CS6
•Desde el botón Inicio situado, normalmente, en la esquina inferior
izquierda de la pantalla. Colocar el cursor y hacer clic sobre el botón Inicio,
se despliega un menú. Puedes comenzar a escribir el nombre del programa,
y aparecerá directamente. O puedes pulsar en Todos los programas y
buscarlo en la lista con los programas que hay instalados en tu ordenador.
Buscar Adobe Dreamweaver CS6 y haz clic sobre él para arrancar el
programa.
• Desde el icono de dreamweaver CS6 del Escritorio, si lo tienes
Puedes arrancar Dreamweaver CS6 ahora para ir probando todo lo que te
explicamos. Cuando realices los ejercicios también puedes compaginar dos
sesiones de la forma que puedas ver el tema mientras utilizas Dreamweaver,
como te explicamos aquí.

Para cerrar Dreamweaver CS6, podemos utilizar cualquiera de las siguientes
operaciones:
•Hacer clic en el botón cerrar,en la esquina superior derecha, como en cualquier
ventana de Windows.
•Pulsar la combinación de teclas Alt + F4.
•Hacer clic sobre el menú Archivo y elegir la opción Salir.
Si existe algún documento modificado que no ha sido guardado antes de cerrar
Dreamweaver, se te pedirá confirmación para guardar o no cada uno de ellos

ABRIR Y GUARDAR DOCUMENTOS
Para abrir un documento, puedes utilizar cualquiera de las siguientes
operaciones:
•Hacer clic en el botón abrir de la barra de herramientas estándar (si está
visible). Pulsar la combinación de teclas Ctrl + O.
•Hacer clic sobre el menú Archivo y elegir la opción Abrir....
•Hacer clic sobre el menú Archivo y elegir la opción Abrir reciente. Muestra los
últimos archivos abiertos.
• .

•Hacer clic sobre el menú Archivo y elegir la opción Examinar en
Brigde. Se abrirá el programa Brigde que muestra las carpetas y
archivos de forma gráfica.
•Hacer doble clic sobre el archivo en la ventana del sitio.
•Hacer clic derecho sobre el archivo en el explorador de Windows, y
elegir la opción Abrir con → Adobe Dreamweaver CS6

GUARDAR DOCUMENTOS
Para guardar un documento, puedes utilizar cualquiera de las
siguientes operaciones.
Hacer clic en el botón Guardar, de la barra de herramientas estándar.
Hacer clic sobre el menú Archivo y elegir la opción Guardar
Dreamweaver incluye la posibilidad de, en el caso de estar trabajando
simultáneamente con varios documentos, poder guardar todos de
golpe, sin la necesidad de hacerlo uno por uno. Para guardar
todo puedes realizar cualquiera de las siguientes operaciones.
Hacer clic en el botón Guardar todo de la Barra de herramientas
estándar.

Hacer clic sobre el menú Archivo y elegir la opción Guardar todo.
Al tener varios documentos abiertos es fácil olvidarse de todas las
modificaciones hechas en cada uno de ellos. Debes tener mucho
cuidado al utilizar la opción guardar todo, ya que en ocasiones es
posible no desear guardar los cambios en todos los documentos
modificados. Por ello es conveniente que al principio no utilices esta
opción, al menos hasta que te hayas habituado a manejar el
programa. De todas formas, observa que cuando hay cambios sin
guardar aparece un * tras el nombre del documento

MI PRIMERA PÁGINA
Para que te vayas haciendo una idea de cómo funciona Dreamweaver, vamos
a crear una página web sencilla, con varios estilos de texto, una imagen y
un enlace a otra página. Crear esta página solo te llevará unos pocos
minutos, y sabrás cómo trabajar con los elementos básicos con los que
están hechas la mayoría de las páginas web. Si nunca has hecho una página
web, este es el momento para descubrir lo fácil que es.
lo primero que tienes que hacer es abrir Dreamweaver. Ya has visto en las
páginas anteriores como puede hacerse. Abre un documento nuevo y
selecciona la Categoría Página básica, HTML, en la columna Diseño dejamos
la opción por defecto: <ninguno>.
Seguidamente, haz clic sobre la zona blanca del documento y escribe lo
siguiente:

Una vez introducido el
texto, vamos a modificar el
título y el color de fondo
del documento.
Para ello podemos hacer
clic sobre el
menú Modificar y elegir la
opción Propiedades de la
página.
Entonces se abrirá una
ventana como la que
aparece a continuación:

En Color de
Fondo escribe
#FF99CC , de este
modo el fondo del
documento pasará
a ser de color azul.
Haz clic
en Título/Codificaci
ón a la izquierda, y
en
el Título escribe Mi
primera página.
Para aplicar los
cambios, pulsa
sobre el
botón Aceptar.

Ahora vamos a insertar una imagen. Para insertar la imagen, hemos de
tenerla en la carpeta donde estamos creando nuestras páginas,
habitualmente en una subcarpeta dedicada a las imágenes.
Muchas de las imágenes que vemos en Internet se pueden copiar al disco
duro. Al hacer clic con el botón derecho del ratón sobre la imagen que
queremos traer de Internet, se abre una ventana con una opción similar
a Guardar imagen como... (dependiendo del navegador que utilices) que
permite grabar dicha imagen en un fichero de nuestro disco duro. Ten en
cuenta que si piensas publicar la página en Internet, hay que respetar los
derechos de autor de la imagen.
Ahora vamos a insertar la imagen debajo de la segunda línea de texto. En
primer lugar, situamos el cursor al final de la segunda línea y creamos un
salto de línea Después nos dirigimos al menú Insertar, opción Imagen.

Ahora vas a pasar a cambiar el formato del texto. Para ello necesitas
visualizar el inspector de propiedades que se encuentra normalmente
en la parte inferior de la ventana
Selecciona la primera línea de texto. En el inspector de propiedades
pulsa HTML y aplica el formato Encabezado 1 (h1) seleccionando el
valor Encabezado1 del cuadro Formato.

Para cambiar el color del texto cambiamos el panel a las opciones de
estilo, pulsando el icono CSS a la izquierda.
Mediante el inspector de propiedades en Dreamweaver CS6
accedemos tanto a las propiedades de CSS como a las propiedades
de HTML.

Selecciona la primera línea. En Regla de destino selecciona <Nuevo
estilo en línea>, para aplicar el formato solo al texto seleccionado.
También aplica el estilo de Fuente Tahoma, Geneva, sans-serif, color
#FFF y centra el texto con el segundo botón de la parte derecha

selecciona la segunda línea de texto, y
seleccionando como antes <Nuevo estilo en
línea>, marca los botones para ponerlo en
negrita y cursiva respectivamente.

Por último vamos a crear el enlace. Selecciona el texto de la última
línea, y cambia el panel de Propiedades a las propiedades de HTML.
En el campo Vínculo, escribe la URL de la página a enlazar
Por último guarda el documento. Ya sabes que puedes hacerlo a
través del menú Archivo, desde la opción Guardar.
Puedes llamar al documento como lo desees, pero la extensión ha de
ser htm o html. Por ejemplo, lo hemos llamado miprimerapagina.htm,
y la hemos guardado en la misma carpeta que la imagen descargada.

LA VENTANA DE DOCUMENTO EN
DREAMWEAVER
En la vista de Diseño, la ventana de documento muestra el
documento actual aproximadamente igual a como aparecerá en un
navegador Web. La barra de título de la ventana de documento
muestra el título de la página y, entre paréntesis, el nombre de la
carpeta raíz, el nombre del archivo y un asterisco si el archivo
contiene cambios no guardados.
La barra de estado, situada en la parte inferior de la ventana de
documento, proporciona información adicional sobre el documento
que está creando.

El selector de etiquetas muestra las etiquetas HTML
padre que controlan el texto o los objetos
seleccionados. Haga clic en una de estas etiquetas
para resaltar su contenido en la ventana de
documento. Haga clic en <body> para seleccionar
todo el cuerpo del documento.
La ventana emergente Tamaño de ventana permite
cambiar el tamaño de la ventana de documento para
que adopte dimensiones predeterminadas o
personalizadas. Consulte Cambiar el tamaño de la
ventana de documento.

A la derecha del menú emergente Tamaño de ventana observará la
estimación del tamaño del documento y del tiempo de descarga de la
página, incluidos todos los archivos dependientes, como imágenes y
otros archivos multimedia. Consulte Comprobar el tiempo de
descarga y el tamaño.
La barra del lanzador aparece a lo largo de la parte inferior de la
ventana de documento. De forma predeterminada, los botones de la
barra del lanzador abren la ventana Sitio, el panel Activos, el panel
Estilos HTML, el panel Estilos CSS, el panel Comportamientos, el panel
Historial y el inspector de código. Para especificar qué botones deben
aparecer en la barra del lanzador (y en el lanzador flotante), consulte
Personalizar la barra del lanzador.

CREAR COMPORTAMIENTOS DE
SERVIDOR EN DREAMWEAVER
Una de las nuevas características que aparecieron a partir de la
versión 4 de Ultradev es la posibilidad de crear nuestros propios
comportamientos de servidor de una forma sencilla, utilizando el
Creador de comportamientos de servidor. Podemos incluso editar los
comportamientos de servidor estándar de Ultradev para
personalizarlos, o utilizarlos como plantilla para crear los nuestros
(esta última característica no está sin embargo disponible en la
versión MX de Dreamweaver). Se trata de una característica para
usuarios avanzados con conocimientos de programación en lenguajes
de servidor.
En este tutorial nos vamos a centrar en la creación de un nuevo
comportamiento de servidor empezando desde cero. Vamos a crear
un comportamiento de servidor sencillo pero que sin embargo nos va
a ser de gran utilidad: guardar en una cookie un determinado valor,
indicando días de caducidad y dominio aplicable. Vamos a utilizar el
modelo de servidor ASP/VBscript.

Primero debemos tener claro que código vamos a insertar en el
documento al añadir el comportamiento de servidor. En nuestro caso
el código es muy sencillo:
<% ' Grabar Cookie
Response.Cookies("nombre") = "valor"
Response.Cookies("nombre").Expires = Date + dias
Response.Cookies("nombre").Domain = "dominio"
%>
Como es lógico, tendremos que sustituir los valores en rojo por los
valores deseados. Si sustituimos esos valores por parámetros a la
hora de crear el comportamiento de servidor, Dreamweaver creará
automáticamente un cuadro de diálogo que permitirá introducir los
valores variables a la hora de aplicar el comportamiento. Más
adelante lo veremos con más detalle.

Para crear un nuevo comportamiento de servidor, abrimos la ventana
“Comportamientos del servidor” y pulsamos en el botón con el signo
más (+). En el menú emergente seleccionamos la opción “Nuevo
comportamiento de servidor…”. En el siguiente cuadro de diálogo
especificamos el modelo de servidor a utilizar (en nuestro caso
ASP/VBscrip) y el nombre del comportamiento: Guardar cookie.
Pulsamos en el botón “Aceptar”.
Aparecerá el “Creador de comportamientos de servidor”. en esta
ventana añadiremos los bloques de código necesarios (un
comportamiento puede estar compuesto por varios bloques de
código, cada uno situado en una posición distinta de la página), los
parámetros que debe introducir el usuario y la posición de cada
bloque de código en la página, absoluta o relativa a determinados
elementos de la misma.

Para añadir un nuevo bloque de código, pulsamos en el botón con
el signo más (+). Nos pedirá un nombre para el bloque de código
(podemos aceptar el que nos sugiere por defecto). Ya podemos
empezar a teclear nuestro código en el cuadro “Bloque de código”.
Escribimos el código que os he mostrado anteriormente, tal y
como está (podemos hacer un copiar/pegar) y ya nos
encargaremos ahora de insertar los parámetros necesarios. En la
siguiente imagen podéis observar el resultado del trabajo
realizado hasta ahora.

El siguiente paso es insertar los parámetros necesarios. Seleccionamos en el código la
primera aparición de “nombre” (sin incluir las comillas de apertura y cierre) y pulsamos
en el botón “Insertar parámetro”. en el cuadro de diálogo “Insertar parámetro”
introducimos como nombre del parámetro “Nombre”. Al aceptar nos preguntará si
queremos sustituir todas las apariciones de “nombre” en el código; contestamos que sí.
Observad que el asistente ha sustituido todas las apariciones de “nombre” por el
marcador de parámetro “@@Nombre@@”. Repetimos este proceso para el resto de
variables del código (valor, dias y dominio). El resultado final será el que os muestro a
continuación:
<% ' Grabar Cookie
Response.Cookies("@@Nombre@@") = "@@Valor@@"
Response.Cookies("@@Nombre@@").Expires = date + @@Dias@@
Response.Cookies("@@Nombre@@").Domain = "@@Dominio@@"
%>

Ahora debemos indicar en qué parte del documento queremos
insertar el código cuando apliquemos el comportamiento. Observad
las distintas opciones de las dos listas desplegables en la parte
inferior del cuadro de diálogo; podemos insertar el código justo antes
del bloque de código que abre los recordsets o juegos de registros,
justo después de los mismos o en una posición personalizada,
indicando el “peso” que tiene nuestro código, teniendo en cuenta que
los bloques de código de recordset tienen un peso de “50” y que
Dreamweaver ordena los bloques de código por orden ascendente de
peso. También podemos insertarlo antes o después de la etiqueta
</html>, en relación a otra etiqueta de la página o en relación con la
selección actual del documento. En nuestro caso queremos guardar la
cookie antes de que se cargue la página, por lo que seleccionaremos
en “Insertar código” la opción “Por encima de la etiqueta <html>” y
en “Posición relativa” la opción “El comienzo del archivo”.

Ya tenemos definido el código de nuestro comportamiento
y la posición de la página donde queremos insertarlo.
Pulsamos en el botón “Siguiente” para avanzar por el
asistente y aparecerá la ventana de “Generar cuadro de
diálogo de comportamiento”.

En esta ventana aparecen los parámetros que hemos definido en
nuestro código en el orden en que aparecerán en el cuadro de
diálogo (por defecto Dreamweaver los ordena por orden alfabético). Si
queremos cambiar el orden, simplemente seleccionamos un
parámetro y pulsamos en los botones de flecha arriba o abajo.
También podemos cambiar la forma en la que aparecerá el parámetro
seleccionándolo y eligiendo otro valor en la columna “Mostrar como”.
Experimentar con diferentes valores para ver las posibilidades que os
ofrecen. Para nuestro comportamiento vamos a utilizar “Campo de
texto” para todos los parámetros. Una vez organizados los
parámetros como se muestra en la imagen, pulsamos en el botón
aceptar para finalizar el asistente.

Si nos hemos equivocado en alguna parte del proceso tenemos la
opción de Editar el comportamiento desde la ventana
Comportamientos del servidor, pulsando sobre el botón con el signo
más (+) y seleccionando en el menú emergente la opción “Editar
comportamientos del servidor”. En la lista de comportamientos
editables figurará el nuestro en el modelo de servidor ASP/VBScript y
con el nombre “Guardar cookie”.
Ya tenemos nuestro comportamiento de servidor listo para ser
utilizado. En la ventana Comportamientos del servidor pulsamos
sobre el botón con el signo más (+) y en el menú emergente
aparecerá el nombre de nuestro comportamiento, “Guardar cookie”.
Lo seleccionamos y aparecerá el cuadro de diálogo del mismo. Vamos
a introducir unos datos de prueba:

Y este es el resultado en la vista de código una vez aplicado nuestro
comportamiento a un documento cualquiera:
<% ' Guardar cookie
Response.Cookies("prueba") = "true"
Response.Cookies("prueba").Expires = date + 1
Response.Cookies("prueba").Domain = "ultradev-es.com"
%>
El ejemplo que hemos utilizado es muy sencillo, pero se pueden crear
comportamientos de servidor verdaderamente complejos. Por ejemplo,
si marcamos la opción “Copiar comportamiento de servidor existente”
en el primer cuadro de diálogo, podemos utilizar otro comportamiento
como base para crear uno nuevo. Si bien no es el método adecuado
para crear extensiones profesionales, nos ofrece la posibilidad de crear

CAMBIO DE TAMAÑO DE LA
VENTANA ACTIVA
A veces es necesario ajustar el tamaño de la ventana del explorador
para controlar el diseño o mantener una película Flash en un tamaño
específico. Aquí está la solución.
Todos sabemos que algunas veces es necesario ajustar el tamaño de
la ventana del explorador por diversos motivos; controlar el diseño de
nuestro sitio ante la diversidad de resoluciones de vídeo, mantener
nuestra película de flash en el tamaño requerido para su visualización
óptima, etc. Hasta ahora la solución que, en mi caso y el de muchos,
aplicábamos era la de abrir un explorador adicional con las
características dimensionales que necesitábamos generando una
contrariedad en la interacción con el usuario. Motivado por esto, he
encontrado una manera de modificar el tamaño de la ventana del
explorador activo sin abrir ni cerrar ningún otro explorador.

Dentro del los tags <HEAD> colocar el siguiente script:
Este script se activará en el momento en que la pagina que lo
contiene se abra.
<script language=”javascript”>
ventanaX = 800;
ventanaY = 600; self.resizeTo(ventanaX,ventanaY);
</script>

Primero debemos tener claro que código vamos a
insertar en el documento al añadir el
comportamiento de servidor. En nuestro caso el
código es muy sencillo: <% ' Grabar Cookie
Response.Cookies("nombre") = "valor"
Response.Cookies("nombre").Expires = Date + dias
Response.Cookies("nombre").Domain = "dominio"
%>
Como es lógico, tendremos que sustituir los valores en rojo por los valores deseados. Si
sustituimos esos valores por parámetros a la hora de crear el comportamiento de servidor,
Dreamweaver creará automáticamente un cuadro de diálogo que permitirá introducir los
valores variables a la hora de aplicar el comportamiento. Más adelante lo veremos con más
detalle.

Para crear un nuevo comportamiento de servidor, abrimos la ventana
“Comportamientos del servidor” y pulsamos en el botón con el signo
más (+). En el menú emergente seleccionamos la opción “Nuevo
comportamiento de servidor…”. En el siguiente cuadro de diálogo
especificamos el modelo de servidor a utilizar (en nuestro caso
ASP/VBscrip) y el nombre del comportamiento: Guardar cookie.
Pulsamos en el botón “Aceptar”.
Aparecerá el “Creador de comportamientos de servidor”. en esta
ventana añadiremos los bloques de código necesarios (un
comportamiento puede estar compuesto por varios bloques de
código, cada uno situado en una posición distinta de la página), los
parámetros que debe introducir el usuario y la posición de cada
bloque de código en la página, absoluta o relativa a determinados
elementos de la misma. Para añadir un nuevo bloque de código,
pulsamos en el botón con el signo más (+). Nos pedirá un nombre
para el bloque de código (podemos aceptar el que nos sugiere por
defecto). Ya podemos empezar a teclear nuestro código en el cuadro
“Bloque de código”. Escribimos el código que os he mostrado
anteriormente, tal y como está (podemos hacer un copiar/pegar) y ya
nos encargaremos ahora de insertar los parámetros necesarios. En la
siguiente imagen podéis observar el resultado del trabajo realizado

El siguiente paso es insertar los parámetros
necesarios. Seleccionamos en el código la primera
aparición de “nombre” (sin incluir las comillas de
apertura y cierre) y pulsamos en el botón “Insertar
parámetro”. en el cuadro de diálogo “Insertar
parámetro” introducimos como nombre del
parámetro “Nombre”. Al aceptar nos preguntará si
queremos sustituir todas las apariciones de
“nombre” en el código; contestamos que sí.

Repetimos este proceso para el resto de variables del código (valor,
dias y dominio). El resultado final será el que os muestro a
continuación:
<% ' Grabar Cookie
Response.Cookies("@@Nombre@@") = "@@Valor@@"
Response.Cookies("@@Nombre@@").Expires = date + @@Dias@@
Response.Cookies("@@Nombre@@").Domain = "@@Dominio@@"
Ahora debemos indicar en qué parte del documento queremos insertar el
código cuando apliquemos el comportamiento. Observad las distintas
opciones de las dos listas desplegables en la parte inferior del cuadro de
diálogo; podemos insertar el código justo antes del bloque de código que
abre los recordsets o juegos de registros, justo después de los mismos o en
una posición personalizada, indicando el “peso” que tiene nuestro código,
teniendo en cuenta que los bloques de código de recordset tienen un peso
de “50” y que Dreamweaver ordena los bloques de código por orden
ascendente de peso. También podemos insertarlo antes o después de la
etiqueta </html>, en relación a otra etiqueta de la página o en relación con
la selección actual del documento. En nuestro caso queremos guardar la
cookie antes de que se cargue la página, por lo que seleccionaremos en
“Insertar código” la opción “Por encima de la etiqueta <html>” y en “Posición

Ya tenemos definido el código de nuestro comportamiento y la
posición de la página donde queremos insertarlo. Pulsamos en el
botón “Siguiente” para avanzar por el asistente y aparecerá la ventana
de “Generar cuadro de diálogo de comportamiento”.

En esta ventana aparecen los parámetros que hemos definido en nuestro
código en el orden en que aparecerán en el cuadro de diálogo (por defecto
Dreamweaver los ordena por orden alfabético). Si queremos cambiar el
orden, simplemente seleccionamos un parámetro y pulsamos en los botones
de flecha arriba o abajo. También podemos cambiar la forma en la que
aparecerá el parámetro seleccionándolo y eligiendo otro valor en la columna
“Mostrar como”. Experimentar con diferentes valores para ver las
posibilidades que os ofrecen. Para nuestro comportamiento vamos a utilizar
“Campo de texto” para todos los parámetros. Una vez organizados los
parámetros como se muestra en la imagen, pulsamos en el botón aceptar
para finalizar el asistente. Si nos hemos equivocado en alguna parte del
proceso tenemos la opción de Editar el comportamiento desde la ventana
Comportamientos del servidor, pulsando sobre el botón con el signo más (+)
y seleccionando en el menú emergente la opción “Editar comportamientos
del servidor”. En la lista de comportamientos editables figurará el nuestro en
el modelo de servidor ASP/VBScript y con el nombre “Guardar cookie”

BIBLOGRAFÍA
http://www.todo-dreamweaver.com/
https://desarrolloweb.com/articulos/332.php
https://helpx.adobe.com/mx/dreamweaver/using/general-
information-coding-dreamweaver.html
http://adiibalderas.blogspot.com/2015/06/que-es-dreamweaver-
tejedor-de-suenos-es.html

Dreamweaver

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Dreamweaver

Similar a Dreamweaver (20)

Último

Último (20)

Dreamweaver