← Regresar a lecciones

Iniciar un nuevo proyecto HTML/CSS

Si estás trabajando localmente:

La plantilla más básica para cualquier estudiante de la Academia 4Geeks ideal para empezar su primer sitio web HTML/CSS.

Si estás trabajando localmente:

  • Descarga e instala python usando pyenv.
  • Clona el repositorio del template y entra al nuevo directorio recien clonado.

Si estás trabajando desde Gitpod:

Haz clic en este enlace para iniciar tu proyecto.

Cómo abrir la vista previa html/css de mi proyecto

¿Qué hacer a continuación?

Cree un archivo index.html con la estructura HTML básica y véalo en vivo ejecutando web-server con el siguiente comando:

1$ pip install flask && python server.py
  • Puedes crear tantos archivos HTML como quieras
  • También puedes crear archivos CSS y puedes importarlos a tu sitio web utilizando una etiqueta <link> colocada entre las etiquetas <head></head>, así:
1<head> 2 ... 3 <link rel="stylesheet" type="text/css" href="styles.css"> 4 ... 5</head>