Introducción al Desarrollo Web Responsive con HTML y CSS

Aprende los fundamentos del Desarrollo Web Frontend

¡Lleva tu diseño al navegador! En este curso, Javier Usobiaga te enseñará a crear páginas web con las herramientas más fundamentales: HTML y CSS. Aprenderás a escribir tu propio código y cambiarás tu forma de ver (y de diseñar) la web, entendiendo cómo funciona por dentro y cómo diseñar una web responsive para que sea más efectiva. Y si el diseño no es lo tuyo, este curso puede suponer una buena base para comenzar en el mundo del Desarrollo Web Front-end.

Este curso parte desde un conocimiento cero de HTML y CSS. Incluye las etiquetas fundamentales de HTML y propiedades de CSS tipográficas, herramientas de layout como Floats o Position, fondos, bordes, esquinas redondeadas, sombras, Web Fonts y herramientas fundamentales de Desarrollo Responsive como las Media Queries.

¿Cuál es el proyecto del curso?

El proyecto final consiste en crear una página web responsive (la web de una cafetería ficticia) en base a un diseño facilitado como síntesis de las diferentes materias que veremos a lo largo del curso.

¿A quién está dirigido?

A todas aquellas personas que deseen adquirir unos conocimientos básicos de HTML y CSS, sean diseñadores o no.

Requisitos

Para este curso no necesitas grandes conocimientos técnicos ni de diseño. Necesitarás un ordenador y un editor de código gratuito.

ejemplos web responsive

Contenidos

  • U1Introducción
    • Presentación del curso y del proyecto
    • La web: HTML, CSS y JS
    • Editor de código. Crear un proyecto. Entorno de edición
    • Inspector y herramientas de desarrollador
  • U2Estructura HTML
    • Las etiquetas HTML y los atributos
    • Etiquetas de texto
    • Imágenes y enlaces
    • Etiquetas de bloque
    • Etiquetas de documento
  • U3Empezando con CSS
    • Vincular un archivo CSS y sintaxis de la CSS
    • Selectores básicos
    • Estilos tipográficos
    • Especificidad y estructura en las hojas de estilo
    • Selectores avanzados: las pseudo-clases
  • U4Estructuras en CSS
    • Estilos del navegador y Reset CSS
    • El modelo de caja
    • Displays
    • Floats
    • Position
  • U5Decoración en CSS
    • Estilos para listas
    • Border, border-radius y box-shadow
    • Fondos e imágenes de fondo
    • Webfonts
  • U6Técnicas responsive
    • El diseño responsive y Mobile First
    • Estructura flexible
    • Las media queries
    • Navegación responsive
  • U7Añadiendo interacción
    • Enlace de email
    • Transiciones en CSS
    • Vincular un archivo JavaScript
    • Navegación con JavaScript añadido
  • PFProyecto final
    • Desarrollo web respondive con HTML y CSS

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *