FAQ
¿A qué corresponde la siguiente terminología: nodo hipertextual, hiperdocumento y sistema hipertextual?
Corresponden a página web, sede web y conjunto de sedes web, respectivamente.
—————
¿Cuáles son los principales códigos para crear documentos que puedan ser leídos por las aplicaciones, las máquinas?
SGML, HTML y XML son todos ellos expresiones lingüísticas pertenecientes a una secuencia de evolución y perfeccionamiento del concepto de producción de documentos distribuidos. Se denominan 'de marcado', pues emplean etiquetas para definir estos documentos, distinguiendo así dos niveles de información: las marcas y el contenido, la información que se pretende expresar. Entre estas etiquetas están las que constituyen la base del hipertexto y la navegación por el documento: las etiquetas de enlace.
—————
¿Son XML y XHTML lenguajes estandarizados para crear documentos digitales y sitios web?
Sí.
Con XML podemos crear documentos digitales aptos para Internet usables por aplicaciones de distinta naturaleza de forma sencilla y legible en lenguaje humano. Se caracteriza por posibilitar la personalización de la información que deseamos incluir y hacerlo atendiendo a la organización del contenido, lo que amplía las posibilidades de catalogación de datos referidos al documento y por ende de su usabilidad. Un documento XML consta de dos partes principales: Prólogo (donde incluimos la Declaración del Tipo de Documento) y Ejemplar (contiene la información propiamente dicha, los datos a los que se ha añadido el marcado). Sus principales piezas de información se etiquetan como 'Elementos', 'Atributos', 'Entidades' y 'Notaciones'.
XHTML es un lenguaje de marcado que aúna las funcionalidades del lenguaje HTML con las de XML caracterizándose por diferenciar entre estructura de contenido y su estilo formal (del que se encarga el lenguaje de hojas de estilo CSS). Atiende por tanto exclusivamente a la descripción de la estructura lógica de dicho contenido y esto aporta flexibilidad y potencial modularidad a la construcción del sitio web. El hecho de crear un sitio con este lenguaje estándar facilita su interoperabilidad y perdurabilidad.
Las hojas de estilo CSS son plantillas que permiten cambiar el formato de presentación de cualquier etiqueta XHTML (de sus propiedades de bloque, color, fondo, fuente, texto y listas). Proporcionan control sobre la apariencia física de una página web y facilitan la tarea de creación y diseño de contenidos en web creando estructuras complejas.
—————
¿De qué consta un documento XHTML? ¿Y las plantillas de las hojas de estilo CSS?
La estructura de un documento XHTML es la siguiente:
- Declaración XML
- Declaración de Tipo de Documento (dtd): permitirá al validador de un navegador web identificarlo
- Elemento raiz: identifica el contenido del fichero que se publica en el entorno web
- Cabecera del documento <head></head>: información del documento que no es visualizada en el contenido físico del mismo (tal como el título u otra metainformación)
- Cuerpo <body></body>: incluye el contenido etiquetado del documento propiamente dicho y en el que podemos incorporar propiedades de estilo genéricas que afectan a toda la página (bloques de texto según diferentes significados, listas para organizar de forma estructural información textual, enlaces, tablas y formularios, etc.)
Las hojas de estilo CSS son plantillas, una serie de reglas formadas cada una de ellas por tres elementos clave: selector, propiedad y valor. La suma de propiedad y valor forman lo que se denomina una declaración de estilo. Proporcionan un estilo concreto y predefinido para cada etiqueta XHTML definiendo propiedades de bloque, color, fondo, fuente, texto y listas.
—————
¿Qué reglas son importantes no olvidar con respecto a un documento XHTML?
Entre otras, las siguientes:
- Detallar la declaración de tipo de documento (dtd), siempre al inicio del documento
- Las etiquetas y atributos deben escribirse en minúsculas
- Todas las etiquetas deben cerrarse, y las relaciones jerárquicas entre ellas anidarse correctamente
- Los valores de los atributos deben ir entrecomillados
—————
Un sitio web construido como hiperdocumento XHTML... ¿de qué requiere estar dotado para posibilitar un uso óptimo del mismo al usuario?
La usabilidad de una página web depende fundamentalmente de la calidad del sistema de navegación del que disponga, y este viene determinado por los principios de arquitectura de la información web que se hayan aplicado en su diseño, desde la misma fase de concepción del nodo hipertextual. Para facilitarlo se emplea una técnica denominada prototipado, un modo de visualizar gráficamente el nodo que permite determinar qué fragmentos serán considerados y que relaciones se establecerán entre ellos, dibujando el posicionamiento e interacción de cada una de los elementos de navegación que intervienen como enlace.
—————
¿En qué consiste el sistema de navegación de una página web?
Constituye el conjunto de cada una de las piezas de interfaz de usuario encargada de posibilitar el desplazamiento de un punto a otro del nodo hipertextual, de la página web. Así, la navegación hipertextual es la actividad que realizan las personas que consultan dicho hipertexto y que consiste en activar sucesivas veces alguna de esas piezas de interfaz (enlaces) para acceder a otros fragmentos del documento, hasta localizar la información de su interés.
Un sistema de navegación está óptimamente diseñado cuando facilita al usuario información sobre el contexto y flexibilidad de acceso; es decir, le posibilita saber en cada momento dónde se encuentra así como múltiples opciones de traslado por el hipertexto.
Los principales dispositivos de navegación son:
- Rama jerárquica, migas de pan o hilo de Ariadna (muestra las páginas que corresponden a los antecedentes jerárquicos de la página activa)
- Menús desplegables (una vez presionados se despliegan y muestran un listado de enlaces)
- Enlaces incrustados (enlaces que aparecen en el interior de párrafos asociados a grupo de palabras con forma de subrayado)
- Tabla de contenidos e índice (lista de apartados del hipertexto ordenada temáticamente, y listado alfabético de los conceptos más importantes del hipertexto)
- Visita guiada (enlaces a los nodos más significativos siguiendo un recorrido secuencial)
- Mapa de navegación (representación gráfica de la arquitectura del hipertexto similar a un índice pero mostrando gráficamente los enlaces)
- Mapa conceptual (representación gráfica que muestra la estructura de relaciones entre conceptos del contenido del hipertexto)
—————
Pensando en crear una página web... ¿Es conveniente trabajar de inicio con una representación visual a modo de esquema de lo que será su estructura y funcionamiento hipertextual?
Sí, es importante integrar desde el inicio del diseño del entorno web la visualización conjunta tanto de los fragmentos de contenido del hipertexto y su estructuración en el documento como el sistema de navegación que permitirá su interacción. La técnica metodológica denominada Prototipado cubre esa función básica mediante dos tipos de elementos representacionales: el blueprint (plano o mapa) y el wireframe (maqueta).
El blueprint es un esquema donde se representa la estructura arquitectónica con todas sus páginas donde se ponen de manifiesto las relaciones existentes con el nodo principal y los contenidos que componen dichas páginas. Se emplean para la arquitectura general y la detallada.
Los wireframes son esquemas arquitectónicos de cada uno de los tipos de página que conforman un sitio web sin incluir elementos gráficos. Acostumbran a representar la posición del sistema de navegación, la ubicación de los enlaces, la estructura de la página y el sistema de búsqueda. Según su grado de detalle (granularidad) pueden ser de baja fidelidad, fidelidad intermedia y fidelidad alta.
Para el diseño de estos elementos de prototipado suelen emplearse herramientas informáticas (de escritorio, como Axure o Visio; y en línea, tales como Mockflow o iPlotz). Suelen incluir cuatro tipos de funciones: librería de objetos para representar los componentes más habituales de una página web, representación de la arquitectura del sitio (blueprint), sistema de anotaciones y sistema de gestión de proyectos (número de versiones, gestión de usuarios...).
—————
¿El tipo de navegación contemplada para un nodo hipertextual puede llevar a modificar la estructuración arquitectónica concebida para dicho nodo?
Sí. La navegación de un usuario por el nodo hipertextual puede ser con o sin dirección. Y esto incide en la estrategia que se implemente para facilitar su recorrido. De este modo se puede posibilitar una navegación en anchura, profundidad o combinada a través de una información que puede estructurarse bien bajo un esquema de tipo exacto, ambiguo o híbrido de cuatro formas básicas: secuencial, jerárquica, en forma de tabla y en forma de red.
Estas estructuras establecerán un modo concreto de relación entre los nodos y por tanto del tipo de enlaces hipertextuales a crear (y que constituyen la relación semántica entre fragmentos de información). Y todo ello ha de hacerse procurando evitar el desbordamiento cognitivo del usuario (¡ojo con habilitar un exceso de posibilidades de consulta!).
—————
¿Cómo puedo editar una página web en formato de documento hipertextual XHTML?
Si el responsable de la edición dispone de conocimientos del lenguaje XHTML puede emplear como herramienta informática cualquier procesador de textos o un editor multifunción de páginas web (Ejemplo: NVu, editor en software libre), que en este caso automatiza y facilita la inserción de las marcas a través de botones y barras de menús haciendo fácil e inteligible su comprensión. El resultado del trabajo de edición se visualiza en tiempo real (WYSIWYG: 'What you see is what you get').
Si no se disponen de tales conocimientos puede recurrirse a editores en línea como Webnode. Constituye una herramienta sencilla e intuitiva que permite obtener resultados visibles de la página editada desde el inicio del proceso. Otra opción de similares características es el gestor de contenidos Wordpress.
La facilidad de uso de estas herramientas va en cambio acompañada de la imposibilidad de incorporar funciones avanzadas de navegación, lo que puede derivar en errores de diseño en cuanto a accesibilidad y usabilidad del hipertexto creado.
—————
