Agrega estilo a una página HTML usando CSS

ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

Agregarás estilo a una página HTML

Conocerás la estructura de una declaración CSS

Aprenderás a modificar las propiedades de los elementos HTML

Clock1 hora
BeginnerPrincipiante
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsEspañol (Spanish)
LaptopSolo escritorio

En este proyecto desarrollarás una página web HTML básica donde le darás estilo gráfico a cada elemento usando CSS. Haremos un repaso básico sobre HTML para enfocarnos en el estilo CSS dónde veremos los selectores css, las diferentes propiedades con sus respectivos valores, la estructura de una declaración y el box model o modelo de caja css. Para trabajar en el proyecto solo necesitarás Google Chrome y Visual Studio Code, los cuales serán proporcionados junto con otro material de trabajo directamente desde una máquina virtual. El contenido de este proyecto se enfoca en construir una página web que contiene los elementos mas comunes y la estructura de una página de inicio y obtendrás las bases para poder construir sitos webs llamativos. Aprenderás a modificar el estilo de textos, fondos, imágenes, menús, botones entre otros. Aprendiendo a entender y a construir documentos con HTML y CSS estarás un paso mas cerca del dominar el desarrollo web ya que son habilidades requeridas para competencias mas avanzadas. Nota: Este curso es de mayor utilidad para estudiantes que residen en la región de América del Norte. Actualmente, estamos trabajando para proporcionar la misma experiencia en otras regiones.

Habilidades que desarrollarás

  • Cascading Style Sheets (CCS)
  • Diseño Web
  • Desarrollo web
  • Diseño

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  1. Introducción al proyecto CSS

  2. Crea la estructura HTML

  3. Selectores CSS

  4. Modelo de caja y agrega estilo al header

  5. Agrega estilo al contenido del titular principal

  6. Agrega estilo a la sección de posts

  7. Termina estilos y modifica hover y position

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.