Agrega estilo a una página HTML usando CSS

Offert par
Coursera Project Network
Dans ce Projet Guidé, vous :

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
BeginnerDébutant
CloudAucun téléchargement requis
VideoVidéo en écran partagé
Comment DotsEspagnol
LaptopOrdinateur de bureau uniquement

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.

Les compétences que vous développerez

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

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  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

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

Foire Aux Questions

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.