Tecnología

Inicio

Adobe Spry Tutorial

Adobe Spry Tutorial


Adobe Spry consta de bibliotecas de JavaScript que añaden funcionalidad a un sitio web interactivo. Spry incluye datos, widgets y efectos. Los complementos del navegador no son necesarios para Spry para que funcione correctamente. Casi cualquier persona puede agregar características tales como menús desplegables y formas.

Añadir Spry

Adobe Spry Tutorial

Algunos profundo conocimiento de diseño web es necesario.

Abra Adobe Dreamweaver CS3. Crear un nuevo documento .html seleccionando "Archivo" y "Nuevo". Coloca el cursor después de la etiqueta "<head>" en el documento. Seleccione "Insertar" y luego "Spry barra de menús". Elija entre horizontal o vertical.

Rebautizar

Adobe Spry Tutorial

El atributo de destino especifica dónde abrir una página vinculada: en una nueva ventana, en la misma ventana o dentro de un conjunto de marcos.

Abra el inspector de "Propiedad". Seleccione "Artículo 1" en la primera columna. Cambie el nombre del texto haciendo clic en el campo, a continuación, backspacing y escribiendo en el título de su elección en el campo "Texto". Renombrar, añadir o eliminar títulos de los campos adicionales. También puede vincular la barra de navegación, el título de los artículos o añadir un atributo de destino.

Submenús

Adobe Spry Tutorial

Los submenús se abren cuando se hace clic en el texto principal.

Cambiar el nombre de los campos de título sub-menú. Eliminar elementos mediante el uso de la tecla "Retroceso". Haga clic en el símbolo "más" para añadir nuevos elementos de menú. Puede cambiar el nombre de los campos haciendo clic en el panel de diseño. Seleccione "Archivo" y luego "Guardar".

CSS

Adobe Spry Tutorial

"Preliminar en el navegador" le permitirá ver la página antes de la publicación.

Seleccione "Vista previa en el navegador" en el menú "Archivo". Puede regresar a Dreamweaver y cambie los colores, estilos de texto y otros elementos de hojas de estilo en cascada (CSS). Para obtener más información, lea el archivo de ayuda o visitar los tutoriales de Adobe Video Workshop en línea (ver Referencias).