Guía del usuario Cancelar

Añadir comportamientos de servidor personalizados en Dreamweaver

  1. Guía del usuario de Dreamweaver
  2. Introducción
    1. Conceptos básicos sobre diseño web adaptable
    2. Novedades de Dreamweaver
    3. Desarrollo web con Dreamweaver: información general
    4. Dreamweaver / Preguntas frecuentes
    5. Métodos abreviados de teclado
    6. Requisitos del sistema para Dreamweaver
    7. Resumen de funciones
  3. Dreamweaver y Creative Cloud
    1. Sincronizar la configuración de Dreamweaver con Creative Cloud
    2. Bibliotecas Creative Cloud en Dreamweaver
    3. Uso de archivos de Photoshop en Dreamweaver
    4. Trabajar con Adobe Animate y Dreamweaver
    5. Extraer archivos SVG optimizados para la Web desde bibliotecas
  4. Espacios de trabajo y vistas de Dreamweaver
    1. El espacio de trabajo de Dreamweaver
    2. Optimización del espacio de trabajo de Dreamweaver para la implementación visual
    3. Buscar archivos por nombre de archivo o contenido | Mac OS
  5. Configuración de sitios
    1. Acerca de los sitios de Dreamweaver
    2. Configuración de una versión local del sitio
    3. Conectar con servidores de publicación
    4. Configuración de un servidor de prueba
    5. Importación y exportación de la configuración de un sitio de Dreamweaver
    6. Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
    7. Funciones de accesibilidad en Dreamweaver
    8. Ajustes avanzados
    9. Configuración de las preferencias de sitio para transferir archivos
    10. Especificación de la configuración del servidor proxy en Dreamweaver
    11. Sincronizar la configuración de Dreamweaver con Creative Cloud
    12. Uso de Git en Dreamweaver
  6. Administrar archivos
    1. Creación y apertura de documentos
    2. Administración de archivos y carpetas
    3. Carga de archivos al servidor y descarga desde el mismo
    4. Desprotección y protección de archivos
    5. Sincronizar archivos
    6. Comparación de archivos para detectar diferencias
    7. Ocultación de archivos y carpetas en el sitio de Dreamweaver
    8. Activación de Design Notes para sitios de Dreamweaver
    9. Prevención de la posible actuación repentina de Gatekeeper
  7. Maquetación y diseño
    1. Usar ayudas visuales al diseñar
    2. Información sobre el uso de CSS para diseñar la página
    3. Diseño de sitios web interactivos con Bootstrap
    4. Creación y uso de consultas de medios en Dreamweaver
    5. Presentación de contenido en tablas
    6. Colores
    7. Diseño interactivo mediante diseños de cuadrícula fluida
    8. Extract en Dreamweaver
  8. CSS
    1. Aspectos básicos de las hojas de estilos en cascada
    2. Diseño de páginas con el Diseñador de CSS
    3. Uso de preprocesadores de CSS en Dreamweaver
    4. Configuración de las preferencias de estilos CSS en Dreamweaver
    5. Mover reglas CSS en Dreamweaver
    6. Conversión de CSS en línea en una regla CSS en Dreamweaver
    7. Uso de etiquetas div
    8. Aplicación de degradados al fondo
    9. Creación y edición de efectos de transición de CSS3 en Dreamweaver
    10. Formatear código
  9. Contenido de página y activos
    1. Definición de las propiedades de la página
    2. Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
    3. Uso de texto
    4. Buscar y reemplazar texto, etiquetas y atributos
    5. Panel DOM
    6. Editar en la Vista en vivo
    7. Codificación de documentos en Dreamweaver
    8. Selección y visualización de elementos de la ventana de documento
    9. Configuración de las propiedades de texto en el inspector de propiedades
    10. Revisión ortográfica de una página web
    11. Uso de las reglas horizontales en Dreamweaver
    12. Añadir y modificar combinaciones de fuentes en Dreamweaver.
    13. Trabajo con activos
    14. Inserción y actualización de fechas en Dreamweaver
    15. Creación y gestión de activos favoritos en Dreamweaver
    16. Insertar y editar imágenes en Dreamweaver
    17. Adición de objetos multimedia
    18. Adición de vídeos en Dreamweaver
    19. Insertar vídeo HTML5
    20. Insertar archivos SWF
    21. Adición de efectos de sonido
    22. Insertar audio HTML5 en Dreamweaver
    23. Trabajar con elementos de bibliotecas
    24. Uso de texto árabe y hebreo en Dreamweaver
  10. Establecimiento de vínculos y navegación
    1. Acerca del establecimiento de vínculos y la navegación
    2. Vinculación
    3. Mapas de imágenes
    4. Vínculos de solución de problemas
  11. Widgets y efectos de jQuery
    1. Uso de interfaz de usuario y widgets móviles de jQuery en Dreamweaver
    2. Uso de efectos jQuery en Dreamweaver
  12. Programación de sitios web
    1. Acerca de la programación en Dreamweaver
    2. Entorno de programación en Dreamweaver
    3. Configuración de las preferencias de programación
    4. Personalización de los colores del código
    5. Escritura y edición de código
    6. Sugerencias de código y completado de código
    7. Contraer y expandir código
    8. Reutilizar código con fragmentos
    9. Depuración de código mediante linting
    10. Optimización del código
    11. Edición de código en Vista de diseño
    12. Trabajo con el contenido de Head para páginas
    13. Inserción del lado del servidor incluida en Dreamweaver
    14. Uso de bibliotecas de etiquetas en Dreamweaver
    15. Importación de etiquetas personalizadas a Dreamweaver
    16. Uso de comportamientos de JavaScript (instrucciones generales)
    17. Aplicación de comportamientos JavaScript incorporados
    18. Acerca de XML y XSLT
    19. Realización de transformaciones XSL del lado del servidor en Dreamweaver
    20. Realización de transformaciones XSL en el lado del cliente en Dreamweaver
    21. Adición de entidades de caracteres para XSLT en Dreamweaver
    22. Formatear código
  13. Flujos de trabajo de varios productos
    1. Instalación y uso de extensiones para Dreamweaver
    2. Actualizaciones integradas en Dreamweaver
    3. Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
    4. Trabajo con Fireworks y Dreamweaver
    5. Edición de contenido en sitios de Dreamweaver con Contribute
    6. Integración de Dreamweaver Business Catalyst
    7. Crear campañas de correo electrónico personalizado
  14. Plantillas
    1. Acerca de las plantillas de Dreamweaver
    2. Reconocimiento de plantillas y documentos basados en plantillas
    3. Crear una plantilla de Dreamweaver
    4. Crear regiones editables en plantillas
    5. Creación de tablas y regiones repetidas en Dreamweaver
    6. Usar regiones opcionales en plantillas
    7. Definición de atributos de etiqueta editables en Dreamweaver
    8. Creación de plantillas anidadas en Dreamweaver
    9. Edición, actualización y eliminación de plantillas
    10. Exportar e importar contenido xml en Dreamweaver
    11. Aplicación o eliminación de una plantilla de un documento existente
    12. Edición de contenido en plantillas de Dreamweaver
    13. Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
    14. Configuración de preferencias de resaltado en regiones de plantillas
    15. Ventajas de usar plantillas en Dreamweaver
  15. Móvil y multipantalla
    1. Creación de consultas de medios
    2. Cambio de la orientación de página para dispositivos móviles
    3. Creación de aplicaciones web para dispositivos móviles con Dreamweaver
  16. Sitios, páginas y formularios web dinámicos
    1. Aspectos básicos de las aplicaciones web
    2. Configuración del ordenador para desarrollo de aplicaciones
    3. Solución de problemas de conexiones a bases de datos
    4. Eliminación de secuencias de comandos de conexión en Dreamweaver
    5. Diseñar páginas dinámicas
    6. Introducción a las fuentes de contenido dinámico
    7. Definir fuentes de contenido dinámico
    8. Añadir contenido dinámico a las páginas
    9. Cambio de contenido dinámico en Dreamweaver
    10. Visualización de registros de bases de datos
    11. Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
    12. Añadir comportamientos de servidor personalizados en Dreamweaver
    13. Crear formularios con Dreamweaver
    14. Uso de formularios para recopilar información de los usuarios
    15. Crear y activar formularios de ColdFusion en Dreamweaver
    16. Crear formularios web
    17. Compatibilidad mejorada con HTML5 para elementos de formulario
    18. Desarrollar un formulario con Dreamweaver
  17. Creación visual de aplicaciones
    1. Creación de las páginas maestra y de detalles en Dreamweaver
    2. Crear páginas de búsqueda y resultados
    3. Crear una página de inserción de registros
    4. Crear una página de actualización de registros en Dreamweaver
    5. Creación de páginas de eliminación de registros en Dreamweaver
    6. Usar comandos ASP para modificar una base de datos en Dreamweaver
    7. Crear una página de registro
    8. Crear una página de inicio de sesión
    9. Creación de una página para acceso exclusivo de usuarios autorizados
    10. Protección de carpetas en ColdFusion con Dreamweaver
    11. Uso de componentes de ColdFusion en Dreamweaver
  18. Prueba, vista previa y publicación de sitios web
    1. Vista previa de páginas
    2. Vista previa de páginas web de Dreamweaver en varios dispositivos
    3. Comprobación del sitio de Dreamweaver
  19. Solución de problemas
    1. Problemas resueltos
    2. Problemas conocidos

 

 

Nota:

La interfaz de usuario se ha simplificado en Dreamweaver y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver y versiones posteriores. Para obtener más información, consulte este artículo.

Comportamientos de servidor personalizados

Dreamweaver se suministra con un conjunto de comportamientos de servidor que le permite añadir fácilmente prestaciones dinámicas a un sitio. Puede ampliar la funcionalidad de Dreamweaver creando nuevos comportamientos de servidor de acuerdo con sus necesidades de desarrollo u obtener comportamientos de servidor en el sitio web de Dreamweaver Exchange.

Antes de crear sus propios comportamientos del servidor, debería comprobar el sitio Web de Dreamweaver Exchange para ver si otra persona ha creado ya un comportamiento de servidor que proporciona la funcionalidad que desea añadirle a su sitio Web. A menudo, algún desarrollador ya ha creado y probado un comportamiento de servidor que puede satisfacer sus necesidades.

Acceso a Dreamweaver Exchange

  1. En Dreamweaver, acceda a Dreamweaver Exchange de una de las siguientes formas:
    • Seleccione Ayuda > Dreamweaver Exchange.

    • Seleccione Ventana > Comportamientos del servidor, haga clic en el botón más (+) y seleccione Obtener más comportamientos de servidor.

    Se abre la página Web de Dreamweaver Exchange en el navegador.

  2. Inicie sesión en Exchange utilizando su ID de Adobe o, si aún no ha creado su ID de Dreamweaver Exchange, siga las instrucciones para abrir una cuenta en Adobe.

Instalación de un comportamiento de servidor u otra extensión en Dreamweaver

  1. Inicie Extension Manager seleccionando Comandos > Administrar extensiones.
  2. Seleccione Archivo > Instalar extensión en Extension Manager.

    Para más información, consulte Utilización de Extension Manager.

Flujo de trabajo de comportamientos de servidor personalizados

Si posee amplia experiencia en ColdFusion, JavaScript, VBScript o PHP, podrá escribir sus propios comportamientos de servidor. La creación de un comportamiento de servidor incluye las siguientes tareas:

  • Escriba uno o varios bloques de código que realicen la acción deseada.

  • Especifique el lugar en el que debe insertarse el bloque de código en el código HTML de la página.

  • Si el comportamiento de servidor requiere que se especifique un valor para un parámetro, cree un cuadro de diálogo que solicite al desarrollador Web que aplica el comportamiento que suministre un valor adecuado.

  • Compruebe el comportamiento de servidor antes de ponerlo a disposición de otras personas.

Utilización del Creador de comportamientos de servidor

Utilice el Creador de comportamientos de servidor para añadir el bloque o los bloques de código que el comportamiento insertará en una página.

  1. En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón más (+) y seleccione Nuevo comportamiento de servidor.
  2. En el menú emergente Tipo de documento, seleccione el tipo de documento para el que está desarrollando el comportamiento de servidor.
  3. En el cuadro Nombre, introduzca un nombre para el comportamiento del servidor.
  4. (Opcional) Para copiar un comportamiento de servidor existente y añadirlo a un comportamiento de servidor que está creando, seleccione la opción Copiar comportamiento de servidor existente y elija el comportamiento de servidor del menú emergente Comportamiento a copiar. Haga clic en OK.

    Aparecerá el cuadro de diálogo Creador de comportamientos de servidor.

  5. Para añadir un nuevo bloque de código, haga clic en el botón de signo más (+), introduzca el nombre del bloque de código y haga clic en Aceptar.

    El nombre introducido aparece en el Creador de comportamientos de servidor, con las etiquetas de scripts correctas visibles en el cuadro Bloque de código.

  6. En el cuadro Bloque de código, introduzca el código de tiempo de ejecución necesario para implementar el comportamiento de servidor.
    Nota:

    Al introducir código en el cuadro Bloque de código, puede insertar solo una etiqueta o un bloque de código para cada bloque de código con nombre (por ejemplo, myBehavior_block1, myBehavior_block2, myBehavior_blockn, etc.). Si tiene que introducir varios bloques de código o etiquetas, cree un bloque de código para cada uno de ellos. Si lo desea, también puede copiar y pegar código desde otras páginas.

  7. Sitúe el punto de inserción en el bloque de código en el que desee insertar el parámetro o seleccione una cadena que deba ser reemplazada por un parámetro.
  8. Haga clic en Insertar parámetros, en el botón Bloque de código.
  9. Escriba un nombre para el parámetro en el cuadro Nombre del parámetro (por ejemplo, Session) y haga clic en Aceptar.

    El parámetro se insertará en el bloque de código en el punto en el que situó el cursor antes de definir el parámetro. Si ha seleccionado una cadena, cada instancia de la cadena seleccionada en el bloque de código se reemplaza por un marcador de parámetro (por ejemplo, @@Session@@).

  10. Seleccione una opción del menú emergente Insertar código especificando la ubicación en la que deben incrustarse los bloques de código.
  11. (Opcional) Para especificar información adicional sobre el comportamiento de servidor, haga clic en el botón Avanzado.
  12. Para crear mas bloques de código, repita los pasos 5 a 11.
  13. Si el comportamiento de servidor requiere que se le proporcionen parámetros, deberá crear un cuadro de diálogo que acepte los parámetros introducidos por la persona que aplique el comportamiento. Véase el siguiente vínculo.
  14. Después de realizar los pasos necesarios para crear un comportamiento de servidor, haga clic en Aceptar.

    En la lista del panel Comportamientos del servidor se incluirá el comportamiento del servidor.

  15. Compruebe el comportamiento de servidor y asegúrese de que funciona correctamente.

Opciones avanzadas

Una vez que haya especificado el código y la ubicación de inserción de cada bloque de código, el comportamiento de servidor estará completamente definido. En la mayoría de los casos, no se necesita ninguna información adicional.

Si es usted un usuario avanzado, puede configurar cualquiera de las opciones siguientes:

Identificador

Especifica si el bloque de código debe ser tratado como un identificador.

Como opción predeterminada, cada bloque de código es un identificador. Si Dreamweaver encuentra un bloque de código de identificador en un documento, incluye el comportamiento en la lista del panel Comportamientos del servidor. Utilice la opción Identificador para especificar si el bloque de código debe ser tratado como identificador.

Por lo menos uno de los bloques de código del comportamiento de servidor tiene que ser un identificador. Un bloque de código no debe ser un identificador si se da alguna de las siguientes condiciones: otro comportamiento de servidor utiliza el mismo bloque de código o el bloque de código es tan simple que podría encontrarse de forma natural en la página.

Título de comportamiento del servidor

Especifica el título del comportamiento en el panel Comportamientos del servidor.

Cuando el diseñador de la página hace clic en el botón de signo más (+) del panel Comportamientos del servidor, el título del nuevo comportamiento de servidor aparecerá en el menú emergente. Cuando un diseñador aplica una instancia de un comportamiento de servidor a un documento, el comportamiento aparece en la lista de comportamientos aplicados en el panel Comportamientos del servidor. Utilice el cuadro Título de comportamiento del servidor para especificar el contenido del menú emergente Más (+) y la lista de comportamientos aplicados.

El valor inicial del cuadro es el nombre que usted introdujo en el cuadro de diálogo Nuevo comportamiento de servidor. Al definir los parámetros, el nombre se actualiza automáticamente y los parámetros aparecen entre paréntesis a continuación del nombre del comportamiento de servidor.

Set Session Variable (@@Name@@, @@Value@@)

Si el usuario acepta el valor predeterminado, todo lo que hay antes del paréntesis aparecerá en el menú emergente de signo más (+) (por ejemplo, Establecer variable de sesión). En la lista de comportamientos aplicados aparecerán el nombre y los parámetros: por ejemplo, Establecer variable de sesión ("abcd", "5").

Bloque de código a seleccionar

Especifica el bloque de código que se selecciona cuando el usuario selecciona el comportamiento en el panel Comportamientos del servidor.

Cuando se aplica un comportamiento de servidor, uno de los bloques de código del comportamiento es designado como el “bloque de código a seleccionar”. Si aplica el comportamiento de servidor y luego selecciona el comportamiento en el panel Comportamientos del servidor, el bloque designado se seleccionará en la ventana de documento. Como opción predeterminada, Dreamweaver selecciona el primer bloque de código que no esté situado antes de la etiqueta html. Si todos los bloques de código están situados antes de la etiqueta html, se seleccionará el primero. Los usuarios avanzados pueden especificar cual es el bloque de código seleccionado.

Crear bloques de código

Los bloques de código creados en el Creador de comportamientos de servidor se encapsulan en un comportamiento de servidor que aparece en el panel Comportamientos del servidor. Puede tratarse de cualquier código válido de tiempo de ejecución para el modelo de servidor especificado. Por ejemplo, si elige ColdFusion como tipo de documento para el comportamiento de servidor personalizado, el código que escriba deberá ser código de ColdFusion válido para su ejecución en un servidor de aplicaciones ColdFusion.

Puede crear los bloques de código directamente en el Creador de comportamientos de servidor o copiar y pegar código de otras fuentes. Cada bloque de código creado en el Creador de comportamientos de servidor debe ser una única etiqueta o bloque de script. Si necesita insertar varios bloques de etiquetas, divídalos en bloques de código independientes.

Condiciones en los bloques de código

Dreamweaver le permite desarrollar bloques de código con declaraciones de control para que se ejecuten de manera condicional. El Creador de comportamientos de servidor utiliza las declaraciones if, elseif y else y puede incluir también parámetros de comportamiento de servidor. Esto le permite insertar bloques de texto alternativo en función de los valores de las relaciones OR entre los parámetros de comportamiento de servidor.

El ejemplo siguiente muestra las declaraciones if, elseif y else. Los corchetes ([ ]) indican código opcional, mientras que el asterisco (*) indica cero o más instancias. Para ejecutar una parte de un bloque de código o el bloque de código completo solo si se dan una o varias condiciones, utilice la siguiente sintaxis:

<@ if (expression1) @>    conditional
text1[<@ elseif (expression2) @>    conditional text2]*[<@ else @> 
    conditional text3]<@ endif @>

Las expresiones de condición pueden ser cualquier expresión de condición JavaScript que pueda evaluarse utilizando la función JavaScript eval() y puede incluir un parámetro de comportamiento de servidor marcado mediante @@. (Los símbolos @@ son necesarios para distinguir el parámetro de las variables y palabras clave de JavaScript).

Utilización eficaz de expresiones condicionales

Cuando se utilizan las directivas if, else y elseif dentro de la etiqueta XML insertText, el texto en cuestión se preprocesa para resolver las directivas if y determinar qué texto debe incluirse en el resultado. Las directivas if y elseif toman la expresión como argumento. La expresión de condición es idéntica a las expresiones de condición JavaScript y puede contener también parámetros de comportamiento de servidor. Directivas como ésta le permiten elegir entre bloques de código alternativos en función de los valores o las relaciones existentes entre los parámetros del comportamiento de servidor.

Por ejemplo, el código JSP que se muestra debajo procede de un comportamiento de servidor de Dreamweaver que utiliza un bloque de código condicional:

@@rsName@@.close(); 
<@ if (@@callableName@@ != '') @> 
@@callableName@@.execute(); 
@@rsName@@ = @@callableName@@.getResultSet();<@ else @> 
@@rsName@@ = Statement@@rsName@@.executeQuery(); 
<@ endif @> 
@@rsName@@_hasData = @@rsName@@.next();

El bloque de código condicional comienza con <@ if (@@callableName@@ != '') @> y termina con <@ endif @>. Conforme al código, si el usuario introduce un valor para el parámetro @@callableName@@ en el cuadro de diálogo Parámetro del comportamiento de servidor (dicho de otro modo, si el valor del parámetro @@callableName@@ no es null o (@@callableName@@ != '')) entonces el código de bloque condicional se reemplaza por las siguientes declaraciones:

@@callableName@@.execute(); 
@@rsName@@ = @@callableName@@.getResultSet();

En caso contrario, el código de bloque se reemplaza por la siguiente declaración:

@@rsName@@ = Statement@@rsName@@.executeQuery();

Colocación de un bloque de código

Al crear bloques de código utilizando el Creador de comportamientos de servidor, debe especificar en qué parte del código HTML de la página desea insertarlos.

Por ejemplo, si inserta un bloque de código por encima de la etiqueta <html>, deberá indicar la posición de los bloques de código en relación con otros scripts, etiquetas y comportamientos de servidor de esa sección del código HTML de la página. Un ejemplo típico de esto es la posición de un comportamiento antes o después de cualquier consulta del juego de registros que también puedan existir en el código de la página por encima de la etiqueta <html>.

Cuando selecciona una opción de posición del menú emergente Insertar código, las opciones disponibles en el menú emergente Posición relativa cambian para proporcionar opciones adecuadas para esa parte de la página. Por ejemplo, si selecciona Por encima de la etiqueta <html> en el menú emergente Insertar código, las opciones de posición disponibles en el menú emergente Posición relativa reflejan opciones para esa parte de la página.

La siguiente tabla muestra las opciones de inserción de bloques de código y las opciones de posición relativa disponibles para en cada caso:

Opciones de Insertar código

Opciones de Posición relativa

Por encima de la etiqueta <html>

  • Al comienzo del archivo

  • Inmediatamente delante de los juegos de registros

  • Inmediatamente después de los juegos de registros

  • Inmediatamente encima de la etiqueta <html>

  • Posición personalizada

Por debajo de la etiqueta </html>

  • Delante del final del archivo

  • Delante del cierre del juego de registros

  • Tras el cierre del juego de registros

  • Después de la etiqueta </html>

  • Posición personalizada

Relativo a una etiqueta específica

Seleccione una etiqueta del menú emergente Etiqueta y, a continuación, marque una de las opciones de posición de etiquetas.

Relativo a la selección

Delante de la selección

Tras la selección

Reemplazar la selección

Ajustar selección

Para especificar una posición personalizada, debe asignar un peso al bloque de código. Utilice la opción Posición personalizada cuando necesite insertar varios bloques de código en un orden concreto. Por ejemplo, para insertar una serie ordenada de tres bloques de código después de los bloques de código que abren los juegos de registros, especificaría un peso de 60, 65 y 70 para los bloques primero, segundo y tercero, respectivamente.

De forma predeterminada, Dreamweaver asigna un peso de 50 a todos los bloques de código de apertura de juegos de registros que se insertan por encima de la etiqueta <html>. Si dos o más bloques coinciden en peso, Dreamweaver establece un orden aleatorio.

Colocación de un bloque de código (instrucciones generales)

  1. Utilice el Creador de comportamientos de servidor para escribir un bloque de código.
  2. En el cuadro de diálogo Creador de comportamientos de servidor, seleccione una posición en la que desee insertar el bloque de código del menú emergente Insertar código.
  3. En el cuadro de diálogo Creador de comportamientos de servidor, seleccione una posición relativa a la seleccionada en el menú emergente Insertar código.
  4. Si completa la creación del bloque de código, haga clic en Aceptar.

    El comportamiento de servidor se muestra en el panel Comportamientos del servidor (Ventana > Comportamientos del servidor); haga clic en el botón de signo más (+) para ver el comportamiento del servidor.

  5. Compruebe el comportamiento de servidor y asegúrese de que funciona correctamente.

Colocación de un bloque de código con relación a otra etiqueta de la página

  1. En el menú emergente Insertar código, seleccione Relativo a una etiqueta específica.
  2. En el cuadro Etiqueta, introduzca la etiqueta o selecciónela del menú emergente.

    Si introduce una etiqueta, omita los paréntesis angulares (<>).

  3. Especifique una ubicación relativa a la etiqueta eligiendo una opción del menú emergente Posición relativa.

Colocación de un bloque de código con relación a una etiqueta seleccionada por el diseñador de la página

  1. En el menú emergente Insertar código, seleccione Relativo a la selección.
  2. Especifique una ubicación relativa a la selección eligiendo una opción del menú emergente Posición relativa.

    Puede insertar el bloque de código justo antes o justo después de la selección. También puede reemplazar la selección con el bloque de código o situar el bloque de código alrededor de la selección.

    Para situar el bloque de código alrededor de la selección, ésta deberá constar de una etiqueta inicial y otra de cierre sin nada entre ellas, como se muestra a continuación:

    <CFIF Day=”Monday”></CFIF>

    Inserte la parte de la etiqueta de apertura del bloque de código delante de la etiqueta inicial de la selección y la parte de cierre del bloque, después de la etiqueta de cierre de la selección.

Repetición de bloques de código con la directiva loop

Para repetir una parte de un bloque de código o el bloque de código completo un número determinado de veces, utilice la siguiente sintaxis:

<@ loop (@@param1@@,@@param2@@) @>    code
block<@ endloop @>

Al crear comportamientos de servidor, puede utilizar construcciones en bucle para repetir un bloque de código un número determinado de veces. <@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @> code block <@ endloop @>La directiva loop acepta una lista separada por comas de conjuntos de parámetro como argumentos. En este caso, los argumentos de matrices de parámetros permiten al usuario proporcionar múltiples valores para un único parámetro. El texto que debe repetirse se duplicará n veces, siendo n la longitud de los argumentos de matrices de parámetros. Si se especifica más de un argumento de matrices de parámetros, todas las matrices deberán tener la misma longitud. En la evaluación número i del bucle, los elementos número i de las matrices de parámetros reemplazarán a las instancias de los parámetros asociados en el bloque de código.

Al crear un cuadro de diálogo para el comportamiento de servidor, podrá añadir un control al cuadro de diálogo que permita al diseñador de la página crear matrices de parámetros. Dreamweaver incluye un control de matrices sencillo que puede utilizar para crear cuadros de diálogo. Este control, denominado Lista de campo de texto separada por comas, está disponible a través del Creador de comportamientos de servidor. Para crear elementos de interfaz de usuario más complejos, consulte la documentación de la API para crear un cuadro de diálogo con un control que permita crear matrices (un control de cuadrícula, por ejemplo).

Puede anidar tantas condiciones o directivas loop (bucle) como desee dentro de una directiva condicional. Por ejemplo, puede especificar que si una expresión es verdadera, se ejecute un bucle.

El siguiente ejemplo muestra cómo pueden utilizarse estos bloques de código repetidos para crear comportamientos de servidor (el ejemplo es un comportamiento de ColdFusion que permite obtener acceso a un comportamiento almacenado):

<@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @>    code block 
<@ endloop @>
<CFSTOREDPROC procedure="AddNewBook" 
    datasource=#MM_connection_DSN# 
    username=#MM_connection_USERNAME# 
    password=#MM_connection_PASSWORD#> 
<CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryID#" 
    cfsqltype="CF_SQL_INTEGER"> 
<CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#" 
    cfsqltype="CF_SQL_VARCHAR"> 
</CFSTOREDPROC>

En este ejemplo, la etiqueta CFSTOREDPROC puede incluir cero o más etiquetas CFPROCPARAM. No obstante, sin soporte para la directiva loop, no existe forma alguna de incluir las etiquetas CFPROCPARAM dentro de la etiqueta CFSTOREDPROC insertada. Si se creara este comportamiento de servidor sin utilizar la directiva loop, tendría que dividir este ejemplo en dos participantes: una etiqueta CFSTOREDPROC principal y una etiqueta CFPROCPARAM cuyo tipo participante es múltiple.

Empleando la directiva loop, puede escribir el mismo procedimiento de la siguiente forma:

<CFSTOREDPROC procedure="@@procedure@@" 
datasource=#MM_@@conn@@_DSN# 
username=#MM_@@conn@@_USERNAME# 
password=#MM_@@conn@@_PASSWORD#> 
<@ loop (@@paramName@@,@@value@@,@@type@@) @> 
    <CFPROCPARAM type="IN" 
    dbvarname="@@paramName@@" 
    value="@@value@@" 
    cfsqltype="@@type@@"> 
<@ endloop @> 
</CFSTOREDPROC>
Nota:

Se omitirán las líneas nuevas situadas después de cada “@>”.

Si el usuario introdujera los siguientes valores de parámetros en el cuadro de diálogo Creador de comportamientos de servidor:

procedure = "proc1" 
conn = "connection1" 
paramName = ["@CategoryId", "@Year", "@ISBN"] 
value = ["#Form.CategoryId#", "#Form.Year#", "#Form.ISBN#"] 
type = ["CF_SQL_INTEGER", "CF_SQL_INTEGER", "CF_SQL_VARCHAR"]

El comportamiento de servidor insertaría en la página el siguiente código de tiempo de ejecución:

<CFSTOREDPROC procedure="proc1" 
datasource=#MM_connection1_DSN# 
username=#MM_connection1_USERNAME# 
password=#MM_connection1_PASSWORD#> 
<CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryId#" 
    cfsqltype="CF_SQL_INTEGER"> 
<CFPROCPARAM type="IN" dbvarname="@Year" value="#Form.Year#" 
    cfsqltype="CF_SQL_INTEGER"> 
<CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#" 
    cfsqltype="CF_SQL_VARCHAR"> 
</CFSTOREDPROC>
Nota:

Las matrices de parámetros no pueden utilizarse fuera de un bucle si no son parte de una expresión de directiva condicional.

Utilización de las variables _length e _index de la directiva loop

La directiva loop incluye dos variables incorporadas que puede utilizar para condiciones if incrustadas. Dichas variables son: _length y _index. La variable _length se evalúa con respecto a la longitud de las matrices procesadas por la directiva loop, mientras que la variable _index se evalúa con respecto al índice actual de la directiva loop. Para asegurarse de que las variables solo se reconozcan como directivas y no como parámetros que deben pasarse al bucle, no ponga ninguna de estas variables entre @@.

Un ejemplo de utilización de variables incorporadas consiste en aplicarlas al atributo import de la directiva de página. El atributo import exige la separación de los paquetes mediante comas. Si la directiva loop engloba todo el atributo import, solo proporcionaría como salida el nombre de atributo import= en la primera ocurrencia del bucle, incluidas las comillas dobles de cierre ("), y no proporcionaría como salida una coma en la última ocurrencia del bucle. Empleando la variable incorporada, puede expresarlo de la siguiente forma:

<@loop (@@Import@@)@> 
<@ if(_index == 0)@>import=" 
<@endif@>@@Import@@<@if (_index == _length-1)@>"<@else@>, 
<@ endif @> 
<@endloop@>

Solicitud de un parámetro para el comportamiento del servidor

Los comportamientos de servidor exigen con frecuencia que el diseñador de la página proporcione un valor para un parámetro. Dicho valor debe insertarse antes de insertar el código del comportamiento de servidor en la página.

Deberá crear el cuadro de diálogo definiendo en el código los parámetros proporcionados por el diseñador. Seguidamente, deberá generar un cuadro de diálogo para el comportamiento de servidor, que solicita al diseñador de la página un valor de parámetro.

Nota:

Si especifica que el código debe insertarse con relación a una etiqueta seleccionada por el diseñador de la página (opción Relativo a una etiqueta específica del menú emergente Insertar código), se añadirá automáticamente un parámetro al bloque de código. Este parámetro añade un menú de etiquetas al cuadro de diálogo del comportamiento para que el diseñador pueda seleccionar una etiqueta.

Definición del parámetro en el código de comportamiento del servidor

  1. Introduzca un marcador de parámetro en el lugar del código en el que desea insertar el valor del parámetro proporcionado. El parámetro tiene la siguiente sintaxis:
    @@parameterName@@
  2. Escriba la cadena formParam entre marcadores de parámetro (@@):
    <% Session(“lang_pref”) = Request.Form(“@@formParam@@”); %>

    Por ejemplo, si el comportamiento de servidor contiene el siguiente bloque de código:

    <% Session(“lang_pref”) = Request.Form(“Form_Object_Name”); %>

    Para exigir que el diseñador de la página proporcione el valor de Form_Object_Name, encierre la cadena entre marcadores de parámetro (@@):<% Session(“lang_pref”) = Request.Form(“@@Form_Object_Name@@”); %>

    <% Session(“lang_pref”) = Request.Form(“@@Form_Object_Name@@”); %>

También puede resaltar la cadena y hacer clic en el botón Insertar parámetro en bloque de código. Escriba el nombre del parámetro y haga clic en Aceptar. Dreamweaver reemplazará todas las instancias de la cadena resaltada por el nombre de parámetro especificado entre los marcadores de parámetro.

Dreamweaver utiliza las cadenas especificadas entre marcadores de parámetros para asignar una etiqueta a los controles del cuadro de diálogo que genera (consulte el siguiente procedimiento). En el ejemplo anterior, Dreamweaver crea un cuadro de diálogo con la siguiente etiqueta:

Nota:

Los nombres de parámetros en el código del comportamiento de servidor no pueden incluir espacios. Por consiguiente, las etiquetas del cuadro de diálogo no pueden contener espacios. Si desea incluir espacios en la etiqueta, puede editar el archivo HTML generado.

Introduzca un nombre de parámetro

Crear un cuadro de diálogo para el comportamiento del servidor para solicitar el valor del parámetro

  1. En el Creador de comportamientos de servidor, haga clic en Siguiente.
  2. Para cambiar el orden de presentación de los controles del cuadro de diálogo, seleccione un parámetro y haga clic en los botones de flecha arriba y abajo.
  3. Para cambiar el control de un parámetro, seleccione el parámetro y elija otro control en la columna Mostrar como.
  4. Haga clic en OK.

    Dreamweaver genera un cuadro de diálogo con un control con descripción por cada parámetro proporcionado por el diseñador que haya definido.

Visualización del cuadro de diálogo

  1. Haga clic en el botón Más (+) del panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y seleccione su comportamiento del servidor personalizado en el menú emergente.

Editar el cuadro de diálogo creado para el comportamiento del servidor

  1. En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de signo más (+) y seleccione Editar comportamientos de servidor en el menú emergente.
  2. Seleccione el comportamiento de servidor en la lista y haga clic en Abrir.
  3. Haga clic en Siguiente.

    Aparecerá un cuadro de diálogo con todos los parámetros proporcionados por el diseñador definidos en el código.

  4. Para cambiar el orden de presentación de los controles del cuadro de diálogo, seleccione un parámetro y haga clic en los botones de flecha arriba y abajo.
  5. Para cambiar el control de un parámetro, seleccione el parámetro y elija otro control en la columna Mostrar como.
  6. Haga clic en OK.

Edición y modificación de comportamientos de servidor

Puede editar cualquier comportamiento de servidor creado con el Creador de comportamientos de servidor, incluidos los que descargue del sitio web de Dreamweaver Exchange y de otros desarrolladores.

Si aplica un comportamiento de servidor a una página y luego lo edita en Dreamweaver, dejarán de mostrarse en el panel Comportamientos del servidor las instancias del comportamiento antiguo. El panel Comportamientos del servidor busca en la página código que coincida con el código de comportamientos de servidor conocidos. Si el código de un comportamiento de servidor cambia, el panel ya no reconocerá las versiones anteriores del comportamiento en esa página.

Conservación de las versiones antigua y nueva del comportamiento en el panel

  1. Haga clic en el botón de signo más (+) del panel Comportamientos del servidor (Ventana > Comportamientos del servidor), seleccione Nuevo comportamiento de servidor y cree una copia del comportamiento de servidor antiguo.

Editar el código de un comportamiento de servidor creado con el Creador de comportamientos de servidor

  1. En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de signo más (+) y seleccione Editar comportamientos de servidor en el menú emergente.

    El cuadro de diálogo Editar comportamiento de servidor muestra todos los comportamientos correspondientes a la actual tecnología de servidores.

  2. Seleccione el comportamiento de servidor y haga clic en Editar.
  3. Seleccione el correspondiente bloque de código y modifique el código, los marcadores de parámetro o la posición del bloque de código que se va a insertar en las páginas.
  4. Si el código modificado no contiene parámetros proporcionados por el diseñador, haga clic en Aceptar.

    Dreamweaver regenerará el comportamiento de servidor sin ningún cuadro de diálogo. El nuevo comportamiento de servidor aparecerá en el menú emergente de signo más (+) del panel Comportamientos del servidor.

  5. Si el código modificado contiene parámetros proporcionados por el diseñador, haga clic en Siguiente.

    Dreamweaver le preguntará si desea crear un nuevo cuadro de diálogo que sobrescriba al antiguo. Realice los cambios que desee y haga clic en Aceptar.

    Dreamweaver guardará todos los cambios en el archivo EDML del comportamiento de servidor.

Reglas de programación

En general, el código de los comportamientos del servidor debe ser compacto y robusto. Los desarrolladores de aplicaciones Web son muy sensibles al código añadido a sus páginas. Aplique prácticas de programación generalmente aceptadas para el lenguaje de los tipos de documento (ColdFusion, JavaScript, VBScript o PHP). Al escribir comentarios, tenga en cuenta las diferencias en cuanto a conocimientos técnicos de las personas que tienen que comprender el código, como son diseñadores Web y de interacción u otros desarrolladores de aplicaciones Web. Incluya comentarios que describan con precisión la finalidad del código y cualquier instrucción especial para su inclusión en una página.

Tenga presentes las siguientes reglas de programación al crear comportamientos de servidor:

Comprobación de errores

Un requisito importante. El código del comportamiento de servidor debe gestionar los casos de error de forma correcta. Intente prever cualquier posibilidad: Por ejemplo, ¿qué ocurre si falla la petición de un parámetro? ¿Qué ocurre si una consulta no devuelve ningún registro?

Nombres exclusivos

Le ayudan a asegurarse de que su código es claramente identificable y evita conflictos de nombres con el código ya existente. Si la página contiene, por ejemplo, una función llamada hideLayer() y una variable global llamada ERROR_STRING y el comportamiento del servidor inserta código que también usa esos nombres, el comportamiento de servidor puede originar un conflicto con el código existente.

Prefijos de código

Le permiten identificar sus propias funciones de tiempo de ejecución y variables globales en una página. Una posible convención consiste en usar sus iniciales. No utilice nunca el prefijo MM_, ya que está reservado para uso exclusivo de Dreamweaver. En el código de Dreamweaver, todas las funciones y variables globales van precedidas por el prefijo MM_ para evitar que se produzcan conflictos con el código que escriba.

var MM_ERROR_STRING = "..."; 
function MM_hideLayer() {

Evite bloques de código similares

para que el código que escriba no se parezca demasiado al código de otros bloques. Si un bloque de código se parece demasiado a otro bloque de código de la página, el panel Comportamientos del servidor podría identificar erróneamente el primer bloque de códigos como una instancia del segundo bloque de códigos (o al contrario). Una solución simple consiste en añadir un comentario a un bloque de código para hacerlo más exclusivo.

Probar comportamientos del servidor

Dreamweaver Exchange recomienda realizar las siguientes comprobaciones con cada comportamiento de servidor que se cree:

  • Aplique el comportamiento desde el panel Comportamientos del servidor. Si tiene un cuadro de diálogo, introduzca datos válidos en cada campo y presione Aceptar. Verifique que no se produce ningún error al aplicar el comportamiento. Verifique que el código de tiempo de ejecución del comportamiento de servidor aparece en el inspector de código.

  • Vuelva a aplicar el comportamiento de servidor e introduzca datos no válidos en cada campo del cuadro de diálogo. Pruebe a dejar el campo en blanco usando números muy grandes o negativos, usando caracteres no válidos (como /, ?, :, *, etc.), y usando letras en campos numéricos. Puede escribir rutinas de validación de formularios para gestionar datos no válidos (las rutinas de validación implican programación manual, lo que queda fuera del alcance y el propósito de este libro).

    Una vez aplicado satisfactoriamente el comportamiento de servidor a la página, verifique lo siguiente:

  • Compruebe el panel Comportamientos del servidor para asegurarse de que el nombre del comportamiento de servidor aparece en la lista de comportamientos añadidos a la página.

  • Si corresponde, verifique que los iconos de scripts del lado del servidor se muestran en la página. Los iconos genéricos de los scripts del lado del servidor son escudos de oro. Para ver los iconos, active Elementos invisibles (Ver > Ayudas visuales > Elementos invisibles).

  • En la vista de Código (Ver > Código), compruebe que no se genera código no válido.

    Además, si su comportamiento de servidor inserta código en el documento estableciendo una conexión con una base de datos, cree una base de datos de prueba para comprobar el código insertado en el documento. Verifique la conexión definiendo consultas que den lugar a diferentes conjuntos de datos, y diferentes tamaños de conjuntos de datos.

    Por último, cargue la página en el servidor y ábrala en un navegador. Vea el código HTML de la página y verifique que los scripts del lado del servidor no hayan generado código HTML no válido.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?