Agrega estilo a una página HTML usando CSS

提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

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
Beginner初級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dotsスペイン語
Laptopデスクトップのみ

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.

あなたが開発するスキル

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

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  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

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。