Caminos

Proceso H: Diseño de páginas HTML
Recursos necesarios: Personal: Encargado del proceso Computadora Software para editar páginas Web HTML Insumo: Archivo(s) electrónicos del documento

Proporciona una serie de normas o estándares, que permiten estructurar de una mejor manera un documento HTML, garantizando con esto la compatibilidad de este tipo de documentos con las distintas plataformas obrowsers, es decir, que puedan ser leídos por cualquiera de estos dispositivos, en el presente y en el futuro. La estructura básica de un documento HTML es la siguiente: comienza con la etiqueta , y termina con la etiqueta . Entre ambas, hay dos zonas bien diferenciadas: el encabezamiento, delimitado por y , que sirve para definir diversos valores válidos en todo el documento. el cuerpo, delimitadopor y , donde reside la información del documento. En resumen, la estructura básica de un documento HTML queda de la forma siguiente: Título Texto del documento, menciones a gráficos, enlaces, etc.

Objetivo de calidad: Posibilitar que el documento electrónico se visualice como un todo en la página HTML, facilitándose con ello el acceso al mismo. Garantizar, mediante el formato utilizado,la preservación digital del documento.

Resultados esperados: Todos los enlaces de la página Web funcionando correctamente. Información contenida en la página correcta y completa. El código generado en el diseño de la pagina HTML se apega, en la medida de lo posible, a las normas definidas en XHTML, para así garantizar la preservación digital de documento. ASPECTOS GENERALES DEL LENGUAJE HTMLLas páginas HTML diseñadas, permiten informar al usuario sobre el contenido y datos generales de los documentos digitalizados. Facilitan su manejo y constituyen una forma atractiva de presentar los documentos tratados. HTML (HyperText Markup Language) se traduce como: "Lenguaje de hipertexto basado en etiquetas o marcas", es un lenguaje que permite presentar información de forma estructurada yagradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se quieren dar (especificar los lugares deldocumento donde se debe poner cursiva, negrita, o un gráfico determinado). El XHTML (Extensible Hypertext Markup Language), es el nuevo lenguaje estándar generalizado para la Web.

Módulo IV - Digitalización de información impresa

22

El ejemplo siguiente muestra una plantilla utilizada por el CRID:

El diseño de páginas HTML requiere software adicional. Es posible utilizar un softwareespecializado, como Dreamweaver o Frontpage . Ambos son editores visuales de páginas Web, de fácil manejo, que permiten crear y modificar páginas de una forma intuitiva, sin necesidad de saber programación. Presentan algunas diferencias que es necesario mencionar:
R R

Cuadro sinoptico de tareas. Proceso H: Diseño de paginas HTML
Tareas H.1 H.2 H.3 H.4 H.5 H.6 Páginas 23 24 24 24 24 24Seleccionar o diseñar una plantilla predefinida desde el programa de software. Llenar cada uno de los campos en la tabla de la pagina HTML Revisar cada uno de los enlaces del documento (links) y la información general. Revisar los aspectos estéticos de la página y el texto que la contiene Control de calidad en el código Guardar la página Web

FrontPage sobrecarga el código fuente con etiquetas. Se hacomprobado que al generar una misma página con DreamWeaver y con FrontPage esto puede dar lugar a que esta varíe en espacio, ofreciendo al usuario una diferencia que luego se nota al cargar la página. Esto a la vez genera un código inútil que podría resultar problemático a la hora de crear una página Web puesto que, como es ampliamente conocido, las páginas deben ser creadas pensando en diferentes...