Fascculo 3

Arquitectura de sitios web

Cuaderno 5: Requerimientos tcnicos de los contenidos web

Decisiones tcnicas sobre los contenidos web

Cuando armamos una pgina web, adems de seleccionar los contenidos ms adecuados a los fines y objetivos del sitio, debemos tener en cuenta ciertas necesidades y requisitos tcnicos que son fundamentales para la calidad y performance de la pgina. Las decisiones tcnicas que debemos tomar con respecto al contenido son muchas: estructuracin de la informacin, estructura de las carpetas en el servidor, tipo de archivo y tamao de las imgenes y fotografas y vnculos para descargas de archivos imprimibles.

Estructuracin de la informacin
Al momento de pensar la estructura de la informacin en una pgina web es importante disear, ya sea en papel o a travs de algn recurso tecnolgico, un organigrama con todas las secciones que queremos publicar. Esto incluye la distribucin de texto, imgenes, vnculos y otras herramientas. Las estructuras ms comunes para organizar la informacin son cuatro, veremos las caractersticas generales de cada una. Estructura en rbol

Esta estructura se disea a partir de una pgina principal que se vincula con otras pginas con menor nivel de jerarqua: esta lnea jerrquica se reitera cuantas veces sea necesario. Esta estructura era muy utilizada en los inicios de la
Fascculo 3 Cuaderno 5: Requerimientos tcnicos de los contenidos web http://competenciastic.educ.ar

Web; sin embargo, hoy no es recomendada para pginas con mucha informacin, ya que la estructura en rbol implica que para ver cierta informacin debemos atravesar todas las pginas de mayor jerarqua que la precedan. En conclusin, esta estructura solo es recomendada para pginas con muy poca informacin. Estructura lineal

No es una estructura que se utilice muy a menudo en pginas web, sin embargo dado que no es jerrquica pero implica una secuencialidad lineal y nica, es muy utilizada en pginas que presentan manuales o cursos, dado que el usuario debe recorrer forzosamente una secuencia de pginas. Estructura mixta

Es una estructura que combina la estructura en rbol y la lineal. Esta estructuracin permite una organizacin jerrquica en algunos niveles, y una organizacin lineal en otros. Esta estructuracin facilita mucho la navegabilidad de una pgina, ya que permite recorrer diferentes secciones sin necesidad de volver a la pgina de inicio. Estructura en red

Fascculo 3

Cuaderno 5: Requerimientos tcnicos de los contenidos web

http://competenciastic.educ.ar

La estructura en red es actualmente la ms utilizada, ya que permite que todas las pginas estn interconectadas entre s, por lo tanto es una estructura mucho ms compleja y menos organizada. Hay que tener en consideracin que la planificacin de este tipo de estructura se debe realizar con minuciosidad, para evitar que el usuario se pierda en la navegacin. El mapa de sitio refleja la estructura de informacin por medio de la cual est conformada una pgina web, y permite al usuario saber dnde encontrar determinada seccin o informacin.

Adems de la estructura de la informacin al nivel de la pgina o sitio web, debemos tener en cuenta que la informacin y los contenidos que se publiquen tambin deben respetar una cierta estructura. Cuando se habla de desarrollo para contenidos web se identifica una serie de recomendaciones bsicas: Los contenidos de un sitio web se organizan en forma piramidal: esto implica que la informacin ms actualizada o ms importante debe situarse en un primer nivel. Se deben destacar los ttulos, los enlaces a otras pginas, los enlaces a secciones propias, los archivos para descarga, etctera. El texto debe estar escrito de forma tal que el lector pueda saber de qu trata el contenido sin necesidad de leer por completo la informacin. Esto puede lograrse con una buena seleccin de ttulos y subttulos, palabras clave destacadas, prrafos breves, etctera.

Estructuras de carpetas en el servidor

As como la estructura de la informacin del sitio es indispensable para que los usuarios comprendan y encuentren aquello que les interesa, organizar la estructura de carpetas en nuestro servidor es indispensable para poder gestionar la pgina en perfecto funcionamiento. Lo primero que se recomienda es crear una carpeta con el nombre del proyecto o pgina web. Al interior de la carpeta principal, es preciso crear carpetas por cada seccin del sitio.

Fascculo 3

Cuaderno 5: Requerimientos tcnicos de los contenidos web

http://competenciastic.educ.ar

 Dentro de las carpetas de cada seccin, se debe clasificar el tipo de archivo, por ejemplo: imgenes, xml, html, etc.

Caractersticas tcnicas de las imgenes, fotografas y videos

Una de las grandes ventajas que tienen los soportes multimediales como la Web es la posibilidad de brindar a los usuarios informacin a travs de diferentes vas: textos, imgenes, audios, videos. Existen referencias tcnicas a tener en cuenta al incorporar imgenes y videos en una pgina web. Existen dos formas de insertar fotografas: una es agregando el archivo al servidor, y la otra es embebiendo una URL de otra pgina. A continuacin veremos las caractersticas de cada una y sus ventajas y desventajas.

Cargar imgenes y fotografas en nuestro servidor

Si decidimos cargar las imgenes en nuestro servidor, lo primero que tenemos que considerar es que tanto las fotografas como las ilustraciones tienen derechos de autor, por lo tanto aquellas que seleccionemos para nuestra pgina deben: Contar con algn tipo de licencia libre, o ser desarrolladas por nosotros mismos, o ser adquiridas en un banco de imgenes o solicitadas al propio autor. Los tipos de archivos recomendados para utilizar en pginas web son aquellos que ocupan poco lugar en el disco y aun as conservan la calidad de imagen. Los ms comunes son: .jpg Extensin de archivo que viene de la sigla en ingls Joint Photographic Experts Group o grupo conjunto de expertos en fotografa. Este grupo de expertos cre este estndar de compresin de archivos fotogrficos digitales de altsima calidad. .gif Extensin de archivo que viene de la sigla en ingls Graphics Interchange Format o formato de intercambio de grficos. GIF es un formato que mantiene la calidad de las imgenes conformadas por una paleta de 256 colores.

Fascculo 3

Cuaderno 5: Requerimientos tcnicos de los contenidos web

http://competenciastic.educ.ar

 .png Extensin de archivo que viene de la sigla en ingls Portable Network Graphics o grficos de red porttil. Es un formato de compresin sin prdida de calidad que supera algunas de las deficiencias de los archivos .gif. Sin embargo, como su uso no es tan extendido, algunos navegadores no lo reconocen. Algunos consejos para organizar las imgenes en el servidor Armar un directorio o carpeta especfica para las imgenes. Nombrar los archivos con nombres representativos de las imgenes. No usar en el nombre de los archivos caracteres extraos o tildes. Si hay una secuencia de fotos, es conveniente secuenciar tambin el nombre de los archivos.

Embeber en una pgina web imgenes, fotografas o videos

Con el desarrollo de la llamada Web 2.0 surgi la posibilidad de utilizar imgenes, fotografas o videos que estn alojadas en servidores de otras pginas web. Este puede ser el caso de sitios tales como Flickr o Picasa, para fotografas, y YouTube para videos. Estos sitios permiten utilizar imgenes o videos que estn publicados en sus sitios, y por lo tanto alojados en sus servidores. Es decir, esta nueva tecnologa, permite que insertemos en nuestra pgina una lnea de cdigo que leer el contenido de otra pgina, permitiendo as acceder a la imagen o video sin necesidad de alojarla en un servidor propio. La ventaja de embeber imgenes o videos es que no tenemos que preocuparnos por los derechos de autor de esos contenidos, ni por el espacio que ocuparn en nuestro servidor. Sin embargo, corremos un gran riesgo: si el sitio donde est alojado el video o la imagen retira el archivo, nuestra pgina perder tambin el contenido.

Vnculos para descargar archivos imprimibles

Cuando queremos ofrecer la posibilidad de que el usuario imprima los contenidos de nuestra pgina web, es recomendable generar vnculos desde los cuales se descarguen archivos en formato PDF. El nombre de esta extensin proviene del ingls Portable Document Format o formato de documento porttil.

Fascculo 3

Cuaderno 5: Requerimientos tcnicos de los contenidos web

http://competenciastic.educ.ar

Los documentos en formato PDF estn pensados fundamentalmente para optimizar la impresin. Tambin debemos tener en cuenta que generar archivos para descarga e impresin en formato PDF requiere crear este tipo de archivos.

Fuentes
lvaro Martnez Echevarra, Manual prctico de HTML, Universidad Politcnica de Madrid, Espaa, 1995. Versin digital en: http://www-app.etsit.upm.es http://www.apache.org/ http://www.desarrolloweb.com/ http://www.guiaweb.gob.cl/ http://www.javascriptya.com.ar/ http://www.nic.ar http://www.programacion.com/ http://www.tawdis.net/ http://www.webtaller.com/

Autores: Sebastin Otero Carla Maglione Coordinacin editorial: Mara Mobilia

Fascculo 3

Cuaderno 5: Requerimientos tcnicos de los contenidos web

http://competenciastic.educ.ar