Rediseñando que es gerundio
Sábado , 20 de Agosto de 2005. Enrique Barbeito García

Bueno, tanto como rediseñar… me agrada el diseño actual pero me gustaría rehacerlo desde cero. Y más que un cambio de diseño, sería una reestructuración en relación con las secciones de este sitio, las URL (¿incluso un cambio de dominio? tal vez) y también mejorar un poco la visualización, estrechando y centrando más el contenido, mejorando tipgrafías, juego de colores, hipervínculos, listados, formularios, etc.
El problema es que es un poco difícil a lo que me gustaría llegar, un conjunto de secciones estáticas, bitácora con WordPress, un wiki (quizás DokuWiki) y tal vez una galería de fotos (aunque no sé si la volveré a dejarla pública). Manteniendo un diseño homogéneo en todas las zonas y suficientemente accesible, al menos para el mayor número de navegadores / resoluciones. Me gustaría que la presentación de los contenidos se amoldara al navegador del visitante y no al revés. Me encantaría hacer un diseño elástico lo más compatible posible con los navegadores más utilizados aunque esto último lo veo difícil: un diseño con texto, imágenes, formularios y prácticamente toda clase de entidades HTML que mantenga siempre la elasticidad… y además implementarlo tanto a secciones estáticas como al wiki y hacer un tema para WordPress. También revisar todo el archivo de anotaciones de esta bitácora, corregir todas las burradas que he ido haciendo hasta el momento, los enlaces rotos y además conseguir que todo valide.
Siguiendo con lo del diseño elástico, además me gustaría mantener cierto número de columnas fijo para no romper la estética del sitio. Quiero ocupar la mayor parte del espacio de la pantalla pero solo cuando las resoluciones sean, como máximo, de 1024×768. Para resoluciones mayores me gustaría que el ancho de columna se mantuviera como si de una resolución a 1024×768 se tratase. Luego, no he visto diseños elásticos más que en sitios de ejemplo y algún otro más (100px.com por ejemplo; es, más o menos, elástico) y esto ya me dice, de ante mano, que no debe ser tan fácil como parece a priori. Si os interesa este tema, me serían muy útiles vuestras opiniones ¿qué os parece un diseño elástico para un sitio web de tipo personal (secciones estáticas, weblog y wiki)?
Bueno, hace unos días estuve trasteando con Dia, un software libre de diagramación para muchos modelos de datos. Hasta ahora lo venía gastando de vez en cuando para hacer esquemas Entidad-Relación pero me puse a tontear con él y al final me dio por pasar alguno de los esquemas que tengo hechos en papel de la estructura de esta página. Más o menos, el resultado quedaría como se muestra en la figura de arriba. Los números, en rojo, del uno al cuatro, vendrían a ser las distintas partes (cabecera/menú, columna izquierda, columna de contenidos y pie de página) abarcando todo el ancho posible aunque con ciertos márgenes y quedando centrado. La página inicial sería una presentación del sitio, sin menú horizontal, con una foto personal y un listado (menú vertical) de secciones.
Respecto al menú y secciones, pues me gustaría disponer de algo así (a riesgo de estar olvidando alguna cosa):
- inicio/
- acerca/
- #web
- #autor
- #fotos
- #cv
- #contacto
- #licencia
- proyectos/
- blog/
- #info
- #buscar
- #archivo/
- #calendario
- #anual
- #mensual
- #individual
- #destacado
- #categorias/
- #al-azar (salta!)
- #blogroll/
- #castellano
- #catalan
- #ingles
- #sindicacion
- #anotaciones
- #comentarios
- #categorias
- #planetas
- #estadisticas/
- enlaces/
- wiki/
- #codigo
- #textos
- #traducciones
- #configuraciones
- Etcétera. (resto del wiki)
Parece que haya mucha cosa pero realmente no es tanto. Lo más trabajoso sería la parte del blog y el wiki pues, además de desplegar todas las secciones, sería amoldar el diseño (CSS) a cada uno de ellos. Además quiero mantener una copia exacta de todo en un servidor externo a éste (sería en el de mi casa) a modo de copia de respaldo y, sobre todo, para experimentar antes sobre la copia, privada, que directamente sobre esta página pública.
Son muchas ideas que me vienen, ideas que quiero poner a la práctica cuando tenga la base anterior. Lo que más me echa para atrás a la hora de ponerme a ello es lo que he comentado antes: el deseo, casi obsesión, de que se vea como yo quiero en el mayor número de visitantes. Es un tema que incluso le he cogido cierta manía pues no dispongo de recursos suficientes como para hacer todas las pruebas necesarias, ni la paciencia como para invertir el tiempo que necesita algo así.
Sé que puedo rediseñar pero no sé hasta qué punto seré realmente capaz de llevar mi idea del papel a la web.
¿Has pensado en Drupal? Te adjunto un enlace con alguna opinion mia sobre por que lo elegi.
Hola Daijo, gracias por la sugerencia. Probaré Drupal, como usuario lo vengo empleando en algunos sitios y me gusta. Sé que, para lo que quiero tener (algo más que un weblog), con emplear una herramienta de weblogs me quedo un tanto corto. Tal vez un CMS de verdad se me ajuste más e incluso me será, a la larga, más fácil de mantenerlo todo.
Me voy a empapar de Drupal para ver si me convence aunque no estoy del todo seguro si finalmente terminaré utilizándolo para este sitio. Tal y como está ahora WordPress, quizás consiga montar más fácilmente el chiringuito con él.
Un saludo
Si no lo intentas no sabrás nunca si serás capaz o no, yo lo tengo bastante claro ;). Es ponerle ganas e imaginación. ¡Ánimo!.
Yo creo que si mantienes una web durante tanto tiempo, debes de ser capaz. Me gusta mucho este estilo, pero si el que viene es mucho mejor, adelante!!!.
Un Saludo
En cuanto al rediseño CSS del sitio no es que sea mas dificil el elastico, sino que tienes que tener en cuenta que en un monitor de 2000 pixels de ancho es incomodisimo leer las lineas de izquierda a derecha, lo ideal son de 60 a 90 caracteres a gusto de cada uno para no cansar la lectura, asi que elastico bien, pero limitando el ancho a 1024 pixels por ejemplo, cosa que Internet Explorer por no cumplir las especificaciones CSS2 no acepta max-width (creo recordar). Es ahi donde sale la dificultad, ningún navegador lo interpreta igual habiendo de recurrir a hacks y demas historias…
Fijate por ejemplo en http://www.456bereastreet.com/
con Firefox usa ancho elastico, pero con IE no, es fijo. En cambio http://www.100px.com/ si que es elastico en IE.
Buuf!! Cambio y corto!