Diseño, desarrollo y publicación de una página web

Haz un recorrido completo por el proceso de creación y publicación de una web usando HTML, CSS y JavaScript

• 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 el diseño web, una buena interfaz busca complacer y responder a cómo el cerebro humano actúa. Eso significa que tenemos en todos nosotros un diseñador, a veces inconsciente o dormido, que es capaz de ver algo que funciona, que es armónico, aunque no entienda por qué. Si quieres aprender los principios de diseño de una web y despertar a ese diseñador que llevas dentro, estás en el lugar indicado.

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.

• 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