Lectura 1 - El arte del diseo web

Kompozer: el arte del diseo web Disear pginas web demanda mucha meticulosidad si se buscan resultados profesionales, y pocas herramienta gratuitas son adecuadas para este trabajo. Kompozer es una de ellas. Por Carlos Rojas A simple vista es evidente que Internet ha evolucionado mucho. Hoy vemos todo tipo de novedades y servicios que causan gran impacto, como MySpace, Facebook y YouTube. Se habla de una Web 2.0, que significa contenido dinmico, y de una Web Semntica, que ofrecer ms automatizacin. Pero esas tecnologas funcionan sobre todo en el lado de los servidores; en tanto, las pginas web que vemos en el navegador no han cambiado fundamentalmente desde hace aos. De ah que el diseo de estas ha tenido pocos cambios y sigue siendo una actividad bastante 'artesanal'. Por supuesto, hay herramientas que permiten crear sitios completos; y los blog son una interesante opcin para quienes no saben de diseo web. Pero existen miles de millones de pginas en HTML (ver recuadro), diseadas manualmente por profesionales y aficionados, que muestran cmo este sencillo lenguaje sigue reinando. Ellos todava utilizan herramientas para diseo profesional tradicionales, como Microsoft FrontPage y Adobe Dreamweaver, pero estas son aplicaciones comerciales. Hallar un programa similar, pero gratuito, resulta toda una noticia. Esta herramienta se llama Kompozer, y es capaz de satisfacer tanto a los diseadores web profesionales como a los aficionados. Multiplataforma y porttil Hay muchas aplicaciones que funcionan en Windows y en Linux, pero no en Mac. Kompozer no solamente se puede instalar en Mac OS X, sino que tiene versiones para Ubuntu y Fedora, las dos distribuciones Linux ms populares. Y todas se pueden descargar desde la direccin. Adems, en Windows no requiere instalacin: basta descargar un archivo .ZIP y descomprimirlo (se recomienda hacerlo en la carpeta Archivos de programa). Eso crea la carpeta Kompozer 0.7.10 (este es el nmero de la versin), donde se

halla el archivo ejecutable kompozer.exe. Cree un acceso directo a este, de forma que lo pueda ejecutar rpidamente desde el escritorio. Incluso, si lo desea, puede copiar la carpeta a una memoria USB y ejecutar el programa desde esta, ya que adems es porttil.
Lectura 2 - Kompozer: el arte del diseo web - Continuacin

Con todo lo necesario Lo primero que sorprende en Kompozer es la rapidez con la que se ejecuta, as como la sencillez de su interfaz. Aqu no hay cosas superfluas, pero est todo lo que necesitan las personas a quienes les gusta controlar cada elemento del diseo web. El programa tiene mucho en comn con FrontPage, y menos con Dreamweaver. Es una tpica herramienta para disear grficamente que, como las aplicaciones mencionadas, ofrece varias vistas: Normal, donde se disean las pginas sin necesidad de escribir cdigo; Etiquetas HTML, una vista esquemtica de cmo estn distribuidas las etiquetas; Cdigo fuente, que muestra el cdigo HTML tal cual, y Vista preliminar, que exhibe las pginas como se vern en el navegador. Cdigo fuente es la vista para los expertos; aqu pueden revisar el cdigo para optimizarlo, e introducir lneas que no pueden ser generadas por el programa. Como otras herramientas profesionales, Kompozer dispone de pestaas que permiten trabajar al tiempo en varias pginas, entre las cuales se puede cambiar rpidamente; cuenta con una paleta de colores muy completa (se puede personalizar), un excelente cuadro de dilogo para generar tablas, ms otro muy completo para modificar estas. Las indispensables tablas HTML es muy limitado, pues fue pensado para crear pginas similares a un documento de Word; entonces por qu las pginas estn llenas de cuadros coloridos? Porque a alguien se le ocurri que en vez de agregar tablas dentro de un texto, se podan utilizar estas para meter el texto, las imgenes e incluso, otras tablas. Las tablas tienen muchas propiedades y se pueden modificar (incluso celda a celda), cambiando el color del fondo, el ancho de los bordes (que puede ser cero), los mrgenes, la alineacin horizontal y vertical, etc. Y son bsicas para

el diseo de pginas. Dado lo dispendioso que resulta crear un sistema de tablas bien organizado, los profesionales trabajan con plantillas. Estas se disean de manera meticulosa y luego se rellenan de acuerdo con las necesidades del sitio. Por ejemplo, si una empresa tiene una docena de productos que quiere presentar, necesitar otras tantas pginas, las cuales pueden generarse a partir de una plantilla. Y Kompozer facilita crear estas plantillas. Adems, el diseador puede publicar las pginas (es decir, subirlas al servidor web); trabajar con lenguajes complementarios como JavaScript, CSS, XHTML y PHP; insertar imgenes controlando sus propiedades (dimensiones, mrgenes y bordes); y crear formularios, indispensables cuando se quiere tener un sito interactivo donde, por ejemplo, los usuarios puedan enviar comentarios o registrarse.
Lectura 3 - Kompozer: el arte del diseo web - Final

Parte del proyecto Nave Kompozer y otras aplicaciones, como Firefox (el popular navegador), Thunderbird (cliente de correo electrnico), Sea Monkey (suite de programas web), Sunbird (administrador de agenda), Flock (navegador para redes sociales) y Nvu (herramienta para diseo web), forman parte de un proyecto llamado Nave, que es el nombre adoptado para la traduccin al espaol del legendario proyecto Mozilla. Nave tiene su sitio en la direccin www.proyectonave.es, y su propsito es promover las aplicaciones de Mozilla (todas de uso libre) en nuestro idioma, incluyendo aquellas derivadas de este proyecto, como Kompozer. Kompozer no pertenece a Mozilla, pero est basado en Mozilla Composer, un editor web bastante tradicional que, como su nombre lo indica, s forma parte oficial de ese proyecto. Por esta asociacin, Kompozer funciona de forma predeterminada con Firefox, por lo que conviene disponer tambin de este navegador; aunque si el diseador lo prefiere, puede utilizar Internet Explorer (o cualquier otro navegador) para probar sus pginas. Kompozer es, en pocas palabras, una herramienta completamente libre, ideal

para quienes desean aprender a disear pginas para Internet de la forma correcta, es decir, meticulosamente y entendiendo qu se est haciendo. Y tambin una excelente alternativa para quienes ya dominan los secretos del diseo web. El cdigo HTML: lento pero seguro HTML (Lenguaje de Marcas de Hipertexto) apareci en 1990 cuando Tim Berners-Lee, considerado el padre de la World Wide Web, present las primeras 22 etiquetas, que son ciertas palabras en ingls encerradas dentro de parntesis angulares como <head> (indica el encabezado de una pgina). Este sencillo lenguaje es interpretado por el navegador, y en los comienzos de la Web esto fue un problema: muchas pginas se vean bien en Internet Explorer, pero no en otros navegadores como Netscape (o viceversa), as que lo diseadores deban 'casarse' con uno. En 1994, Berners-Lee fund el Consorcio W3C (www.w3c.org) para promover la estandarizacin de la Web, y en el que participan las empresas y entidades del mundo de la tecnologa. El W3C tom HTML, cuya versin 1.0 haba sido presentada en 1993, y lanz varias versiones en pocos aos, causando cierto caos en los navegadores. En 1999 present la versin 4.01, adoptada lentamente en aos siguientes y que hoy sigue vigente. Por qu esa lentitud? Porque pocos usuarios actualizan constantemente sus navegadores, de manera que los diseadores web no pueden crear sus pginas con la tecnologa ms reciente, so pena de que resulten incompatibles con los navegadores ms viejos. La permanencia de la versin 4.01 ha hecho que navegadores como Explorer, Opera, Firefox, Konqueror (de Linux) y Safari (de Mac OS X) muestren las pginas de forma muy similar. HTML es muy limitado, por lo que se ha complementado con otros lenguajes como JavaScript y CSS (Hojas de Estilo en Cascada), que se utilizan para agregar efectos a las pginas y para manipular datos, pero que crean muchos huecos de seguridad. En 1999 el W3C lanz el lenguaje XML, con el fin de superar las limitaciones de HTML. XML result excelente para estandarizar el intercambio de datos entre diferentes plataformas, y fue fundamental en la aparicin de la Web 2.0, que

trajo las redes sociales, los blogs y los servicios (de noticias) RSS. Pero es demasiado complicado para disear pginas comunes. Adems, no admite errores, mientras que una pgina HTML con ciertas fallas s se puede ejecutar. En el 2000, el W3C lanz XHTML 1.0, mezcla de HTML y XML, considerado fundamental para la denominada Web Semntica (Web inteligente?), pero que no fue ciertamente el remplazo de HTML. En el 2004 el consorcio inici la implementacin de la versin 5.0 de HTML, que conserva la sencillez tradicional de este lenguaje (incluso lo simplifica), agregndole nuevas caractersticas, como el manejo de multimedia. HTML 5.0 est prcticamente listo, pero su adopcin tardar, entre otras cosas porque Internet Explorer an no lo soporta. Por ello, las herramientas para diseo web, como Kompozer, siguen trabajando con HTML 4.01.
Lectura 4 - El presente del diseo web = Gestores de Contenidos

CMS - SISTEMA DE ADMINISTRACION DE CONTENIDOS: Los CMS (Content Management System - Sistema de administracin de contenido.), son herramientas diseadas en ambientes web para construir contenidos para sitios web de forma interactiva, estos utilizan bases de datos para almacenar toda la informacin que manejan. Pero contrario a lo que podemos pensar la administracin de los CMS es bastante fcil, pues las bases de datos son casi transparentes al usuario y en algunos programas especficos solo se interacta con estas al crear la base de datos para la instalacin del sitio CMS. Los CMS segn diversos autores tienen una caracterstica muy importante que esla opcin de separar el diseo de la informacin por lo que la actualizacin visual de un sitio solo se basa en el cambio de un tmplate o plantilla lo cual no alterapor ningn motivo la informacin del sitio, por el contrario lo hace ms dinmico yde mayor interaccin con el usuario no avanzado quien puede administrar su SitioWeb sin ningn problema. CARACTERSTICAS DE UN CMS. se aloja de forma local en un servidor Web necesita una o ms bases de datos para gestionar los contenidos

 se basa en sistemas multiusuario de administracin con perfiles o roles definidos. Puede ser accesado y administrado por medio de Http o FTP Su entorno grafico esta dado por la aplicacin de templates o plantillas Dependiendo de la herramienta que se use estos gestores pueden ser Privativos o de Cdigo Abierto. Pueden usar diferentes lenguajes de programacin entre ellos listamos algunos: Active Server Pages, Java, PHP, ASP.NET, Ruby On Rails,Python. Pueden ser utilizados en diferentes campos como la educacin en lnea, la informacin, comercio en lnea, noticias, blogs, correos entre otros.