Por medio de estos tutoriales y practicos ejemplos aprenderas paso a paso a crear una web corporativa de un restaurante, una web de una inmobiliaria y una web para Flash
PRIMER EJERICIO: DISEÑO DE UNA WEB CORPORATIVA PARA UN RESTAURANTE
INTRODUCCIÓN
- Introducción al diseño web
- Google es tu mejor amigo (o casi)
- Recursos de utilidad
- Descripción del ejercicio: web corporativa
CONOCIMIENTOS NECESARIOS (I)
- Creación de archivos
- Reglas y Guías, unidades de medida
- Capas y carpetas
- Selección de colores
- Aplicación de colores
- Selecciones
- Desplazamiento y duplicado de contenidos
- Carga y Combinación de selecciones
- Duplicación de capas y carpetas
- Copiado de contenidos
CONOCIMIENTOS NECESARIOS (II)
- Formas vectoriales
- Formas no vectoriales
- Personalización
- Transformación
- Uso de transparencia de capa
- Máscaras de capa
- Degradados
- Efectos de capa
- Herramienta Texto
CONOCIMIENTOS NECESARIOS (III)
- Capturas de pantallas
- Varita mágica y la Máscara rápida
- Efecto de capa Trazo
- Exportación a web
MENÚS
- Crear la plantilla de navegador
- Planificar los contenedores generales
- Crear nuestro menú principal
- Estados de botón
- Adornar el fondo de la página
- Crear el contenido de la home
- Resumen del capítulo
DISEÑO EN LOS INTERIORES
- Crear el segundo nivel de la web
INTERIORES
- Crear los interiores de carta I
- Crear los interiores de carta II
TABLAS
- Diseñar tablas HTML
- Dar formato a una tabla HTML
- Crear una capa interactiva
- Simular un mapa de Google
FORMULARIOS
- Diseño de formularios
- Comportamientos del formulario
ÚLTIMOS RETOQUES Y EXPORTACIÓN
- Diseño de una página de Error 404
- Preparación de los archivos
- ¿Qué hemos aprendido?
SEGUNDO EJERCICIO, DISEÑO DE UNA WEB PARA UNA INMOBILIARIA
INTRODUCCIÓN
- Introducción al ejercicio
- Introducción al diseño web
- Google es tu mejor amigo (o casi)
- Recursos de utilidad
CONOCIMIENTOS NECESARIOS (I)
- Creación de archivos
- Reglas y Guías, unidades de medida
- Capas y carpetas
- Selección de colores
- Aplicación de colores
- Selecciones
- Desplazamiento y duplicado de contenidos
- Carga y Combinación de selecciones
- Duplicación de capas y carpetas
- Copiado de contenidos
CONOCIMIENTOS NECESARIOS (II)
- Formas vectoriales
- Formas no vectoriales
- Personalización
- Transformación
- Uso de trasparencia de capa
- Máscaras de capa
- Degradados
- Efectos de capa
- Herramienta Texto
- Crear la plantilla de navegador
- Filtros
- Efecto de capa Sombra interior
TRABAJO PRÁCTICO
DISEÑO DE LA PORTADA (I)
- Diseñar la zona cabecera
- Diseñar el menú principal
- Diseñar un buscador
- Crear el menú secundario
- Qué es un visor de imágenes Jquery
- Diseñamos la zona central de la galería de imágenes
- Finalizamos el diseño de la galería
- Introducimos las migas de pan
DISEÑO DE LA PORTADA (II)
- Diseñamos las migas de pan
- Buscador por provincias
- Formulario de búsqueda rápida
- Diseño de los destacados
- Replicado del destacado
- Creación del estado de roll-over
- Diseño del pie de página
- Diseño de un banner-botón
- Creación de tooltips
TERCER EJERCICIO, DISEÑO DE UNA WEB PARA FLASH
INTRODUCCIÓN
CONOCIMIENTOS NECESARIOS (I)
- Creación de archivos
- Reglas y Guías, unidades de medida
- Capas y carpetas
- Selección de colores
- Aplicación de colores
- Selecciones
- Desplazamiento y duplicado de contenidos
- Carga y Combinación de selecciones
- Duplicación de capas y carpetas
- Copiado de contenidos
CONOCIMIENTOS NECESARIOS (II)
- Formas vectoriales
- Formas no vectoriales
- Personalización
- Transformación
- Uso de trasparencia de capa
- Máscaras de capa
- Degradados
- Efectos de capa
- Herramienta Texto
DISEÑO DE LA HOME
- Recopilación de material
- Creación el archivo base para la home
- Creación el resto de barras de menú
- Diseñar la home I
- Diseñar la home II
- Precarga para los contenidos
- Roll-over sobre un contenido
PÁGINA INTERIOR
- Diseñar una página interior
- Efecto de precarga
- Comportamientos de barra de menú
- Exportación de archivos
- Resumen del ejercicio
