La página se divide en 5 secciones: Inicio, Índice, DIO, Música, Galería.
Dificultades generales: Insertar música, estas pueden ser reproducidas en casi cualquier navegador ya que contempla los tres formatos principales «.ogg» «.mp3» «.ogg». Uso de un fondo distinto en cada imagen, para ello se usó el código <body style=»background-color:(color en cuestión)»>. Todas las imágenes tienen el tamaño ajustado, un título y la etiqueta alt en caso de que el navegador no pueda mostrar la imagen. Uso de diversas etiquetas como padding, float o margin entre otras.
Inicio: En esta página destaca el uso de la etiqueta <hr> como intento de separar el texto de la imagen. El centrado de la imagen inferior creando una clase nueva que luego se insertó en la etiqueta imagen.
Índice: Lo más destacable de esta sección es el usar dos fondos distintos para la tabla diferenciando impares y pares. Además del uso de botones con enlaces los cuales redirigen a otra página en una nueva pestaña.
DIO: Vídeos insertados desde YouTube y centrados por «style=»text-align:center»». Además de función autoplay en la música para que empiece a sonar al entrar en la página.
Música: Se colocaron tres canciones separadas por un float right, la clase creada para centrar imágenes y otro float right en el tercer audio. Esto le da un efecto de escalera debido a la clase del segundo audio que impide que los otros audios permanezcan en su propio párrafo.
Galería: se colocaron imágenes en una tabla de dos columnas con el tamaño de ancho adaptado a 600 sabiendo que el alto se regulaba automáticamente. El fondo de esa tabla es una imagen, la usada como fondo de página web en la versión alfa. Se mantienen los bordes de tabla para mantener su estructura.
Ideas no añadidas: Utilizar la etiqueta <form> para crear un registro de usuarios, debido al pequeño contenido de la página, me pareció innecesario hacerlo. Además, no tengo el conocimiento para enviar mensajes de confirmación a un correo electrónico, aunque sospecho que depende del uso de bots. Otra idea sería la de utilizar porcentajes para los tamaños en lugar de píxeles permitiendo que funcionase en distintos dispositivos. (Esto último no se hizo por falta de tiempo)
Blog de Adrián 