Descripción sobre el proceso a seguir para el desarrollo y publicación de páginas codificadas en el lenguaje de hipertexto de etiquetación o "hipertext marked language" (HTML, siglas en inglés), el cual es el formato que comunmente emplea el "World Wide Web" (WWW, Web, o W3, siglas en inglés). Se enfatizará en el uso académico/educativo de las páginas WWW, particularmente su capacidad para mejorar la calidad del proceso de enseñanza-aprendizaje. Se ofrece una introducción al desarrollo de páginas en el WWW. Otros tópicos incluyen: principios generales para el desarrollo de páginas en el Web, diseño de la interfaz, selección del servidor, publicando la página, codificación y lenguaje empleado en el WWW , administración y mantenimiento de la página en el Web, y construyendo una comunidad virtual. Por ejemplo, se delinean los usos de la página WWW para creación de prontuarios, enlaces importantes para lecturas o asignaciones de cursos particulares, entre otros usos/ventajas educativas que benefician tanto al maestro como al estudiante. Además, se describen algunas valiosas herramientas y recursos disponibles para los educadores en el WWW, tutoriales de internet y de creación de páginas WWW, servidores WWW que proveen gratuitamente animaciones, gráficas, codificaciones/"applets" de "JavaScript" para el diseño de las páginas del Web, editores HTML y de autoría para el desarrollo de páginas WWW, entre otros recursos. Esto facilita el proceso de crear las páginas. En adición, se discute la importancia de crear una comunidad virtual entre los maestros, maestros y estudiantes, y entre maestros y la comunidad. Finalmente se exploran las posibilidades y ventajas educativas dirigidas a mejorar la enseñanza y metodología de los cursos y el empleo de las páginas del Web para la educación a distancia.

        La internet o el mundo del ciberespacio representa un infinito medio para divulgar información virtual por todo el globo terráqueo. Vivimos en una era de revolución tecnológica, en la cual la informática y las telecomunicaciones representan áreas de cambio contínuo. Es imperante que toda persona, en su trabajo u hogar, conozca las herramientas de la informática y telecomunicaciones para poder asegurar un funcionamiento efectivo de sus tareas cotidianas y de trabajo. Para el educador, la internet, particularmente el "World Wide Web" (WWW, Web, o W3, siglas en Inglés) representan herramientas necesarias que facilitan el proceso pedagógico de los cursos.

        Los delineamientos iniciales a seguir para el desarrollo y diseño de las páginas en el Web son practicamente los mismos sugeridos para la preparación de aplicaciones interactivas multimedios (Braxton, Bronico & Looms, 1998, http://www.seas.gwu.edu/student/tlooms/ISD/isd_homepage.html; Lopategui, 1996; Luther, 1994, pp. 17-30; McFarland, 1995, http://www.thejournal.com/magazine/95/feb/feature5.html; Olson, 1997, pp. 8-12). El proceso de planificar, componer y organizar los elementos que integran las páginas del Web, incluyendo el diseño de la página, incorporación de multimedios (e.g., animación, gráficas, texto, sonidos, entre otros) se conoce como autoría (Lopategui, 1996). Existen comercialmente aplicaciones de autoría para crear y editar páginas del Web.
        La creación de la(s) página(s) en el Web requiere previamente una planificación cuidadosa del proyecto (December, 1998, http://www.december.com/web/develop.html; Kilby, 1996, http://www.filename.com/wbt/pages/process.htm; Milheim & Harvey, 1998). Este proceso consiste en definir la audiencia, los propósitos del trabajo, sus objetivos, y políticas para el desarrollo y uso de su información. Antes de comenzar a escribir tu propia página WWW, considera tus metas. No solo basta tener una página en el Web. Tu página tiene que tener algo que decir, y tiene que decirlo para que tu audiencia lo escuche. Por lo tanto,es imperante primero analizar las metas que se esperan alcanzar, las características, actitudes, y preferencias de la audiencia (e.g., los estudiantes) y el contenido. Relexione sobre lo siguiente: ¿donde tu quieres que tu presentación del Web se vea?, ¿hay gente en el Web que quiere verla, ¿ Quienes son?, ¿Que quieren ver? ¿A quien quieren ver?. Diferentes páginas sirven para diferentes propósitos. Pregúntate, porque estas colocando una presentación en el Web en primer lugar, y para quien. Diseña tu presentación con estas metas y los lectores potenciales. Algunas razones para tener páginas en el Web son:

• Una institución educativa (e.g., la Universidad) desea enseñar un curso específico a través del Web, lo cual se conoce como Instrucción Basada en el Web ("Web-Based Instruction" WBI, siglas en Inglés). En ocasiones, también se le llama Instrucción Basada en la Internet ("Internet-Based Instruction" o IBI, siglas en Inglés).
• Entrenar/adiestrar o capacitar a los empleados de una compañia en cuanto a ciertas destrezas/conocimientos que deben poseer. Esto se conoce como Entrenamiento Basado en el Web ("Web-Based Training" o WBT, siglas en Inglés).
• Diseminar información hacia una audiencia amplia especializada, tal como una guía de referencia, protocólo estándar, evento, o un banco/base de datos.
• Promoción/mercadeo de productos comerciales o servicios. Por ejemplo, compañias
• interezadas en exhibir sus productos/materiales mediante el Web.
• Una corporación desea proveer un recurso específico para sus clientes exitentes, tal como apoyo técnico a su producto.
• Investigación. Por ejemplo, colección de datos/información mediante encuestas/sondeos, preguntas para retroalimentación, entre otras.
• Publicación de una revista electrónica.
• Simplemente divulgar información personal a los amigos o familiares.

• El establecimiento de metas generales alcanzables para el Web.
• Definir la audiencia que navegarán las páginas WWW a ser creadas.
• Establecer el propósito y objetivo.
• Recopilar y mantener la información pertinente que apoyará el Web.

• Adquirir conocimientos sobre las detrezas requeridas para crear y editar páginas efectivas en el Web.
• Llevar a cabo un proceso de investigación/búsqueda por recursos necesarios para la construcción de las páginas WWW.
• Formular políticas/guías o normas con referente al desarrollo de la información, despliegue, y presentación que pueda servir de guía para otros interezados en desarrollar páginas del Web parecidas.

Análisis/Estudio

        El análisis representa el proceso de recolectar y comparar información sobre el Web y su operación y uso con el fin de mejorar la calidad general de la página WWW e identificar las áreas problemáticas. La fase de análisis es la base para todas las otras bases del diseño instruccional. Durante esta fase se debe definir el problema, identificar el origen de la problemática y determinar posibles soluciones.
        Esta fase consiste en la revisión técnica pertinente al desarrollo del Web, empleando herramientas de validación. Además, incluye la evaluación de la consistencia de la información y verificación de la exactitud/corrección del dominio/campo de la información.
Antes de comenzar la creación de las páginas WWW, sugiero organizar primero los conceptos. Pegúntate: ¿como debo organizar tu documento?, ¿cuantas páginas específicas necesito?, y ¿donde debo colocar los enlaces entre las páginas y secciones?
        Comienza desde el principio. ¿Que es lo primero tu audiencia quiere conocer? Para esto, se sugiere escribir una breve introducción de la presentación WWW. Esto le ofrece a tus lectores una idea de lo que estan buscando y que es lo que podrán encontrar si continúan navegando en tu presentación.
        Como parte de la fase de análisis, es de vital importante que el maestro determine los sistemas de computadora (e.g.,velocidad del procesador, monitor, entre otros), plataforma de la computadora (e.g., Mac vs. PC), ancho de banda (velocidad del modem) y el tipo de navegador que empleará el usuario, de manera que se pueda desarrollar un diseño instruccional efectivo. Considere que algunas personas utilizan aún navegadores/visualizadores de texto para accesar el Web. Para estos efectos, se recomienda crear una versión que no posean gráficos ni elementos multimedios.
        El análisis se subdivide en: (1) análisis de las metas del proyecto, y (2) análisis de necesidades de los clientes o audiencia potencial (estudiantes).

1. Análisis de las metas:

        El profesor debe estar claro en su visión general sobre lo que quiere lograr con este proyecto. Este análisis debe fundamentarse sobre las necesidades de los estudiantes y del currículo. Es importante que el profesor establezca metas reales/alcanzables, a base de sus recursos y tiempo que dispone para desarrollar su curso en el Web.

2. Análisis/estudio de necesidades:

        Este tipo de análisis debe ser el resultado de evaluaciones y observaciones directas e indirectas de la audiencia (estudiantes). El profesor debe identificar las características, actitudes, preferencias y/o expectativas de los estudiantes.

Diseño

        Esta fase consiste en determinar las especificaciones y el aspecto de las páginas WWW a ser creadas. Incluye la organización y presentación del contenido del diseño educacional, y las estrategias a seguir para poder alcanzar las metas instruccionales determinadas durante la fase del análisis. El propósito del diseño es especificar en detalle la arquitectura del proyecto, los estilos, y material de contenido que se necesitará. Los objetivos deben ser genéricos. El maestro debe tomar en consideración a las características y necesidades particulares de sus estudiantes, así como la meta general del proyecto. Además, el diseño del curso en línea dependerá del contenido de éste. Se recomienda llevar a cabo las siguientes actividades durante esta etapa:

1. Desarrollo de un diagrama de flujo o mapa de navegación:

        Consiste en realizar esquemas (del contenido y las páginas) con el propósito de visualizar la estructura de la presentación del Web que habra de publicarse en el servidor correspondiente . El diagrama debe representar las páginas WWW con sus respectivos enlaces.
        Al preparar el mapa del contenido, se debe encerrar en un círculo (u otra figura geométrica) lo que se intenta presentar, utilizando líneas y flechas para conectarlos, de manera que muestren las relaciones entre ellos. Durante este proceso, anote ideas o posibles cambios con respecto a estas conexiones del diagrama de flujo.
        Puede ser de ayuda preguntarse: ¿cual es la naturaleza de un enlace específico entre los conceptos a presentarse?, ¿representa una expansión más detallada del concepto?, ¿una idea relacionada?. Muestre sus diagramas/mapa a otros, y solicite sugerencias.

2. "Storyboarding":

        Esto consiste en preparar material visual/ilustrativo que muestre la información gráfica (e.g.,
diseño de la interfaz, botones, imágenes/dibujos, entre otros) y textual (e.g., lecturas/material escrito de los tópicos del curso, instrucciones, preguntas, entre otros). El "storyboard" describe la información de las gráficas que habrán de aparecer en cada pantalla.
        En resumen, tenemos que el diseño las las páginas WWW deben poseer las siguientes características:

• Ser consistente. Para estos efectos, se pueden utilizar plantillas ("templates") creadascon el diseño planificado.
• La información/contenido debe de distribuirse en diferentes páginas WWW, enlazadospor su hipertexto. Cada una de estas páginas no deben ser muy largas.
• Emplea enlaces para aclarar conceptos o dirigir al usuario a otras páginas relacionadasal tema discutido.
• Provee al usuario una interfaz amiglable que permita la efectiva navegación a travésdel documento.

        La logística se refiere a la efectiva determinación y organización de los recursos materiales y de contenido necesarios para preparar y presentar las páginas en el Web. Consecuentemente, por ejemplo, se requieren recursos materiales para el diseño instruccional de las páginas que habrán de desarrollar el profesor, tales como material textual, hojas de "storyboarding", el empleo de especialistas en diseño instruccional, entre otros. Todo esto es parte de la producción. Otros recursos materiales pueden incluir aquellos que ayuden a producir y exhibir estas páginas, entre los cuales podemos mencionar los editores de HTML, el sistema de computadora (incluye el servidor), entre otros. Finalmente, tenemos los recursos materiales requeridos para determinar el contenido de las páginas, como, por ejemplo, los libros de texto y la experiencia/conocimiento que posee el profesor del material a ser desarrollado para las páginas. Si las páginas se dirigen para enseñar tópicos de un curso dado y para ofrecer exámenes, se necesita, también, producir otros materiales de apoyo para estos propósitos, tales como presentaciones de Power Point exportadas en el formato HTML, ilustraciones/fotos, diagramas, entre otros.

Implantación

        Esta fase consiste en el proceso de producción de las páginas WWW conforme al diseño previamente establecido. El desarrollo de estas páginas requiere crear códigos de HTML, "Java" u otros. Los códigos HTML pueden ser creados mediante editores de autoría gráficos, conocidos también como editores WYSIWYG ("What You See Is What You Get", o "lo que se observa es lo que se obtiene"). En adición, es posible que sea necesario otros tipos de programaciones, tal como "Common Gateway Interface" (CGI, siglas en Inglés), entre otras. Luego de haber terminado con el desarrollo de las páginas, el próximo paso consiste en subir ("uploading") o publicar el material al servidor correspondiente de internet/intranet. Es muy importante que antes de correr las páginas en el Web, se debe hacer una simulación desde el disco duro de la computadora PC (o microcomputadora), con el fin de evaluar su ejecutoria/rendimiento. Finalmente, revise el funcionamientos de estas páginas con diferentes navegadores gráficos y plataformas (e.g., Mac y PC).

Promoción

        Esta fase consiste en la administración de las relaciones públicas/mercadeo de las páginas que han sido publicadas en el Web. Esto puede simplemente consistir en ofrecer la dirección de internet (el URL o "Universal Resource Locator") a los estudiantes o personas interezadas vía correo electrónico (e-mail) o material impreso (e.g., el prontuario del curso).

Evaluación/Avalúo

        Para poder validar el producto, el profesor debe efectuar una prueba piloto del modelo (prototipo) desarrollado antes de implantarlo en el servidor WWW. Una vez la producción se encuentre funcionando en el Web, es imperante determinar si se lograron las expectativas curriculares previamente planteadas. Esto incluye las metas/objetivos del curso, basado en los estándares y prácticas aceptadas del currículo.
        La evaluación debe de originarse de los propios estudiantes, de los miembros de la facultad del mismo departamento, de expertos en diseño curricular en línea (i.e., internet/Web), y de otras personas. Se recomienda que el instructor navegue todo lo posible por sus páginas creadas para el servidor WWW, asumiendo el rol del usuario/estudiante. Se debe indagar lo siguiente de los estudiantes: ¿que te gustó de la instrucción en línea?, ¿Que no te gustó?, ¿Como puede ser mejorada la instrucción por este medio?. Una forma indirecta de evaluar la efectividad de estas páginas WWW, particularmente si se emplean para impartir la enseñanza de cursos, es mediante el resultado de los exámenes que han tomado los estudiantes.

Mantenimiento e Innovación

        Las páginas del Web necesitan remodelaciones periódicas. Por ejemplo, se requieren anadir nuevos materiales, enlaces que actualizar, mensajes e-mail que contestar, entre otros. El concepto de innovación se refiere al proceso de contínuamente mejorar la calidad y funcionabilidad de las páginas WWW, de manera que se alcancen las metas y objetivos curriculares previamente establecidos. Ser innovador implica la búsqueda de nuevas ideas originales que mejoren los componentes funcionales e instruccionales del web.
 

Consideraciones Generales

        Luego de haber realizado el estudio de necesidades y determinado los objetivos y metas de proyecto, se debe desarrollar el tópico o contenido del proyecto y decidir la forma en que esta información se habra de subdividir en la presentación WWW. Expresado de otra forma, se desglosa el contenido en los principales temas/departamentos, agrupando la información similar/relacionada. Este proceso debe producir un bosquejo general del trabajo. El diseñador, entonces, deberá determinar el tamaño y extensión del documento. Por ejemplo, el desarrollador decidirá el número de subtópicos y la cantidad de información que tendrá cada uno, cuan largo será una página, y cuantas páginas se habrán de producir. Ahora la pregunta es, ¿como organizo toda esta información en mi presentación del Web?. La contestación de esta pregunta nos dará la estructura de nuestro trabajo. La estructuración del proyecto comienza con el desarrollo de un mapa de navegación u organigrama. Los mapas de navegación exhiben la organización/secuencia de las conecciones o enlaces entre los tópicos y subtópicos del contenido, entre las páginas, y entre otros recursos (e.g., elementos multimedios, bases de datos). Más específicamente, los enlaces definen el patrón que habrá de seguir el visitante, de manera que pueda navegar a través de los diversos tópicos, recursos y páginas del Web. Este mapa de navegación (u organigrama) define la relación entre las páginas. A su vez, esta relación define el contexto del contenido y páginas WWW, i.e., la estructura de los vínculos crea el contexto, en el cual los usuarios podrán interpretar y entender el conmtenido de la presentación del Web (Horton, Taylor, Ignacio, & Hoft, 1996, p. 486).
        La estructura de cualquier presentación WWW puede seguir cinco tipos de organizaciones lógicas (Lemay & Snell, 1996, pp. 13-15; Vaughan, 1998, pp. 464-465), esta son:

• Cartelera: Este tipo de diseño exhibe una simple página. Gran parte de las página personales son de este tipo. También, se emplean comunmente en negocios pequeños o para la venta de un producto comercial. Por lo regular, la cartelera contiene vínculos hacia recursos relacionados disponibles en el Web, pero no pasa de este punto.
• Diseño lineal de una página: Representa una página WWW (corta o larga) diseñada para ser navegada secuencialmente (de arriba y siguiendo para abajo) hacia los temas y sub-temas del contenido. La realidad es que el visitante en ningún momento abandona esta página. Los tópicos de la página se dividen por medio de líneas divisoras horizontales. El tope de la página contiene un menú o tabla de contenido con enlaces hacia los tópicos de la misma página. En ocasiones, el usuario tendrá que deplegarse hacia abajo ("scroll down") para poder continuar su lectura del contenido.
• Diseño lineal de múltiples páginas: En este diseño las páginas fluyen/navegan en una secuencia lineal lógica de principio a fin, similar al modelo lineal discutido arriba, con la excepción que los enlaces conducen a una variedad de páginas WWW. Los vínculos hacia las páginas se colocan comunmente al final de cada documento.
• Diseño jerárquico: El visitante navega a través de la páginas siguiendo una estructura de arbol, mediante un contenido lógico-natural. Este tipo de estructura jerárquica es la que comunmente se encuentra en el Web. Por lo regular, este diseño comienza con una página principal, comunmente conocido como página de bienvenida o de índice ("home page"). Esta página principal contiene enlaces hacia otras páginas subordinadas, cada una relacionada con la materia o contenido principal. Pero los vínculos no se detienen aqui. Cada página de enlace posee a su véz otros enlaces a más páginas que desglosan aún más el contenido o tópico principal. Usualmente, cada una de estas páginas poseen un enlace de regreso a la página de bienvenida.
• Telaraña/no lineal (Web): Múltiples páginas enlazadas unas a otras, siguiendo vías predeterminadas ilimitadas de naturaleza no lineales. Es una estructura jerárquica sin la jerarquía. Puede haber una página principal, pero los enlaces no siguen una secuencia específicas, i.e., los visitantes puede navegar a su gusto hacia cualquier página que deseen.

        Al iniciar el diseño de la(s) página(s) del Web, se sugiere crear una carpeta con los
sub-directorios correspondiente en el disco duro de la máquina (la cual se untilizó para construir/editar estas páginas) que posea la misma estructura que habrá de tener ésta al publicarse en el servidor WWW correspondiente.
        Obviamente, como fue planteado previamente, es importante establecer el propósito para la publicación/creación de esta página en el Web. Por ejemplo, si se emplea en un escenario escolar, el objetivo es de naturaleza curricular, i.e., impartir la enseñanza de los cursos a través de la Internet/Intranet o Web. Esto se conoce como Instrucción-Basada en la Internet (IBI) ó Entrenamiento-Basado en la Internet (EBI). Se le llama Instrucción-Basada en el Web (IBW) o Entrenamiento-Basado en el Web (EBW) cuando exclusivamente se emplea el Web para dictar las clases. Las páginas académicas/intruccionales pueden también emplearse para que los propios estudiantes publiquen sus documentos HTML.
        La IBW dispone de varias ventajas para un diseño intruccional en línea, a saber: 1) usos de elementos (e.g., animación, audio, video, entre otros); 2) dispone de interactividad, especialmente mediante los enlaces hipertextos hacia otras páginas dentro del mismo documento o a otros servidores WWW; 3) emplea las herramientas de comunicación (correo electrónico, boletines de aviso electrónicos, plática, y conferencia), e investigación (e.g, motores de búsqueda); y 4) esta basado en fundamentos pedagógicos y metodologías de enseñanza innovadoras.
        Por otro lado, puede ser que solo el profesor desee utilizar el Web como apoyo/complemento de sus cursos, en cuyo caso el fin de éste sería simplemente proveer material informativo o recursos (e.g., enlaces hipertextos) para los usuarios/estudiantes, de manera que se puedan ampliar los tópicos discutidos en la clase.

Reglas/Principios Fundamentales de Publicación

        Al presente, un gran número de individuos y compañias se encuentran creando y publicados páginas HTML para la internet/intranet o Web. Para los principiantes, las presentaciones WWW producidas poseen una variedad de problemas de diseño y errores de contenido. Para evitar construir páginas del Web de pobre calidad, me he tomado la tarea de producir en esta sección un listado de reglas y delineamientos generales que deberá seguir toda persona o corporación interezados en publicar páginas excitosas/efectivas para el Web.

Estructura de la página:

• La estructura de la página deberá incluir lo siguiente:

• Códigos HTML (se pueden visualizar bajo el "source" del navegador).
• Título para la página.
• Encabezado ("heading")
• Texto normal.
• Imágenes/gráficas incorporadas en la página.
• Listados ("bullets") y tablas.
• Interfaz centralizada para el usario (e.g., iconos claros y consistentes para la
• navegación).
• Mapas de imágenes ("image mapa")
• Enlaces hipertexto.
• Reglas/barras horizontales (para dividir secciones de tópicos relacionados)
• Formas (blancos para que los visitantes entren información, tales como cuestionarios,
• entre otros)
• Firma (e-mail del "webmaster", URL de la página).

• Tamaño seguro para las páginas WWW:

Elementos de Diseño de la página

• Incluir un encabezado informativo en cada página.
• Emplear líneas divisoras horizontales para agrupar visualmente secciones de informaciónrelacionadas (e.g., párrafos que discuten el mismo tópico).
• Proveer al final de cada página la dirección de la página principal en el Web, i.e., su "Universal
• Resouce Locator" (URL, siglas en Inglés) y el correo electrónico (e-mail) del instructor (en la forma de enlace, i.e.: "mailto:").
• Presentar la última fecha de revisión para cada página.
• Exprese los puntos más importante en en forma breve y concisa.
• Distinguir/diferenciar entre páginas de menú y páginas de contenido. Las páginas del menú deberán de acelerar los visitantes hacia las páginas de contenido.
• No se recomiendan presentaciones WWW con información trivial/poco importante.
• Solo emplear material que posean Derechos del Autor ("Copyright") si se poseen los permisos correspondientes.
• Diseñar por sección, no por página, comenzando desde arrriba y seguir hacia abajo. Cada sección debe poseer su propia apariencia, esquema de color, y gráficas relevantes.
• Considere el aspecto/diseño de los colores.

• Emplear sub-páginas:

• Emplear Marcos ("Frames") con moderación:

• Evitar colocar mucha información en una sola página. No se recomienda poducir páginas muy largas que provean un desplazamiento ("scrolling") vertical extenso a lo largo de la pantalla.

• La Línea de Pliegue ("Fold-Line"):

Enlaces en la página:

• Enlace sabiamente (en contexto). Los enlaces interrumpen el patrón visual que hacen al texto trabajar. Creando enlaces en los márgenes (en contexto), y no al final, evita el interrumpir la idea del texto, pero explota el aspecto dinámico del Web (Veen, 1998, http://www.webreference.com/dev/hotstyle/ ).
• Buenos enlaces ayudan a que los usuarios encuentren tus páginas. Existen una variedad de directorios y fascilidades de búsqueda que te permiten registrar tus páginas, lo cual ayuda a que tus visitantes te encuentren. Si utilizas Netscape, los botones de "Net Search"y "Net Directory" refieren al usuario a motores de búsqueda y fascilidades de directorios. Si observas todos éstos, podrás encontrar una forma o correo electrónico que te registra con el servicio. Una vez esto se haga, cualquier persona que realice una búsqueda utlizando palabras claves desde tus páginas obtendrán un enlace hacia tu presentación WWW desde estos servicios.
• Todos los enlaces de su página en el Web deben poseer relevancia con respecto a su objetivo/propósito principal de su presentación WWW.
• Hacer todos los enlaces relativos donde sea posible. Incluya como mínimo un enlace interno (dentro de la misma página) o externo (hacia otro servidor WWW) para cada página creada. Incluya solo los mejores lugares WWW con descripciones concisas.
• Evite páginas que terminen sin salida (e.g., no posean un enlace para regresar al menú o página principal).
• Asegure todos los enlaces absolutos con el inicio de http://, ftp://, etc.
• Asegúrese que todos los enlaces sean válidos. Revise sus enlaces externos por lo menos una vez al mes. Un error común en aquellos que editan páginas WWW, particularmente si no hacen una prueba piloto de éstas, es que sus enlaces no funcionan.
• Confirme que el "case" (e.g., mayúsculas vs. minúsculas) de los archivos correspondan a los enlaces en un sistema UNIX (si este es el caso).

• Evite añadir muchos o pocos enlaces:

• Automatización:

Navegación:

• En el diseño, emplear una Interfaz Gráfica para el Usuario ("Graphical User Interface" o GUI, siglas en Inglés).
• Ser consistente. Proveer herramientas de navegación en una manera consistente/estándar.
• Ciertas opciones (e.g., "Regresar a la Página Principal") deben estar disponible en cada página en un lugar predecible. La velocidad del movimiento se mejora al repetir formatos básicos. La variación aleatoria es una violación de buena estética e interfiere con la habilidad de navegar sin obstáculos de una página a otra.
• Presentar en la página principal ("home page") una tabla de contenido o mapa de navegación con una reseña del propósito de este material.

• Ser bien organizado:

Consideraciones en cuanto a la información texual:

• Con referente al texto o a la Interfaz Textual para el Usuario ("Reader User Interface" o RUI, siglas en Inglés). La meta es hacer el texto más atractivo/interezante, fácil de leer, y apremiante/irresistible. En torno al texto se recomienda lo siguiente:
• Emplear letras mayúsculas esporádicamente. Todas letras mayúsculas pueden tomar hasta 30 porciento más espacio y reduce la velocidad de la lectura hasta por un 12 a 30 porciento (Marcus, 1999, http/www.teachlearning.com/web_tips_tips.shtml). Además, recuerde que en internet gritar se expresa con texto usando letras mayúsculas.
• Limitar el largo de las líneas textuales. Para bloques de texto, mantenga las líneas de 40 a 60 caracteres, no importa cuan amplio sea la ventana de texto. El grado de claridad en las lecturas textuales disminuye con líneas muy cortas o muy largas. Tome en consideración que leer de una pantalla de monitor puede ser hasta un 28% más lento que leer de un papel.
• Mantenga los márgenes en la parte derecha de la página desiguales/dentados. La velocidad de lectura se reduce alrededor de un 12 porciento si el texto del margen derecho se "justifica" en ambos lados (i.e., espacio proporcional).
• Seleccione un tipo de letra "serif" para parrafos extensos. Estos tipos de letras permiten leer el texto con mayor claridad.
• Uso moderado de itálicas y subrayado. Por lo regular el uso frecuente de atributos de texto obstuyen la lectura apropiada del texto.
• Dividir los párrafos con espacios de separación en vez de indentaciones (sangrías). En general, la densidad del texto debe ser alrededor de un 25 a30 porciento del área de la pantalla.
• Siempre expresar el mensaje claro y sin adornos. Evite la retórica
• En la medida que sea posible, emplear la voz activa.
• Borrar frases preposicionales.
• Utilizar una variedad/estandarizada de tipos de letras:

• Utilizar diferentes tamaños para los tipos de letras:

• Mejore la visualización:

• Añadir variedad a tu texto:

• Crear texto especial en un Editor de Texto

Consideraciones en cuanto a la redacción:

• Disponga de una buena redacción:

• Manteniendo Contexto:

• Comienza la página principal con tus noticias/eventos nuevos:

• Evite colocar contadores en tus páginas del Web. Esto solo le indica al mundo virtual cuan bajo esta se encuentra el tráfico del Web. Si la gente identifica un número bajo, posiblementepiensen que se trata de un lugar de poca importancia y que es una pérdida de tiempo seguir en esta presentación WWW . Por otro lado, si el número es muy alto, entonces probablemente sospechen que el número fue previamente colocado a un conteo alto.

• Sea innovador:

• Ser Claro:

• Ser Sencillo:

• Proveer una buena credibilidad y originalidad en diversas formas posibles:

• Provea información valiosa, sin datos exagerados:

• Ser un sitio WWW popular:

Otros aspectos a considerar:

• Subiendo archivos:
• Asegúrese que se suban los archivos en la misma posición relativa que se encuentran en el disco duro.
• Suba las etiquetas HTML y archivos de imágenes como data cruda.
• Codifique aplicaciones y otras archivos a ser bajados.

• Diseño Piramidal:

• Vea el "source" desde su navegador:

• Aproveche el medio:

• Conozca/aprenda el código HTML:

• Mejore la calidad:

Responder a las necesidades de los usuarios:

• Considerar el ancho de banda de tus clientes: responder a las necesidades de un modem de 14.4 Kbps (el usuario del Web Típico).
• Piense "sobre el pliegue" o sobre el despliegue ("scrollbar"). Puesto que la mayoría de los usuarios utilizan monitores de 13-15".
• Ajusta tu página conforme a los perfiles de los clientes (Net demographics :68% 18-35 años varones educados).

• Adapte la información según las necesidades de los usuarios:

• Búsqueda: Permita que tus visitantes realicen búsquedas de tu presentación WWW con herramientas de búsqueda, tales como "SWISH" y "Excite". Ofrece una visión general de tus páginas con una tabla de contenido o mapa del sitio.
• Ser interactivo: una buena interactividad compromete al usuario y hace tu página divertida/atractiva. El Web representa un medio de comunicación hipermedio e interactivo que debe reflejarse en la página WWW creada. Aquellas páginas que involucran al usuario y poseen un sentido de diversión o aventura serán las más visitadas. Estos tipos de páginas pueden cobrar por espacios de anuncio en éstas. Otra ventaja de la interactividad es el contenido auto-generativo. Al permitir a tus visitantes interaccionar con tu página, éstos en realidad estan creando contenido a éstas. Sondeos/encuestas y foros impulsados por guiónes ("script") permiten al usuario compartir información con otros y pueden ayudar a darle forma a tu presentación WWW, de manera que pueda servir mejor sus necesidades. Una forma de hacer esto es emplear aplicaciones de foros o pláticas.

• Equilibra lo estético con el rendimiento:

• Pruebe el mayor número posible de navegadores y plataformas.

• Suministrar a los usuarios lo que necesitan para poder orientarse ellos mismos y tomar decisiones.
• Para ser exitosos, mezcle el contenido con una solución de problemas.

• Emplear una Metáfora apropiada:

• Domine una materia:

Emplear técnicas de mercadeo:

• Seguimiento/Rastreo:

• Mantenga sus páginas con regularidad:

• Seguridad:

• Imprima sus páginas del Web:

• Aprender de otros:

• Publicar tu página:
• Darla de alta en los buscadores
• Registrarla de forma automática en varior buscadores

• No permita que las personas adivinen que hay nuevo.
• Nunca centralice toda la página del Web: Este error es comun en principiante y produce la pérdida de atención por parte de los visitante de la página.
• Evite emplear imágenes grandes: Considere que aún algunos usuarios poseen problemas de ancho de banda (modems lentos que retrasan la conexión).
• Evite enlaces muy grandes: No convierta en enlace a todo un parrafo de texto, puesto que esto reduce el efecto de la interfaz del usuario. Trate de emplear frases claves en el parrafo como tus enlaces. Si todo lo demás falla, escriba una copia muy directa que diga algo como lo sigueinte: "Si deseas más información, aplique un click aqui". Trate de siempre trabajar con tu texto actual antes de hacer que lea como un texto del Web.
• No utilice técnicas de despliegue de las páginas de tipo periódicos: El Web te permite una variedad con respecto a los tipos de arreglos/despliegue que puedan utilizarse para exhibir la información. No utilices técnica ya conocidas a los usuarios. Sea innovador.
• Evite insertar en las páginas imágenes de poca calidad y resolución: Use un editor de imágenes para darles los toques de arte apropiados. No uses imágenes que posean Derechos del Autor.

        Existen dos tipos principales de formatos de imágenes que emplea el Web, a saber: Graphic Interchange Format (GIF), y Joint Photographic Expert Group (JPEG). Cada uno posee características especiales. Los archivos GIF son los recomedados para crear imágenes, tales como logos, rótulos ("banners"), gráficas de barra, iconos, botones, y trasfondos ("backgrounds"). Por otro lado, los formátos gráficos JPEG se emplean comunmente para imágenes fotográficas. Los materiales fotográfico publicados en el Web se benefician de la habilidad de los formatos JPEG para manejar sobre 16 millones de colores diferentes y comprimir retratos grandes.
        Las gráficas GIF emplean una paleta de 8-bits o menor, lo cual implica que cualquier imagen almacenada como un archivo GIF puede estar compuesta de un máximo de 256 colores
(2 a la 8^va potencia es 256). Otos colores se pueden simular al utilizar tramado ( "dithering"), un proceso por el cual dos colores se mezclan en un área para verse como un tercer color inmediáto. El problema del tramado es que convierte a la imágen más "pixelada" (muchos puntos visibles en la imagen), reduciendo su resolución; consecuentemnte, las imágenes GIF no representan el mejor formato para exhibir una foto con buena resolución, puesto que una éstas requiere más de 256 colores. El tipo de compresión empleada en el GIF se optimiza para las áreas de color uniforme.
        Existen varias versiones del archivo de imagen GIF. El mejor formato de GIF se conoce como GIF89a, el cual provee la mejor compresión. Estos pueden ser interlazados ("interlaced") en sus partes y pueden ser transparentes. Las áreas transparentes revelan el color o patrón del trasfondo ("background") de la página WWW, lo cual te permite crear gráficas no rectangulares (sin un marco alrededor).
        Por otro lado, las imágenes JPEG se almacenan en colores de 24-bits. En un monitor de
8-bits, una imagen JPEG se convierte tramada, parecido al GIF. Las imágenes JPEG son mejores con imágenes fotográficas, las cuales pueden poseer diferentes gradientes de colores.
Los archivos JPEG son las mejores para imágenes de fotografías.

Paletas de Colores GIF

        Los bits (o profundidad del bit) representan el número de bits de colores en la imagen. La profundidad del bit de cualquier imagen se refiere al número de bits requeridos para representar una pixelada ("pixel"). Un bit representa la unidad fundamental de información dentro de un sistema binario comun en las computadoras. Un bit es un interruptor sencillo que detecta dos estados, a saber: activado (un valor de 1) o apagado (un valor de 0). Un byte se compone de ocho bits contíguos, de manera que un kilobyte (Kb) son 8192 bits (1024 bytes). Por lo tanto, una imagen de 8-bits que sea de 100 por 150 pixeleladas posee 120,000 bits, o aproximadamente 14Kb sin comprimir. Una imagen de 16 bits con las mismas dimensiones sería más grande en un disco flexible ("disquette"), como también lo sería una imagen de 24-bits.
        Obviamemnte, el tamaño del archivo se encuentra vinculado con la profundidad del bit de una imagen. Reduciendo la profundidad del bit puede ayudar significativamente, Por lo tanto, ¿Cuantos bits necesitas?. Esto depende de los colores que requiere tu imagen. Si tu imagen es fotográfica, tu puedes utilizar un JPEG para la mejor compresión mientras mantienes una una alta profundidad en el bit. Los archivos JPEG son fáciles ­ ellos solo pueden ser imágenes de 24 bits. Sin embargo, los GIFs pueden ser 8 bits o menos, y puesto que poseen una extensión de donde escoger, necesitas aprender sobre paletas de colores.

Recomendaciones al Emplear Gráficos

• Optimizar las imágenes:
• Recortado ("croppping") - recortar lados del gráfica para que se acomode en espacio determinado o quitar partes innecesaria de la imagen
• Miniminize los colores.
• Maximize la redundancia horizontal.
• Evite mexclas de gradientes.
• Minimize el número de diferentes imágenes en una página para reducir el tiempo de transmisión de la página entera (cada imagen requiere un viaje de ida y vuelta al servidor).
• Minimize/reduca la paleta de color del los archivos GIF para poder optimizar su tamaño
• Optimizar el tamaño de los archivos de gráficas (a un máximo de 20 Kb para cada gráfica).

• Emplee gráficas con moderación que exhiban la información:

• Es recomedable emplear pocas gráficas que sean de mucho impacto para el lector/visitante, tal como un logo. Se debe estar conciente de los problema que tienen los archivos grandes de fotografías.

• Emplear siempre etiquetas de ALT: Texto Alternado ("Alternate Text") o alternativas de texto ("text alternatives") para todas las imágenes:

• Incluya los atributos del tamaño del todas las gráficas.

• Usar gráficas Invisibles:

• Minimizar el tiempo de carga o "download":

• Emplear colores del Web seguros:

• Emplear una tabla para alinear los elementos:

• Mantener las gráficas simples:

• Reduzca la profundidad del bit de todas las imágines GIF
• Optimizar la paleta de color de todas las imágenes GIF para usar colores seguros en el WEB
• Emplear la calidad más baja de todas las imágenes JPEG.

• Emplear trasfondos con bordes:

• Usar gráficas para comunicar:

Multimedios:

• Tener cuidado con el empleo de elementos multimedios:
• Con mucha cautela, equilibra los multimedios apropiados para usuarios con experiencia Compare los requisitos tecnológicos para el ancho de banda. Concéntrate en el primer marco o utilice la creación de guiónes ("scripting') para la creación "plugins".
• Evitar efectos especiales de grandes proporciones que puedan demorar la carga de la página en el Web, tales como ShockWave, Java, animaciones GIFs e imágenes tipo botón. Como resultado, esto obliga al visitante esperar un tiempo prolongado y posiblemente ocasione que se congele el sistema.
• Animación:

Consideraciones Generales

        La telaraña de la internet (el Web) representa aquel sistema en el ciberespacio que permite al usuario visualizar/navegar las páginas WWW, realizar busquedas, comunicarse con otros y transferir (recuperar y enviar) archivos. Con la navegación vía enlaces hipertexto a través del Web los estudiantes pueden viajar hacia una cantidad casi infinita de servidores WWW alrededor de todo mundo, con el fin de buscar de información textual, gráfica y elementos multimedios (e.g., sonido y video). El acceso al Web requiere que el cliente posea un visualizador (navegador) del Web. Los más populares son "Netscape Navigator" e "Internet Explorer".
        Las páginas del Web se encuentran codificadas mediante un lenguaje conocido como Lenguaje Hipertexto de Etiquetación o "Hypertext Marked Language" (HTML, siglas en Inglés). Los códigos o etiquetas creadas bajo este sistema se almacenan en formato ASCII ("American Standard Code for Information Interchange"). Para poder ejecutar estas codificaciones se requiere un programa especial conocido como Visualizador o Navegador ("Browser"), el cual traduce las etiquetas para que se exhiban imágenes, la ubicación del texto en la página y sus atributos especiales, indicaciones donde comienza y termina una página, entre otros. Por ejemplo, para poder visualizar palabras en negritas ("bold"), se requiere insertar una etiqueta <B> antes del texto y , </B> después de este (Alison & Brigitte, 1997)
        Debido a que el texto ASCII es universal en la mayorías de las computadoras, los archivos HTML pueden correr en cualquier plataforma (e.g., Macintosh o PC).
        La forma más segura y eficaz para diseñar páginas WWW es empleando etiquetas, aunque es un poco complicado para principiantes, particularmente si no poseen experiencia en informática. La herramienta que facilita la tarea de insertar las etiquetas HTML se conoco como editor HTML.
        En sus inicios, los archivos HTML eran creados en un editor de texto común (e.g., Notepad). Más tarde, surgieron los Editores HTML y eventualmente los Editores Gráficos de Autoría. Estos últimos se conocen también como Editores WYSIWYG ("What You See Is What You Get").
        Los editores gráficos del Web le proveen al usuario la oportunidad de programar visualmente, sin la necesidad de conocer los códigos de HTML o de Java. Similar a un procesador de palabras, se construyen visualmente las páginas WWW, generando automáticamente las etiquetas HTML. Estos editores aceleran el proceso de crear las páginas WWW y proveen una interfaz amigable, la cual es básicamente similar para todos los editores disponibles comercialmente.
        La tendencia actual de los Editores WYSIWYG del Web es que estan incorporando cada vez más programaciones internas de naturaleza WYSIWYG que permiten crear funciones automatizadas especiales, tales como correr aplicaciones elementales ("applets") de "JavaScript", guiones ("scripts") CGI, entre otros. Además, los editores actuales trabajan con los lenguajes de etiquetación más recientes, tales como HTML 4.0, HTML Dinámico (DHTML), "Cascading Style Sheets" (CSS), entre otros. Más aún, estos editores modernos proveen herramientas para administrar los servidores WWW, integración de bases de datos, servidores del Web, integración de Java/ActiveX/DHTML, y editores de gráficas y animación.
        Diversas ventajas emergen del uso de editores WWW. Una de ellas es la de poder ver el producto de página a través del visualizador/navegador del Web. Otros editores son muy buenos para autoría académica. Finalmente, estos editores son por lo regular fáciles de usar, de manera que son recomendados para individuos incursionando por primera vez en el diseño de páginas para el Web.

Categorías

        Existen tres principales tipos de editores del Web, a saber, 1) aquellos empleados únicamente para codificar directamente las etiquetas HTML ("pure code-based editors),
2) editores WWW visuales puros ("pure WYSIWYG editors"), y 3) editores compuestos ("compund editors")
        Los editores puros de HTML permiten al programador controlar el proceso de codificación de las etiquetas HTML. Por otro lado, los editores gráficos de autoría trabajan similar a un editor/programa de publicación, con una interfaz amigable. Finalmente, los editores compuestos permiten emplear una combinación de las herramientas disponibles con los editores visuales puros y aquellas disponibles con un editor HTML de codificación directa.

Tipos de Editores

        Al presente, existen una gran catidad editores de autoría para el Web disponibles comercialmente. Entre los editores WWW más usados se encuentran los siguientes:

• FrontPage 98 de Microsoft, versión 3.0 (Windows 95/NT): http://www.microsoft.com/
• HoTMetal Pro de SoftQuad, versión 4.0 (Windows 95 Windows y Mac): http://www.softquad.com/
• PageMill de Adobe, versión 3.0: http://www.adobe.com/prodindex/pagemill/main.html
• Composer de Netscape Communicator, versión 4.5 (Windows 3.1/95/NT, Mac, Unix): http://www.netscape.com/
• Macromedia Dreamweaver (Windows 95/NT o Mac) de Macromedia, versión 1.2: http://www.macromedia.com
• Macromedia's Backsatge Designer de Macromedia: http://www.macromedia.com
• NetObjects Fusion, versión 4.0 (Mac o Windows): http://www.netobjects.com/
• FileMaker Pro, versión 4.0 (Windows o Mac) : http://www.claris.com
• DeltaPoint de QuickSite, versión 2.5 (Windows 95/NT): http://sitetech.com
• Claris Home Page, de Claris Corp, versión 3.0: http://www.claris.com
• Elementary Drumbeat 2000, versión 2.0 (NT, Unix, IBM WebSphere).: http://www.drumbeat.com/
• GoLive CybeyStudio, versión 3.0 (Macintosh): http://www.golive.com
• Visual Page de Symantec, versión 2.0 (Win95/NT y Mac) : http://www.symantec.com/domain/cafe/vispage.html
• Microsoft Publisher 98 de Microsoft Corporation (Win95): http://www.microsoft.com/
• WebExpress, versión 2.0:
• Web Factory Author, versión 3.0: http://www.tlcosoftware.com
• Cmed, versión 2.0 - Chad Matheson: http://www.iap.net.au/~cmathes/
• Corel WebMaster Suite (Windows 95/NT): http://www.corel.com
• Corel Web Designer de Corel, versión: http://www.corel.com
• EdWin, version 2.1: http://www.vantek.net/pages/msutton/edwin.htm
• FlexEd, version 1.7: http://www.infoflex.com.au/flexed.htm
• HomeSite, versión 2.0: http://www.dexnet.com/
• Digital Chisel, versión 3.0 (Windows 95/NT o Mac): http://www.Digitalchisel.com
• Globettroter de Akimbo Systems, versión 2.0: http://www.akimbo.com/globetrotter/index.html
• My Web Page (Windows o Mac): http://www.littlemenstudio.com
• WebCalender (Windows 95): http://www.pacificasoftware.com
• BBEdit (Mac) de Bare Bones Software, versión5.0.2: http://www.BBEdit.com/
• HTMLed Pro de Software Technologies, versión 2.0: http://www.ist.ca
• HTML Writer de Kris Nosack, versión 0.9 Beta 4a : http://lal.cs.byu.edu/people/nosack
• HTML Easy! Pro de Basic Concept Studio, versión 1.3: http://www.seed.net.tw/~Emilkylin/
• Incontext Spider de AccuSoft, versión 1.01: http://www.incontext.ca/
• My Internet Business Page de Mysoftware Company, versión 1.0: http://www.mybusinesspage.com/livemark.htm
• LiquidFX , versión 2.05: http://www.access.digex.net/~liquidfx/
• ReVol Web Worker, version 1.2: http://www.webzone1.co.uk/www/jlister/revol.htm
• Spider Pad de Six Legged Software, versión 1.0.0: http://www.sixlegs.com/
• Web FactoryAuthor de Thunder and Lightning, versión 3.0: http://www.tlco.com
• WebMania! de Q&D Software Development, versión 1.0: http://www.q-d.com/
• WebAuthor de Quarterdeck, versión 2.0: http://www.quarterdeck.com
• Webber de CSD Corp, versión 1.1: http://www.csdcorp.com/webber.htm
• WebDesigner de CompuDesign, versión 1.0:
• http://www.cybercity.dk/users/ccc2277/webdes.htm
• Web Media Publishers de Web Media: http://www.wbmedia.com/
• Web Wizard - The Duke of URL de ARTA Software Group, versión 1.2:
• http://www.halcyon.com/artamedia/webwizard/
• Webmaster Pro de V-Tech Software, versión 1.0:
• http://www.ozemail.com.au/~vtech/webmaster/webmastr.html?
• Web Express de Micro Vision Development, versión 2.0: http://www.mvd.com
• 1-4-All, de , versión 0.91: http://www.cs.tu-berlin.de/~minibbjd/software/1-4-All.html
• AOLpress, de American Online, versión 1.2: http://www.aolpress.com

• Hot Dog Professional (Windows) de Sausage Sofware, versión 3.0: http://www.sausage.com.au
• HTML Assisstant Pro 97 de North Software, versión 1.0: http://www.brooknorth.com/
• WebEdit Pro de Knowledge Works Inc., versión 2.0.3: http://www.sandiego.com/software

• Corel Word Perfect de Corel Corporation, versión 8.0: http://www.corel.com
• Word 97 forWindows de Microsoft Corporation: http://www.microsoft.com/
• Lotus Word Pro 97 de Lotus:

• WebRazor para Photoshop (Windows 95/NT): http://www.ulead.com
• Web Painter 2.0: http://www.totallyhip
• Emblaze WebCharger (Windows o Mac): http://www.emblaze.com
• HVS JPEG 2.0 and HVS ColorGIF 2.0: http://www.digfrontiers.com
• WebSpice 1,000,000 (Windows, Mac, Unix): http://www.webspice.com

• Design a Web Page (Tammy Payton): http://www.siec.k12.in.us/~west/online/design.htm
• The Microsoft Site Buider Network: http://microsoft.com/sbnmember
• Webmonkey: http://www.hotwired.com/webmonkey/
• Internet 101: http://reinert.creighton.edu/101/boolean.htm

        El Web provee múltiples herramientas de ayuda para el diseño y desarrollo de una
presentación WWW. Por ejemplo, existen lugares en el Web donde se pueden bajar (de gratis o
pagando) imágenes/gráficas, animaciones GIF, aplicaciones elementales de "JavaScript",
tutoriales/técnicas y literatura/manuales electrónicos que orientan a los principiantes en la
planificación y construcción de las páginas HTML. Además, otras páginas WWW proveen enlaces
hacia otros servidores que poseen más herramientas/recursos. Las direcciones URL de estos
servidores WWW de ayuda se proveen más adelante bajo las referemcias de este trabajo.
 

El autor aprecia la ayuda ofrecida por los empleados del Centro para el Acceso de la
Información (Biblioteca) de la Universidad Interamericana, Recinto Metropolitano.
 

        About Design (1998): http://www.utsystem.edu/WebSpinners/design.html

        Applets de Java. (http://www.wmaestro.com/webmaestro/docs/cap20.html)

        Aprenda a la Red: edición de páginas de Web.
(http://www.learnthenet.com/spanish/section/webpubl.html)

        Art and Zen of Web Sites (1998). (http://www.tlc-systems.com/webtips.shtml)

        Arocena, F. (1998). WebMaestro: Crea tu Página del Web.
(http://wmaestro.com/webmaestro/docs/portada.html )

        Authoring Resources and Information: http://www.webreference.com/authoring/

        Blue Web'n Applications: Technology Tutorial
(http://kn.pacbell.com/cgi-bin/listApps.pl?Technology&Tutorial/)

        Bryan, P. (1995). Que Diccionario para Usuarios de Computadoras. México: Prentice-Hall
Hispanoamericano, S.A.

        Braxton, S., Bronico, K., & Looms, T. (1998). Instructional Design Methodologies and
Techniques. Washington, D.C.: George Washington University
(http://www.seas.gwu.edu/student/tlooms/ISD/isd_homepage.html)

        Brown, N., Chen, P., Miller, D., Van Eyk, P. & Weinman, W. E. (1996). Designing Web
Animation. Indianapolis, IN: New Riders Publishing.

        Buyens, J. (1998). Stupid Web Tricks. Redmond, Washington: Microsoft Press.

        Child, D. A. (1996). An Introduction to World Wide Web Page Design. T.H.E. Journal
onLine. (http://www.thejournal.com/magazine/96/aug/exclu2.html).

        Coqui.Net (1996). About HTML Home Page Authoring: http://www.coqui.net/Help/AboutHtml/

        Chamoff, B. (1998). The Difference Between HTML and WYSIWYG Web Page Editors:
http://www.smartbiz.com/sbs/columns/bruce16.htm

        Consejos de Estilo Gráfico para WWW (1997):
http://dmi.uib.es/people/acoca/estilo/index.html

        Comtutors, Inc. (1998). Web Site Design & Registration:
(http://www.comtutors.com/weblink.htm)

        Crash Course on Writing Documents for the Web.
(http://www.zdnet.com/pcweek/eamonn/crash_course.html)

        Creación y Diseño de Páginas Web. (http://www.chip.iponet.es/cursos/cursos10_97.html)

        Creación de Páginas para el WEB: Tutorial: HTML:
http://132.248.75.54/~luis/curso/portada.htm

        Davis, C. (1998). Carl Davis's HTML Editors Reviews - Editor List:
http://www.webcommando.com/editrev/ed_list.html

        Deal, N. (1998). Getting Teacher Educators Caught in the Web. T.H.E. Journal, 26(1)
(http://www.thejournal.com/magazine/98/aug/feature1.html)

        December, J. (1998). Web Development. December Communications, Inc.
(http://www.december.com/web/develop.html)

        deMause, N. (1996). Web Librarian Puts Tools in Designer's Hands:
(http://www.internetworld.com/print/1996/10/07/undercon/webweaver.html)

        Descy, D. E. (1997). All Aboard the Internet: WebPage Design (Part One). TechTrends,
42(1), 3-5.

        Descy, D. E. (1997). All Aboard the Internet: WebPage Design (Part Two). TechTrends,
42(2), 3-5

        Descy, D. E. (1997). All Aboard the Internet: WebPage Design (Part Three). TechTrends,
42(3), 7-9

        Descy, D. E. (1995). All Aboard the Internet: Making a World-Wide Web Page. TechTrends, 4(5), 9-11.

        Dimitry Kirsanov's Top Ten Web Design Tips: http://www.design.ru/ttt/

        Editors & Html Help: http://www.geocities.com/SiliconValley/4967/editors.html

        Editors' Choice (1997): Microsoft FrontPage 97. PC Magazine Online.
http://www.zdnet.com/pcmag/features/webedit/edchoice.htm

        Ernst, W. (1997). WinLab Reviews Software. Head to Head: Web Page Editors: Build Some
Heavyweight Web Sites. Windows Magazine.
(http://www.winmag.com/library/1997/1001/winla104.htm)

        Framing the Web: http://www.webreference.com/dev/frames/

        Frazier, R. (1998). Making Animated GIFs on the WWW:
(http://members.aol.com/royalef/gifmake.htm)

        Graphical Web Page Editors. (http://www1.zdnet.com/complife/jdi/9706/webpage8.html)

        Guide to Web Style. (http://www.sun.com/styleguide/)

        Guide to Web Style: Quick Reference
(http://www.sun.com/styleguide/tables/Quick_Reference.html).

        Guide to Web Style: Navigation (http://www.sun.com/styleguide/tables/Navigation.html).

        Jakob Nielsen's Alertbox for November 1996: Marginalia of Web Design
(http://www.useit.com/alertbox/9611.html).

        Luther, A. C. (1994). Authoring Interactive Multimedia (pp. 17-30). Boston: Academic
Press, Inc.

        McFarland, R. D. (1995). Developing Multimedia: A Method to the Madness. T.H.E. Journal
onLine (http://www.thejournal.com/magazine/95/feb/feature5.html).

        McFarland, R. D. (1995). Ten Design Point for Human Interface to Instructional Multimedia.
T.H.E. Journal onLine (http://www.thejournal.com/magazine/95/feb/feature1.html).

        McKenzie, J. (1999). Effective Site Design: Jaguar or Slug? Technology & Learning.
(http://www.techlearning.com/web_tips_tips.shtml).

        Net Tips for Writers and Designers (http://www.dsiegel.com/tips/).

        Guildford, E., & Kraynak, J. (1997). Netscape Communicator 4: 6 in 1. Indianapolis, IN: Que Corporation.

        Hall, A., & Basile, B. (1997). Building Student-Centered Web Sites in the K12 Classroom. ERIC Document Reproduction Service No ED 416 831)

        Hamilton, A. (1996). Everything You Need to Build Power Web Pages.
(http://www.zdnet.com/anchordesk/story/story_447.html).

        Haggard, M. (1998). Survival Guide to Web Site Development. Redmond, Washington:
Microsoft Press.

        Hill, J. R., Tharp, D., Sindt, K., Jennings, M., & Tharp, M. (1997). Collaborative Web Site
Design from a Distance: Challenges and Rewards. TechTrends, 42(2), 31-37.

        Horton, W., Taylor, L. Ignacio, A., & Hoft, N. L. (1996). The Web Page Design
Cookbook:All the Ingredients you Need to Create 5-Star Web Pages. New York: John Wiley &
Sons, Inc.

        How to Create and Install Personal Web Pages. (http://hcol.humberc.on.ca/get-st.htm)

        Lemay, L. & Snell, N. (1996). Laura Lemay's Web Workshop: Netscape Navigator Gold 3.
Indianapolis, IN: Sams.net Publishing.

        HTML Editors and Web Authoring Tools. (http://plato.stanford.edu/html-editors.html)

        HTML & Web Page Design: Resources: Web Page Editors, Translators, Filters.
(http://www.blueroom.com/internet/HR-WebPageEditors.htm)

        HTML Editors and Tools Virtual Library. (http://itclub.mur.csu.edu.au/~marty/html.htm)

        HTML: Web Page Editors and Helper Apps (http://www.yolo.com/~osherry/webeditor.html)

        Introduction to HTML
(http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html).

        Kaiser, J. (1999). Your Minning Co. Guide to Web Design. (http://wdvl.com/WebRef/Index/)

        Lanzador de Internet: Crea tu Propia Web. (http://usuarios.iponet.es/lubrin/html.htm)

        Laurie McCanna's Complete List of Photoshop Tutorials: Photoshop Tips
(http://www.mccannas.com/pshop/photosh0.htm).

        Linda, C. (1996). Web Page Authoring Tools: Comparison and Trends. (ERIC Document
Reproduction Service No ED 411 867).

        Lindsay, L. (1997). Web Page Design. (ERIC Document Reproduction Service No ED 399
971)

        Leung, A. (1997). Text-Based HTML Editors: Know the Code. PC Magazine Online.
(http://www.zdnet.com/pcmag/features/webedit/stt.htm)

        Lopategui, E. (1996-1997). Enhancing Higher Education Teaching for the Excercise Science
and Health: Trends and Developments Using Instructioning Computing. En: R. Kruse, M. F.
Fernós, T. M. Jiménes, & C. Morales (Eds.). Interdisciplinary Studies. Proceedings of the 19^th.
and 20th. Annual Conference (Vols IV y V). (pp. 320-352).

        Lynch, P., & Horton, S. (1997). Yale C/AIM Web Style Guide. New Haven, CT: Yale
University (http://info.med.yale.edu/caim/manual/).

        Lyris, S. & Ben-Hur, D. (1998). Seven Rules for Highly Effective Web Pages.
(http://www.teleport.com/~cos/cospages/art1.html)

        Luck, D. D. (1997). Visual Design Principles Applied to the World Wide Web Construction
(ERIC Document Reproduction Service No ED 408 985).

        Manual de HTML para el Aficionado
(http://www.geocities.com/CollegePark/Campus/3726/man1.htm)

        Martínez Echevarria, A. (1995). Manual Práctico de HTML.
(http://www.etsit.upm.es/~alvaro/manual/manual.htm)

        Mendelson, E. (1997). Grand Design. PC Magazine Online.
(http://www.zdnet.com/pcmag/features/webedit/_open.htm)

        Metz, C. (1997). Corel Web.Designer. PC Magazine Online.
(http://www.zdnet.com/pcmag/features/webedit/wbed-r3.htm)

        Milheim, M. D., & Harvey, D. M. (1998). Design and Development of a World Wide Web
Resource Site. Educational Technology, 38(1), 53-56.

        Needleman, R. (1997). Dynamic HTML Revolution (http://cnet/Content/Voices/Needleman/031097/index.html)

        Neou, V., & Recker, M. (1996). HTML CD: An Internet Publishing Toolkit for Windows.
New Jersey: Prentice Hall PTR.

        Nielsen, J. (1996). Ten Top Mistakes in Web Design:
( http://www.useit.com/alertbox/9605.html)

        Optimizing Web Graphics: http://www.webreference.com/dev/graphics/

        Olsen, G. (1997). Getting Started in Multimedia Design. Cincinnati, OH: North Light Books.

        Quinlan, L. A.. (1997). Creating a Classroom Kaleidoscope with the World Wide Web.
Educational Technology, 37(3), 15-22.

        Quinlan, L. A.. (1997). The Digital Classroom: Crafting a Web-Based Lesson. Part Two:
Organizing the Information and Constructing tha Page. TechTrends, 42(1), 6-8.

        Oregon State University (1998). HTML: Functions & Commands:
http://www.orst.edu/admin/web-edit/html

        Ready, K., Vachier, P., & Marsot, B. (1996). Plug-n-Play JavaScript. Indianapolis, IN: New
Riders Publishing.

        Rist, O. (1998). Visual Web Authoring. Internetweek, 710 (Web/Online from Proquest)

        Rose's Animated Gifts: http://www.wanderers2.com/rose/animate.html

        Shemuel, B. & Keller, J. (1999). Look Sharp: Tips for Web Design and Graphics. Technology
& Learning. (http://www.techlearning.com/web_tips_tips.shtml).

        SingNet (1994). WWW. & HTML Developer's JumpStation.
(http://oneworld.wa.com/htmldev/devpage/dev-page.html)

        STIMULUS Internet 101: Web Design. (http://www.stimulus.com/education/webdesign.html)

        The Pixel Pen Web Publishing Guide:
(http://home.earthlink.net/~thomasareed/pixelpen/index.html)

        The WDLVL: The Web Developer's Virtual Library - The Illustrated Encyclopedia of Web
Technology:: http://www.stars.com/

        The WDLVL: The Virtual Library of WWW Development (http://www.stars.com/Vlib/)

        Vaughan, T. (1998). Multimedia: Making It Work. (4ta. ed., pp. 395-422, 495-520). Berkely, CA: Osborne/McGraw-Hill.

        The Web Kitchen. (http://www.gnofn.org/%7Enano/WebKitchen/)

        The Webs Developer's Virtual Library (WDVL). Web Design - More than Meet the Eye.
(http://wdvl.com/Authoring/Design/

        The Design Cycle in Team Design (1997). Copyright: synchro design. Contact: Peter H.
Jones: http://www.coax.net/teamdesign/cycle.htm

        The Webs Developer's Virtual Library (WDVL). (Web Developer's Style Guides:
http://wdvl.com/Authoring/Style/Guides/)

        The University of Georgia. Office of Instructional Support & Development (1998). Web
Tools and Web Design. (http://www.isd.uga.edu/WWW%20Instructional/ToolsDesign.html)

        The Webs Developer's Virtual Library (WDVL): Frames-Multi-View Presentation of
Documents: http://wdvl.com/Authoring/HTML/Framestuff.html

        The Webs Developer's Virtual Library (WDVL): Navigation:
http://wdvl.com/Location/Navigation/

        The Webs Developer's Virtual Library (WDVL): A Guide to Creating Web Sites with HTML,
CGI, Java, JavaScript, Graphics. (http://Stars.com/Authoring/)

        The Webs Developer's Virtual Library (WDVL): Graphics Tools, Techniques, Examples and
Resources: http://wdvl.com/Authoring/Graphics/

        The WWW Help Page (http://werbach.com/web/wwwhelp.html)

        The Clip Art Connection (http://www.gifworld.com/home.htm)

        The Webs Developer's Virtual Library (WDVL): Multimedia Animation:
(http://wdvl.com/Multimedia/Animation/)

        The Webs Developer's Virtual Library (WDVL): Authoring JavaScript:
(http://wdvl.com/Authoring/JavaScript/)

        The Webs Developer's Virtual Library (WDVL): Dynamic HTML:
(http://wdvl.com/Authoring/DHTML/)

        The Webmaster's Lexicon: http://wdvl.com/WebRef/Index/

        Tonella, K (ed.) (1998). Web Buiders' and Multimedia Resources: Advice to the WebLorn :
(http://www.arcade.uiowa.edu/proj/webbuilder/)

        UCLA Web Style Guidelines (1996).
(http://www.ucla.edu/infoucla/styleguidelines/index.html)

        University of Alberta, Edmonton, Canada (1998). Computing and Network Services: Web
Tools Tutorials. (http://www.ualberta.ca/~maldridg/tutor/WebTut.html).

        Veen, J. (1998). HotWired Style: Principles for Buiding Smart Web Sites.
(http://www.webreference.com/dev/hotstyle/)

        Waters, C. (1996). Web Concepts & Design. Indianapolis, IN: New Riders Publishing.

        WebReference.com (sm) - The Webmaster's Reference Library.
(http://www.webreference.com/)

        What Makes a Great Web Site?. (http://www.webreference.com/greatsite.html)

        Web Authoring: (http://www.unsw.edu.au/interests/est/ets.WEBAuthoring.html)

        Web Design Group (1998). Style Guide for Online Hypertext
(http://www.illuminati.org.au/htmhelp/design/style/style.html)

        WebWeaver: Sherry O'Neal, osherry2net.com (1998). WWW Design Tip WebPages:
(http://www.yolo.com/~osherry/design.html)

        Web Page Design for Designers: (http://www.wpdfd.com/wpdhome.htm)

        World Wide Web Design Issues: (http://www.w3.org/DesignIssues/)

        Web Design Tutorials (http://www.webreference.com/authoring/design/tutorials.html).

        Web Page Design: What Makes a Good Home Page: (http://werbach.com/web/page_design.html)

        Web Tools: (http://count-it.ml.org/tools.htm)

        Web Graphics - Elements of Web Design: (http://buider.cnet.com/Graphics/Design/ss5.html)

        Your Web Page Must!. Creating Pro Websites: The Professional Touch:
(http://om/toolbox/webdesign/style/pro.html)

        Personal Web-Page Editors: How to Read the Suitability to Task Boxes. PC Magazine
Online. (http://www.zdnet.com/pcmag/features/webedit/stt.htm)

        Web Page Editors: (http://shakti.trincoll.edu/~consult/manual/applications/editor.html)

        Web Page Editors: (http://home.earthlink.net/~thomasareed/pixelpen/2_htmlbasics/editors.html)

        Web Editors: (http://www.shellnet.co.uk/shellnet/webeditors.htm)