Arquitectura de la Información en Sitios Web

Arquitectura de la Información en Sitios Web es una asignatura obligatoria donde se estudian los fundamentos para la creación de sitios web accesibles y operables. La importancia de una buena arquitectura de la información, las herramientas del prototipado y el diseño de sistemas de navegación operables son los puntos de partida para crear estructuras sólidas y consistentes en hiperdocumentos. A partir de ahí y con el conocimiento de lenguajes destinados a documentos digitales como XHTML, XML o SGML, o bien el código CSS para modificar el aspecto de las páginas, disponemos de diversas herramientas para la creación de sedes web como son los editores de páginas web o los gestores de contenidos. Estas y otras materias son las que conforman esta asignatura en la que hemos cursado las siguientes unidades didácticas:

La asignatura fue realizada en el curso 2012-2013. A continuación presentamos el resumen de 3 artículos y algunas de las actividades desarrolladas a lo largo de esta asignatura.

_________________________________________________________

 

Arquitectura de la información en sedes Web

  • Arquitectura de la información, diseño de navegación y usabilidad
  • Bases teóricas del diseño de navegación: sistemas y etiquetado
  • Navegación hipertextual: estructuras y esquemas para su organización
  • Tipología de enlaces
  • Sistemas de ayuda a la navegación


Palabras clave: arquitectura de la información; diseño de navegación; usabilidad; sistemas de navegación; navegación hipertextual; etiquetado; hipertexto; enlace hipertextual; barra de navegación; rama jerárquica; menú desplegable.

 

Arquitectura de la información, diseño de navegación y usabilidad

La arquitectura de la información y la usabilidad son disciplinas que han sentado, y continúan elaborando, las bases para la creación de sedes web accesibles, usables y navegables. Si bien es cierto que en la actualidad existen editores de páginas Web que facilitan mucho el trabajo, también hay que remarcar la complejidad de estos procesos a la hora de implementar dispositivos interactivos. La Web, aparte de ser un documento marcable (HTML), es una interfície que hay que programar (Javascript, Java, PHP,...). En este sentido, el diseño de navegación se ve afectado por esta complejidad, ya que para aplicar algunas herramientas para la orientación de la navegación se requiere de conocimientos en programación.
La arquitectura de la información aporta los métodos y herramientas para estructurar, organizar y etiquetar los componentes que conforman los entornos informacionales. Su objetivo principal es facilitar el acceso a la información de la que se componen esos entornos, especialmente, los sitios Web, a partir de la organización de la información, su rotulación, el diseño de la interacción, el diseño de navegación y el diseño de la interfaz de usuario.
A su vez, el diseño de navegación propone bases prácticas para la estructuración, etiquetado y navegación de la Web. Las dos disciplinas están complementadas por los estudios de usabilidad.
La usabilidad, según la norma ISO 9241-11 (1998), trata de medir la eficacia, eficiencia y satisfacción en el uso de un producto por parte de usuarios específicos. Según Wikipedia, "La usabilidad (..) es la medida de la facilidad de uso de un producto o servicio, típicamente una aplicación software o un aparato (hardware)". En relación a una sede Web, es una disciplina que se encarga de analizar la experiencia y el grado de facilidad de uso por parte de los internautas a partir de diferentes tipos de pruebas. Los resultados obtenidos a partir  de los estudios de usabilidad servirán para mejorar el diseño de navegación y la arquitectura de la información en general.

↑ Subir

Bases teóricas del diseño de navegación: sistemas y etiquetado

Un buen diseño de navegación selecciona los sistemas de navegación que mejor se adecuan a los contenidos y al uso que le dan los usuarios de la sede Web. Los sistemas más extendidos son, entre otros, los menús, barra de navegación, breadcrumbs o hilo de Ariadna, mapas de navegación o sitemap, índices,... Estos se pueden dividir entre:

  • Sistemas de navegación integrados:
    • Globales. Facilitan el acceso a toda la Web
    • Locales. Accesibilidad a subpáginas
    • Adicionales. Accesibilidad a secciones no disponibles de forma inmediata con los dos sistemas anteriores
    • Contextuales. Integrados en el contenido, en el texto de las páginas para facilitar el acceso a información complementaria
    • De cortesía. Acceso a ítems poco comunes: formulario de sugerencias, información de contacto...
  • Sistemas de navegación remotos
    • Mapas. Acceso al sitemap o mapa del sitio para dar una visión panorámica de la arquitectura del sitio Web
    • Índices. Listado alfabético de temas con enlaces a páginas relevantes

El principio básico de la arquitectura de la información para el diseño de sistemas de navegación es que exista contexto y flexibilidad:

  • Contexto. El usuario debe saber dónde se encuentra en todo momento. Para ello se debe mostrar la estructura de la información de forma clara y consistente a lo largo de toda la navegación.
  • Flexibilidad. Una de las características de la navegación hipertextual es la lateralidad y la verticalidad en la navegación. Ahora bien, hay que ser medidos en el uso de la flexibilidad porque si bien es una ventaja para la rapidez de acceso a información diversa, también puede ser contraproducente por la gran cantidad de opciones existentes.

El etiquetado de páginas y sistemas de navegación tiene un peso destacable en la arquitectura de la información. Algunos principios básicos son:

  • Interacción: sistema - mundo real. El sistema debe mostrar un lenguaje natural, comprensible por los usuarios
  • Consistencia y estándares. Evitar la ambigüedad
  • Cada página tendrá un nombre fácilmente identificable y deberá ocupar un lugar jerárquicamente correcto para ubicar al usuario y para identificar el nivel de información
  • El nombre debe tener una tipografía, tamaño y posición para mostrarse como encabezado
  • El nombre de la página ha de coincidir con el texto de los enlaces que nos dirigen hacia ella

↑ Subir

Navegación hipertextual: estructuras y esquemas para su organización

Existen dos modos básicos de navegación:

  • Con dirección. El usuario busca una información concreta
  • Sin dirección. Navegación sin orientación predeterminada. El usuario activa enlaces según el interés que le presentan.

A partir del recorrido realizado detectamos tres estrategias de navegación hipertextual:

  • Navegación en anchura. Activación de todos los enlaces del nodo consultado
  • Navegación en profundidad. Opuesta a la anterior. Se navega a partir de un enlace concreto en cada nodo obviando el resto.
  • Navegación combinada. Uso de las dos anteriores en función de las necesidades informativas, del objetivo de la navegación y/o de los resultados obtenidos.

Según los estudios de usabilidad, generalmente la secuencia de navegación suele ser: en profundidad / combinada/ en anchura.
La organización de la navegación en la Web se fundamenta en base a estructuras y esquemas. Ambos permiten comprender el conjunto de la arquitectura de la navegación inherentes a un sistema hipertextual.

  • Estructuras. Formas genéricas para relacionar fragmentos de información. Por lo general, un hipertexto se compone de dos o más estructuras de navegación. Destacamos cuatro:
    • Secuencial. La estructura más sencilla, puesto que solo permite una única ruta de navegación y por ello es la más rígida. Responde al desarrollo de una argumentación o bien a la enumeración de elementos con una misma tipología.
    • Jerárquica. Aquí coexisten nodos que dan una visión más general con otros más específicos.
    • En tabla. Cuando la información está organizada en función de dos criterios, se puede emplear este tipo de estructura a partir de nodos dispuestos en filas y columnas.
    • En red. La estructura más compleja, puesto que hay interconexión entre casi la mayoría de nodos principales. Se recomienda acompañar este tipo de estructuras con una mapa de navegación.
  • Esquemas. Procedimientos para fragmentar y estructurar la información:
    • Exactos. De forma alfabética, cronológica o geográfica
    • Ambiguos. Por temáticas o tópicos, por tareas, por audiencia,...
    • Híbridos. Combinando dos o más esquemas

↑ Subir

Tipología de enlaces

Los enlaces permiten conectar un nodo con otro y son los responsables de materializar las estructuras de navegación. Destacamos tres tipos de enlaces:

  • Jerárquicos. Corresponden a la estructura jerárquica del sitio Web
  • Asociativos. Permiten la creación de estructuras en red y en tabla al unir fragmentos de información complementarios.
  • Secuenciales. Constituyen la estructura secuencial.

Otra forma de clasificar a los enlaces es en función de su efecto al conectar nodos de origen y de destino:

  • Enlace de sustitución. El nodo de destino sustituye al de origen
  • Enlace de superposición. Al seleccionarlo, se abre una nueva ventana superpuesta respecto a la de origen.

Por último, a nivel terminológico convenimos en que el anclaje es el punto de salida y llegada del enlace hipertextual:

  • Anclaje de salida. Es el de referencia, punto de partida. Se representa con palabra subrayada o icono.
  • Anclaje de llegada. O referente; generalmente corresponde a la parte superior del nodo.

↑ Subir

Sistemas de ayuda a la navegación

A partir del diseño de navegación se implementan los diversos sistemas de ayuda a la navegación. Estas herramientas o dispositivos son la principal vía para la navegación en hipertextos y proporcionan la noción de la organización de la información en base a estructuras y esquemas. Su objetivo principal es proporcionar contexto y flexibilidad.
Sistemas de ayuda a la navegación más destacables:

Sistema Forma de implementación con tecnología web
Barra de navegación HTML (Javascript)
Barra jerárquica HTML
Menú desplegable Javascript
Enlace incrustado HTML (Javascript)
Tabla de contenidos HTML
Índice HTML
Visita guiada HTML (Javascript)
Mapa de navegación HTML
Botón de retroceso Navegador
Histórico de nodos visitados Navegador
Marcaje de nodos Navegador
Mapa conceptual Navegador

[Fuente: Cristòfol Rovira. Artículo 1.5. Arquitectura de la información en sedes Web [en línea]. En Cristòfol Rovira; Mari Carmen Marcos; Lluís Codina (dir.). Máster en Documentación Digital. Barcelona: Área de Ciencias de la Documentación. Departamento de Comunicación. Universidad Pompeu Fabra, 2012. https://www.documentaciondigital.org]

Definiciones de algunos de los sistemas:

  • Barra de navegación. Barra o menú de navegación es un conjunto de enlaces que se va repitiendo a lo largo de la navegación dentro de un hipertexto. Se puede estructurar de forma textual, gráfica o de forma combinada, con un gráfico etiquetado.
  • Rama jerárquica, migas de pan, hilo de Ariadna o breadcrumbs. Permite ubicar al usuario a partir de una línea secuencial (localizada, generalmente, en la parte superior del hipertexto) que indica los antecedentes jerárquicos de nodos seleccionados o bien donde se ubica el nodo consultado. Su indicación es a partir del título de cada página respetando su jerarquía.
  • Menú desplegable. Utilizado cuando se dispone de poco espacio y se tiene que mostrar muchos enlaces. Al seleccionar el dispositivo, generalmente una etiqueta, se abre un menú desplegable que contiene una lista de enlaces.
  • Enlaces incrustados. Enlace que aparece dentro del texto como forma de salida o ancla hacia información u opciones complementarias. Generalmente se suele subrayar las palabras más relevantes que indican la ubicación del enlace incrustado.
  • Mapa de navegación textual o gráfico. Sirve para ver de forma global los contenidos de un hiperdocumento; muestra los títulos de todas las páginas del sitio Web y su jerarquía.

Con todo lo visto en este artículo, el autor concluye que la usabilidad, la arquitectura de la información, la experiencia de usuario y el diseño de navegación son disciplinas complementarias entre sí y que persiguen, bajo diferentes perspectivas, el mismo objetivo: páginas web de calidad.

↑ Subir

Bibliografía seleccionada

  • Baeza, R.; Riverca, C.; Velasco, J. (2004). "Arquitectura de la información y usabilidad en la web". El profesional de la información, v. 13, n. 3, mayo-junio 2004.
  • Codina, L.; Rovira, C. (2001). "Diseño hipertextual basado en la evidencia: nuevos resultados del proyecto documentación digital de la universidad pompeu fabra de barcelona". Revista española de documentación científica, vol 24, núm. 1, pàgs. 85-89
  • Nielsen, J. (2000). Usabilidad: diseño de sitios web. Madrid: Pearson Educación.
  • Perez-Montoro Guiérrez, Mario (2010). Arquitectura de la información en entornos web. Gijon: Trea.
  • Rovira, C.; Codina, L. (2003). "La orientación a objetos en el diseño de sedes web: hipertextos y representación de la información". Revista española de documentación científica, vol 26, num. 3, pags. 267-290.

 

Recursos        Mapas mentales y conceptuales:    Mindomo 

 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

El prototipado en la Arquitectura de la Información

  • Funciones del prototipado en la arquitectura de la información
  • Clases de prototipado: blueprints y wireframes

Palabras clave: prototipado; arquitectura de la información; blueprint; wireframe; usabilidad; accesibilidad


Funciones del prototipado en la arquitectura de la información

Según el autor, la Arquitectura de la Información hay que entenderla como una disciplina que facilita y proporciona los métodos y herramientas para estructurar, organizar y etiquetar los componentes que conforman los entornos informacionales. Su objetivo principal es facilitar el acceso a la información de la que se componen esos entornos, especialmente, los sitios web.
Para que un website disponga de una correcta arquitectura de la información, en los pasos previos a la construcción, se da el proceso de prototipado en el cual se prediseña la estructura arquitectónica del entorno informacional. Así, el prototipado consiste en representar gráficamente los componentes que constituyen la arquitectura básica del website, con el fin de garantizar una funcionalidad y utilidad del sitio.
Realizar un prototipado supone diseñar una serie de esquemas o diagramas para representar la arquitectura de la información. Estos esquemas tienen una doble función:

  • Representacional: los prototipos diseñados representan y ponen de manifiesto los aspectos esenciales de los elementos arquitectónicos del sitio web: componentes de los sistemas -organización, etiquetado, navegación, búsqueda y lenguajes-, estructura de los contenidos y vinculaciones entre los mismos.
  • Comunicativa: los prototipos deben mostrar de forma clara e informar sobre los elementos arquitectónicos. Es primordial entender que para obtener buenos resultados, la propuesta de arquitectura de la información debe trabajar a la par y articularse con las propuestas de otros profesionales implicados -diseñadores, desarrolladores, autores de los contenidos o expertos en usabilidad entre otros-.

↑ Subir

Clases de prototipado

Encontramos dos tipos de diagramas específicos que sirven para representar la propuesta arquitectónica de un website: blueprints y wireframes.
Blueprints. Por blueprint entendemos que es un mapa o plano (mapa del sitio o sitemap) donde se representa de forma esquematizada la estructura arquitectónica del website y se hace constar, a su vez, las páginas que componen el sitio, las relaciones entre páginas y la página principal y los contenidos que alimentan a las páginas. En esencia, ha de representar de forma esquemática los sistemas de organización, etiquetado y navegación.
Se puede distinguir entre dos tipos de blueprints, que suelen ir acompañados de una leyenda explicativa para la correcta interpretación de los símbolos del lenguaje visual:

  • Blueprint para la arquitectura general. Representa de forma general la estructura del sitio web mostrando la página principal y sus ramificaciones, las vinculaciones entre estas, y su lugar y agrupación en el sistema de organización y en el sistema de navegación.
  • Blueprint para la arquitectura detallada. Muestra las páginas anidadas en la página principal, las páginas que cuelgan de estas y el sistema de navegación que las articula.

Wireframes. Son maquetas o prototipos arquitectónicos que representan a cada una de las páginas de las que se compone el sitio web. En el wireframe constan los contenidos y la arquitectura de la información de la página para mostrar cómo se articulan los diversos componentes. En estas maquetas se suele representar, entre otras, las ubicaciones del sistema de navegación, ubicación de enlaces, estructura de la página o bien los buscadores.
En términos generales, encontramos tres tipos de wireframes según el tipo de granulidad o acabado:

  • Baja fidelidad. Muestran lo más esencial de los aspectos arquitectónicos: componentes de navegación global, local y contextual.
  • Fidelidad intermedia. Incluye, aparte de lo contenido en un wireframe de baja fidelidad, elementos gráficos y parte de contenido real.
  • Fidelidad alta. Es la suma de lo anterior, añadiendo la totalidad de los elementos gráficos y contenido real. Suelen diseñarse en HTML para obtener un resultado más real.

Algunas recomendaciones importantes para llevar a cabo esta fase del prototipado:

  • Mantener la consistencia para cada página y desplegar el mismo nivel de granulidad.
  • Comunicación. Confeccionar leyendas explicativas para acompañar las maquetas y así mejorar su interpretación por parte de terceros.
  • Mantener un control y gestión de los diversos wireframes creados para un mismo proyecto. Crear, a su vez, un historial de wireframes.
  • Benchmarking. Establecer comparativas entre nuestro proyecto y las propuestas de proyectos similares realizadas por terceros.  
  • Incorporar algún tipo de interactividad (activación de enlaces, por ejemplo) y respetar las normas básicas de accesibilidad. Esto conllevará una mejor comunicación con otros profesionales implicados y facilitará las pruebas en los estudios de usabilidad.

El artículo concluye con la muestra de una serie de herramientas para confeccionar blueprints y wireframes. Destacamos dos herramientas online: Gliffy  y  MockFlow.

↑ Subir

Bibliografía seleccionada

  • Hassan, Y. (et al.) (2004). "Diseño web centrado en el usuario: usabilidad y arquitectura de la información". [En línea]. En: Hipertext.net (2).
  • Morville, P. y Rosenfeld, L. (2006). "Information Architecture for the World Wide Web". 3rd Edition. Sebastopol (CA): O'Reilly Media Inc.
  • Pérez-Montoro Gutiérrez, M. (2010a). "Arquitectura de la Información en entornos web". Gijón: Trea.
  • Pérez-Montoro, Mario y Codina, Lluis (2010). "Sotfware de prototipado para la arquitectura de la información: funcionalidad y evaluación". En: El profesional de la información, v. 19, nº 4, págs. 417-424.

 

Debate  Debate de la Unidad 1.10 El prototipado en la arquitecura de la información.pdf

Ejercicio    Ejercicio de la Unidad 1.10. El prototipado en la arquitectura de la informacion.pdf (456,7 kB)

Recursos   Herramientas para el prototipado: Mockflow; Gliffy

 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

XHTML para el diseño web

  • Diseño web a partir de estándares
  • Elementos y reglas de XHTML
  • Estructura de un documento XHTML


Palabras clave: HTML; XHTML; XML; CSS; estándar; etiqueta; código ASCII

 

Diseño web a partir de estándares

El autor de este artículo afirma que el uso de estándares en el diseño de websites, es necesario para garantizar consistencia -trabajar de forma correcta- y perdurabilidad -evitar la caducidad de los lenguajes propietarios-. Como premisas fundamentales se observa que:

  • Cualquier sitio web debe poder ser consultado desde cualquier navegador. El uso correcto del lenguaje HTML permite crear sitios polivalentes para consultas desde diferentes navegadores. Si además diseñamos con XHTML, creamos un sitio semántico definiendo qué significa cada cosa.
  • El contenido es lo más relevante en cualquier sitio web. El orden lógico para la creación de hiperdocumentos pasa, primero, por el diseño de la estructura en función de los contenidos, y en una segunda fase definiremos su aspecto. La herramienta encargada del estilo o presentación corresponde a las hojas de estilo CSS.
  • El código XHTML y CSS deben redactarse de forma correcta utilizando las etiquetas correspondientes. Para ello hay que validar los códigos.

XHTML es un lenguaje fruto de la reformulación de HTML y está basado en las especificaciones de extensibilidad aportadas por el lenguaje de marcado XML. Es, por lo tanto, un lenguaje de marcado y no de programación. Su objetivo es definir la semántica de los elementos de la página (lo que significan) y junto a las hojas de estilo CSS puede separarse la estructura de los contenidos respecto a la presentación de la página. Evitamos, así, la multiplicación de versiones de las páginas.
No es necesario una interfaz específica para su edición, ya que al basarse en el código ASCII o ANSI podemos utilizar cualquier procesador de textos guardando los documentos bajo la extensión *.htm o *.html y formato de texto plano. Sí es necesario conocer a fondo el lenguaje en sí para poder redactar de forma ágil y validarlo posteriormente.

↑ Subir

Elementos y reglas de XHTML

Las instrucciones del lenguaje XHTML son conocidas como elementos y se clasifican en tres tipologías:

  • Elementos dobles. Elementos que constan de marca o etiqueta de inicio y final. Los elementos dobles quedan delimitados por el símbolo < (mayor que) y > (menor que). Para cerrar el elemento se utiliza una barra (/) antes del nombre de la etiqueta: texto normal texto afectado por la marca más texto.
  • Elementos simples. Según la especificación DTD (Document Type Definition) son elementos que no precisan de una etiqueta doble final.
  • Elementos con argumentos. El grueso de elementos que componen las etiquetas de XHTML suelen tener argumentos a los que se les denomina atributos. Los atributos modifican el comportamiento o añaden propiedades a las etiquetas.

Algunas reglas fundamentales en XHTML:

  • La declaración de tipo de documento debe ser incluida al inicio de las páginas.
  • Etiquetas y atributos serán redactados en minúsculas.
  • Todas las etiquetas del lenguaje deben estar cerradas.
  • Anidar de forma correcta las relaciones jerárquicas entre etiquetas respetando su posición.
  • Los valores de atributos deben estar entrecomillados.
  • Evitar etiquetas en desuso propias de HTML como las empleadas para trabajar el formato visual de contenidos.

 

Estructura de un documento XHTML

La estructura del documento debe cumplir unas características fundamentales en el código:

  • Declaración XML. Mención de la versión XML y codificación de caracteres empleados.
  • Declaración de tipo de documento (DTD). Definición pautada de todos los elementos, atributos y relaciones que se dan entre los mismos, y que permite crear un documento válido según la sintaxis definida.
  • Elemento raíz. Sirve para identificar el contenido del fichero publicado en la web.
  • Cabecera del documento. Contiene información diversa no visible en el contenido físico. Destacamos las etiquetas:
    • title. Título del documento. Aporta el nombre de la página y se puede identificar en la barra de estado superior del navegador.
    • meta. Metainformación. Proporciona, entre otras funciones, datos al servidor HTTP el cual, a partir de estos datos, genera campos y tipos de cabecera. Sirve también para que el webmaster incorpore información adicional (autor, descripción de contenidos o palabras clave) muy útiles para lograr una buena posición en los motores de búsqueda.
    • script. Elementos de scripting. Sirve para aportar fragmentos de código de lenguajes de programación.
    • link. Elementos de complemento. Enlaces a archivos complementarios, incluso los ficheros de las hojas de estilo CSS.
    • style. Elementos de estilo. Idónea para aplicar reglas de estilo puntuales.

El artículo de esta unidad didáctica prosigue con el estudio de las principales etiquetas para la creación de documentos a partir de ejercicios prácticos realizados con el editor gráfico Kompozer. Se ha estudiado, entre otras, etiquetas para tratar el formato y la apariencia de los documentos/páginas, el tratamiento del texto propiamente dicho, etiquetas de formato para encabezamientos o títulos y estilos de caracteres, etiquetas para la creación de listas y tablas, o bien para la creación de hipervínculos e inserción de imágenes, y termina con las etiquetas utilizadas para crear formularios.

↑ Subir

Recursos Herramientas, guías y tutoriales para el diseño web

 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Análisis y evaluación automática de sitios web

Abstract

Un sitio web con errores de código HTML no debe tener problemas, aparentemente, para ser reconocido por los principales navegadores de Internet. Ahora bien, la falta de cuidado en cuanto a la redacción de un código HTML correcto, tiene consecuencias negativas ante la implantación de la Web Semántica. Esta nueva Web requiere de códigos impecables para la correcta comprensión de significados, por lo que un sitio con errores de codificación, perderá calidad y relevancia en la red.
En otro orden, los sitios web deben ser accesibles y deben facilitar el trabajo a los motores de búsqueda para ser localizados de forma ágil.
Este artículo presenta diversas herramientas para el análisis y validación de código HTML (W3C), así como para evaluar la accesibilidad y la mejora del posicionamiento web, o bien otras herramientas para evaluar la calidad de las páginas.

 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Creación de sitios web con gestores de contenidos: WordPress

Abstract

Wordpress es un gestor de contenidos que tiene prestaciones de editor online y sirve tanto para la creación de blogs, como de sitios web. En esta unidad didáctica, más que trabajar en base a un artículo, se trabaja a partir de videotutoriales y ejercicios prácticos para la creación de un website.  Podéis consultar algunos de los videotutoriales en el canal que dispone el Máster en YouTube.

 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Editores online de sedes web

Abstract

Existen diversas herramientas online para la creación de páginas web. Entre los editores online más populares destacan: Webnode, Jimdo, Weebly o Wix. En esta unidad didáctica, al igual que en la unidad dedicada a WordPress, se trabaja en base a videotutoriales y ejercicios prácticos para la creación de un website con Webnode. Este editor online tiene altas prestaciones en su versión gratuita y permite crear páginas bastante evolucionadas y enriquecerla con metadatos.

 

↑ Subir

   Enlaces de interés

Etiquetas

Cuentas oficiales del Máster online en Documentación Digital