Rediseñando NNL Newsletter (I)
Haremos algunos cambios en la estructura anterior…
<dl>
…
<dt id="nnl_1_4">Feedback: Los lectores preguntaron…</dt>
<dd id="feedback">
<dl>
<dt class="ask">From: MP emonicap@*</dt>
<dd class="message">
<p class="to"><strong>To:</strong> nnl@hushmail.com</p>
<p class="subject"><strong>Subject:</strong> Consulta disquetera</p>
<p>Gracias por permitir consultas :)</p>
<p>¿Saben si hay alguna manera por software de inhabilitar
la escritura en la disquetera?</p>
<p>Desde ya gracias,
Mónica</p>
</dd>
<dt class="ans"><strong>From:</strong> nnl@hushmail.com</dt>
<dd class="nnl">
<p><strong><abbr title="Respuesta" xml:lang="es">R:></abbr></strong> Hablando de una simple plataforma Windows como opciones
tenes varias… o bien podes deshabilitarla desde
propiedades en "MI PC", sino hablando en un plano command-line tenes Floplock.exe (<span xml:lang="en">Lock Floppy Disk Drives</span>)
disponible en el resource kit de NT o por último <a href="http://www.protect-me.com/dl/" hreflang="en">http://www.protect-me.com/dl/</a> -software-</p>
</dd>
</dl>
…
<dl>
<dt class="ask">…</dt>
<dd class="message">…</dd>
<dt class="ans">…</dt>
<dd class="nnl">…</dd>
</dl>
…
</dd>
…
</dl>
Ahora realmente ud. pensará que yo estoy muy loco, ¿Cómo se le ocurre hacer una anidamiento de listas de definiciones?. En defensa propia y evitar que me “encasillen”, me remito a la especificación.
Otra aplicación de DL es, por ejemplo, dar formato a un diálogo, de modo que cada DT identifica al hablante, y cada DD contiene sus palabras.
El elemento dd id="feedback" va a contener todas las preguntas/respuestas hechas/dadas a/por Carlos Tori por/a sus fieles lectores, esa sería la descripción del término: Feedback: Los lectores preguntaron….
Ahora bien, dentro del elemento dd id="feedback" nos encontraremos con varias listas de definiciones, la cuales mostrarán los distintos “dialogos” que mantiene Carlos Tori con sus lectores. Se han marcado debidamente los distintos elementos.
dt class="ask"- Identificamos al lector, en nuestro caso indicamos sus direcciones de correo electrónico.
dd class="message"- Indicamos el mensaje del lector, adicionalmente se coloca el Asunto y a quien va dirijido el mensaje (aunque sea obvio).
dt class="ans"- Identifica a Carlos Tori, en nuestro caso indicamos su dirección de correo electrónico.
dd class="nnl"- Indicamos la respuesta dada por Carlos Tori al lector.
Ya para finalizar esta primera entrega, mejoramos el pie de página y le agregamos un contenedor a nuestro documento.
Mejora en el pie de página:
<div id="footer">
<p><em>Carlos Tori</em><br />
<a href="http://www.wedoit.com.ar/">WedoIT</a> - NNL Newsletter<br />
<acronym title="Pretty Good Privacy" xml:lang="en">PGP</acronym> ID 0×7F81D818</p>
<p>Feedback, trabajo, sponsors, notas, contribuciones, dirigirse a:
<a href="mailto:soporte@gmail.com">soporte@gmail.com</a>.</p>
</div>
Agregamos un contenedor al documento:
<body>
<div id="wrapper">
…
</div>
</body>
Vea una muestra de los cambios hechos al documento.
En la próxima entrega vendrá lo divertido para muchos, mejorar la presentación del documento a través de hojas de estilos en cascada o CSS.
03.30.2005 a las 2:37 pm
Muy muy didáctico el artículo. A ver cuándo llega la siguiente parte
07.19.2005 a las 3:27 am
Pedazo artículo, Milton. Buenísimo de verdad. Enhorabuena. Esperando la siguiente entrega para seguir aprendiendo a hacer las cosas bien “de verdad”.