Este documento contiene instrucciones para una tarea de diseño de páginas web. Explica los conceptos de hipertexto, hipermedia y multimedia. También define diferentes tipos de enlaces como internos, externos y de correo electrónico. Finalmente, proporciona seis pasos para el desarrollo del diseño de páginas web, incluyendo definir el propósito, identificar la audiencia, planificar el contenido y la estructura, y planificar la página web y la navegación.
1. Universidad del Turabo
Escuela de Estudios Profesionales
Programa AHORA
02/11/2012
Otem 402
Vanessa Berríos Marrero
Ilustración tomada de un clip art
2. Otem 402
Taller Uno
Tarea
Instrucciones:
1. Buscar información sobre los conceptos hipertexto, hipermedia y multimedia.
Hipertexto – texto que contiene elementos a partir de los cuales se puede acceder a otra
información.
Hipermedia – el termino hipermedia surgió de la fusión de los conceptos hipertexto y
multimedia.
Los sistemas hipermedia podemos entenderlos como “Organización de información
textual, visual, gráfica, sonora a través de vínculos que crean asociaciones entre
información relacionada dentro del sistema”. (Caridad y Moscoso, 1991, p.48).
Multimedia – que utiliza conjunta y simultáneamente diversos medios, como imágenes,
sonidos y texto, en la transformación de una información.
2. Preparar ejercicios del Apéndice A.
No entendí esta tarea. Busque información pero en nada me ayudó a realizarla.
Referencias:
Diccionario de la Real Academia Española.
www.slidesshare.net
3. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
Anejo B
Definiciones - Tipos De Enlaces (Hipervínculos)
TALLER II
• Interno: unir las páginas de un mismo programa o portal. En el caso del programa
MS Publisher, los enlaces están insertados (por default) en la plataforma de Web
Site.
• Externo: enlaces que no son del mismo programa o portal. Ejemplo: un enlace
hacia una de las direcciones electrónicas favoritas del estudiante o las ofrecidas
por el facilitador como referencia educativa.
http://www.eduteka.org/Hipertexto1.php
• Directo: es un enlace que señala un punto específico de una página. En el
lenguaje electrónico, a este enlace se le conoce como bookmark.
• Correo electrónico: un enlace que activa el programa de enviar correo electrónico:
Ejemplo: Outlook Express. Este programa debe estar configurado con la dirección
electrónica del usuario. Si tiene una cuenta con hotmail, yahoo, gmail, PRTC u
otros, debe programarlo.
LOS SEIS PASOS SUGERIDOS PARA EL DESARROLLO DEL DISEÑO DE
PÁGINAS WEB
1. Definir el propósito: es el paso inicial para el desarrollo de un plan de diseño
sólido. Para lograr esto, debe decidir el asunto o tema en específico y después
enumerar las metas del Web site. Debe escribir la declaración del propósito.
2. Identificar la audiencia: cualquier persona en el mundo con acceso al Internet es un miembro
potencial a su Web site. El intentar diseñar para una audiencia tan
extensa, simplemente no es práctico.
3. Planificar el contenido: considerar los diversos tipos de contenido que podría
incluir en su Web site. Lea el capítulo 5 del libro Shelly, G. B., Cashman, T. J. and
Koseba, L. A., (2002). Web Design. Mexico: Thomson para obtener más
información sobre este tema.
4. 4. Planificar la estructura: con el propósito definido, la audiencia identificada, y el
contenido planificado, en el paso cuatro, el plan de desarrollo de diseño será la
planificación de la estructura de la página. Se debe determinar la posición de la
estructura en donde el contenido encaje mejor y pueda utilizarse más
efectivamente.
5. Planificar la página Web: con el conocimiento sobre el propósito y la audiencia, el
entendimiento que se requiere del contenido y la estructura, el
próximo paso es organizar la información de la página Web y establecer la
conexión visual entre el portal (home page) las páginas secundarias con la
estructura (layout) y el esquema de colores (color scheme).Para crear unidad
dentro de la página Web, debe seleccionar colores uniformes y utilizar una
estructura consistente.
6. Planificar la navegación: crear un diseño de navegación basado y controlado porusuario que
ofrezca tanto, la vía de navegación mayor como también la vía para opciones de navegar.
Seleccionar elementos de navegación en los cuales el visitante pueda entender rápidamente y
concuerde con el humor del Web site’s.
Colocar los elementos de la navegación constantemente en localizaciones previsibles y lógicos.
Navegar por estos tres portales para que evalúe cuál ellos sabe operar con eficacia, es de su
preferencia, se ajusta a los planes de su página Web, etc.
www.myspace.com
http://es.geocities.yahoo.com
http://www.facebook.com/
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 27
Módulo