Descubre cómo planificar paso a paso un diseño web de éxito. Conoce como usar las herramientas de diseño web a tu alcance. Aprende a maquetar en HTML5 y CSS3 con un proyecto real. Adquiere una visión del diseño web que te acerque a tus metas.
OBJETIVOS
El objetivo del curso es que te conviertas en un profesional del diseño web, aprendiendo no sólo las tecnologías asociadas, sino también a pensar como un diseñador web y a saber cuál es la mejor manera de trabajar con tus clientes y crear relaciones win-win con ellos.
1. SABER CREAR UN DISEÑO WEB PROFESIONAL DESDE CERO
De la idea al prototipo, pasando por la maqueta y el código, aprende ahora diseño web.
2. APRENDER HTML5 Y CSS3 CON UN EJEMPLO REAL.
La mejor manera de aprender es con la práctica, así que todo el curso va enfocado a un ejemplo real.
3. DESCUBRIR CÓMO TRABAJAR CON EL CLIENTE.
Contenido:
1. OBJETIVOS DEL DISEÑO WEB
En este apartado veremos los 10 pasos del diseño web y nos centraremos en los dos primeros, en que veremos cómo definir los objetivos de un sitio web para la correcta planificación del diseño, así como qué contenidos escoger y dónde publicarlos dentro de la web.
- Los 10 pasos del diseño web
- Definir los objetivos de un sitio web
- Ejemplos de objetivos de un sitio web
- Los contenidos del diseño web
- Decidir los contenidos a publicar en la web
- Cómo tratar con el cliente. Consejos prácticos
- Modelo de presupuesto para diseño web
2. MAQUETACIÓN WEB
En este apartado aprenderemos a crear un prototipo de un sitio web para ser más efectivos a la hora de trabajar con el cliente, en caso que este quiera cambios a la propuesta del diseño. Aprenderemos además los conceptos básicos de Balsamiq y Photoshop para diseño web.
- La creación de prototipos
- El sketch
- Los wireframes
- Introducción a Balsamiq
- Photoshop básico para diseño web
3. HTML5 Y CSS3
Aquí empieza la parte práctica, con más de tres horas de vídeo para aprender a crear un sitio web desde cero con HTML5, CSS y CSS3. Aprenderás paso a paso a crear una página web real con un editor de código tipo Sublime Text.
- Introducción a HTML5
- La cabecera en HTML5.
- Insertar imágenes
- La sección head en HTML5
- Cómo centrar la estructura o layout
- Conceptos básicos de CSS
- Aprender a crear un sprite de CSS
- Insertar un teléfono en la cabecera. El CSS del body
- Creación de un campo de búsqueda
- Crear el menú de navegación principal
- Botón con efectos de CSS3
- Creación de columnas en HTML5
- Insertar la opinión de un cliente en la web
- Crear zonas de 5 columnas con los logos de los clientes
- Creación del footer o pie de página en HTML5
- Aprender a crear un formulario de contacto
4. LANZAMIENTO DISEÑO WEB
Antes de proceder al lanzamiento, habremos de verificar que todo esté correcto y que la web se visualice bien en todos los navegadores principales.
- Cómo solucionar problemas de compatibilidad
- Cómo corregir los errores de validación del código
- Cómo usar FileZilla para subir la web al servidor
- Cómo pedir feedback al cliente y otros diseñadores
Datos técnicos:
USUARIOS PREMIUM
Descarga directa sin publicidad y cero acortadores
¿Aun no tienes cuenta Premium? Clic Aquí
¿No sabes como descargar? Te dejamos un vídeo tutorial Clic Aquí