Reforma en la web

Queridos amigos. Acabo de hacer una profunda reforma en la página web. Estoy hasta las narices del NVU (editor de páginas libre) y me he deshecho de él. Ahora escribo directamente en el Bloc de notas de windows enfrentándome a pecho descubierto con el html. Lo malo que es el NVU ha sido la causa mi decisión. Hay muchos ejemplos de su ineptitud, uno de los más graciosos es el siguiente: Si escribías una página con él y luego mirabas el código fuente, te podias encontrar, sin haberlos pedido, comandos que decían al navegador qué hacer con el tamaño y el estilo de los caracteres de una frase: "¡Hazlos más grandes!", "¡Hazlos más grandes!", "¡Hazlos más grandes!" y luego... "¡Hazlos más pequeños!", "¡Hazlos más pequeños!", "¡Ponlo en negrita!", "¡Hazlos más pequeños!", "¡Quita la negrita!", llenando el código de instrucciones contradictorias que en el resultado final no se veían pero que hacían que la página fuese el doble de grande y, por lo tanto, tardase el doble en cargar.

Otro cambio que he aprovechado para hacer (importantísimo), ha sido el menú de la izquierda. Antes estaba integrado en cada página, por lo que si quería hacer un cambio en él, tenía que ir página por página introduciendo la modificación. Al final, todas las páginas estaban desactualizadas, porque siempre me cansaba antes de acabar. Ahora he encontrado la forma de que sólo tenga que cambiar una página y el resto se cambien solas. ¡Dios te bendiga, comando iframe!.

Mi album en picasa, http://picasaweb.google.com/CrystalANF, también estaba muy desatendido, y casi no lo usaba. Ahora he añadido a algunas entradas más fotos a través de esta aplicación. Se ven mejor que en la web y además pesan menos para mi pobre hosting.

Pero sin duda la reforma más importante ha sido que, ya que me ponía a corregir el código html corrupto por el nvu, he incluido un nuevo lenguaje en el código de la página: hojas de estilo en cascada o CSS.
Al principio, todo el mundo que ha visto el nuevo diseño, no ha notado nada. Al rato ya descubren novedades: "ahora hay unos bordes laterales granates..." "los vínculos cambian de color al pasar el ratón por encima...". A simple vista son cambios menores, pero la verdadera reforma está en el código. Antes, cuando entrabas en esta página web, mi servidor le decía a tu navegador: "la página es amarilla, las letras son arial y negras, aquí hay una lista, aquí un menú, aquí hay que poner una línea...". Si seguías navegando por la web y entrabas en otra página, el servidor volvia a decirle lo mismo (sin que hubiese cambiado nada): "la página es amarilla, las letras son..." y así cada vez que entrabas en otra página de la misma web. Todo eso se ha acabado con el CSS. Ahora cuando entras en este humilde blog, tu navegador descarga en primer lugar las órdenes sobre el formato (color de fondo, estilo de letra, tamaños, bla,bla,bla,bla...) y, a continuación, lo que es la información en sí. Si luego te mueves por mi web, al cambiar de página ya no es necesario volverte a descargar el formato, el navegador ya lo tiene y lo aplica de nuevo a la información de la nueva página. De esta forma, es necesario bajarse menos, para leer lo mismo. La página web pesa ahora mucho menos (antes: 8 mb, ahora 1,2), ahorro ancho de banda, la velocidad a la que la web se carga aumenta y, además, está mucho más bonita (opinión personal y que puede que no compartas).

Por último, añadir que como con el proceso de reforma he tenido que revisar todas las páginas, he corregido algunas faltas de ortografía que moraban por la web. También he arreglado links rotos que dificultaban la navegación y links a páginas que ya no existían. Aún así, seguro que quedan muchas cosas que no funcionan bien, sí encuentras algo, lo que sea, por favor, escribeme un mail: mario@mariogonzalez.es

Publicado el 26 de octubre de 2008.