A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


IngresarEmpezar
← Regresar a lecciones
  • html-css

  • javascript

  • python

Editar en Github

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>