Artículos relacionados
Consulta las guías básicas

¿Quieres verlo? Abre el navegador que utilices. En este ejemplo lo haremos con el más utilizado: Internet Explorer. Pulsa en “Ver” en el menú y luego en “Código fuente”.

A continuación se abrirá una ventana que contiene el código que se ha utilizado para crear la página web que estás visualizando.

En el navegador Mozilla Firefox la ruta es muy similar. Puedes ver el códifo fuente de una web pulsando en el menú “Ver” y luego en “Código fuente de la página”.

Gracias a muchas herramientas y programas que simplifican el trabajo, no hace falta conocer HTML y otros lenguajes para crear webs.

Una web es un documento alojado en una red al que se accede mediante enlaces.

Una página web está compuesta principalmente por información (texto o multimedia) e hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse o aplicaciones incrustadas para hacerla interactiva.

¿Para qué se utilizan?

A la hora de crear una página web es importante tener claro cuál es el objetivo que se persigue con la misma. En todo caso, los objetivos que una organización puede perseguir a través de la creación de una web son múltiples:

• Dar a conocer la organización y sus actividades.
• Sensibilizar.
• Movilizar e incidir en la política.
• Captar y/o fidelizar socios/as, voluntariado, colaboradores/as.
• Captar fondos.
• Promover la participación.

¿Cómo hacerlas?

Comentamos elementos técnicos necesarios en toda web:

Dominio. Es la dirección web (también conocida como URL) que tiene la página, aquella que tecleamos en el navegador para visitarla. Una página puede tener varios dominios.

• Dominio no personalizado. Frecuentemente, los servicios gratuitos para la creación de foros, webs o blogs ofrecen dominios no personalizables, difíciles de memorizar y bastante largos… pero gratuitos. Ejemplo: asociacionficticia.webmuygratis.org.
• Dominio personalizado. Existen muchas empresas con diferentes precios donde se puede adquirir un dominio. Ejemplo: asociacionficticia.org

Alojamiento (hosting). Es el espacio donde se alojan los archivos de una web.

• Alojamientos gratuitos. Existen servicios de alojamiento gratuito, aunque suelen tener algunas limitaciones de capacidad.
• Alojamientos de pago. Existen diversas empresas que alquilan alojamientos. Contar con uno suele suponer mayor control sobre los archivos de nuestro sitio.

Archivos. Hablamos de los archivos que componen el sitio en sí. Para construir cada una de las páginas de una web se pueden utilizar varios sistemas.

• HTML. La forma más básica de desarrollar un sitio es escribiéndolo directamente en lenguajes como el HTML.
• Editores web. Existen programas como Nvu, FrontPage o DreamWeaver con los cuales no hace falta conocer el HTML.
• Gestores de contenido. Permiten desarrollar sitios más fáciles de actualizar por una o varias personas. Pueden dar lugar a sitios sencillos, blogs, tiendas virtuales, portales o periódicos, por ejemplo. Estas aplicaciones se instalan en el alojamiento, que deberá tener unos requerimientos técnicos adicionales.

Opciones técnicas

Según nuestros recursos económicos, técnicos y humanos y según también nuestros conocimientos, podremos escoger entre varias formas de construir nuestra página. De esta elección también dependerá la cantidad de opciones que ofrezca este sitio.

Para entenderlo mejor, exponemos varios ejemplos:

Caso 1

• Ejemplo. Contratar a una empresa o personal especializado y adquirir un dominio personalizado y un alojamiento de pago.
• Técnicamente. Cualquier posibilidad imaginable, si la empresa y/o el personal es el adecuado.
• Desventajas. Requiere de grandes recursos.
• Ventajas. Adaptación y personalización total.
• Recomendado para… Organizaciones que deseen un proyecto muy concreto, muy adaptado a su trabajo que no se pueda desarrollar plenamente a través de alguna herramienta ya existente.

Caso 2

• Ejemplo. Instalar un gestor de contenidos libre y gratuito en un alojamiento de pago y adquirir un dominio personalizado. Necesitaremos a una persona que realice la instalación y la configuración.
• Ventajas. Podemos obtener un sitio fácil de actualizar por nosotras mismas con una pequeña formación. Necesitaremos pocos recursos económicos.
• Desventajas. Dependeremos de una persona para los cambios oportunos en la estética y estructura del sitio.
• Recomendado para… Grupos que desean disponer de un sitio muy actualizado, participativo y colaborativo.

Caso 3

• Ejemplo. Si creamos un sitio en Neositios o un blog en Blogger.
• Técnicamente. El sistema nos ofrecerá gratis un dominio no personalizado, alojamiento gratuito y un gestor de contenidos sencillo.
• Desventajas. Es posible que en nuestra página se inserte algo de publicidad (depende del sistema que escojamos), que tengamos que adaptarnos a ciertas limitaciones o que el dominio sea algo difícil de recordar, aunque siempre tendremos la opción de comprar un segundo dominio más fácil.
• Ventajas. Facilidad, rapidez y gratuidad.
• Recomendado para: pequeños proyectos, iniciativas temporales, organizaciones sin apenas recursos que quieran desarrollar una comunicación efectiva inmediatamente.

Como hemos comentado, nuestra elección de una de estas formas para crear una web dependerá de nuestros recursos económicos, nuestros conocimientos y aquello que deseamos que la página ofrezca.

En su número 17, la revista de FEVOCAM (pdf) incluye el documento “Análisis de páginas web, la imagen del voluntariado que transmitimos”.

El estudio es parte de una reflexión más amplia sobre “el modelo de voluntariado y de entidades de voluntariado que defendemos y promovemos desde la Federación”.

Método de trabajo

El objetivo del trabajo era conocer la información que las entidades miembro de la FEVOCAM (la Federación de Entidades de Voluntariado de la Comunidad de Madrid) transmiten en sus páginas web en materia de voluntariado.

Para ello, utilizaron como recurso metodológico la observación estructurada, definiendo tres categorías generales:

• Voluntariado: responde a lo que cada entidad entiende por voluntariado. Se quería averiguar cómo las entidades buscan y se dan a conocer ante potenciales personas voluntarias.
• Entidad: responde a los objetivos y fines que la entidad persigue, así como todo lo relacionado con la organización de la misma.
• Personas beneficiarias: responde a los colectivos objetivo de sus acciones y la relación que establecen con ellos.

Algunas conclusiones

• La misión y la proyección de la entidad quedan reflejadas con claridad.
• Resulta más difícil analizar la información sobre el colectivo beneficiario, donde dejando aparte el colectivo, es poco habitual encontar una explicación directa de la relación que se establece.
• La figura del voluntariado, en muchos casos, queda difusa o aparece de manera incompleta, especialmente a la hora de presentar los requisitos que pudieran ser necesarios: la actividad que se debe realizar, las exigencias que en cada caso son necesarias o la expectativas que pueda tener la entidad respecto al voluntariado.

A la hora de crear sus webs, bastantes ONG optan por utilizar la tecnología Flash por sus espectaculares resultados. Sin embargo, utilizar Flash para este propósito es una práctica poco recomendada.

¿Por qué no hacer una web en Flash?

• Accesibilidad. La tecnología Flash no es accesible para personas que necesitan -por ejemplo- un lector de pantalla para visitar webs.
• Posicionamiento. Los buscadores dan menos importancia al contenido en Flash. Antes, ni siquiera leían la información de los ficheros Flash. Y, aunque lo hagan, por ahora la relevancia será mayor si está en HTML, el lenguaje estándar de las páginas web. Si quieres que tu página salga de las primeras en los buscadores, hazla con HTML.
• Dependencia. Crea dependencia de un formato que no es estándar. Flash depende de las decisiones comerciales de la empresa creadora: Macromedia. ¿Qué pasaría si Macromedia decidiese actualizar los módulos de los navegadores para una nueva versión de Flash sin tener la compatibilidad con las versiones anteriores? Esta situación forzaría a la ONG o la empresa a contratar una remodelación de la web.
• La web será más difícil de actualizar. Flash no es estándar, HTML sí. Por lo tanto hay más gente que conoce HTML que Flash. A la hora de hacer cambios en una web, habrá mucha más gente preparada para hacerlo si está hecha HTML. Esto implica un coste menor de mantenimiento.
• Primar lo espectacular sobre la información o la participación. Dado que con Flash es muy sencillo hacer animaciones espectaculares, los equipos de diseño se suelen centrar en esta potencia para hacer web muy llamativas. Dejan de lado aspectos como la facilidad de uso y buena organización de la web, propiedad fundamental de un sitio web.
• Pérdida de control por parte de quien visita la página. Con Flash no se puede decidir si un enlace de la web se abrirá en una ventana nueva y tampoco podemos añadir una sección a nuestra carpeta de enlaces favoritos.
• Web lenta. Los contenidos en Flash se cargarán más lentamente que los contenidos creados en HTML.
• Dificultamos la impresión y la copia de contenidos. Si una persona quiere imprimir una web en Flash o guardar o enviar parte de sus contenidos, se lo estaremos poniendo muy difícil.
• Limitación de estadísticas. Con Flash sólo podremos saber cuántas personas visitaron la portada de la web, no sus secciones.

¿Cuándo puede ser recomendable utilizar Flash?

• Campañas muy visuales
• Webs artísticas
• Sitios educativos
• Banners
• Gráficos
• Visitas virtuales
• Películas y vídeos
• Juegos

Fuentes

• Galinus
• Gestiopolis
• Embat consultors

Aquí tenéis un ejemplo:
http://zanahorias.weebly.com

Puedes además:

• Elegir varias plantillas, que no personalizarlas. En alguna plantilla puedes cambiar la imagen de cabecera. Pude ser interesante para incluir el logo de la ONG.
• Utilizar un dominio personalizado o uno gratuito.
• Incluir fotos, mapas, vídeos, publicidad, formularios de contacto, archivos, galerías fotográficas, HTML y un sistema para desplegar contenidos RSS.
• El blog tiene RSS, sistema de comentarios y categorías. Puedes añadirle cositas como un twitter, enlaces de del.icio.us, etc.

Imágenes del editor por dentro. De la parte superior vas arrastrando los elementos y luego los editas con un click.

Me parece una buena opción para entidades que no tengan previsto publicar y gestionar demasiados contenidos, sino tener una presencia en la Red. Especialmente indicado por su sencillez, aunque sólo disponible en inglés… pero es más bien visual.

Vía Pymecrunch.

Son entidades que tienen una web corporativa (buena, mala o pésima), pero que intenta responder sólo a las necesidades comunicativas de la sede general, muchas veces olvidando las sedes territoriales. Se suelen limitar a incluir un mapita con los datos de contacto.

¿Y qué pasa con esa información hiper local interesantísima que pueden generar las sedes locales? ¿No llegarán a más personas con sitios especializados por zonas? ¿Es un problema de centralismo? ¿Es un tema de control de imagen e información? ¿Qué soluciones puede haber para esto? ¿Qué experiencias podemos encontrar y contar?

Por ejemplo, me gustaría acercarme a la de Ecologistas en Acción. Amnistía está en ello.

Uno de ellos puede ser el alojamiento de webs o formación para realizarlas.

En este sentido te puedes plantear si promover:

• Páginas federadas tipo plataformavoluntariado.org/almeria o plataformavoluntariado.org/asturias con un aspecto similar al corporativo de la entidad estatal u otro diferente, pero bajo el mismo dominio. Dan sensación de equipo y significan ahorro de dominios, tanto costes económicos como de memorización. El problema: si no están actualizadas, dan mala imagen unas a otras.
• Páginas autónomas, con su dominio y diseño propio. Refuerza la identidad y el sentimiento de pertenencia a la entidad. Quizá también refuerzan el sentimiento de responsabilidad sobre el sitio.

¿Qué os parece cada opción?

¿Quién se va a encargar de realizar el proyecto? ¿Cómo repartiremos los cargos?

Si esta persona deja de encargarse de este proyecto… ¿qué pasará con el sitio?, ¿de qué manera lo podremos seguir manteniendo?

Pongamos que tuviéramos que planificar un posible traspaso de una web… o de toda la identidad digital de una entidad. ¿Cómo se haría?

Anoto algunas ideas:

• Documentación sobre la planificación del espacio (objetivos, recursos, etc.).
• Realizar y clasificar copias de seguridad de… todo.
• Teléfonos de contacto con soportes técnicos varios y las empresas de diseño y de programación implicadas.
• Documentación sobre la programación y el acceso a las entrañas del sitio: contraseñas, lenguajes utilizados, versiones de la tecnología utilizada, servidores, cuentas FTP, URL de administradores, cuentas, etc.
• Mini libro de estilo de redacción.

Seguro que se os ocurren más cosillas.

Participar en la creación y los contenidos del sitio hasta cierto punto nos asegura que sabremos cómo acceder a nuestros sitios y cuentas. Podremos mantener el espacio si la persona contratada, la empresa contratada, alguien de la familia o la persona voluntaria que la lleva… deja de hacer ese trabajo.