Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Sosender en 13 de Junio 2020, 13:29

Título: Ejercicios resueltos CSS cómo descomponer una web en modelo cajas div CU01008B#
Publicado por: Sosender en 13 de Junio 2020, 13:29
Buenos días. Visto el ejercicio del cuaderno tutorial de programación web con CSS de aprenderaprogramar CU01008B CSS, en mi opinión, en la estructura de la página web mediante la etiqueta html, no observo un elemento cabecera propio <header> ni un pie <footer>, tan solo observo un elemento cuerpo <body>.

Dicho esto, adjunto la etiqueta html del ejercicio, como código y los dos esquemas solicitados en el ejercicio:

  1.- Esquema de llaves.

  2.- Esquema de cajas


Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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>

Esquema llaves

(https://i.imgur.com/mCwuyJv.png)

Esquema cajas

(https://i.imgur.com/00RPPRK.png)

Título: Re:Ejercicio del cuaderno CU01008B CSS
Publicado por: Ogramar en 19 de Junio 2020, 17:46
Buenas Sosender, lee por favor https://aprenderaprogramar.com/foros/index.php?topic=1460.0 donde hay indicaciones sobre cómo poner título a los temas, insertar código, etc. Ahí podrás ver que este título que has puesto no es adecuado (procederé a corregirlo yo mismo). Tenlo por favor en cuenta para próximos temas que abras.

El esquema de llaves está bien construido. Si se quisiera, podríamos aumentar el nivel de detalle. Por ejemplo dentro del primer texto en el contenido de la página, podríamos indicar que hay un link (etiqueta a) abriendo unas llaves a partir de este elemento; dentro del tercer párrafo p podríamos indicar que hay una imagen abriendo una llave y así sucesivamente.

El esquema de cajas me parece perfecto.

Salu2!
Título: Re:Ejercicios resueltos CSS cómo descomponer una web en modelo cajas CU01008B# CSS
Publicado por: Sosender en 19 de Junio 2020, 20:53
muchas gracias por tu respuesta. Tendré en cuenta tus observaciones para posteriores temas.
Un saludo