Autor Tema: Ejercicios resueltos CSS cómo descomponer una web en modelo cajas div CU01008B#  (Leído 2701 veces)

Sosender

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 10
    • Ver Perfil
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


Esquema cajas


« Última modificación: 19 de Junio 2020, 21:55 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2659
    • Ver Perfil
Re:Ejercicio del cuaderno CU01008B CSS
« Respuesta #1 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!

Sosender

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 10
    • Ver Perfil
muchas gracias por tu respuesta. Tendré en cuenta tus observaciones para posteriores temas.
Un saludo

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".