NOV 11, 09

Ejercicio 1 del curso diseño Web.

Esta entrada pretende ser un ejercicio para aquellos que tras leer la primera entrada de la serie Curso de Diseño Web, ¿Cómo funciona la Web?, quieran ejercitar lo aprendido.

Imagine que el dueño del cabaret café (un elegante café situado en el teatro Antonio Buero Vallejo de Guadalajara) le pasa esta servilleta con un listado de los cafes que se ofrecen en su local. Quiere que le hagas una página Web sencilla.

Servilleta con instrucciones para construir una página Web

Tareas

  • Abrir un archivo en su editor preferido (Notepad, Textmate, ...)
  • Escribir dentro del mismo el menú que nos paso el dueño del cabaret Café en la servilleta. Sin la nota en la esquina superior derecha.
  • Grabarlo como index.html
  • Abrir el archivo index.html en un navegador

Debería ver algo como lo mostrado en la siguiente imagen

Como puede ver es necesario etiquetar nuestra primera página en HTML. Añada HTML a su archivo y debería ver algo así:

Sin no sabe como hacerlo puede descargar un archivo ZIP con el archivo HTML.

La siguiente tarea es añadir algo de estilo. Intente que su página quede como en la siguiente imagen. Puede descargar un archivo ZIP con el archivo HTML que incluye el código CSS con la solución.


Boletín de email Subscribase a mi lista de correo si quiere recibir ocasionalmente un email con un resumen de las mejores entradas en este blog y de mis mejores tweets. Como máximo un email cada dos semanas. Hay un enlace para cancelar la subscripción en cada email. Su email es totalmente privado, no se lo daremos ni mostraremos a nadie.

Subscripción Para recibir actualizaciones automaticamente de todas las entradas futuras publicadas en este blog, subscribase aquí. Puede seguirme también en twitter

Lista de Lecturas

Curso de Diseño Web

  1. ¿Cómo funciona la Web? | Ejercicio
  2. Enlaces
  3. Primeros Esbozos
  4. ¿Cómo publicar una página en la Web?
  5. Imágenes
  6. Estandard HTML
  7. Añadiendo estilo con CSS
  8. Fuentes en CSS
  9. El modelo de Caja
  10. Tablas

Manual para gestores de páginas Web

  1. Los seis pilares del diseño Web
  2. Entrevistas con las partes interesadas
  3. Informe Diseño Web