En este curso aprenderás a utilizar HTML y CSS, los cimientos de la web. El primero de ellos hace referencia al lenguaje que se utiliza para decirle al navegador lo que es cada una de las partes de la web y con el segundo, damos formato y forma a nuestra web. Con el aprendizaje de ambas tecnologías conseguirás crear desde páginas webs a aplicaciones móviles o videojuegos, diseñando la interacción perfecta entre interfaz y usuario.
Por supuesto, si te interesa aprender a programar y diseñar páginas web.
Al terminar el curso habrás aprendido a crear tu propio portfolio paso a paso comprendiendo cuáles son las diferentes partes de un documento HTML, cómo organizar la información, recursos y consejos para realizar un buen diseño, qués es un modelo de cajas y cómo crearlo, además de todos los detalles que contiene una web. Gracias a los ejercicios, retos y proyecto del curso, podrás asimilar todo lo indicado de una forma divertida y práctica.
Para cualquier duda:
FAQS o escríbenos a [email protected]
¡Comenzamos!
Preparando el entorno en Windows
Preparando el entorno en Ubuntu Linux
Preparando el entorno en MacOS
El poder del mockup Pt. 1
El poder del mockup Pt. 2
Breve historia del HTML y CSS
Partes de un documento HTML
Cabecera de un documento HTML
Primer contenido con títulos y párrafos
Secciones con los elementos de bloque
Marcando con los elementos de línea
Tablas para organizar la información
Don't hate tables
Acelerando la productividad con Emmet
Mi primera imagen
Toca recortar nuestras imagenes
Validar nuestro HTML
Qué es el CSS. Tipos de CSS
Eligiendo colores. Selectores y atributos
Herramientas para definir y elegir colores
Tipo de selectores de clase y de id
Diseño y tipografía
El poder de las fuentes con CSS
Google fonts: Añadiendo fuentes al portfolio
El modelo de cajas CSS Pt. 1
El modelo de cajas Pt. 2
Imágenes de fondo Pt. 1
Imágenes de fondo Pt. 2
Reto 1: Firma electrónica
Entrega Firma electrónica
¿Qué nos queda por hacer?
Redes sociales con FontAwesome Pt. 1
Redes sociales con FontAwesome Pt. 2
Flotando elementos
Grandes referentes
Enlaces externos: incorporamos nuestras redes sociales
HTML Semantico
Menú de navegación: display y descendant selector
Menú de navegación: position fixed
Menú de navegación: enlaces internos
Buscando ejemplos de menús
Diseñando con Flex
Aplicar Flex a nuestro portfolio
Border radius
Diseñando con Grid
Aplicando el Grid al portfolio Pt. 1
Aplicando el Grid al portfolio Pt. 2
Formularios: Elementos básicos
Formularios: Elementos y diseño CSS
Casi casi... ¿terminamos?
Añadiendo multimedia en formato de vídeo
Publicando portfolio en CODEPEN
Publicando portfolio en GitHub Pages
Más allá del contenido: ejemplo sobre diseño responsive
Esto no acaba aquí
Proyecto final: presenta tu producto
Entrega Proyecto Final
Ordenador con acceso a internet
Paco Gomez
Me enanto cambio mi reseña!!!!!
Me enanto cambio mi reseña!!!!!
Menos informaciónClarisimo a lo largo de todo el curso. Realmente aprendi a usar HTML y CSS. Ahora a crear paginas web y seguir aprendiendo con Mastermind!
Clarisimo a lo largo de todo el curso. Realmente aprendi a usar HTML y CSS. Ahora a crear paginas web y seguir aprendiendo con Mastermind!
Menos informaciónEs increíble ver como se pasa de no saber nada a crear las ideas más locas que se te vengan a la cabeza! Estoy muy contento de haber terminado este excelente...
Más informaciónEs increíble ver como se pasa de no saber nada a crear las ideas más locas que se te vengan a la cabeza! Estoy muy contento de haber terminado este excelente curso.
Menos informaciónCrea páginas web con HTML y CSS
€39,99
Acceso a todos los cursos
€34,99 / 3 meses
Accede a TODOS los cursos disponibles por SÓLO