Ejercicio de maquetación vertical con HTML

Curso de HTML

6.  
16.  
17.  
23.  
32.  
34.  
36.  
37.  
38.  
40.  
45.  
46.  
47.  
52.  
54.  
56.  
59.  

Contactar con el profesor

imagen ejercicio html, logo
Ejercicio de maquetación vertical con HTML 1
Descarga las dos imágenes superiores para hacer el ejercicio

Cuantos rectángulos ves en esta página

Si tratas de descomponer la web en los mínimos rectángulos posibles, yo veo un rectangulo contenedor, que tiene dentro varias capas. De arriba a abajo hay una imagen, un encabezado, otro rectángulo y finalmente otra imagen.

Como siempre, el ejercicio se puede resolver de muchas formas diferentes. Pero yo procuraría usar siempre las mínimas capas necesarias. Si no tienes una buena razón para meter una capa dentro de otra, utiliza dos capas en vez de una.

maquetación HTML

Los maquetadores más rápidos cobran más

El video dura 5 minutos. Imaginate que es una página por la que pagan 20 euros. Bien, he ganado 20€ en 5 minutos. Un futbolista cobra mucho más, pero no esta mal. Si en lugar de 5 minutos hubiese tardado 40 minutos, teniendo en cuenta que soy un autónomo que cobra por tarea realizada y no por el tiempo que le dedica, si sólo tardo 5 minutos en hacer esta taré cobraría 8 veces más que si tardo 40, o al menos trabajaré la octava parte del tiempo. No basta con hacer las cosas. Hay que hacerlas en poco tiempo.

Ejercicio dummies

Ejercicio de maquetación vertical con HTML 2
Descarga la imagen superior para hacer el ejercicio

← Ejercicio margin collapse
display:block, inline, inline-block →

Aviso Legal | Política de privacidad