Aprendiendo a crear el formato de un Blog (III)

Han pasado varios días desde mi última nota en este blog. Han sido días muy interesantes en varios aspectos. En esta nota me voy a referir únicamente a lo que he aprendido acerca de editar páginas de estilo desde que comencé este blog.

Después de completar el tutorial de Westciv, decidí que ya sabía lo suficiente para empezar a atacar el problema. Estaba equivocado. Re-descubrí aquella máxima que dice que: a programar solo se aprende programando.

Inicialmente traté de editar el Template directamente en Blogger.com, pero entender la estructura de la página a partir de los identificadores resulto todo un reto.

Decidí intentar un nuevo camino. Use Internet Explorer para obtener el codigo HTML de http://nerdalvolante.blogspot.com y lo guardé en mi computador con el nombre index.hmtl. Copié el template de Blogger y también lo guardé en mi computador con el nombre style.css. Me di cuenta que Blogger no usa páginas de estilo separadas de la página de contenido sino que las combina en una sola páginal html. Intente usar Style Master para separar estos dos elementos y poder editar el estilo desde una herramienta gráfica, pero no logré que Style Master entendiera lo que yo trataba de hacer (es posible que se pueda y yo simplemente no encontré como hacerlo). Mi siguiente paso fue usar notepad para editar index.html y - usando style.css como muestra - borré todo el código que estaba incluido en ambas páginas. Luego abrí Style Master y creé una página de estilo nueva a partir de index.html. Finalmente copié el texto de style.css en la ventana de edición de Style Master y presto! Ya podía hacer cambios en el estilo y ver en tiempo real el efecto que estos tendrían sobre el resultado final. Podía además seleccionar un área en el preview y ver que identificadores la estaban definiendo y cuales eran sus propiedades. En otra nota voy a hablar sobre lo que aprendí tratando de modificar el estilo.