CURSO MAQUETACION WEB PSD HTML CSS TUTORIAL ESPAÑOL

En este vídeo tutorial aprenderás a llevar el diseño gráfico (Mockup) aprobado por el cliente, extrayendo y optimizando las imágenes para que la página web sea ligera y dejando todo listo para el equipo del BackEnd

Aprenderemos el manejo básico de Photoshop, Dreamweaver y Fireworks, revisaremos los elementos HTML / CSS, ubicación de la cabecera, paneles laterales, contenido y pie de página, todo paso a paso.

¡Anímate, no te pierdas está oportunidad! ¡El mejor curso Online en Español!

 

Contenido del Vídeo Tutorial en Español:

 

PRIMEROS PASOS

• ¿Qué es HTML?
• ¿Cómo abordar una web?
• Funciones básicas y herramientas de Dreamweaver

 

EJERCICIO: ESQUEMA DE PLANTILLA

• Crear un nuevo sitio
• Crear la página inicial: index.html
• Organización del cuerpo mediante capas I
• Organización del cuerpo mediante capas II
• Cabecera I
• Cajas bajo la cabecera
• Imagen iPhone
• Columna izquierda
• Maquetación del cuerpo I
• Maquetación del cuerpo II
• Completando el cuerpo
• Maquetación de la parte central inferior
• Maquetación del pie de página
• Estilos recursivos
• Ajustes horizontales vía CSS
• Búsqueda de código reutilizable en internet

 

WEBSITE DE UNA ORGANIZACIÓN NO GUBERNAMENTAL

• Organización del site
• Estructura de la página
• Creando la cabecera
• Diseño del menú
• Diseño del carrusel I
• Diseño del carrusel II
• Maquetación del cuerpo I
• Maquetación del cuerpo II
• Maquetando el pie
• Incrustar vídeo
• Ventana flotante