Please enable / Por favor activa JavaScript!
Por favor activa el Javascript![ ? ]

Diseñar páginas web con Dreamweaver CS3 "DIV+CSS=SPRY"  Diseñar páginas web con Dreamweaver CS3 "DIV+CSS=SPRY"

Valoración de éste post
4.74 / 5 de 23 votos



Mensajes: 1237


Puntos totales:

Enhorabuena!

32





El presente curso nos enseñara a dominar dreamwever con SPRY(DIV + CSS) para poder realizar páginas web de manera fácil y rápida.

Introducción

Analizamos las necesidades de aprender sobre las etiquetas DIV y los estilos CSS.
Analizamos que son los estilos CSS y como administrarlos.
Copiamos carpetas del curso y definimos un sitio nuevo.

Listas y CSS

Cambiamos el icono de las listas por una imagen nuestra con estilos CSS.
Cambiamos el icono de las listas por una imagen nuestra con estilos CSS.
Otra forma de cambiar el icono de las listas y control de espacios internos.
Diseñar con bordes y espacios.
Diseñar con bordes y colores para simular botones o menús.
Controlar los eventos del usuario al pasar encima.
Diseño de menú con eventos de usuario.
Utilización de imagen de fondo y espacios para diseño de un menú.
Personalización de la imagen de cada elemento del menú.

Posicionar con DIV y CSS

Presentación de los ejemplos a realizar en este apartado para alinear imagen y texto como periodico.
Personalización de bordes y alineación estilo pie de foto.
Configurar la distribución de dos columnas, una para texto y otra para imágenes.
Configurar la distribución estilo catálogo de fotos, forzar dos columnas.
Configurar un listado de productos a dos columas.
Configurar una estructura de pagina web con menú a la izquierda.
Configurar boton anterior y siguiente con listas.
Trabajar con las diferentes unidades de una pagina web.
Parte 1 de creación de una estructura de web con encabezado, menú y pie.
Parte 2 de creación de una estructura de web con encabezado, menú y pie.
Diseñar con imágenes creadas en photoshop.

Proyecto Final

Presentamos el proyecto final del curso.
Empezamos el proyecto desde una plantilla y lo personalizamos a nuestras necesidades.
Personalizar el encabezado con imagen y elemento de Flash.
Insertamos y personalización de un menú de Spry.
Insertamos y personalización de un panel que se contrae de Spry. Diferenciar dos Spry del mismo tipo con diferente diseño.
Insertamos y personalización de un panel que contiene fichas de Spry.
Insertamos y personalización de un panel de acordeón de Spry.
Modificar el documento de JavaScript para variar el comportamiento del Spry.
Creación y validación de los datos de un formulario con los validadores de Spry.

Usuario anónimo: SÍ (Los usuarios anónimos no pueden ver estos enlaces, por favor regístrate o identifícate).

Clica para registrarte o autenticarte
Navegando como usuario anónimo: NO







No te pierdas el tema anterior: Curso completo GRATIS de Photoshop para webmasters

Salta al siguiente tema: Curso GRATIS de creación de aplicaciones web con ASP 2.0

Quizás también te interese:
Si has encontrado información útil en Exaforo, ayúdanos a seguir creciendo. Muchas gracias por confiar en nosotros!


Volver a Programación Web