Los activos de Spry en Adobe Dreamweaver son elementos de página prediseñados compuestos de HTML, hojas de estilo en cascada y JavaScript. HTML es el lenguaje de marcado de páginas que se utiliza para crear páginas web; Las hojas de estilo en cascada, o CSS, se utilizan para formatear la apariencia de los documentos HTML; y JavaScript es un lenguaje de programación del lado del cliente ampliamente utilizado. Dreamweaver incluye muchos recursos de Spry para crear varios tipos de menús, barras de navegación y elementos de formulario. Puede cambiar la apariencia de un activo de Spry editando sus reglas CSS.
1
Abra el archivo HTML de Dreamweaver que contiene un activo rápido que desea cambiar o inicie un nuevo archivo HTML haciendo clic en el menú "Archivo" y seleccionando "Nuevo". Se abre el cuadro de diálogo Nuevo documento. Elija "HTML" de la lista Tipo y seleccione el diseño deseado de la lista Diseño. Haga clic en el botón "Crear".
2
Haz clic en el menú "Archivo" y elige "Guardar como". Se abre el cuadro de diálogo Guardar como. Nombre y guarde su archivo.
3
Haga clic en el cursor del mouse en la página en el punto donde desea insertar un activo de Spry.
4
Haga clic en el menú "Insertar", elija "Spry" y luego elija un activo de Spry en el menú desplegable. Dreamweaver inserta el activo de Spry en la página. El tipo de elemento de página creado depende de la opción Spry. Por ejemplo, si elige un menú Spry, Dreamweaver inserta un menú; si elige un campo de formulario de Spry, Dreamweaver inserta un campo de formulario. Puede editar un objeto específico en el elemento, como una etiqueta de menú o un borde de campo de formulario, seleccionándolo y luego editando las reglas CSS del objeto.
5
Seleccione el objeto que desea editar.
6
Vaya al panel "Propiedades" y haga clic en el botón "Editar regla" para abrir el cuadro de diálogo Definición de regla CSS para el objeto seleccionado. Puede realizar numerosos cambios en la apariencia del objeto. Por ejemplo, para cambiar la apariencia del texto, haga clic en "Escribir" en la lista de categorías. Esto muestra opciones para cambiar las propiedades del texto seleccionado en el elemento de la página, como la familia de fuentes, el tamaño de fuente y el estilo de fuente. También puede cambiar el fondo, el estilo del borde y muchas otras propiedades desde este cuadro de diálogo.
7
Termine sus cambios y luego haga clic en "Aplicar". Dreamweaver muestra los cambios en la página. Haga clic en "Aceptar" para cerrar el cuadro de diálogo Definición de regla CSS.
8
Seleccione otro objeto que desee cambiar y haga clic en el botón "Regla CSS".
9
Realice los cambios descritos en los pasos 6 y 7.