Directorio de Recursos

Tipos de Archivos

  • Ícono de documento PDF. Archivo PDF
  • Ícono de documento HTML. Archivo HTML
  • Ícono de documento Word. Archivo MS Word
  • Ícono de documento Excel. Archivo MS Excel
  • Ícono de documento RTF. Archivo de texto RTF
  • Ícono de documento ZIP. Archivo comprimido ZIP

Conozca más sobre los tipos de archivos y programas auxiliares.

Ofrece vínculos a herramientas y otros recursos de software gratuitos disponibles en Internet orientados a facilitar el trabajo de los equipos a cargo del desarrollo de sitios Web de Gobierno. La información está en diferentes idiomas.

Herramientas de Validación

Hera

Es una herramienta para revisar la accesibilidad de páginas web de acuerdo a las especificaciones de las Guías de Accesibilidad de la World Wide Web Consortium (WCAG 1.0). Servicio Gratuito.

http://www.sidar.org/hera/index.php.es

TAWdis

Test de accesibilidad, permite Validación de un sitio completo utilizando las normas de validación WAI, entrega un reporte con detalles de los errores y propone soluciones para los mismos. Servicio Gratuito.

http://www.tawdis.net/taw3/cms/en

W3C MarkUp Validator

Servicio de validación de documentos como HTML y XHTML según las recomendaciones del Consorcio W3C y otros estándares. Entrega un informe detallado con los errores encontrados.

http://validator.w3.org

W3C Link Checker

Verifica el correcto funcionamiento de "anchors" (hyperlinks) en documentos HTML/XHTML. Se recomienda usarlo frecuentemente para detectar enlaces (links) rotos o inconsistentes. Ofrece varias alternativas para la construcción del informe.

http://validator.w3.org/checklink

W3C CSS Validation Service

Servicio de validación de hojas de estilo (CSS, Cascade Style Sheets) o documentos que usan hojas de estilo. Ofrece tres alternativas para la validación de CCS: URL, subir un archivo (upload) y por medio de un área de texto. Además, se ofrece la alternativa de bajar una aplicación para usarla en forma local.

http://jigsaw.w3.org/css-validator/

Consejos Prácticos

Manejo de CSS

Este es un sitio elaborado por un grupo de profesionales expertos en desarrollo y diseño de Web, incluye una completa colección de artículos y recomendaciones para resolver problemas frecuentes relacionados con el armado, montaje y programación de hojas de estilo, CSS. Incluye tópicos como: Diseño, Browsers, Contenidos, CSS, Negocios, Herramientas, Procesos, XHTML, etc.

http://www.alistapart.com

Accesibilidad de objetos Flash

Flash ha evolucionado en los últimos años, incluyendo módulos de accesibilidad en sus productos; Adobe entrega guías para lograr este objetivo.

http://www.adobe.com/es/accessibility/

Arquitectura de Información

Arquitectos de Información de Chile

Esta es una organización que agrupa a los profesionales que practican la Arquitectura de Información en Chile; ofrecen información, actividades y recursos.

http://www.aichile.org/

Information Architecture Institute

Este instituto es una organización de voluntarios dedicados a la promoción y avance de la arquitectura de información, incluye un directorio de recursos, ejemplos de experiencias, noticias y articulos relacionados con el manejo de contenidos.

http://www.iainstitute.org/

Visual Vocabulary, Jesse James Garret

Este documento trata las consideraciones en el desarrollo de tales diagramas, delinea una simbología básica para hacer diagramas de conceptos de arquitectura de información y diseño de interacción, y entrega guías para el uso de estos elementos.

http://www.jjg.net/ia/visvocab/

Redes Sociales

Guía de buenas prácticas para el uso de Twitter en instituciones públicas - ChileClic

Documento en constante proceso de revisión y actualización que reúne sugerencias y buenas prácticas para el uso y administración de esta red social por parte de servicios del sector público.



http://www.guiaweb.gob.cl/recursos/documentos/Guia_buenas_practicas_TW_ChileClic_2011.pdf

Herramientas

Browsers

Completo listado de Browsers disponibles para navegar, incluye los más populares y también los que permiten explorar en formato "Solo Texto".



http://browsers.evolt.org/

Gestión y Manejo de Proyectos

Actualmente, existe una gran cantidad de herramientas (software) orientadas a hacer más eficiente la gestión de proyectos, obviamente, muchas de estas herramientas aumentan su grado de dificultad dependiendo de con que objetivos han sido creadas. Sin embargo, hay varias herramientas que pueden ser usadas para coordinar de mejor forma el desarrollo de un sitio Web, algunas implicarán el gasto en la compra de licencias. En este sentido, la elección de la herramienta dependerá necesariamente del presupuesto y la posibilidad de investigar entre las herramientas gratuitas existentes (Open Source). Podemos mencionar las más conocidas:

PhpCollab, Project Management

Consiste en una aplicación basada en LINUX que funciona como una página Web y que permite llevar el control de las etapas del desarrollo (planificación, diseño, programación y puesta en marcha) asignar tareas a personas del equipo y controlar su cumplimiento.

http://phpcollab.sourceforge.net/

Otras herramientas en http://sourceforge.net/

Microsoft Office Project

Office Project es un software cliente que tiene costo de licenciamiento y que habitualmente está incluido con la compra de licencias Office de Microsoft, es una herramienta muy completa que puede ser usada para la coordinación y seguimiento de proyectos diversos, por lo que del desarrollo de un sitio Web puede ser controlado perfectamente con esta herramienta. En este vínculo se entrega una completa guía de trabajo y ayuda para poder usar adecuadamente el programa.

http://office.microsoft.com/

Administración de Contenidos

Uno de los problemas comunes en los proyectos Web tiene que ver con el ingreso y actualización de contenidos, para resolver esto y evitar la actualización manual de las páginas, existen herramientas automáticas, basadas en relaciones con bases de datos. Estas herramientas dan un carácter más dinámico a los sitios pero al mismo tiempo exigen la dedicación de una persona o un equipo que se encargue de su operación, de la misma manera, estas herramientas tienen costos asociados que debe ser considerados a fondo antes de tomar cualquier decisión y afectan el diseño original del proyecto y la tecnología necesaria para su funcionamiento. Por lo general, estas herramientas son diseñadas a la medida, aún cuando en el mercado y en Internet existen algunas que permiten ser instaladas y usadas en forma inmediata. Por ejemplo:

Joomla Open Source

Joomla es una herramienta gratuita de Open Source (Código Abierto) que permite la creación y administración de Sitios. Basada en el software Mambo, está diseñado en plataforma Linux y requiere ser instalado en un servidor de esas características. Permite el manejo de usuarios, control de plantillas de despliegue, publicación, encuestas, foros y otros módulos propios del Web. Esta herramienta está siendo utilizada por la Comunidad Tecnológica Gubernamental del Gobierno de Chile.

Plone, Zope y Python

Plone es una herramienta gratuita de Open Source (Código Abierto) que permite la creación y administración de Sitios.

http://plone.org/countries/conosur

Adobe Contribute

Software licenciado que facilita a personas o equipos las tareas de actualización, mantención, creación y publicación de contenidos HTML en cualquier Sitios Web. Permite que usuarios no técnicos actualicen el contenido del Web manteniendo los estándares de estilo (CSS), diagramación y código del Sitio.

http://www.adobe.com/products/contribute/

Manejo de Imágenes

Existe una gran cantidad de herramientas que están hechas para el manejo de imágenes, muchas de ellas están basadas en modos diferentes de dibujo, estas diferencias tienen directa relación con el tipo de objeto (imagen) con el que se trabaja, resolución y la calidad final del mismo. Existen programas específicos para manejo de imágenes que son usadas en diseño profesional y que han derivado a programas más pequeños, que fusionan la manipulación de mapas de bits (bitmap) con la orientación a objetos (coordenadas) para facilitar la creación de imágenes para Web. Aprender a usar estas herramientas no es difícil, aunque siempre es recomendable la asesoría externa, puesto que el diseño requiere de una intervención especial.

Gimp

GIMP es un programa de tratamiento de imágenes libre. Es ideal para tareas como retocar fotografías, crear imágenes para la web, etc. Se distribuye bajo una licencia libre, lo que permite usarlo, distribuirlo o incluso adaptarlo a las necesidades de cada uno.

http://www.gimp.org.es/

Adobe Fireworks

Software orientado específicamente a la creación de imágenes para publicar en Sitios Web, incluye opciones y efectos como sombrado y resalte de color. Permite guardar los archivos en diversos formatos y facilita el intercambio con programas.

http://www.adobe.com/products/fireworks/?promoid=home_prod_fw_082403

Adobe Photoshop

Este es el programa profesional más completo para el manejo de imágenes digitales, permite hacer efectos y trucos fotográficos de gran calidad, maneja las imágenes en mapas de bits, lo que muchas veces podría dificultar la creación de imágenes livianas para publicar en el Web. Sin embargo, las ultimas versiones incluyen un módulo especial que incluye todas las opciones de exportación para Internet.

http://www.adobe.com/products/photoshop/index.html

Adobe Illustrator

Este programa permite la creación de ilustraciones en formato liviano y de gran calidad, sus ultimas versiones permiten la creación y exportación de imágenes de vectores para publicar en Sitios Web, a diferencia de Photoshop, este programa esta orientado a objetos, es decir, dibuja las figuras como vectores y no como mapas de bits.

http://www.adobe.com/products/illustrator/index.html

Adobe Freehand

Este programa permite la creación de ilustraciones en formato liviano y de gran calidad, sus ultimas versiones permiten la creación y exportación de imágenes de vectores para publicar en Sitios Web, a diferencia de Photoshop, este programa esta orientado a objetos, es decir, dibuja las figuras como vectores y no como mapas de bits.

http://www.adobe.com/products/freehand/?promoid=home_prod_fh_082403

HTML

HTML Tidy

Al editar un documento HTML es fácil cometer errores de escritura, esta herramienta permite ajustar esos errores en forma simple y automática ordenando el código. Facilita la construcción de páginas HTML estándar según las especificaciones de accesibilidad de la W3C. Esta es una herramienta de software libre y no requiere compra de licencias, se recomienda leer la documentación relativa al programa.

HTML Kit

HTML-Kit es una herramienta de alto nivel de desarrollo de HTML, puede ser usada para crear, editar, validar, previsualizar y publicar páginas Web y scripts en un ambiente de generación de código ordenado y con posibilidades de trabajo en diferentes objetos como archivos JAVA. Ofrece acceso en línea a múltiples herramientas de validación para archivos en formatos HTML, XHTML, XML y CSS.

http://www.chami.com/html-kit/

XENU, Link Checking Software

Es un software araña que comprueba sitios Web para descubrir si contienen vínculos quebrados. La verificación se hace sobre enlaces normales, imágenes, marcos, plug-in, fondos, mapas de imagen, hojas del estilo (CSS), Scripts y Java applets. Entrega un listado de todos los elementos que corresponden a un vinculo especificando el estado de cada uno y la información relativa al objeto. EL software se instala en el PC y permite hacer un chequeo a sitios en Internet desde el escritorio.

http://home.snafu.de/tilman/xenulink.html

TopStyle

Este software tiene costo de licencia y es una excelente herramienta para crear y editar documentos HTML, XHTML y especialmente manejo de CSS en un mismo programa. Entre muchas de sus funciones se destacan: el chequeo específico de la estructura y sintaxis de CSS para múltiples browsers; conversión de HTML a XHTML con la integración de TYDY e incluye los estándares de validación de W3C HTML Validator. La versión "lite" es gratuita.

http://www.newsgator.com/Individuals/TopStyle/Default.aspx

Manejo de Color

Color theory, tutorials & resources

Sección de Laboratorio de manejo de colores relacionado con un software creado para la selección de colores aplicados en diferentes medios. Esta sección es de acceso gratuito y entrega información relativa a teoría del color, ejemplos de aplicación y combinaciones de colores, tutoriales y documentos de referencia. http://www.tigercolor.com/color-lab/Default.htm

http://www.tigercolor.com/color-lab/Default.htm

VISCHECK: Chequeo Visual

Vischeck es un sitio que entrega información relativa a enfermedades que afectan a la vista y que afectan la forma en que una persona puede ver con alguna distorsión colores e imágenes. También se ofrece la posibilidad de revisar on-line cómo vería un sitio una persona daltónica, entregando algunas herramientas que se pueden descargar. Según este sitio, su sitio puede verse como usted no lo imagina.

http://www.vischeck.com

Web Safe Color: Paleta de Colores Seguros

Contiene una imagen con una lista de colores seguros (Web Safe Color) que pueden ser aplicados y se verán de la misma manera en los diferentes Browsers. Cada color incluye los valores hexadecimales y RGB.

http://www.lynda.com/hexh.html

NOTA: Algunas direcciones de Sitios externos pueden cambiar sin previo aviso, en caso de que ello suceda, sugerimos que nos dé aviso y que vaya a la portada de cada sitio para iniciar la búsqueda del documento.