Agrega estilo a una página HTML usando CSS

oferecido por
Coursera Project Network
Neste projeto guiado, você irá:

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
BeginnerBásico
CloudSem necessidade de download
VideoVídeo em tela dividida
Comment DotsEspanhol
LaptopApenas em desktop

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 você desenvolverá

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

Aprender passo a passo

Em um vídeo reproduzido em uma tela dividida com a área de trabalho, seu instrutor o orientará sobre esses passos:

  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

Como funcionam os projetos guiados

Sua área de trabalho é um espaço em nuvem, acessado diretamente do navegador, sem necessidade de nenhum download

Em um vídeo de tela dividida, seu instrutor te orientará passo a passo

Perguntas Frequentes – FAQ

Perguntas Frequentes – FAQ

Mais dúvidas? Visite o Central de Ajuda ao estudante.