Autor Tema: HTML y CSS Cómo se estructura una página web según modelo de cajas CU01008D (Leído 3363 veces)

EnigmaticNerd · « **en:** 11 de Agosto 2017, 21:45 »

Buenas tardes. Este es el enunciado del ejercicio CU01008D del tutorial básico de programación CSS para diseño web:

Citar

Analiza el siguiente código HTML y crea dos esquemas. Un esquema de organización utilizando llaves como hemos visto anteriormente, y otro esquema que refleje las cajas que intervienen en el documento HTML, siguiendo el ejemplo visto anteriormente.

Código: [Seleccionar]

 <!DOCTYPE html>

<html>

 <head>

<title>Portal web - aprenderaprogramar.com</title>

<meta name="description" content="Portal web aprenderaprogramar.com">

<meta name="keywords" content="aprender, programar, cursos, libros">

<meta charset="utf-8">

</head>

 <body>

 <p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>

<h1>Novedades</h1>

<p>Aquí presentamos las novedades del sitio.</p>

<h3>Lanzamos el producto X-FASHION</h3>

<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>

<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>

<h3>Mejoramos el producto T-MOTION</h3>

<p>Hemos lanzado una nueva versión del producto T-MOTION</p>

<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>

</body>
</html>

Acá el esquema de organización conceptual de la página HTML:

Acá el esquema que refleja las cajas que intervienen en el documento HTML:

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

EnigmaticNerd · « **Respuesta #1 en:** 12 de Agosto 2017, 03:38 »

Buenas noches. Viendo otros post del mismo ejercicio hice caso en un par de errores en el ejercicio.

1.) Es importante recalcar que cada etiqueta hace vida en el documento -aunque esté dentro de otra- y como tal, debe reflejarse como parte de la estructura conceptual. Por eso le añadí a esos párrafos los elementos que están dentro de ellos en el código (enlace y dos imágenes).

2.) El primer error en el que caí en cuenta es que son cajas rectangulares, la teoría no dice nada de rectángulos con puntas bordeadas.

3.) Y de nuevo, la misma señalización del punto 1, hay cajas que contienen a otras cajas y estas deben ir reflejadas en el esquema.

Añado que no soy entendido en esto pero hago el esfuerzo de leer y consultar otros post para comparar y aún más importante, ver la opinión de los expertos que están en el foro.

Como siempre: Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Jack_F · « **Respuesta #2 en:** 14 de Agosto 2017, 05:00 »

Buenas. La verdad tu esquema esta muy bien hecho.

Citar

Añado que no soy entendido en esto pero hago el esfuerzo de leer y consultar otros post para comparar y aún más importante, ver la opinión de los expertos que están en el foro.

No te preocupes por eso, solamente debes tener en cuenta que en algunos caso cada elemento esta dentro de otro, por asi decirlo. Y en tros no.
Esto es solamente un ejemplo como los navegadores interpretan la estructura de una web.

Un saludo.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: