Galería de imágenes añadida

Al final me he decantado por usar el servicio que comentaba en la anterior entrada, debido a su atractivo visual y facilidad de uso ya que poder coger directamente imágenes de flickr es una gran ventaja.

URL de la galería

Así mismo, he estado cambiando el diseño diurno tal y como podéis comprobar en la web. Guarda bastante paralelismo con el estilo nocturno, solo que con colores claros y la ubicación de las cosas es la contraria (columna principal a la derecha en el diurno, columna principal a la izquierda en el nocturno, etcétera.).

Un saludo,

FAQ creado y sección Agradecimientos

Han sido dos ideas que tuve justo antes de acostarme y hoy he llevado a cabo: una sección FAQ con intención de ayudar a la navegación (el tema de los estilos, o por qué se ven cosas regular en Internet Explorer) y en la que pondré la información necesaria para colaborar con la web ya que seguramente suba una galería de imágenes asociada a cuentas Flickr para facilitar la colaboración de la gente (ver aquí).

Y la otra sección para agradecer a la gente su colaboración, empezando por Carlos de la ETSIT y por Carretero quien me ha cedido la imagen que forma parte del título de este blog y de la versión nocturna de la web. ¡Espero que esta lista vaya en aumento!

Pero aún así todavía me queda alguna que otra galería por probar.

¡Seguiré informando!

Añadido el ranking y en busca de un visor para la galería

Ya disponemos de un ranking global sobre España y otro en particular sobre Madrid de construcciones de más de 150 metros y 100 metros respectivamente (información sacada de la wikipedia).

Para ello he utilizado listas numeradas, y en el css he creado el siguiente código:

/* Para el ranking */
#lista {
background-color: #E8E8E8; /* para el nocturno */
margin: 0;
padding-top: 0.5em; /* márgenes */
padding-left: 1.5em;
padding-bottom: 0.5em;
font-size: 100%;
color: #000000; /* letra negra */
}

Espero que os guste cómo está quedando ;-).

Y mientras estoy buscando un visor decente de imágenes... que próximamente lo añadiré y así podré dar a conocer la web en urbanity y otras webs.

Saludos,

Inauguración oficial

Acabo de subir los ficheros al servidor y ya se puede navegar por ella :).

La url es la siguiente: http://batlin.hosteando.org/tewc/index.html

Como veréis he modificado el layout (dos columnas sólo) y ya he fijado más o menos la distribución que tendrá la web.

Así mismo, ya he implementado el código necesario para los hipervínculos. Tomé como ejemplo el del diccionario visto en clase, que consta de dos archivos .js (scripts/jquery-1.2.3.pack.js y scripts/madridalcielo.js) y el código necesario en index.html (declarando las etiquetas que luego se procesan desde madridalcielo.js).

Saludos,

Manos a la obra (durante la semana Athens)

He comenzado con el diseño nocturno tomando como layout esta url (del diurno ya me encargaré más tarde) pero ya he probado el script necesario para cambiar de estilo y funciona correctamente.

Podéis encontrarlo aquí: http://www.alistapart.com/articles/alternate/.

Por ahora hay poca cosa, ya he creado la imagen para el título nocturno y he hecho el gradiente añadiendo en el css este código:

background: url(../img/gradiente2.png) 0% 0% repeat-x; /* fondo gradiente */

Próximamente miraré el tema de los hipervínculos y la implementación de secciones de la galería de imágenes y el ranking.

Informe sobre la web a realizar

Informe sobre la web a realizar.

1. Mi web tratará sobre arquitectura centrada en los edificios altos (o rascacielos) que en España podemos clasificarlos como aquellos que superan los 50 metros de altura (a años luz de otras ciudades jeje).
Principalmente me ocuparé de la situación en Madrid, aunque no descarto ampliar la información incluyendo edificios de Barcelona o Bilbao, ciudades en las que también podemos encontrar a estos colosos.
¿Por qué esta temática? Porque siempre me ha gustado la construcción en altura (y todo lo que ello conlleva) y es posible que en Madrid empecemos a ver un auge de este tipo de edificios que sin duda cambiarán el estilo de nuestra ciudad.

2. Objetivos: aprender HTLM, css y todo lo que se imparta en el curso.
Objetivo público: poder mostrar información y fotografías (realizadas por mi en la mayoría de los casos) a todo aquel que se sienta curioso por este tipo de edificios.

3. Webs de la misma temática:
- http://www.urbanity.es/
- http://skyscraperpage.com/

4. Secciones y estructura:
- Noticias de actualidad (sobre los nuevos proyectos que surjan o los rascacielos que estén en construcción)
- Listados de edificiós según su ubicación (puediendo acceder a páginas individuales para los rascacielos más importantes).
- Fotografías.
- Y alguna otra sección que pueda añadir a última hora.