/* el blog de diseño web de Alex Urrea


Terminado otro sitio…
Julio 2, 2008, 4:53 am
Archivado en: nuevos sitios, tendencias | Etiquetas: , ,

Hoy terminé el www.hornosurrea.com

Es un sitio que había hecho hace ya unos 2 años cuando empezaba en el rollo. El primer sitio era todo hecho en slices, photoshop y luego lo que se llamaba Adobe ImageReady, en el se hacían los rollovers y se cortaba todo para el html. Hacer cambios era un dolor de cabeza o a lo mejor algo imposible. Gracias a Dios por el CSS y el markup nuevo web2.0.

Para el nuevo sitio de Hornos Urrea, quise hacer primero una mezcla de flash y html, a modo de banner. En esas estaba, terminando el banner gigantesco que puse en el index2.html, cuando vi un template de flash que se llama Carrousel. Que basicamente es un slideshow que uno determina en un archivo XML. Ese lo logré poner en index.html, y creo que quedó bastante bien. Tuve un poco de problemas con el posicionamiento pero al final con unos paddings de -32px quedo en su lugar.

Luego necesitaba una columna de noticias, que permaneciera fija en cada página. Lo malo es que aún no quiero usar PHP para estas cosas. Así que usé iFrame. Este es un código que me dio la función de postear un documento dentro de otro. Entonces las noticias las manipulo en news.html y se cambian automáticamente al llamar el archivo en cada página. Esto me ayudó a no tener que pegar las noticias en cada una de las 20 páginas que conforman el sitio.

Para las fotos utilicé el shadowbox, que está tan de moda por cierto. Y como no va a estarlo si es la forma más sencilla y elegante (hasta ahora elegante) de mostrar las fotos sin necesidad de moverse. No tardará en volverse tan popular que ya nadie lo va a querer usar… en fin.

Volví a usar un menu pegado al header y un submenu sencillo. Creo que a mi gusto es lo más fácil de usar y más user friendly. A mi gusto no se debe experimentar con botones super cargados de efecto 3D. Esto estoy seguro irá cambiando.

En fin, cuentenme que les parece el sitio…


Aún no hay comentarios por mucho
Deja un comentario



Deja un comentario
Línea y párrafo se rompe automáticamente, direcciones email nunca se muestran, permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>