Espectaculares efectos en Ajax sin saber Ajax usando Dreamweaver

Mapa

RSS

Espectaculares efectos en Ajax sin saber Ajax usando Dreamweaver

Actualizate via RSS

Agregalo a tus Favoritos Sociales
recomendanos

Recomenda este video

Incluílo en tu Web Como lo hago?

Visto: 5594 veces | Enviado por: Rhosting

Videos Relacionados

Como insertar tablas en Dreamweaver

Como insertar una animacion de Flash en Dreamweaver

Insertar imagenes de Photoshop en Dreamweaver

Sobre el video

Muchas veces diseñando una web nos encontramos que debemos crear efectos, como paneles que se desplegan o realizar verificaciones como la verificacion de formularios, y todo ello requiere un codigo complicado que puede tardar varias horas hacer funcionar.

En ocasiones incluso no sabemos como hacer ese código.

Bien, ahora Dreamweaver lo hace mas facil mediante Spry. ¿Que es Spry? Descubrelo en este video.

Para saber más...

Tutorial sobre como usar Spry con contenido dinámico en Unijimpe

Temas Copyleft usados en este video

Diganme - Carly Tones
El Guardian - Sängrëal
Furia de Volcan - Silver
Muevela - Silver
Perdon - Absorcion
Por la noche en mi cama - La Dinastia
Iceman - Rhodius
Sueño Polar - Rhodius
El Segador de las Almas - Sängrëal

Consegui los mejores cursos, tutoriales, manuales y videos de Dreamweaver !!!

Para obtener interesantes efectos en ajax, como fichas que ocultan su contenido, fichas que se comportan como acordeon,

menus, paneles que muestran la informacion con botones, validacion de formularios en tiempo real y otros; Dreamweaver ha incorporado una utilidad que se llama Spry.

Para usarla solo es necesario elegir Spry en el panel de inserciones, decidir que se quiere insertar e insertarlo.

Esto te permitira presentar la información de tu sitio web de forma vistosa y novedosa.

Algunas informaciones se pueden modificar reescribiendolas.

Otras pueden trabajarse de forma dinamica.

Tienes muchas opciones que deberás explorar, pero aquí te damos una guia para poder empezar y un ejemplo practico.

Esto te dará una base para explorar otros efectos realizados con spry.

La desventaja de esta utilidad es el peso de los archivos externos generados, que si bien no es excesiva, excede los tamaños maximos recomendables para archivos javascript y css.

Sin embargo si eres principiante o no sabes nada de ajax esta utilidad te permitirá estar al nivel de los profesionales

con unos pocos clicks y modificaciones al codigo CSS

Como información complementaria será necesario que aprendas sobre como asignar caracteristicas a los diversos elementos de una pagina web usando CSS.

INSERTANDO UN PANEL CON FICHAS

Este efecto es conocido y útil.

Puedes haberlo visto en sitios como el Correo de Yahoo u otros.

Para hacerlo seguimos estos pasos:

Vamos a la barra de inserciones. Si no la tenemos abierta debemos hacer click en Ventana, Insertar.

Luego vamos a Spry. Finalmente hacemos click en el icono de paneles en fichas de Spry.

Esto inserta un sistema prediseñado, compuesto por algo de codigo en la página y dos archivos externos: un archivo CSS

y un archivo javascript que se encarga de que al presionar las fichas, cambie la informacion que se muestre.

Podes escribir manualmente el contenido que deseas que se muestre. Para cambiar la ficha donde estas editando el contenido,

simplemente presiona el ojo que aparece al pasar con el maus sobre ella.

AÑADIENDO MAS FICHAS

Es recomendable que añadas todas las fichas que necesites antes de cargar mucha informacion.

Ve a la vista de codigo HTML.

Veras que hay dos grandes grupos de tags: los tags li o de lista que constituyen los botones y los tags div o de las capas donde esta la información.

Copia el codigo de uno de los tags li; luego pegalo debajo, y cambiar el nombre de la ficha. Posteriormente debes hacer lo mismo con las capas. Copia una y pegala exactamente en el mismo orden que el li que pegaste anteriormente.

O sea, si la ficha nueva estaba en tercera posicion, coloca la capa en tercera posicion. De esta manera todo seguira funcionando.

RETOCANDO LA ESTETICA

Finalmente, para cambiar la estetica de la presentacion de las fichas debes buscar dentro de la carpeta Spry Assets el archivo CSS.

Aquí estan todos los estilos que definen como se ven las fichas. Mediante prueba y error y según el grado de tus conocimientos en CSS, podrás modificar la estetica totalmente.

Podrás utilizar imágenes de fondo, en vez de colores para lograr un aspecto mas profesional.

Esperemos que explores estos efectos,los disfrutes Y desde luego, tus comentarios

Tags relacionados

Conversaciones

Sin Nick

2007-11-20

Muy bueno el cursote 1000 gracias gente!!! Sebas

Sin Nick

2007-11-20

muy bueno el video de ajax gracias

Sin Nick

2007-09-29

Muy bueno el curso!, gracias por compartir con el mundo lo que saben.
saludos de Alcira Brandán.

Agroindustria

Amor

Animales

Artes Marciales

Baile

Bebes

Belleza

Celulares

Ipod Iphone

Telefonos

Cocina

Computadoras

Curiosidades

Deporte

Ejercicios

Finanzas y dinero

Fotografia

Haciendo Videos

Sony Vegas

Hogar y Familia

Idiomas

Informacion Util

Juegos

Playstation

Trucos

Magia

Manualidades

Medio Ambiente

MuayThai

Mujer

Musica

Programacion

Programas

Rural

Salud

Dietas

Enfermedades

Seguridad

Tags IA

Tecnologia

Usuarios RHosting

Solucion de problemas

Subiendo mi sitio

Utilidades

Videos Rhosting

Videos Divertidos

Este contenido es útil para..

Diseñadores web que no son programadores pero desean agregar efectos vistosos y modernos usando Ajax

Recibe nuestras novedades

Si deseas recibir nuestro boletin con informaciones útiles y sorprendentes dejanos tu email aqui

Herramientas Utiles

Como saber si mi sitio esta en linea

Conocer mi Pagerank

Ringtones,videos y juegos para celulares

Medir velocidad de carga web

Terminos del Servicio - Politica de Privacidad - Ayuda a tus amigos, recomiendanos! - Contactanos
Todos los articulos de la seccion de Ayuda son Copyleft. Podes reproducirlos citando la fuente.
Producto Rhosting.com.ar- 1999 al 2008 - Resistencia - Chaco Las Malvinas son Argentinas