Diseño, desarrollo y publicación de una página web
Offered By: Domestika
Course Description
Overview
Haz un recorrido completo por el proceso de creación y publicación de una web usando HTML, CSS y JavaScript
En este curso verás las dos caras de la creación de una web: por un lado verás las técnicas básicas para planificar una web, organizar la información en wireframes, y crear una gramática visual con tipografía, paletas de colores, espaciados, composición, ilustración. Después te adentrarás en la construcción de esa página usando HTML, CSS, y JavaScript, hasta el momento de publicar la página en internet.
Tu guía durante este proceso será Javier Usobiaga, diseñador web, fundador del estudio Swwweet y profesor de otros cursos en Domestika como
Gráficos vectoriales SVG: ilustrar y animar con código, Layout web con CSS Grid, Flexbox y otras técnicas modernas, Introducción a la programación en JavaScript e
Introducción al Desarrollo Web Responsive con HTML y CSS, que pueden servirte como complemento a lo expuesto en este curso.
- Introducción
- Ideación de una web
- Diseño visual
- Sistema de plantillas
- Desarrollo frontend
- Interacción web
- Publicación de una web
- Proyecto final
En este curso verás las dos caras de la creación de una web: por un lado verás las técnicas básicas para planificar una web, organizar la información en wireframes, y crear una gramática visual con tipografía, paletas de colores, espaciados, composición, ilustración. Después te adentrarás en la construcción de esa página usando HTML, CSS, y JavaScript, hasta el momento de publicar la página en internet.
Tu guía durante este proceso será Javier Usobiaga, diseñador web, fundador del estudio Swwweet y profesor de otros cursos en Domestika como
Gráficos vectoriales SVG: ilustrar y animar con código, Layout web con CSS Grid, Flexbox y otras técnicas modernas, Introducción a la programación en JavaScript e
Introducción al Desarrollo Web Responsive con HTML y CSS, que pueden servirte como complemento a lo expuesto en este curso.
Syllabus
- Presentación
- Influencias
- ¿Qué haremos en el curso?
- Objetivos del diseño, marco de trabajo y referencias
- Inventario de contenidos
- Arquitectura de la información
- Principios y herramientas
- Investigación visual
- Composición tipográfica
- Paleta de colores en una interfaz
- Retícula y ritmo vertical
- Ilustración e iconografía
- Preparación del entorno y editores de código
- Estructura de archivos y funcionamiento
- Páginas maestras y creación de nuevas páginas
- Condicionales y parciales
- Organización del código
- Composición tipográfica y color
- Sistema de retícula
- Componentes de interfaz
- Completando la interfaz
- Menús interactivos y desplegables
- Implementando una galería
- Completando la interacción
- Gestión de versiones de código
- Servicios de publicación
- Recursos adicionales
- Diseño, desarrollo y publicación de una página web
Taught by
Javier Usobiaga Ferrer
Related Courses
UX Design for Mobile DevelopersGoogle via Udacity Information Design
University of California, San Diego via Coursera Web Application Development: The Presentation Tier
University of New Mexico via Coursera Desarrollo de Aplicaciones Web: Nivel de Presentación
University of New Mexico via Coursera UX Design: From Concept to Wireframe
University of Michigan via edX