Tutorial

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.

Guardar cookie

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”.

generar cuadro de diálogo

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:

guardar cookie

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 nuestros propios comportamientos de servidor personalizados.

25 diciembre, 2014
dreamweaver

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 […]
25 diciembre, 2014
dreamweaver

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í […]
25 diciembre, 2014
dreamweaver

Detectar el navegador en DreamWeaver

La mayoría de los navegantes usan el Explorer, pero desde otros navegadores las cosas suelen verse diferente. Aquí un tutorial para detectar el tipo de navegador […]
25 diciembre, 2014
dreamweaver

Buscador multicriterio en DreamWeaver

La idea de este tutorial es poder mostrarte la forma de crear un buscador que pueda filtrar por distintos criterios. Para poder llevar acabo este tutorial […]
25 diciembre, 2014
dreamweaver

MySQL 4.1 y DreamWeaver

A la hora de tener instalado el MySQL 4.1 y utilizar Macromedia Dreamweaver en entornos Windows te saltara un erro de la validacion del user y […]
25 diciembre, 2014
dreamweaver

Material necesario para realizar Aplicaciones Web

Que se necesita para comenzar a desarrollar aplicaciones web en un ordenador con Windows XP pro. Macromedia Dreamweaver 8 (version actual) —————————————– http://www.macromedia.com/go/trydreamweaver Con esta herramienta […]
25 diciembre, 2014
dreamweaver

Sincronizar archivos en DreamWeaver

Mediante este comando Dreamweaver comprueba, tanto en el sitio local como en el remoto, las correspondencias entre archivos y los actualiza a la versión que deseemos. […]
25 diciembre, 2014
dreamweaver

Ordenar el texto en listas

En muchas ocasiones es interesante ordenar el texto en una lista. En la Barra superior pulsamos sobre Texto tal como se muestra en la siguiente imagen. […]
25 diciembre, 2014
dreamweaver

La composición de páginas usando tablas con DreamWeaver

Los elementos de las páginas se suelen colocar empleando tablas. Si observa las Webs importantes notará que los elementos de las páginas están ordenados dentro de […]
25 diciembre, 2014
dreamweaver

Estructura de la Web en DreamWeaver

El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs. Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra […]
25 diciembre, 2014
dreamweaver

Doble vista de código en DreamWeaver

Como hemos comentado en la introdución, Dreamweaver no posee por defecto la posibilidad de 2 vistas de código partidas dentro de un mismo documento. Sin embargo, […]
25 diciembre, 2014
dreamweaver

De FONT a SPAN con Buscar y Reemplazar

En los sitio desarrollados hace tiempo era habitual el uso de etiquetas <font> para aplicar formato al texto. Sin embargo, el uso cada vez más extendido […]
25 diciembre, 2014
dreamweaver

Paleta de Objetos y Barra de Propiedades en DreamWeaver

Hagamos click en File > New Windows y nos encontramos con nuestra página en blanco lista para diseñar. Ahora veamos las herramientas del Dreamweaver. Cuando uno […]
25 diciembre, 2014
dreamweaver

Optimización de la página web para todas las resoluciones

Actualmente casi todas las páginas están optimizadas únicamente para una resolución de 800 x 600 píxeles, y aunque la mayoría de equipos actualmente están configurados a […]
25 diciembre, 2014
dreamweaver

Atajos de teclado en documentos

Este artículo explica las teclas de acceso rápido en HTML; porqué parecen una buena idea, y porqué no ayudan tanto como era de esperar. En Fundosa […]
25 diciembre, 2014
dreamweaver

Alojamiento compartido

El alojamiento web compartido consiste en un servidor que se utiliza para múltiples clientes, una misma máquina aloja multiples dominios. Tiene como principales ventajas: Resulta más […]
25 diciembre, 2014
dreamweaver

Un proyecto en Internet

Un proyecto de Internet es una obra de ingeniería informática que responde a un plan estratégico específico. Todo proyecto de Internet debe tener por tanto una […]
25 diciembre, 2014
dreamweaver

Forzar al navegador a no mostrar las barras de scroll

Digamos que quieres crear una pagina sin scroll, no necesariamente tiene que ser un popup ya que este articulo tratara de mostrarte como crear una ventana […]
25 diciembre, 2014
dreamweaver

Acerca del color en DreamWeaver

Tutorial de nuestro programador Alfredo publicado originalmente en http://www.adrformacion.com/cursos/dream/leccion2/tutorial4.html Se puede definir el color para varios elementos de la página, entre los que se incluyen: Texto. […]
25 diciembre, 2014
dreamweaver

Comparativa entre DreamWeaver MX 2004 y Frontpage 2003

Microsoft Front Page 2003 Se tiene la costumbre de identificar a Front Page como un producto fácil de usar, con pocas prestaciones, y con groseras fallas, […]
25 diciembre, 2014
dreamweaver

Paleta de Colores Web

La ‘paleta Web’ es un conjunto de 216 colores que cada administrador de web debe conocer y utilizar para que los visitantes puedan ver las páginas […]
25 diciembre, 2014
dreamweaver

Ventana PopUp con DreamWeaver

Abrir un Pop-Up utilizando DreamWeaver es una tarea muy sencilla. Un PopUp es una nueva ventana que aparece aparte de nuestra web con la peculiaridad de […]