Vídeo Curso Aprende a Crear un Pequeño Sitio con Adobe Creative Cloud

Maqueta y Agrega contenido Multimedia a un sitio web de diseño fluido con HTML5

• Introducción

Descripción del proyecto
Programas que vamos a utilizar
Tecnología que usaremos. Servidor Apache

• Construyendo el diseño

Descripción del diseño inicial
Creación del cabecero con Illustrator
Filtro del cabecero con Photoshop. Incrustación en Illustrator
Exportando el cabecero para poderlo usar en Dreamweaver
Retocando el cabecero
Imagen de los botones
Añadiendo logo
Preparando las carpetas y los contenidos

• Construcción del microsite

Configuración de sitio
Estructura básica del microsite. Fireworks y wireframes
Construcción del índex con cuadrícula fluida
Creando la estructura básica del índex
Cabecero
Navegador
Web Fonts
Recolocando la barra de navegación
Modificando el encabezado
Creación del pie
Últimos ajustes del cabecero y el pie

• Usando plantillas

Creando la plantilla del sitio
Modificando una plantilla: añadiendo el logo y los enlaces
Modificando fuentes en una plantilla
Añadiendo atributos editables a la barra de navegación

• Añadiendo los contenidos

Definiendo la zona de contenidos
Preparando las fotos para Edge Animate
Creación de la animación con Edge Animate
Integrando la animación en el microsite
Preparando la música con Audition
Añadiendo la música con Dreamweaver
Ocultando el contenido para móviles

• Página de actividades y galería

Construyendo el sistema de pestañas
Rediseñando las pestañas
Generando las fotografías con Photoshop
Inclusión de fotos
Creación del panel de foto ampliada con jQuery

• Añadiendo el vídeo

Añadiendo música y locución al vídeo con Premiere
Usando Media Encoder para generar formatos compatibles de vídeo
Página de vídeo

• Banners

Creando el banner en Flash
Exportando a HTML5