Ceklog

Vivernet, (programa de la Conserjería de Infraestructura y Desarrollo Tecnológico de la Junta de Extremadura, en colaboración con Fundecyt), ha presentado el lanzamiento de la fase nacional de selección de equipos que representarán a España en el Webdesign International Festival 2005/2006 (WIF 2005/2006).

Dicha selección nacional tendrá lugar en Cáceres los días 18 y 19 de noviembre de 2005 y consistirá en el diseño de una página web sobre un tema definido por el jurado por parte de los equipos multidisciplinares de todo el país (profesionales y amateurs), para lo que dispondrán de 24 horas ininterrumpidas.

El ganador o ganadores representarán a España en el Webjam Contest, celebrado en el ámbito del WIF, en la final que se desarrolle en Francia los días 2, 3 y 4 de febrero de 2006, en la que participarán representantes de todos los países socios de este acontecimiento (España, Francia, Inglaterra, Rusia, Bélgica, Polonia, Canadá, Estados Unidos y Brasil).
Previamente, el día 17 de noviembre, tendrá lugar un Encuentro de Diseñadores Web, en el que se contará con la presencia de un miembro de la Asociación Andaluza de Diseñadores como ejemplo de buenas prácticas, y en el que se podrá debatir la situación del sector, problemáticas actuales, formas de asociarse, etc.

Para inscribirse hay que darse de alta en esta web. Se me olvidaba, hay papeo y tapeo gratis en hotel de ****

Vía Blogpocket me encuentro con una herramienta on-line llamada WordPress Index Builder que es capaz de construirte todas las plantillas necesarias para cambiar el aspecto a tu instalación de WordPress. El trabajo realizado por el autor es inconmensurable, te permite seleccionar desde cosas tan complejas como los juegos de colores en una paleta, hasta cosas tan sencillas como incluir un feed Atom. La verdad es que es totalmente configurable. Una vez finalizado el cuestionario de requisitos puedes descargar el nuevo tema y aplicárselo en menos de un minuto a tu bitácora. Entre los DEBE he de decir que se echa en falta poder previsualizar el “template”, aunque sea en una bitácora genérica.

Hoy es el día del trabajo y el día de la Madre, pero lo que no sabía era que también era el día del CSS Reboot, muchas de las páginas habituales de mi feedreader lo han seguido, y curiosamente yo sin quererlo también lo he hecho aunque a mi manera, actualizando WordPress y cambiando el template
¿Os gusta el cambio? A mi de momento me gusta, quizás cambie el fondo y retoque algunas cosillas, pero en general me gusta bastante.
Por cierto, estoy pensándome poner el AdSense porque Guti me puso los dientes largos el otro día.

En el curioso blog de Juglar hay dos categorías de artículos muy interesantes. Una es la de CSS y otra la de RSS.

Si alguien todavía no sabe que son CSS y RSS tiene la oportunidad de saberlo.

Hace un par de días en un post de logicanova había un enlace a esta página en el que se encuentra un listado muy completo de editores de hojas de estilo en casacada (CSS).

En esa lista se encuentra CSSED que es un excelente editor para GNU/Linux o UNIX. Entre sus posibilidades están el resaltado de la sintaxis, autocompletion (lista y pop-up), selector scanner, scratch pad (drag and drop), marcadores, vista del árbol y la validación entre otras características. Es una aplicación GTK2.

Un editor totalmente recomendable.

Hoy seguimos con otro manual/tutorial para aprender a diseñar una Web siguiendo los estándares del W3C. En este caso se trata de un tutorial de iniciación a CSS que ha escrito nuestro amigo Toad y que os recomiendo encarecidamente.

Enhorabuena por el excelente trabajo Toad.

En esta entrada del blog de JJ, Anónima ha realizado las siguientes preguntas:

¿Ques son los CSS, por qué es malo hacerlo con tablas?

¿qué son frames? ¿en qué influye eso en lo que yo veo en la página web?

¿por qué os parece mal que salten ventanas, y se usen javascript, mapas de imágenes para menús? ¿que hay de malo en los pdf?

Yo he intentado contestar a las preguntas y creo que es posible que haya mucha gente a la que le interesen las respuestas, por eso las reproduzco aquí:

* Las CSS son hojas de estilo en cascada que se utilizan para separar el contenido de la presentación, las CSS se encargan de la presentación tanto de letras como de fondos, tamaños y posiciones, y siguen un estándar, por lo que se ven (o al menos deben verse) bien en todos los navegadores del mercado. Es obvio que el contenido está en los ficheros (X)HTML, por lo tanto tendremos separado el contenido (archivo XHTML) y la presentación (archivo CSS).

* Usar tablas es malo porque incluimos dentro del archivo de contenido (el XHTML o HTML) las normas de presentación, por lo que el resultado final es que el contenido no es independiente de la presentación y esto implica que es menos reutilizable y más difícil de mantener.

Es muy importante una correcta separación del contenido de la web y de su presentación porque esto nos permite utilizar una presentación distinta para distintos cometidos, por ejemplo podemos querer una presentación para impresión y otra para verla en el navegador. Con CSS la solución es inmediata, basta hacer un CSS para cada cometido, ¿cómo lo harías con tablas?

* Los frames dividen una web en varios trozos, en cada uno de esos trozos se puede incrustar un archivo (X)HTML, hasta aquí perfecto, el problema llega cuando alguien accede a tu página con un navegador antiguo que no soporta los frames, entonces este visitante no podrá ver tu web. Lo mismo ocurriría con un navegador en modo texto como Lynx (muy utilizado por personas con discapacidades como los invidentes). También el usuario puede tener problemas si accede a una web con frames y la resulución de su pantalla no es la suficiente como para que los 2 o los N frames se visualicen en ella, no es muy raro ver monitores que sólo permiten una resolución de 640×480 en universidades, como tampoco es extraño ver páginas web exclusivamente diseñadas para 800×600 o 1024×768 (y sino que se lo pregunten a PJorge :P).

* Me parece mal que salten ventanas por el mismo motivo anterior, porque no es usable, hay navegadores que no lo soportan y personalmente me molestan, ¿por qué hacer saltar una ventana si ese contenido se puede poner en la web, o si se puede poner un enlace a esa página de forma ortodoxa?.

* El uso de Javascript es distinto, hay cosas que no se pueden hacer con (X)HTML porque es un lenguaje de marcado y NO un lenguaje de programación como mucha gente piensa. De ahí que se necesiten lenguajes de script como Javascript para realizar ciertas operaciones y algoritmos.

* En cuanto a los mapas de imágenes para menús no me parece mal que se usen si hay un menú alternativo de texto, ya que como he dicho antes hay navegadores que no permiten imágenes.

* En los PDFs no hay nada de malo, ¿alguien ha dicho lo contrario?

Espero haberte aclarado las dudas.

Puedes leer más y documentarte con ejemplos en este artículo que publiqué hace tiempo.

Salu2

Todos los que trabajan normalmente con páginas web saben que es posible, sin ir más lejos esta bitácora sepera el contenido (HTML o XHTML) de la presentación (CSS).

Podéis ver como queda esta web si le quitamos el archivo CSS (el de presentación) en esta dirección.

Es muy importante una correcta separación del contenido de la web y de su presentación porque esto nos permite utilizar una presentación distinta para distintos cometidos. Por ejemplo, podéis ver que si escogemos la opción File->Print Preview en Mozilla/Firefox se nos mostrará el contenido con un formato listo para impresión, en Internet Explorer se hace en Archivo->Vista Preeliminar. Esta presentación para impresión la lleva a cabo la hoja de estilos CSS que podéis encontrar en esta dirección.

Esto lo explicó minid hace unos días en un excelente artículo.

Espero que quede clara la importancia de disponer el contenido y la presentación no como un todo, sino como partes separadas que se complementan según las necesidades.

Otra forma que está ahora en auge pero que se usa menos es la utilización de documentos XML a los que se les aplica una serie de transformaciones mediante el lenguaje XSL. En el documento XML se encuentra el contenido y el documento XSL indica las reglas a aplicar a ese contenido.

He hecho un ejemplo de esto que se puede ver aquí.
Mirad primero el resultado en el navegador y después mirad el código fuente para entender el resultado.

Pulsad con el botón derecho para descargar el fichero XML

Pulsad con el botón derecho para descargar el fichero XSL

Actualización: Hermann nos deleita con un maravilloso artículo sobre la importacia de separar contenido de presentación. Os animo a que lo leais.