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 ****

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

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.

Enhorabuena por el excelente trabajo Toad.

¿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

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.