Diseno-de-una-pagina-web-para-la-Confederacion-Nacional-de-Escuelas-Particulares

Vista previa del material en texto

UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO
FACULTAD DE ESTUDIOS SUPERIORES, ACATLÁN 
"Dise o de un a p gi n a web para la ñ á
Co nf e d er a c i n N a c i o n a l de Esc u e l a s Particu l ares"ó
TESIS 
PARA OBTENER EL TÍTULO PROFESIONAL 
DE LA LICENCIATURA EN DISEÑO GRÁFICO
PRESENTA:
ELSA LETICIA AVILA HERNÁNDEZ
Asesora: L.D.G. Ana Fabiola Gutiérrez Guzmán
Marzo, 2006
 
UNAM – Dirección General de Bibliotecas 
Tesis Digitales 
Restricciones de uso 
 
DERECHOS RESERVADOS © 
PROHIBIDA SU REPRODUCCIÓN TOTAL O PARCIAL 
 
Todo el material contenido en esta tesis esta protegido por la Ley Federal 
del Derecho de Autor (LFDA) de los Estados Unidos Mexicanos (México). 
El uso de imágenes, fragmentos de videos, y demás material que sea 
objeto de protección de los derechos de autor, será exclusivamente para 
fines educativos e informativos y deberá citar la fuente donde la obtuvo 
mencionando el autor o autores. Cualquier uso distinto como el lucro, 
reproducción, edición o modificación, será perseguido y sancionado por el 
respectivo titular de los Derechos de Autor. 
 
 
 
Este proyecto se hizo realidad gracias a la ayuda y al apoyo de personas que 
influyeron indudablemente con consejos, apoyo y motivación para poder confiar que todo 
se puede alcanzar si dedicamos esfuerzo y confianza en lo que nos proponemos. 
A mi familia: mis hermanos Angie y Toño por su preocupación constante, a mi papá donde sea que te encuentres te mando mi cariño, 
a mi pequeña hermana Martha que con tus palabras y buenos deseos logré terminar esta fase tan especial para mi; ante todo a mi 
mamá, por tus horas de dedicación y tu enorme apoyo, -gracias a cada uno-
A mi asesora L.D.G. Fabiola Gutiérrez Guzmán por confiar en mi proyecto, por tus acertados consejos, comentarios y dedicación. 
Gran parte de la estructura del contenido de los temas, te los debo a ti. Gracias por tu invaluable apoyo.
L.C.G. Laura Espinosa, por todos los consejos otorgados en la parte del capítulo dos que sin ellos la temática del 
mismo sería muy distinto. Gracias por todo lo brindado.
A los profesores que conformaron el grupo de sínodos -por sus acertados consejos, disposición e invaluable apoyo 
L.D.G. Sergio Omar Terán Ramírez
ARQ. Dina Rochman Beer
L.D.G. Ana Fabiola Gutiérrez Guzmán
L.D.G. Adolfo Lara Lazcurain
L.D.G. Juan de Dios Fuentes Reyes
A la Confederación Nacional de Escuelas Particulares, primordialmente al Lic. Sergio Paz Huicochea, que ayudo a que
formara parte de este proyecto, -palabras no bastarían para agradecer la confianza depositada, como todo el apoyo y los
consejos brindados-
Al L.D.G. Ramón Patiño y al L.D.G. Carlos Manuel Cervantes por sus oportunas sugerencias.
A mi facultad, FES Acatlán
A cada uno de mis profesores
A mi amiga y gran apoyo Citlali
Pero principalmente a Dios, que me brindó la 
oportunidad de existir y aprender algo de está vida...
Agradecimientos
Agradecimientos
Índice Página
Prefacio
Introducción
1 El uso del Internet en los procesos de comunicación e información 
Introducción..........................................................................................................................................................................................................1-2
1.1 Conceptos básicos de comunicación e información............................................................................................................................ 3,4
1.2 Conceptos básicos de Internet..................................................................................................................................................................5-7
1.3 Elementos de navegación.......................................................................................................................................................................... 7-9
1.3.1 Organización de la información............................................................................................................................................ 9,10
1.3.2 Vínculo (interno-externo) e hipertexto para la navegación.........................................................................................10-12
1.4 La transmisión y comunicación de datos.............................................................................................................................................12,13
1.4.1 Correo electrónico............................................................................................................................................................... 13,14
1.4.2 Comunidades virtuales..........................................................................................................................................................15,16
1.5 Recursos tecnológicos para el diseño de páginas en Internet.......................................................................................................17,18
1.5.1 Software.................................................................................................................................................................................. 18-21
Conclusiones....................................................................................................................................................................................................22,23
Glosario................................................................................................................................................................................................................. 24 
Fuentes............................................................................................................................................................................................................. 25,26
2 Elementos de comunicación visual en Internet
Introducción.................................................................................................................................................................................... 27,28
2.1 Elementos básicos de composición aplicados a Internet................................................................................................................... 29
2.1.1 Forma como punto, línea y plano................................................................................................................................... 29-32
2.1.2 Función de la composición............................................................................................................................................... 32-38
2.1.3 Diseño Tridimensional...................................................................................................................................................... 38-40
2.2 Uso del color en Internet....................................................................................................................................................................40-42
2.2.1 Color luz................................................................................................................................................................................42,43
2.2.2 Colores principales.............................................................................................................................................................43-45
2.2.3 Contraste en el color.........................................................................................................................................................45,46
22.4 Psicología del color.............................................................................................................................................................46-49
2.2.5 Colores electrónicos....................................................................................................................................................... 49-54 
2.3 Diseño Tipográfico en Internet..............................................................................................................................................................552.3.1 Elementos básicos tipográficos..................................................................................................................................... 56-59
2.3.2 Legibilidad y leibilidad.......................................................................................................................................................60-62
2.3.3 Tipografía en Internet...................................................................................................................................................62-65 
Conclusiones...........................................................................................................................................................................................66,67
Glosario.........................................................................................................................................................................................................68
Fuentes.....................................................................................................................................................................................................69-71
3 Caso Práctico: Confederación Nacional de Escuelas Particulares 
Introducción................................................................................................................................................................................ 72
3.1 Antecedentes..................................................................................................................................................................................72,73
3.2 Planteamiento de objetivos.............................................................................................................................................................. 74
3.3 Actividades........................................................................................................................................................................................... 75
3.4 Datos estadísticos de escuelas...................................................................................................................................................76,77
3.5 La importancia de la calidad del servicio en las escuelas particulares............................................................................ 77,78 
3.6 Relación Internacional de Federaciones que avalan el reconocimiento de esta Confederación.....................................79
3.7 Medios de información existentes en la CNEP.......................................................................................................................... 80
Conclusiones........................................................................................................................................................................................81,82
4 La comunidad virtual 
Introducción................................................................................................................................................................................83
4.1 Metodología proyectual Bruno Munari...................................................................................................................................83,84
4.1.1 Problema...........................................................................................................................................................................84
4.1.2 Definición del problema..........................................................................................................................................84-86
4.1.3 Elementos del problema........................................................................................................................................ 86,87
4.1.4 Análisis de datos, para la obtención de una conclusión a partir de la propuesta de 
diseño....................................................................................................................................................................................87,88
4.1.5 Materiales y tecnología disponibles......................................................................................................................89,90
4.2 Adecuación.......................................................................................................................................................................................90
4.2.1 Esquema, jerarquía, árbol......................................................................................................................................90-94
4.2.2 Tipografía seleccionada......................................................................................................................................... 94-96
4.2.3 Elementos interactivos........................................................................................................................................97-100
4.2.4 Formas, figura-fondo..................................................................................................................................................101
4.2.5 Colores elegidos.................................................................................................................................................102-105
4.2.6 Elementos Multimedia...................................................................................................................................... 105-107
4.2.7 Composición.......................................................................................................................................................108-118
4.3 Validación.............................................................................................................................................................................. 118-124
4.4 Corrección y solución final................................................................................................................................................124-126
Conclusiones................................................................................................................................................................................127,128
Fuentes..........................................................................................................................................................................................129-132
Introducción
La CNEP es un organismo que propone lineamientos para mejorar la labor magisterial en las escuelas particulares de educación básica 
y media superior, quien valida su sistema y otorga reconocimientos en calidad educativa. 
Las Instituciones que aspiran al mismo entran a un proceso de acreditación; siendo lo más relevante una auto evaluación que debe 
llevarse a cabo por cada colegio para reconocer si realmente existe congruencia entre lo que promueve y lo que esta llevando a cabo. La 
función de la Confederación se ve limitada sólo a indicarles puntos en los que están fallando y los parámetros que deben seguir, pero 
son las mismas Instituciones las que deberán llevar a cabo nuevamente una integración de su sistema; sin embargo la mayor parte de 
estos colegios se ubican en el interior de la República, representando un impedimento para la CNEP ya que no cuenta con oficinas que 
abarquen la mayor parte de estas áreas teniendo que reprogramar a los asesores con frecuencia, generando gastos extras que deben 
ser asumidos por parte de la empresa. Considerando la gran popularidad que ostenta Internet debido a todas las ventajas que ofrece, la 
Confederación Nacional contemplo la necesidad de hacer uso de este medio donde se tenga la oportunidad de poder dar solución a 
problemas frecuentes por medio de una comunidad virtual. La cual integrará cuatro alternativas donde se llevarán a cabo diversas 
pláticas que servirán como medio de retroalimentación entre los que participen en el chat o el foro. Con esto, se ofreceránmás vías de 
comunicación que enriquezcan su labor, favoreciendo que el reconocimiento pueda ser obtenido en un tiempo menor.
El proyecto se incorporará a la red como parte esencial del sitio de la CNEP (www.cnep.org.mx), teniendo una liga que lleve directamente 
hacia la comunidad virtual. Para este caso en particular lo que deseamos proponer es mostrar un estilo de diseño distinto, desde 
nuestro muy particular punto de vista, que ayude no sólo a motivar la observación de los usuarios, sino para servir de preámbulo 
fundamental para que ambas partes puedan ser diferenciadas por el navegante a través de sus contenidos diferentes.
Por su función, la mayor parte de los colegios acudirán a la comunidad para dar solución a sus dudas de manera rápida, por eso uno de 
nuestros objetivos que nos planteamos fue el de proporcionar un esquema de navegación sencillo, brindando la ventaja de poder 
navegar sin problema alguno. Por tanto, haremos uso de un tipo de fuente legible, de un tamaño estándar de los tipos, de un interlineado 
correcto, por citar algunos dando lugar a propiciar que los documentos sean consultados directamente; pero ante todo adecuemos un 
espacio ideado para las características de nuestro tipo de público, creando un ambiente de seriedad y formalidad, llegando a ser 
congruente con lo que promueve la CNEP.
Para esto, llevamos a cabo una investigación que si bien abarca conceptos a manera muy general, sirvieran de gran ayuda para 
establecer una propuesta de diseño más fundamentada, siendo un apoyo para poder dar solución gráfica al proyecto. Lo relevante de 
una recopilación de datos se ve reflejado en el hecho de que para cualquier proceso de diseño esto es de gran ayuda para 
enriquecernos acerca del tema, reconocer el tipo de mercado, además de ser una parte elemental para delimitar las acciones, los 
recursos que se tienen; pudiendo establecer soluciones que vayan más acordes con lo que se requiere comunicar. A lo largo de los 
capítulos la mayor parte de la información integra una gran variedad de conceptos, observaciones, opiniones de diferentes autores 
como de reflexiones y experiencias, buscando casos que ayudarán a ejemplificar mejor lo escrito. 
En el primer capítulo mostramos de manera breve la evolución, tecnicismos y características que comúnmente observamos en la 
WWW, destacando sus beneficios. Siendo básicos para formarse un criterio de lo que representa este medio a nivel tecnológico y lo 
que aporta como recurso en los procesos de comunicación e información. En el segundo capítulo abarcamos conceptos referentes a la 
parte de diseño, los cuales forman parte básica en la creación de páginas web como lo son los elementos básicos a nivel bi y 
tridimensional al igual que conceptos referentes al color y manejo de los tipos, recurriendo a pantallas como ejemplos más comunes del 
medio. En el tercer capítulo mencionamos cuestiones generales como lo son antecedentes, objetivos, lemas y actividades que realiza la 
CNEP. Delimitando el problema al que se enfrenta hoy en día, con la intención de conocer un poco más acerca de este organismo. En el 
cuarto y último apartado se retomó como parte elemental la metodología del autor Bruno Munari, valiéndonos de una serie de pasos 
estructurados que ayudaron a plantear elementos, proponer así como dar una solución gráfica al proyecto de una manera más definida. 
Gran parte de la aceptación de un sitio web depende de diferentes factores, pero uno en especial que ha ganado poco a poco 
trascendencia es todo lo relacionado a lo visual como son gráficos, colores, animaciones, acompañados de elementos multimedia y de 
navegación quienes ya forman parte característica del ambiente web; estimulando la atención de los usuarios y por consiguiente lograr 
que los visitantes los tengan presentes al momento de visitar ciertos espacios. Por esa razón muchos de los creadores de sitios web 
recurren al uso de estos recursos como forma de competitividad, con el fin de lograr ciertas ventajas en comparación con otros. Con 
esto las áreas de diseño gráfico como de comunicación visual empiezan a presentar mayor auge, retomándolas para persuadir al 
navegante a tal grado que realice cualquier tipo de actividad directamente sobre este medio. De ahí la necesidad de formar parte de un 
proyecto donde el área de diseño es considerada de vital importancia debido a su funcionalidad, ayudando a que este organismo brinde 
un mejor servicio, pero sobretodo a colaborar con una empresa que tiene el ferviente deseo de inculcar a los colegios la convicción de 
ofrecer una mejor educación, donde se dice se puede encontrar el cambio que necesita nuestra sociedad. 
Prefacio
Se tiene como parte del proyecto el diseño de una página web para la Confederación Nacional de Escuelas Particulares. Teniendo como 
objetivos generales diseñar la página web interactiva a manera de una comunidad virtual para la Confederación Nacional de Escuelas 
Particulares, la cual integrará un esquema de navegación que demuestre la transferencia de información de una manera efectiva, con la 
finalidad de ser un apoyo al proceso de acreditación de calidad educativa en escuelas particulares de educación básica y media superior.
Resumen o Abstract
Se tiene como proyecto la realización de una página web para la Confederación Nacional de Escuelas Particulares, la cual saldrá a 
manera de link del sitio actual existente www.cnep.org.mx. Entre sus particularidades se encuentra el ser una comunidad virtual que 
ayude a dar solución de manera rápida a dudas, sirviendo de apoyo al proceso de acreditación de calidad educativa; con lo cual sea un 
apoyo real para reducir el tiempo en obtenerlo. Integrará foro, chat, correo electrónico, ligas a otros sitios de interés (relacionados a la 
importancia de brindar calidad educativa). Su uso será restringido para colegios que se encuentren dentro del proceso. Teniendo la 
oportunidad de poder contactar al personal de la CNEP así como con otros colegios que se encuentren en el mismo. Como solución 
proponemos otorgar un sistema de navegación ágil que facilite el proceso de comunicación, como integrar un estilo de diseño distinto, 
desde nuestro particular punto de vista, que ayude no sólo a motivar la observación de los usuarios, sino para servir de preámbulo 
fundamental para que ambas partes sean diferenciadas por el visitante a través de sus contenidos diferentes. Para ello, nos 
apoyaremos de una recopilación de datos, que ayude a integrar una mejor propuesta fundamentada. Teniendo en cuenta que la 
propuesta no es un sitio nuevo sino un link que ofrecerá diversas alternativas donde antes de introducir elementos multimedia 
impactantes los visitantes acudirán a él para solucionar diversos problemas de forma instantánea; de ahí la importancia en brindar 
mayor importancia en introducir un esquema de navegación sencillo que agilice este procedimiento. 
Planteamiento del problema
La Confederación Nacional de Escuelas Particulares se desarrolla en el campo de la educación, siendo su principal objetivo el de 
agrupar a escuelas particulares, donde se difundan los principios y normas de la educación integral, por medio de un espíritu de servicio 
que promueva y defienda los valores tanto humanos como católicos. Contempla niveles de preescolar, primaria, secundaria, bachillerato 
y normal. 
La CNEP es una institución consolidada que propone lineamientos para mejorar la labor magisterial. Consciente de los retos que plantea 
el nuevo milenio, la Confederación constantemente modifica los modelos de calidad en los que se basa; actualmente, se apoya en el 
Proceso de Mejora Continua, el cual consiste en implantar una serie de procedimientos que le permiten a la escuela en proceso, 
verificar la veracidad que existe entre sus propósitos, lemas, objetivos, planes de estudio que se plantea y las acciones que está llevando 
a cabo para lograr tales fines; todoesto mediante una auto-evaluación; con el propósito de que fortalezca su gestión y garantice la 
calidad en los servicios educativos que ofrece. Una vez que la institución ha cumplido satisfactoriamente con todas las fases del proceso, 
la CNEP hace constar a dicha institución con reconocimiento en calidad educativa. No obstante, las instituciones integradas al proceso, 
se encuentran en lugares comunicados así como en comunidades alejadas; de manera tal, que en ocasiones, se vuelve difícil visitar 
frecuentemente a cada colegio y dar seguimiento al desarrollo del programa, ya que la Confederación no cuenta con oficinas regionales 
que abarquen o circunden a toda la República Mexicana. Circunstancia por la cual, la CNEP buscó un medio que agilizará el proceso, 
tomando en cuenta el impacto y el gran avance que tiene hoy en día la web, personal de este organismo pensó en la posibilidad de crear 
una comunidad virtual especialmente diseñada para los colegios que se encuentren en proceso; sirviendo como una guía útil con la cual 
acudan sin problema de horario alguno y den solución a cualquier tipo de problema o inquietud que pudieran presentar. Entre sus 
particularidades integrará: foro, chat, correo_electrónico y ligas a otros sitios de interés. 
Capítulo 1
Hemos pasado del telegrama al fax, de los medios escritos a los electrónicos y muy particularmente, del correo de cartas antiguo al 
correo web. A finales de los 60’s, comienza a sonar •ARPAnet• y por vez primera se escucha el nombre de red. En un principio era muy 
restringido, después con el tiempo evolucionó de tal manera que logra compilar a grandes masas, ya que reúne una gran variedad de 
documentos informativos a través del mundo entero; así comienza a ser catalogada como biblioteca virtual. Este recurso auspicia textos 
de cualquier índole ya sea de arte, cultura, historia, economía, política, ciencias biológicas, gastronomía, hasta información de 
costumbres, tradiciones de otros países... En fin, los tipos de temas existentes sobre el mismo son muy diversos y es relevante 
mencionar que constantemente van surgiendo espacios que brindan datos acerca de nuevos conceptos, descubrimientos entre otros 
más.
El gran auge que está adquiriendo la web se debe en parte a que acorta distancias, podemos comunicarnos con el mundo exterior sin 
problema alguno y es significativo el tiempo que la gente ahorra obteniendo lo que necesita, sin tener que desplazarse a las bibliotecas 
públicas o consultar otros tipos de fuentes; es importante mencionar que aunque nunca podrá llegar a sustituirlos, se ha convertido en 
una opción muy recurrida. 
Al rentar equipo en los cafés Internet o las facilidades que otorgan cada vez más la empresas para contratar sus servicios, hoy en día un 
mayor número de personas puede tener acceso. Entre sus principales ventajas se encuentra su fácil acceso, no se necesita un 
conocimiento amplio para localizar sitios, encontrar y bajar información sobre cualquier tema es sencillo, además se puede conocer 
gente, expresarse, pero sobretodo aprender o entretenerse según sea el caso. 
Los chats o los foros son opciones que favorecen el intercambio de comunicación motivo por el cual al formar parte elemental dentro de 
las comunidades virtuales se recopiló información concerniente a los mismos. Otro recurso que hoy en día representa parte muy 
importante en la web es el correo electrónico ya que ha logrado modificar nuestro entorno a tal grado que se ha vuelto muy empleado 
para transferir archivos o mensajes, ya que los podemos enviar directamente al buzón de correo electrónico de alguien y esperar poco 
tiempo para que éste sea recibido. Al brindarnos practicidad nos evita el recurrir a una persona que lo lleve físicamente o al correo 
convencional para enviarlo. Por otra parte ya forma parte muy común de algunos sitios web introducir ligas que lleven a otros lugares, 
donde se hace más enriquecida la visita ya que fomentan visitar otros espacios que tengan relación con la temática de los mismos, 
involucrando una interacción más dinámica. Tomando en consideración este aspecto se tiene pensado introducir ligas que lleven a otros 
sitios de interés para el proyecto. 
A través del capítulo se hará referencia a los principales tecnicismos encontrados en Internet, tomando mayor interés a la parte de los 
elementos de navegación con los cuales se llegue a adecuar una estructura de navegación útil para acceder fácilmente a las secciones 
que presentará la comunidad virtual, quien saldrá directamente a manera de un link de la •página web• de la Confederación Nacional de 
Escuelas Particulares. 
1.1 Conceptos básicos de comunicación e información
"La comunicación ha resultado ser cada vez más eficaz: hemos
pasado del teléfono a la radio, de la televisión a la informática
y, más recientemente, a los sistemas multimedia" (1)
Comunicación es un término que deriva del latín commune y del sufijo ie, que significa hacer común, hacer saber a otros, compartir. 
Acorde con Antonio Paoli, la comunicación representa la relación entre dos o más sujetos, mediante el cual se evoca en común un 
significado (2). El propósito es lograr un mismo sentido entre los interlocutores para que se produzca una respuesta. Es decir, ambos 
pueden tener diversas interpretaciones del tema, pero lo más importante es que por lo menos concuerden en un mismo punto. 
En la información se retoman y distribuyen datos del medio que rodea al hombre como acontecimientos, especulaciones o proyectos y 
los organiza con la finalidad de que le sean de beneficio en su vida. Mediante los medios de transmisión: prensa, radio o televisión se 
divulgan distintos tipos de materiales informativos, accesibles a mucha gente y cada persona lo asimila acorde a su función, 
personalidad, percepción, entorno social, entre otros. En el caso de los noticieros en radio o televisión, se difunde información y en 
algunos casos los conductores expresan su punto de vista, pero no existe la oportunidad de intercambiar opiniones en este caso con el 
público. Cuando interactuamos con los demás y se establece una retroalimentación, pasamos de ser informados a estar comunicados. 
Por eso se dice que ambas van de la mano siendo “dos funciones armónicas y complementarias” (3).
Al comunicarnos, en algunos casos podemos valernos del lenguaje corporal para reconocer el sentido en que las frases son 
mencionadas. ¿Pero que pasa con el telé-fono, los vipers o el correo electrónico?. Con el primero logramos obtener información extra 
mediante el timbre de voz, pero no deja de ser una comunicación impersonal. Relacionado a esto cada vez tratan de integrar nuevos 
recursos que fomenten una mejor relación, claro ejemplo de esto son las cámaras web o los contactos en línea donde se pueden 
escuchar los sonidos de voz. Esa aceptación se debe entre otras cosas a su practicidad así como ser una opción que nos brinda la 
oportunidad de establecer contacto con el exterior de manera diferente. 
Como agregados sociales las Comunidades Virtuales reúnen una cantidad considerable de gente que desea tener contacto con los 
demás. Gran parte de las actividades en Internet lo ocupan estos recursos, sirviendo como medio alternativo de comunicación. 
1.2 Conceptos básicos de Internet
"Internet es simplemente un conjunto de normas y protocolos de 
conexión entre ordenadores que se ha hecho tan famosa y se ha 
potenciado tanto que ha englobado prácticamente la totalidad de
las redes telefónicas" (4) 
Una red de computadoras es considerada un sistema con el cual establecemos comunicación con otras máquinas que se encuentran 
conectadas entre sí en una área determinada, con el objetivo de compartir diversos tipos de dispositivos como im-presoras, modems, 
archivos, programas... 
Mohler James hace referencia a dos tipos de redes: LAN, funciona a nivel local transfiriendo los datos por medio de una conexión de 
cables regidos por una computadora central,quien regula todas las acciones realizadas por las computadoras a través de los distintos 
departamentos de una empresa, escuela, entre otros. WAN, es una red que integra un grupo de computadoras que se comunican 
entre sí mediante líneas telefónicas, servicios digitales o líneas de cable con ayuda del satélite, tal es el caso de Internet. Al igual existe 
otro tipo de red conocido como MAN o Metropolitan Area Network que abarca un área limitada ya sea por país o ciudad.
Internet para Crumlish Christian y Humes Malcolm (5) representa una “red global que permite a las computadoras de cualquier lugar 
comunicarse entre sí, transfiriendo mensajes y archivos”. Una de sus principales ventajas es que podemos acceder a archivos que se 
encuentran almacenados en muchas computadoras alrededor del mundo y como medio de transmisión existe rapidez en la difusión. 
En el presente encontramos más y mejores sistemas que hacen posible que la conexión a la web sea mucho más rápida. Aunque esto 
es cierto, acorde con un estudio que realizó la PROFECO en el 2004 aproximadamente un 42% de los cibernautas en México aún 
continúan haciendo uso de la conexión por medio del cable telefónico. La empresa e•go sustituye esta conexión por medio de una 
antena receptora, encargada de transferir la señal vía Internet a nuestra computadora, ya sea que se encuentre conectada en red o de 
forma individual. 
Al accesar a la WWW lo hacemos mediante un proveedor que es comúnmente conocido con las siglas Internet Service Provider o ISP 
que no son otra cosa que empresas que brindan acceso a Internet y la mayoría de ellos también ofrecen servicios de correo electrónico. 
Al conectarnos a la web en realidad nos estamos comunicando con la computadora de Internet del ISP con el cual contemos, éste 
comprueba nuestra cuenta y establece contacto con el •servidor web central• para que podamos navegar por la red. Ejemplos de ISP 
son Compuserve ®, Infosel ®, Online ®, Prodigy ®. 
Una parte fundamental dentro de los navegadores como Internet Explorer es la sección donde introducimos la dirección a la cual 
requerimos visitar, esto puede ser posible gracias al URL, Uniform Resource Locator (Localizador Unificado de recursos) entre sus 
principales acciones se encuentra el de identificar la ubicación específica de un sitio. Como ya es frecuente observamos que todas las 
direcciones de los sitios comienzan con http:// pero muy pocos conocemos que es un •Protocolo• de Transferencia de Hipertexto quien 
establece la conexión, envía y recibe el •sitio web• y su contenido 6. Lo que sigue es el World Wide Web (WWW) que no es otra cosa 
que el nombre del servidor esparcido a través de todo el mundo, después continúa el nombre de lo que se requiere consultar y 
finalmente apreciamos los dominios, que indican el tipo de organización a la que pertenece cierto sitio, los más comunes son: . com 
(Organización Comercial), .edu (Institución Educativa), .gob (Institución Gubernamental); también existen otros como son .int (Institución 
Internacional), .mil (Institución Militar), .net (Equipos considerados para la red), .org (Organizaciones no lucrativas).
En el pasado fueron empleados formatos como FTP ejemplo de esto era Archie o Gopher que eran considerados buscadores o 
protocolos de transferencia de archivos. En la actualidad conocemos opciones más prácticas como yahoo, infoseek, altavista, excite 
donde su principal objetivo radica en localizar lo que se busca sin perder tiempo innecesario, ya que suministran una serie de links que 
conllevan a distintos espacios web y los cuales acorde a la búsqueda son las opciones que más relación tienen con la palabra clave que 
el usuario proporcionó, por lo cual se delimita el campo de búsqueda del navegante. 
1.3 Elementos de navegación
"Un buen sitio web es intrínsecamente interactivo, con múl-
tiples enlaces hacia páginas internas del sitio, y otros enla-
ces hacia páginas de otras webs" (7)
Programas como Nestcape Navigator (en la actualidad perteneciente a AOL ®), Microsoft Internet Explorer ®, Opera Software's Opera 
®, son claros ejemplos de aplicaciones conocidas como navegadores web o browsers, "se utilizan para ver e interactuar con el 
contenido de los sitios web" (8). 
Crean el ambiente web, permiten la navegación, interacción, recibir correos electrónicos, apreciar composiciones de diseño, entre otras 
muchas cosas más. Por ejemplo en el caso de Internet Explorer se integra una opción dentro de la carpeta de favoritos donde se puede 
guardar específicamente el lugar donde se requiere que comience el sitio en la próxima visita o partir de tal ubicación para proseguir 
posteriormente con la exploración del mismo. Esto ofrece una ventaja relevante con lo cual ahorramos tiempo en entrar a la página 
principal y ubicar el último punto donde estuvimos. 
Navegación es un término que se refiere a la acción que realizamos al pulsar palabras o botones con la finalidad de trasladarnos de un 
sitio a otro. Comúnmente se le relaciona con la interactividad, que es “la capacidad del usuario de relacionarse con un sistema, 
modificando en todo momento parámetros de funcionamiento del mismo; actividad que incluye la posibilidad de controlar la navegación, 
es decir, decidir en todo momento en qué parte de la aplicación se quiere estar y qué acciones se desea desarrollar” (9). Con la 
interactividad el usuario determina que realizar y hacia donde dirigirse y por medio de la navegación, los vínculos y el hipertexto se puede 
trasladar de un lugar a otro. 
Al momento de acceder a una dirección (URL) generalmente nos encontramos con una página principal conocida como home page, 
muy empleada para llevar directamente a la temática del sitio. En otros casos previo a esta página introducen animaciones que sirven 
de preámbulo para introducir el nombre de la empresa o las actividades que realiza; que en general tienen su razón de ser para fungir 
como intermediarias entre la bienvenida y la información que integra cierto sitio. Su función principal radica en atraer la atención y la 
curiosidad del visitante por eso son introducidas de la forma más original; pero en ocasiones este factor provoca fastidio en los usuarios 
por eso algunos espacios web ya anexan una opción para poder cancelarla o por el contrario apreciarla todas las veces que se prefiera.
Entre todos los atractivos que anexa la red se encuentran las imágenes que provocan que el entorno de una página web sea más 
interesante, apoye y ejemplifique los escritos, como ser destinadas a enlaces, por citar algunas cuestiones. Muchos de los autores 
aconsejan pensar en el momento indicado para valernos de las mismas, como analizar el número de imágenes que realmente se 
consideren necesarias ya que aunque depende mucho del modem, del tipo de conexión de cada navegante entre otra serie de 
circunstancias, lo que si es un hecho comprobable es que tardan más tiempo en ser descargadas. Para estos casos aconsejan 
reutilizar en lo posible los elementos gráficos; aunque a la gran mayoría nos agrada encontrarnos con sitios que muestren gran variedad 
de imágenes y gráficos diferentes, sin importar el tiempo que tarden en ser visualizados. Todo dependerá del tiempo que consideramos 
disponen los cibernautas y de lo que se requiera comunicar. 
1.3.1 Organización de la información
Al diseñar un espacio para la web la empresa empieza a llenar al creador de material informativo para ser introducido en el mismo; pero 
a veces existen muchos documentos irrelevantes, es por eso que desde un inicio se debe organizarlos y distribuirlos por temas a través 
de cada página. 
Ya que los sitios deberían presentar ritmo, una gran cantidad de texto dispuesta sin ton ni son denota falta de trabajo y después de una 
tiempo se vuelve aburrida la lectura ya que el texto no presenta un porcentaje proporcionado de interlineado con relación al tamaño de 
la fuente. Poco a poco algunos creadores empiezan a tomar conciencia eneste problema ya que en gran parte de los espacios que 
visitamos observamos que algunos optan por hacer uso de columnas, distribuyendo la información en dos o tres partes así como 
emplear un número considerable de links con la alternativa de hacer más interactiva la visita y motivar a continuar en la lectura.
Una forma más coherente para organizar toda la información que se tiene es disponer una estructura donde se estipule como irán 
distribuidos los textos, imágenes, animaciones y demás elementos a través de las diferentes secciones que integre un sitio web. Con 
esto, generamos que todas las pantallas obtengan uniformidad y el usuario identifique sin problema alguno cada elemento, además de 
propiciar confianza para adaptarse ágilmente a su ruta de navegación. Respecto a la página web que se realizará se tiene pensado 
elaborar un esquema de navegación donde se contemple las necesidades del público que visitará la página de la comunidad virtual, ya 
que acudirán a ella para dar solución a sus dudas de forma rápida. Adecuando de tal forma un sistema que sea práctico, integre un 
número necesario de links; fomentando de esta manera que los usuarios accedan a cualquier opción sin complicación alguna durante su 
visita. 
Patrick Lynch argumenta que existen cuatro formas de poder estructurarla, con relación a esto y tomando en cuenta las características 
del proyecto ahondaremos en sólo dos; por ser más acordes con el tipo de información que se manejará ya que uso se vuelve más 
factible, evitando la necesidad de instruir a los visitantes para que puedan navegar a través de la comunidad virtual. 
1.3.2 Vínculo (interno-externo) e hipertexto para la navegación 
"Proveer un conjunto de botones de navegación consistente y
predecible supone también ofrecer al usuario una manera de
percibir la estructura y organización del sitio web" (12) 
“Las páginas web se diferencian de los libros y otros documentos en algo crucial: los enlaces de hipertexto permiten al usuario acceder 
a una página web sin ningún tipo de preámbulo” (13); lo que se necesita es hacer clic sobre el elemento que integre la función de enlace 
y esperar a que el archivo haga contacto con el servidor y sea descargado el sitio o nos traslade a una sección diferente. 
El Hiperenlace, Hiperlink o hipertexto son textos que se encuentran subrayados y al ubicar el cursor sobre éstos su color cambia. 
Generalmente presentan colores azul rey o morado y su función es trasladarnos hacia otros lugares ejemplo de esto es una dirección 
URL, pulsando sobre ella nos lleva a otro sitio web. En Internet existe una gran diversidad de hipervínculos donde se aprecian varias 
maneras para poder introducirlos.
Los enlaces conocidos como vínculos, ligas o links son imágenes que trasladan al visitante hacia otra conexión. La palabra más 
reconocida sobre la web es el vínculo, clasificado como interno o externo. Para Mohler, James 14 el primero es un vínculo activo que 
liga a otra sección diferente dentro del mismo sitio; por el contrario, el segundo desplaza al cibernauta a otras direcciones URL 
relacionadas con la temática del documento web.
Los botones como ligas realizan diversas acciones como regresar tanto a la página principal o a la anterior, así como trasladarnos a 
otros lugares del mismo documento. Su diseño abarca desde las formas básicas como circular, bloque o triangular donde al pulsar 
sobre la figura ésta se despliega en relación a distintas categorías, hasta botones que presentan tercera dimensión y movimiento como 
es el caso de los rollovers quienes se iluminan, cambian de color o se alternan a su vez con otras imágenes, al colocar el cursor sobre 
una imagen que realice esta función. Tomando en cuenta que Microsoft Internet Explorer ® presenta una opción para poder manipular 
la visualización de los elementos gráficos, Patrick Lynch sugiere hacer uso de vínculos como de enlaces en formato de texto, para evitar 
problemas posteriores en el cual se haga imposible navegar por el documento. 
Para las barras de navegación existen dos formas principales para poder situarlas: 
1.- La que se encuentra ubicada en la parte lateral conocida como marco (frame), ocupa un espacio muy reducido de visualización
2.- La barra horizontal ubicada en la parte superior de la pantalla, ya que ofrece una mayor ventaja en cuanto a proporción se refiere, a 
diferencia de la anterior. Por sus ventajas y desventajas, ambas son implementadas como mapas de navegación para trasladarse a las 
mismas rutas. El factor primordial es conocer las características del público que se tiene y en función de ello, escoger el tipo de entrada 
que se ofrecerá 15. Acorde con Patrick Lynch 16 la opción más conveniente es la barra de botones ya que representa muchas 
posibilidades de elección en poco espacio, es predecible porque siempre se encuentra en la misma ubicación, además proporciona 
identidad gráfica consistente a cada pantalla del sitio web. 
1.4 La transmisión y comunicación de datos
Uno de los grandes propósitos del hombre ha sido mantener contacto con los demás. Desde tiempos muy remotos, al relacionarse en 
grupos se dio a entender por medio de señas o gestos.
Al ir evolucionando empezó a gesticular sonidos, posteriormente pronunció palabras los cuales fueron el comienzo de una nueva forma 
de comunicación, el lenguaje. Al volverse nómada se tuvo que desplazar de un lugar a otro y así llegan a integrarse diversas sociedades 
en diferentes lugares y con la introducción de las señales de humo obtuvo la oportunidad de poder estar comunicado. 
Es impactante la evolución que han presentado los medios de transmisión desde sus inicios hasta el día de hoy a tal grado que fuimos 
pasando del fonógrafo a la radio, del telégrafo al teléfono, de la televisión a la informática y muy particularmente del correo de cartas 
antiguo al correo electrónico. Esto se debe en gran parte al progreso, características propias de cada época y del tipo de sociedad, en la 
cual el hombre ha buscado cada vez hacer más fácil y productiva su vida. Esa tecnología con la que hoy en día contamos satisface en 
gran medida nuestras necesidades y se enfoca sobretodo a un período que se encuentra en constante desarrollo. Internet en su caso 
representa un gran avance tecnológico ya que se ha vuelto un excelente recurso por comunicar a millones de personas y gracias a la 
gran aceptación que ha tenido, en el presente se hace posible el expresarse con los demás al ser introducidas las comunidades 
virtuales; de ahí el principal interés en retomar este trabajo de tesis, con el fin de conceptualizar a manera general lo que representan 
para este medio.
1.4.1 Correo electrónico (e-mail, E_mail, email)
Es una de las herramientas más empleadas sobre la web que permite a los usuarios enviar o recibir documentos electrónicos a manera 
de mensajes como si fueran cartas. Sus principales ventajas radican en que podemos enviar cualquier tipo de información que 
deseemos como archivos, documentos, fotografías... Muchos empiezan a emplearlo por su practicidad y la rapidez en la distribución, sin 
tener que recurrir al correo de cartas convencional o al uso de otros medios. 
Hoy en día el E_mail se ha vuelto parte fundamental de las actividades de empresas o negocios, sólo se necesita hacer uso de la 
computadora y del Internet, de está forma agiliza las labores de las empresas, hace más dinámico el trabajo, facilita el contactar a 
clientes o personas, útil como intermediario para mantener relación con familiares y amigos, al igual representa una pauta ideal para 
que las compañías envíen promociones de sus productos o servicios. Este recurso presenta muchas facilidades y otorga un sin fin de 
beneficios, ya que representa un medio significativo para transferir datos en un lapso corto de tiempo; donde mientras menor sean los 
archivos en kilobytes más rápido llegarán a su destino. Para estos casos existen formatos de compresión, entre los más comunes se 
encuentran .jpg,.gif, .png con lo cual se reduce el tiempo de espera. En torno a su función, los mensajes son almacenados por orden de 
llegada en un área considerada buzón dentro del servidor de la red. Los correos son distribuidos, almacenados y enviados a la cuenta de 
correo de los navegantes a través de éste. A esta acción se le conoce como tecnología de almacenar y remitir 18. 
Una dirección de correo electrónica integra nombre o en su defecto un seudónimo de la persona, el signo arroba @, el nombre del 
proveedor, el dominio que generalmente es .com y en ocasiones se anexa el país de procedencia ejemplo: jsel-paz@cicysa.com.mx.
Sobre la web existen sitios que otorgan la facilidad de crear una cuenta de correo electrónica gratuita, tal es el caso de Yahoo 
(www.yahoo.com), Hotmail (www.hotmail.com), Lycos (www.clubs.lycos.com), Terra (www.terra.com), Starmedia (www.starmedia.com), 
donde al crear nuestra cuenta proporcionamos la forma en que deseamos que sea así como la contraseña. Al manejarla, el servicio se 
vuelve más privado y nadie aún sabiendo tu clave puede acceder a tu cuenta de correo.
1.4.2 Comunidades Virtuales (chat, foro, tutorial)
El término comunidad para Dominique Wolton (19) representa un grupo social definido por el hecho de que sus individuos viven juntos, 
poseen bienes, intereses y finalidades comunes. Las comunidades virtuales en Internet, son un excelente recurso tecnológico donde los 
individuos no viven juntos pero sí comparten una misma afinidad, el gusto por intercambiar opiniones, así como ser una opción para 
poder compartir conocimientos con personas interesadas en el tema. Como medio de retroalimentación es enfocado en la mayoría de 
los casos a fines educativos y de comunicación. Esta opción se ha vuelto un espacio abierto de discusión para personas que tienen la 
necesidad de expresarse libremente, compartir experiencias, información, aceptar diversos puntos de vista o debatir diferentes temas 
de interés. Son ideales como espacios de reflexión e intercambio, haciendo posible que mejoren nuestras relaciones sociales; aunque no 
deben ser una excusa para sustituir el encuentro físico, son una alternativa para enriquecer nuestras experiencias en sociedad. 
En las comunidades virtuales son retomados una gran diversidad de temas. Para Palacios Surya 20 existen tres tipos de Comunidades 
Online: Comunidad basada en personas (Chats, News Groups, Mensajería Instantánea), Comunidad Temática (Viajes, Religión, Deportes, 
Ciencia, Educación, Política, Comida, Cine) y Comunidad de acontecimientos (terremotos, terroristas, elecciones). Estos temas 
generalmente son debatidos en foros y manejados con cierto análisis, en los cuales los participantes tienen tiempo necesario para 
estructurar y expresar sus ideas. Logrando el intercambio de diferentes formas de pensar mediante diálogos electrónicos.
Se presentan en forma de ventana, los integrantes escriben, envían mensajes consecutivamente y responden a la persona que 
prefieran. Al termino de la conversación ningún mensaje queda grabado a diferencia del anterior, es comúnmente conocido como chat y 
es más empleado para fines amistosos o para conocer personas. Existen diferentes tipos de foros entre los que tenemos: “Foros 
interactivos en tiempo real: lo que cada uno escribe en su teclado es visto inmediatamente por los demás. Foros interactivos en tiempo 
diferido: lo que cada uno escribe se difunde inmediatamente y, cualquiera puede leer cuando lo desee el conjunto de mensajes” (21). 
Como ya anteriormente hicimos referencia a Hotmail, Starmedia y Terra, además de ser lugares que prestan sus servicios de correo 
electrónico, se puede entablar comunicación por medio del chat. Otro espacio que ofrece alternativas como chat, correo electrónico, 
foro entre otras actividades es el sitio pobladores, para mayores detalles www.pobladores.com 
Otra área muy recurrida son los tutoriales en línea o asesorías a distancia, siendo espacios asignados para orientar y resolver 
cuestiones a manera individual sobre algún tipo de información, principalmente son estudiantes que hacen uso del correo electrónico 
para desarrollar algunas actividades, adquirir cierto temario o bibliografía. Este link al llevarnos a la dirección del correo del sitio 
podemos dejar nuestras dudas para que posteriormente sean resueltas. 
En general una parte importante de los usuarios prefiere mantener comunicación a través de estos espacios, ya que son opciones 
diferentes que permiten relacionarnos. Para el proyecto una de las principales funciones será fungir como comunidad de aprendizaje a 
manera de una comunidad virtual, de ahí lo esencial en retomar este tipo de cuestiones. Como medio de difusión a nivel masivo se 
propone un espacio que sirva de apoyo para dar solución a dudas, el compartir experiencias entre los colegios que se encuentren en 
desarrollo del proceso; con la única finalidad de que sea un apoyo para obtener el reconocimiento en un tiempo menor.
1.5 Recursos tecnológicos para el diseño de páginas en Internet
Los sitios sobre la web cada vez tratan de ofrecer nuevos recursos que atraigan la atención de los navegantes, distribuyan la 
información de la manera más clara; pero ante todo hagan su estancia más entretenida. Gracias a la multimedia es común observar el 
ambiente tan común sobre Internet, apreciando normalmente animaciones en las páginas de entrada, flags o banderines, al igual que 
lugares que nos invitan a visualizar cierta película, escuchar cierto tipo de sonido especial, gráficos originales llenos de colores... Todos 
estos elementos pueden ser posibles gracias a la tecnología del software y de diversos medios en los cuales sus creadores se apoyan 
de ciertas alternativas pudiendo llegar a ser visualizadas a través de los navegadores de los diferentes usuarios; donde su principal 
acción de éstos últimos radica en ser sólo visualizadores de una configuración, programa o diseño previo de ciertos sitios. 
Los avances de la tecnología se ven cada vez más enfocados a favorecer aún más el uso de Internet, por ejemplo como ya se comentó 
con anterioridad la existencia de las cámaras web vienen a modificar ese acercamiento y a enriquecer aún más el establecimiento de la 
comunicación. Las cámaras fotográficas digitales empiezan a deslindar el uso del escáner, de los procesos de revelado y empiezan a 
formar parte esencial de la compra-venta virtual. Con las vídeo conferencias un número de computadoras conectadas a Internet desde 
diferentes partes pueden escuchar y observar estos diálogos, sin la necesidad de que estas personas se trasladen a un mismo punto de 
encuentro. Este tipo de características cada vez son más recurrentes en el medio virtual favoreciendo que éste progrese 
significativamente, debido a la gran cantidad de recursos que son introducidos con frecuencia quienes fomentan aún más su 
popularidad. En el siguiente inciso haremos referencia a aspectos significativos que nos ayuden a reconocer los elementos más 
empleados para crear páginas web.
1.5.1 Software 
"Una computadora requiere un conjunto de instrucciones, llamadas software 
o programa, que le dicen cómo llevar a cabo determinada tarea" (22). 
Existen dos maneras para crear páginas en Internet. La primera es mediante lenguajes de programación como lo es Java de 
SunMicrosystems ®. Acorde con Crumlish Christian y Malcolm Humes (23) es un “lenguaje de programación que sirve para crear 
•applets• que pueden enviarse por la web desde un servidor y ejecutarse posteriormente sobre la máquina de cualquier cliente”. Con 
Java no se puede crear directamente un sitio, pero si podemos hacer uso de algunos elementos como “animaciones, gráficos 
interactivos y el texto de las marquesinas que se desplazan en muchas páginas” (24), del mismo modo se puede realizar el efecto de 
rollover en las imágenes, menúsque muestren sus diversas categorías al colocar el cursor sobre éstos, como mostrar ventanas 
emergentes, donde con frecuencia las observamos cuando aparecen de repente y nos ofrecen un producto, jugar para obtener un 
premio; así como visualizar una ventana más pequeña que integra cierto tipo de información, la cual la distinguimos cuando somos 
desplazados a la misma al momento de hacer clic sobre un link. La primordial finalidad de este tipo de lenguaje es estimular la 
interactividad dentro de los navegadores web, así como de la mayor parte de sistemas operativos modernos UNIX, Windows, MacOS 
acorde con Lafont, Denis 25. La segunda es mediante programas de edición para páginas web en los que se van disponiendo 
directamente los elementos en el lugar donde deseamos que aparezcan, teniendo la oportunidad de trabajar un mismo archivo en 
diversas extensiones como lo son .html, .xml, o en el caso del programa Fireworks de Macromedia® manejar las extensiones .png o .gif, 
además de poder crear botones de sustitución como lo son los rollovers entre otras opciones y ventajas. 
Esta última opción facilita el trabajo en comparación con códigos muy complejos manejados a través de los lenguajes de programación. 
Entre los programas de autoría más empleados sobre la web encontramos Dream Weaver y Fireworks de Ma-cromedia®, GoLive y 
Page Mill de Adobe®, Front Page de Microsoft ®, Claris Home Page, Corel ®Web Designer, por citar algunos. 
HTML -Lenguaje de marcación de hipertexto- es compatible con Java, integra instrucciones precisas para documentos que serán 
visualizados en la web, como el tipo de fuente, tamaño, determinar la ubicación de los gráficos, imágenes o elementos necesarios para 
crear un sitio. Para Glenwright Jerry 26 representa un sistema basado en texto que emplea códigos considerados etiquetas, quienes 
determinan la forma en que se visualizarán los datos en un navegador. Ya en la web empieza a sonar el nombre de XHTM –Extensión 
del Lenguaje de Marcación de Hipertexto- que según la opinión de algunos autores no es una sustitución del HTML sino una 
reformulación del mismo. Acorde con Zeldman Jeffrey “actualmente es el lenguaje de descripción recomendado para la Web, a la hora 
de crear sitios, a pesar de que la mayor parte de los sitios aún se crean con HTML” (27). DHTML –HTML Dinámico- es otro muy 
escuchado en Internet quien según la opinión de algunos autores es una evolución de HTML. Permite añadir a las páginas animaciones y 
botones sin tener que depender de otro tipo de aplicaciones para que sean visualizados en un mismo documento 28. Recientes 
versiones ya integran estas características, aunque una de sus principales desventajas es que no pueden ser visualizadas páginas web 
en navegadores que no interpreten este tipo de lenguaje. 
Uno de los elementos más atractivos dentro de la web son los medios multimedia, que ayudan a brindar un ambiente más original pero 
sobretodo lleno de creatividad visual. La MULTIMEDIA es un conjunto de texto, gráficos, sonido, animación, fotografías y vídeo a manera 
digital 29, de esta forma podemos agrupar diversos medios en un mismo formato. 
Por el contrario este tipo de archivos ocupan una gran cantidad de espacio y los sitios que integren este tipo de tecnología en algunos 
casos tardan más tiempo en ser descargados.
Al hablar de multimedia no se puede dejar sin mencionar a la HIPERMEDIA, ya que un factor relevante de comentar es que con la 
multimedia podemos entrelazar recursos pero con la segunda hacemos uso de los enlaces para manipularlos, con esto se logra un 
ambiente más propicio donde se involucre aún más la interactividad con el usuario. Para Días Paloma (30) la HIPERMEDIA es el 
“resultado de la combinación del hipertexto y la multimedia”. 
En Internet han surgido una gran variedad de opciones para mostrar diversos recursos de animación, audio como de vídeo. Ejemplo de 
esto es cuando al accesar a un sitio comúnmente nos encontramos con un enlace que en la mayoría de las veces nos invita a instalar 
QuickTime para ver algún vídeo, a este enlace adicional se le conoce básicamente como PLUG-IN. Para Mohler John (32) consiste de un 
“programa complementario que actúa de intérprete y visor de elementos multimedia distribuidos a través de la Web. El plug-in 
interpreta y ejecuta el sonido, el vídeo o el programa, lo cual permite al usuario escuchar, observar o interactuar con dicho elemento 
multimedia”. En el presente este tipo de plugs-in ya vienen integrados en ciertos navegadores, por ejemplo el plug-in de Quick Time se 
encuentra anexado en Netscape Navigator ® y Microsoft Internet Explorer ®, Flash y Real Player de igual forma también vienen incluidos 
en éstos browsers, en versiones recientes.
QuickTime es un programa estándar que permite la edición de vídeo digital, crear diapositivas, exportar archivos en formatos múltiples 
donde se puede crear audio y vídeo en MPEG, prácticamente.
Flash de Macromedia ® 33 es uno de los softwares especiales para construir gráficos con lo cual podemos realizar imágenes de 
vectores interactivas, así como cualquier tipo de animación para los sitios web.
Su uso es importante ya que comprime archivos y acelera su tiempo de descarga, su popularidad ha llegado a tal grado que la mayor 
parte de las animaciones para páginas web son elaboradas a través de este tipo de programa. Otros softwares para la creación de 
animaciones son: Rave, Go Live y Live Motion de Adobe®, quien este último permite crear rollovers, máscaras animadas e incluir sonido 
34. 
Photoshop junto con su módulo Image Ready son fundamentales para producir, procesar y diseñar imágenes 35, como permitir 
manipular y rasterizar fotografías que en la mayoría de las veces son elegidas para crear fondos para Internet (Fig. 12). Existen otros 
editores de imágenes como lo son Fireworks, Image Compouser, Collage, Live Picture, Paint Shop Pro, Photo Paint de Corel ® por citar 
algunos. 
Illustrator de Adobe ® trabaja mediante vectores y es muy utilizado para la creación de tipografía, esquemas, gráficos entre otras 
acciones. Adobe Acrobat ® permite ver, navegar e imprimir archivos en formato conocido como PDF. Opción útil para mejorar, revisar, 
editar y compartir material informativo a través de Internet. 
Los softwares antes mencionados son de las alternativas más utilizadas al momento de realizar cualquier tipo de creación para la web; 
pero es importante hacer mención que no son las únicas, ya que existen distintos softwares especiales hasta di-versos lenguajes de 
programación de los cuales podemos recurrir. La gran mayoría de compañías como es el caso de Microsoft ®, Adobe ® o Macromedia 
® por citar algunas ofrecen diversas oportunidades para guardar archivos con características especiales para la red, como tener la 
ventaja de elaborar sitios web en su totalidad. Con esto, concluimos que cada vez se ofrecen más vías para llevar a cabo cualquier tipo 
de acción, conllevando a establecer espacios que abarcan desde estructuras muy básicas hasta los que incorporan una gran variedad 
de elementos multimedia; con lo cual podamos llegar a elaborar y publicar posteriormente nuestros espacios; promocionando y 
distribuyendo nuestros productos o servicios al público que hace uso de esta útil herramienta. 
Referencias
1 Wolton, Dominique, Internet ¿y después?, pág. 11
2 Paoli, Antonio, Comunicación e información, pág. 11
3 Paoli, Antonio, op. cit., pág. 128
4 Pascual, Francisco, Macromedia Dream Weaver 4, pág. XIII
5 Crumlish, Christian y Malcolm Humes, Publique en el web 
con netscape para gente ocupada, pág. 22
6 Tramullas, Jesús, et. al., World Wide Web, pág. 226 
7 Lynch, Patrick y Horton Sarah, Principios de diseño básicos para la creación de sitios web, pág. 17
8 Zeldman, Jeffrey, Principios del diseño web, pág. 30 
9 Delicado, Javier, Sistemas Multimedia, pág. 22
10 Lynch, Patrick y Horton, Sarah, op. cit., pág. 22
11 Ibid., pág.14
12 Ibid., pág. 19
13 Ibid., pág. 12 
14 Mohler, John, Aprendiendo a convertirse en web master, pág. 33
15 Lynch, Patrick y Horton Sarah, Principios de diseño básico para la creación de sitios web, pág. 40
16 Lynch, Patrick y Horton Sarah, op cit., pág. 15
17 Loc. cit.
18 Jamrich, June & Dan Oja, Conceptos de computación, pág. F-14
19 Dominique Wolton, Internet ¿y después?, pág. 225
20 Palacios Surya, Rev. PC. INTELLIGENT, vol. 1, núm. 2., pág. 57
21 Lafont, Danis, et. al, El proyecto intranet, pág. 59
22 Jamrich, June & Dan Oja, Conceptos de computación, pág. A-2
23 Crumlish, Christian y Malcolm Humes, Publique en el web con netscape para gente ocupada, pág. 33
24 Biow, Lisa, Fundamentos de computación, pág. 231
25 Lafont, Denis, et al., El proyecto intranet, pág. 62
26 Glenwright, Jerry, www.layout, pág. 186
27 Zeldman, Jeffrey, Principios del diseño web, pág. 152
28 Glenwright, Jerry, op. cit., pág. 186
29 Jamrich, June & Dan Oja, Conceptos de computación, B-20
30 Días, Paloma, et al., De la multimedia a la hipermedia, pag. 35 
31 Mohler, John, Aprendiendo a convertirse en web master, pág. 45
32 Mohler, John, op. cit., pág. 44 
33 Glenwright, Jerry, op. cit., pág. 185
34 Traducción Oscar Madrigal Muñiz, Adobe LiveMotion, curso completo en un libro, pág. 1 
35 Zeldman, Jeffrey, Principios del diseño web, pág. 235
Antecedentes
Marco teórico.- para nuestra investigación estructuramos los temas a través de diversas áreas, integrando un capítulo especial de 
Internet, donde se trataron diversos temas donde se mostrará de forma breve la evolución, tecnicismos y características que otorga la 
WWW; siendo básicos para formarnos un criterio de lo que representa este recurso a nivel tecnológico y la importancia que aporta 
como recurso en los procesos de comunicación e información. Entre sus particularidades podemos encontrar los elementos básicos de 
navegación como lo son los vínculos, hipervínculos, barra de navegación; recursos tecnológicos para el diseño de páginas web como lo 
es el software especialmente diseñado para estos fines y lo más importante como parte esencial del proyecto lo representó la 
recopilación de datos acerca de las comunidades virtuales como lo son el foro, el chat así como el uso fundamental que otorga hoy el día 
el correo_electrónico. Por su parte en el capítulo especial de diseño, nos apoyamos de diversas teorías que nos proporcionan autores 
como Wong Wucius, Dondis Donis A. Scott Robert, Arnheim Rudolf, por citar algunos con los cuales logramos integrar los elementos 
básicos de composición, para llegar propiamente el concepto de composición apoyándonos en las leyes generales y específicas que nos 
hacen referencia los autores Fabris y Germani. De igual forma los autores antes citados nos sirvieron de gran ayuda para poder 
estructurar el apartado de diseño tridimensional en especial los autores Wong Wucius y Scott Robert que lo tratan con una mayor 
profundidad. Acerca de la teoría del color lo enfocamos en lo posible a la web tratando colores del círculo cromático, contraste del color, 
psicología del color, tomando en cuenta a autores como Wong Wucius, Scott Robert, Itten Johannes, Berry Susan y Judy Martín, Swann 
Alan. 
Para posteriormente con ello, llegar al tema de colores electrónicos donde ahondamos acerca de los formatos más empleados para 
comprimir archivos en la web, resoluciones de pantalla más utilizadas, conceptos básicos como lo representa píxel, bits, profundidad del 
color, modalidades como lo son CMYK, RGB, HLS-HSB o HSV, entre una serie de aspectos más. Este apartado en especial es muy 
importante ya que se tiene que reconocer el espacio y las necesidades básicas de lo que representan aspectos de este tipo, para poder 
consecuentemente integrar nuestra propuesta para la web. Para este caso en especial nos apoyamos de diversos autores, sin 
embargo los más relevantes lo representan Lynch Patrick, Glenwright Jerry y Veruschka Götz. 
Marco conceptual.- como parte del compromiso adquirido para el proyecto es integrar una propuesta de diseño, en especial estos 
dos capítulos el de Internet y diseño forman la parte principal de la fundamentación que buscábamos. Para incorporar la propuesta de 
diseño es esencial reconocer los elementos de diseño, del color, de tipografía con lo cual se pueda estructurarla de una mejor manera y 
dado que el proyecto tiene como plataforma principal el de ser dispuesto sobre la web, era primordial reconocer ciertos tecnicismos y 
elementos que comúnmente se manejan sobre la WWW; teniendo la oportunidad de obtener una mejor apreciación de las 
características que se necesitan reconocer para configurar este link de comunidad virtual. En este caso en particular nos enfocamos a 
conceptos básicos como lo son lo que es la web, elementos de navegación, elementos multimedia, software especial para la creación de 
sitios web, por citar algunos aspectos; buscando en lo posible ejemplos de la web que ayudarán a ejemplificar mejor lo escrito. 
Marco referencia.- lo importante para poder elaborar el proyecto lo representa el reconocer las características, necesidades, 
problemas, limitaciones que presenta el cliente, lo que es, sus actividades primordiales; motivo por el cual anexamos un capítulo especial 
de lo que representa este organismo haciendo mención de ciertas cuestiones generales como lo son antecedentes, objetivos, lemas y 
actividades que realiza la CNEP en la actualidad. Delimitando el problema al que se enfrenta hoy en día, con la intención de conocer un 
poco más acerca de este organismo. Al reconocer sus necesidades y el problema al que se enfrenta, se logró integrar una propuesta, 
adecuada no sólo a las características de este organismo sino a las necesidades del público o colegios que en un determinado momento 
harán uso de esta alternativa, por lo cual se realizó una encuesta con el fin de reconocer sus características y necesidades básicas del 
tipo de público al cual se destinará la comunidad virtual, quienes finalmente son nuestro núcleo meta. 
Capítulo 2
En Internet hemos observado un cambio muy notorio no sólo a nivel tecnológico sino en la forma de presentar los sitios, recurriendo a 
un estilo particular de diseño. Anteriormente sólo era perceptible una pantalla que incluía de uno a dos colores de fondo y grandes 
cantidades de texto, sin importar la practicidad del usuario por eso era muy común imprimir que leer directamente sobre las pantallas. 
Poco a poco esto fue evolucionando a tal grado que empezaron a introducirse alternativas que incluían elementos gráficos, de 
multimedia como de navegación, intención para proporcionar un ambiente más interactivo e interesante que motivará al cibernauta a 
navegar a través de los sitios. 
Hoy en día algunos espacios se han vuelto opciones ideales para apoyar la identidad de las empresas, ofreciendo sus servicios o 
productos de la forma más original y ya se empieza a tomar mayor preocupación en las necesidades del público donde los mensajes 
sean ofrecidos de la manera más coherente llevando consigo un propósito claro. Con esto, la áreas del diseño gráfico como de la 
comunicación visual comienzan a tomar parte importante dentro de estos fines, ya que entre sus actividades principales radica el dar 
solución a problemas de comunicación haciendo uso de mensajes visuales que provoquen impacto en los visitantes. 
La comunicación involucra dos modos de expresión: la oral y la escrita, así se dice que las composiciones de diseño no hablan pero si 
nos comunican a través de gráficos, palabras, colores, que en conjunto son parte esencial de la comunicación visual. Estas creaciones 
tienen como finalidad que su mensaje llegue a ser comprendido principalmente por el público al cual van dirigidos. 
Existen gran diversidad de elementos de los cuales se puede hacer uso al momento de diseñar, pero un aspecto valioso de tomarse en 
cuenta es la función que lleva a cabo la composiciónen estos procesos de diseño, ya que es el principio básico para realizar cualquier 
tipo de creación.
Por su parte, la gran mayoría de los archivos deben estar configurados bajo ciertos formatos de compresión para facilitar su 
transferencia, quienes aunque su calidad cromática se ve afectada son ideales para ser enviados a través de la web, ya que su tiempo 
de llegada es menor. Hoy en día encontramos los más comunes como lo son .jpg, .gif. y .png. los cuales aunque presentan diferencias en 
cuanto al método de compresión se refiere, son lo más recurridos. Relativo a la tipografía es significativo mencionar el manejo de los 
textos, las fuentes tipográficas, entre otro tipo de cuestiones.
De todo lo anterior consideramos son sólo una parte mínima de lo que se debe tomar en cuenta al momento de realizar cualquier tipo 
de diseño. De ahí la relevancia en destacar un capítulo que englobe aspectos derivados de la composición gráfica como de la 
comunicación visual, con el objetivo de que lleguen a servir de apoyo para integrar una propuesta más fundamentada de la página web 
que se tiene como proyecto.
2.1 Elementos básicos de composición aplicados a Internet 
Las páginas web son el resultado de diversos tonos, formas, proporciones... donde al integrar estos elementos con cierta intención se 
lleva a cabo la composición; parte esencial ya sea para el diseño gráfico, para la comunicación visual o cualquier otro recurso donde se 
comunique por medio de gráficos. 
Como elementos básicos se tiene el punto, la línea y el plano quienes representan el principio de la realización de cualquier creación 
gráfica. Especialmente en los sitios web observamos diferentes objetos que hacen uso de estas formas como partes representativas, de 
ahí la relevancia en ahondar sobre este tipo de cuestiones.
2.1.1 Forma como punto, línea y plano
El punto es la parte mínima de cualquier trazo, a partir de éste se integran diferentes modos de expresión por ejemplo la línea es la 
sucesión del punto y gracias a ésta podemos concebir a la forma. Otro elemento de ser mencionado es el plano, superficie física en la 
que se establece cualquier tipo de composición. 
Para Wong Wucius1, los elementos conceptuales como el punto, la línea o el plano, cuando son perceptibles a simple vista se 
convierten en forma. La integran los objetos cuando hablamos de contorno, color, textura, tamaño; de esta manera uno conlleva a otro y 
así sucesivamente.
A continuación se hará referencia a estos aspectos, para servir como preámbulo importante para el desarrollo del tema de 
composición.
PUNTO
"El punto tan solo indica una posición; no debería tener 
longitud ni anchura ni cubrir ningún área" (2) 
Es el elemento básico, primario, pequeño, simple de la comunicación visual. Permite plasmar ideas, es como el átomo en la materia, sin 
él no se podría concebir el trazo como tal. Además de ser la parte más pequeña e indivisible, es considerado forma geométrica. 
Consiste de color, intensidad, matiz entre otros. Para Maurice de Sausmarez (3) “La unidad más simple es el punto, no sólo indica una 
posición sino que posee en sí mismo energías potenciales de expansión y contracción que activan el área de su entorno”. Por ejemplo 
cuando dibujamos un punto sobre un plano lo apreciamos más grande que si este a su vez estuviera rodeado con otros puntos, donde lo 
observaríamos más pequeño. 
LÍNEA
"Es la traza que deja el punto al moverse y es 
por lo tanto su producto" (4)
Cuando el punto es trasladado mediante un recorrido sobre el plano se logra un nuevo trazo considerado línea, quien es una secuencia 
de puntos que cumple un propósito. Para Fabris y Germani (5) “La línea es quizás el medio más antiguo de expresión artística gráfica. 
Basta una sola línea, máxima simplicidad y economía de medios, para obtener el carácter y las cualidades de una forma”. Adopta modos 
muy distintos y expresa diferentes significados, por ejemplo para Dondis A. Donis (6) “puede ser muy inflexible e indisciplinada, como en 
los bocetos, para aprovechar su espontaneidad expresiva” o simplemente puede llegar a ser precisa en el caso de los bocetos definidos. 
Se dice es una excusa perfecta para expresar y plasmar nuestras emociones.
PLANO
"Espacio ininterrumpido definido por bordes" (7) 
Superficie empleada para crear trazos de figuras, plasmadas dentro de un lugar determinado. Consta de vista bidimensional (ancho y 
longitud) gracias a él se logran visualizar los límites externos de las formas. Como ya se mencionó anteriormente al igual es conocido 
como contorno.
Tipos de plano
Existen tres contornos básicos: cuadrado, círculo y triángulo. A partir de estos y por medio de ciertas combinaciones se pueden obtener 
una gran variedad de formas distintas. Cada contorno presenta carácter y rasgos específicos, atribuyéndoles diversos significados que 
van acorde a la asociación de nuestras percepciones psicológicas, esto con relación a Donis A. Dondis. 
Formas positivas-negativas
En la mayoría de los casos siempre se describe a una forma positiva y negativa con la presencia del color. Donis A. Dondis 8 menciona lo 
que logra captar nuestra atención se considera elemento positivo, contrario al negativo que actúa con mayor pasividad. 
Interrelación entre formas
Cuando ciertos objetos se interponen a su vez con otros lo que apreciamos es un efecto visual, claro ejemplo lo observamos a 
continuación.
2.1.2 Función de la composición 
"El proceso de composición es el paso más importante 
en la resolución del problema visual" (11) 
Composición es un proceso creativo con cierta finalidad, para otros es la acción de organizar y seleccionar de modo armónico los 
elementos, como ser original. Al diseñar se deben retomar formas interesantes, pero lo más significativo es proporcionar el mensaje de 
manera sencilla y que sea fácilmente recordado.
Existen elementos claves de los cuales podemos valernos por ejemplo Wong divide la composición en formal e informal. En la primera se 
integran estructuras ya establecidas y se basa prácticamente en conceptos simétricos como es el caso de la rotación, traslación, 
reflexión y dilatación. En Internet apreciamos este aspecto en figuras que rotan sobre su mismo eje, se repiten una infinidad de veces o 
se reflejan, en este caso las imágenes se encuentran colocadas de tal forma que se aprecia la dilatación. 
La composición informal anexa elementos un poco más difíciles de conseguir como lo son ritmo, contraste, equilibrio, estabilidad, 
tensión, dirección, movimiento, gravedad, por citar algunos. Se considera que los autores que manejan estos conceptos de manera más 
organizada son Fabris y Germani 12, quienes proponen a la Ley general y la Ley específica, teniendo su razón de ser cuando se 
encuentran presentes el espacio, •signo• y la composición. 
La ley general involucra “los resultados que el artista pretende obtener con su propia actividad, ya sea consciente o intuitivamente” (13), 
se divide en: 
1.- Ley de la unidad o del orden estético 
2.- Ley del ritmo 
“Las leyes específicas o tensiones son los medios que sin ellos, la composición no podría existir, no pudiendo verificarse, por tanto, los 
resultados propuestos como leyes generales” (14).
Mediante esta ley hacemos uso de ciertos elementos que nos pueden ayudar a lograr unidad como ritmo. La ley general no puede existir 
sin los recursos que aporta la ley específica y viceversa, ya que ambas se complementan entre sí. 
LEY DE LA UNIDADLEY DE LA UNIDAD
Unidad es equilibrio y armonía. Para Fabris y Germani 15 es el comienzo fundamental del orden estético. Donis A. Dondis nos menciona 
“la unidad es un equilibrio adecuado de elementos diversos en una totalidad que es perceptible visualmente” (16). 
Existe unidad en una composición cuando sus partes se encuentran dispuestas de forma tal, que todas se organizan entre sí y ninguna 
se ve fuera de lugar. Para lograrla debemos tomar en cuenta