Instrucciones Ejercicios

  • Crear una carpeta para los ejercicios, por ejemplo ada
  • Dentro de dicha carpeta, crear la carpeta modulo-1-html
  • Dentro de la carpeta de modulo-1-html, crear una carpeta por cada clase, por ejemplo, clase-4-introduccion-a-css. No crees todas de antemano, sino a medidad que las vayas necesitando
  • Por cada ejercicio, crear una carpeta con el número y el nombre del ejercicio (por ejemplo 04-receta), dentro de la carpeta de la clase correspondiente
  • Para archivos y carpetas, usar notación kebab-case:
    • todo en minúsculas
    • sin tildes
    • las palabras se separan con guiones, no con espacios
  • Dentro de la carpeta de cada ejercicio, crear un archivo index.html
  • Si el ejercicio tiene estilos, dentro de la carpeta del ejercicio, crear un archivo styles.css
  • Si el ejercicio tiene más páginas, dentro de la carpeta del ejercicio crear una carpeta paginas y agregar los archivos html dentro de ella
  • Si el ejercicio tiene una o varias imágenes, dentro de la carpeta del ejercicio crear una carpeta imagenes y agregar las imágenes dentro de ella
ada
└── modulo-1-html
└── clase-4-introduccion-a-html
└── 08-portfolio
├── imagenes
│ └── imagen.jpg
├── paginas
│ ├── sobre-mi.html
│ └── contacto.html
├── styles.css
└── index.html

Ejercicios

Para los ejercicios:

  • Pueden usar lorem ipsum para rellenar párrafos de texto
  • Pueden copiar y pegar texto de otras páginas
  • ¡No copien ni peguen etiquetas código! Por más tedioso que sea, la repetición mecánica ayuda muchísimo a memorizar la sintaxis. Si tienen que escribir 10 párrafos, escriban las 10 etiquetas p correspondientes
  • En todas las páginas, crear la estructura básica de un documento HTML correspondiente (poner un título al documento que sea adecuado, por ejemplo el nombre del ejercicio)
  • A menos que se indique lo contrario, las etiquetas html se agregan uno debajo del otro. Por ejemplo, si el ejercicio indica agregar una imagen y un párrafo, el párrafo se agrega debajo de la imagen
  • Con los estilos, pueden inspeccionar el ejemplo para obtener los valores (colores, tamaños de fuente, etc). En demás situaciones, no es necesario que quede replicado al 100%, pero sí que sea lo más parecido posible
  • Cuando no se especifiquen valores de propiedad estilos y no hay ejemplo para inspeccionar, pueden jugar con distintos valores o poner alguno arbitrario
  • Si las imágenes no están dadas en el ejercicio, busquen imágenes similares o de reemplazo en internet. Si el ejercicio tiene muchas imágenes, pueden repetir algunas imágenes
  • No se preocupen por dejar los ejercicios visualmente agradables cuando no hay que replicar estilos. Lo importante de los ejercicios es poner en práctica los conceptos vistos en clases, cómo se ve no es tan prioritario como que sea funcional (en estas instancias). En los proyectos sí le vamos a dar más énfasis al acabado visual
  • Por más que el ejercicio no lo indique explícitamente, a medida que las vayan aprendiendo e incorporando, *usen siempre buenas prácticas