INSTITUTO TECNOLGICO DE TLHUAC

INGENIERIA EN SISTEMAS COMPUTACIONALES

DISEO DE PAGINAS WEB POR LOS ALUMNOS DE INGENIERIA EN SISTEMAS COMPUTACIONALES

ALUMNOS: JUAREZ SANCHEZ ISABEL LOPEZ AVENDAO RODRIGO ROXANA SURISARAY SAMILPA LOME SANDOVAL GALICIA ISAID JONATHAN

PARA ACREDITAR LA MATERIA FUNDAMENTOS DE INVESTIGACION

INDICE

Introduccin 3 Antecedentes..4 P. Problema12. Justificacin12 Objetivos.13 Hiptesis.14 Marco terico15 Conclusin.21 Bibliografa22

INTRODUCCIN La actividad del Diseo Grfico, como tantas otras muchas surgieron cuando el hombre tuvo necesidad de comunicarse y de expresar sus necesidades primarias de supervivencia, se puede decir que el Diseo Grfico apareci con el desarrollo Mismo de la civilizacin. Los expertos discrepan sobre las races del diseo grfico. Algunos identifican las pinturas rupestres como ejemplos ancestrales de los signos grficos; otros reconocen sus formas embrionarias en Egipto, Grecia, Mxico y Roma. Varios autores consideran que el diseo grfico surge al mismo tiempo que la imprenta. Una corriente apunta a las vanguardias artsticas del inicio de este siglo. Otros, todava, emplazan al pensamiento contemporneo, con respecto al diseo grfico, despus de la segunda guerra mundial, como un fenmeno adjunto al fuerte desarrollo industrial y de los medios de comunicacin. Es posible admitir que, en un sentido ms amplio, la comunicacin visual tiene una historia muy larga. Cuando el hombre primitivo buscaba alimento y encontraba una huella de animal impresa en el lodo, en realidad estaba recibiendo un mensaje a travs de un signo grfico. Sin embargo, a pesar del largo recorrido hacia la actualidad de la comunicacin visual, es posible abalizar que el diseo como actividad moderna se constituir como una demanda de la revolucin industrial. Con esto se deriva tambin la pgina web que expresa ms ideas atractivas para el usuario para que compren su producto o elijan esta por los servicios que le brinden es en esencia una tarjeta de presentacin digital, ya sea para empresas, organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones para dar una mejor atraccin al cliente y al mismo tiempo expresar las ideas principales de esta. As mismo, la nueva tendencia orienta a que las pginas web no sean solo atractivas para los internautas sino tambin optimizadas (preparadas) para los buscadores atreves del cdigo fuente.

ANTECEDENTES El diseo grfico es una profesin cuya actividad es la accin de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes especficos a grupos sociales determinados. Esta es la actividad que posibilita comunicar grficamente ideas, hechos y valores procesados y sintetizados en trminos de forma y comunicacin,factores sociales, culturales,econmicos, estticos y t ecnolgicos. Tambin se conoce con el nombre de diseo en comunicacin visual, debido a que algunos asocian la palabra grfico nicamente a la industria grfica, y entienden que los mensajes visuales se canalizan a travs de muchos medios de comunicacin, y no slo los impresos. Dado el crecimiento veloz y masivo en el intercambio de informacin, la demanda de diseadores grficos es mayor que nunca, particularmente a causa del desarrollo de nuevas tecnologas y de la necesidad de prestar atencin a los factores humanos que escapan a la competencia de los ingenieros que las desarrollan. Algunas clasificaciones difundidas del diseo grfico son: el diseo grfico publicitario, el diseo editorial, el diseo de identidad corporativa, el diseo web, el diseo de envase, el diseo tipogrfico, la cartelera, la sealtica y el llamado diseo multimedia, entre otros. La definicin de la profesin del diseador grfico es ms bien reciente, en lo que refiere su preparacin, su actividad y sus objetivos. Aunque no existe consenso acerca de la fecha exacta en la que naci el diseo grfico, algunos lo datan durante el perodo de entreguerras. Otros entienden que comienza a identificarse como tal para finales del siglo XIX. La historia de la tipografa y por carcter transitivo, tambin la historia del libro est estrechamente vinculada a la del diseo grfico; esto puede ser as porque prcticamente no existen diseos grficos en los que no se incluyan elementos grficos de este tipo. De ah que cuando se habla de la historia del diseo grfico, tambin se cita la tipografa de la columna trajana, las miniaturas medievales, la imprenta de Johannes Gutenberg, la evolucin de la industria del libro, los afiches parisinos, el Movimiento de Artes y Oficios (Arts and Crafts),William Morris, la Bauhaus, etc." La introduccin de los tipos mviles por Johannes Gutenberg hizo a los libros ms baratos de producir, adems de facilitar su difusin. Los primeros libros impresos (incunables) marcaron el modelo a seguir hasta el siglo XX. El diseo grfico de esta poca se ha llegado a conocer como Estilo Antiguo (especialmente la tipografa que estos primeros tipgrafos usaron) o Humanista, debido a la escuela filosfica predominante de la poca.

Tras Gutenberg, no se vieron cambios significativos hasta que a finales del siglo XIX, especficamente en Gran Bretaa, se hizo un esfuerzo por crear una clara divisin entre las Bellas Artes y las Artes Aplicadas Siglo XIX Durante el siglo XIX el diseo de mensajes visuales fue confiado alternativamente a dos profesionales: el dibujante o el impresor. El primero estaba formado como artista y el segundo como artesano, ambos frecuentemente en las mismas escuelas de artes y oficios. Para el impresor tena como arte el uso de ornamentos y la seleccin de fuentes tipogrficas en sus composiciones impresas. El dibujante vea a la tipografa como un elemento secundario y prestaba ms atencin a elementos ornamentales e ilustrativos. Entre 1891 y 1896, la imprenta Kelmscott de William Morris public algunos de los productos grficos ms significativos del Movimiento de Artes y Oficios (Arts and Crafts), y fund un lucrativo negocio basado en el diseo de libros de gran refinamiento estilstico, vendindolos a las clases pudientes como objetos de lujo. Morris demostr que exista un mercado para los trabajos de diseo grfico, estableciendo la separacin del diseo con respecto a la produccin y las bellas artes. El trabajo de la imprenta Kelmscott est caracterizado por su recreacin de estilos histricos, especialmente medievales. Actualidad Hoy en da, gran parte del trabajo de los diseadores grficos es asistido por herramientas digitales. El diseo grfico se ha transformado enormemente por causa de los ordenadores. A partir de 1984, con la aparicin de los primeros sistemas de autoedicin, los ordenadores personales sustituyeron de forma paulatina todos los procedimientos tcnicos de naturaleza analgica por sistemas digitales. Por lo tanto los ordenadores se han transformado en herramientas imprescindibles y, con la aparicin del hipertexto y la web, sus funciones se han extendido como medio de comunicacin. Adems, la tecnologa tambin se ha hecho notar con el auge del teletrabajo y en especial del crowdsourcing o tercerizacin masiva, ha comenzado a intervenir en las modalidades de trabajo. Este cambio ha incrementado la necesidad de reflexionar sobre tiempo, movimiento e interactividad. Aun as, la prctica profesional de diseo no ha tenido cambios esenciales. Mientras que las formas de produccin han cambiado y los canales de comunicacin se han extendido, los conceptos fundamentales que nos permiten entender la comunicacin humana continan siendo los mismos.

Desempeo laboral y habilidades La capacidad de disear no es innata, sino que se adquiere mediante la prctica y la reflexin. Aun as, sigue siendo una facultad, una cosa en potencia. Para explotar esa potencia es necesaria la educacin permanente y la prctica, ya que es muy difcil adquirirla por la intuicin. La creatividad, la innovacin y el pensamiento lateral son habilidades clave para el desempeo laboral del diseador grfico. La creatividad en el diseo existe dentro de marcos de referencias establecidos, pero ms que nada, es una habilidad cultivable, para encontrar soluciones insospechadas para problemas aparentemente insolubles. Profesin, aunque s es absolutamente necesaria para el buen desempeo del trabajo de diseo. El rol que cumple el diseador grfico en el proceso de comunicacin es el de codificador o intrprete del mensaje. Trabaja en la interpretacin, ordenamiento y presentacin de los mensajes visuales. Su sensibilidad para la forma debe ser paralela a su sensibilidad para el contenido. Este trabajo tiene que ver con la planificacin y estructuracin de las comunicaciones, con su produccin y evaluacin. El trabajo de diseo parte siempre de una demanda del cliente, demanda que acaba por establecerse lingsticamente, ya sea de manera oral o escrita. Es decir que el diseo grfico transforma un mensaje lingstico en una manifestacin grfica. El profesional del diseo grfico rara vez trabaja con mensajes no verbales. En algunas oportunidades la palabra aparece brevemente, y en otras aparece en forma de textos complejos. El redactor es en muchos casos un miembro esencial del equipo de comunicacin. La actividad de diseo requiere frecuentemente, la participacin de un equipo de profesionales, como fotgrafos, ilustradores, dibujantes tcnicos; incluso de otros profesionales menos afines al mensaje visual. El diseador es a menudo un coordinador de varias disciplinas que contribuyen a la produccin del mensaje visual. As, coordina su investigacin, concepcin y realizacin, haciendo uso de informacin o de especialistas de acuerdo con los requerimientos de los diferentes proyectos. El diseo grfico es interdisciplinario y por ello el diseador necesita tener conocimientos de otras actividades tales como la fotografa, el dibujo a mano alzada, el dibujo tcnico, la geometra descriptiva, la psicologa de la percepcin, la psicologa de la Gestalt, la semiologa, la tipografa, la tecnologa y la comunicacin. El profesional del diseo grfico es un especialista en comunicaciones visuales y su trabajo se relaciona con todos los pasos del proceso comunicacional, en cuyo contexto, la accin de crear un objeto visual es slo un aspecto de ese proceso. Este proceso incluye los siguientes aspectos:

Definicin del problema. Determinacin de objetivos. Concepcin de estrategia comunicacional. Visualizacin. Programacin de produccin. Supervisin de produccin. Evaluacin. Este proceso requiere que el diseador posea un conocimiento ntimo de las reas de: Comunicacin visual. Comunicacin. Percepcin visual. Administracin de recursos econmicos y humanos. Tecnologa. Medios. Tcnicas de evaluacin. Los cuatro principios rectores del diseo grfico son variables que el profesional del diseo grfico debe tener en cuenta a la hora de encarar un proyecto, estos son: El individuo: concebido como unidad tica y esttica que integra la sociedad de la cual forma parte y para quien el espacio visual es uniforme, continuo y ligado. La utilidad: porque responde a una necesidad de informacin y esta es comunicacin. El ambiente: porque nos exige el conocimiento de la realidad fsica para contribuir a la armona del hbitat, y la realidad de otros contextos para entender la estructura y el significado del ambiente humano. La economa: porque engloba todos los aspectos relacionado con el estudio del costo y la racionalizacin de los procesos y materiales para la ejecucin de los elementos. reas de la prctica profesional

El campo del diseo grfico abarca cuatro reas fundamentales cuyos lmites se superponen parcialmente en la actividad profesional. La clasificacin se basa en la nocin de que cada una de las reas requiere una preparacin y unos talentos especiales o asesoramiento especial de acuerdo a la complejidad del proyecto. Las reas son: Diseo para informacin: incluye el diseo editorial. Generalmente estos productos se clasifican de acuerdo al tamao de informacin que disponen en afiches, flyers o volantes, libros, peridicos, revistas, catlogos, CD, DVD, etc. Adems abarca la sealtica, que incluye seales de peligro, seales de trfico, seales de banderas martimas, seales de ferrocarril, entre otras. Los folletos se clasifican de acuerdo a su nmero de pginas y pueden ser dpticos (dos pginas), trpticos (tres pginas), etc. Tambin se los divide en publicitarios, propagandsticos, tursticos, entre otros. Dentro de esta clasificacin entra tambin la infografa, mapas, grficos y vietas. Diseo para persuasin: Es el diseo de comunicacin destinado a influir sobre la conducta del pblico. Incluye la publicidad y la propaganda. Adems entran en esta clasificacin la identidad corporativa que comprende marcas, iso-logotipo, papelera comercial y fiscal, billetes, aplicacin de marca en arquigrafa e indumentaria, grfica vehicular; las etiquetas, las cuales pueden ser frontales, colgantes, de seguridad, envolventes, etc.; y los envase, los ms comunes son los rgidos, semirrgidos, flexibles y las latas. Diseo para educacin: Incluye el material didctico como los manuales instructivos, indicaciones de uso, fichas didcticas educacionales, etctera. Tambin entran la cartelera de seguridad industrial y sealizacin de espacios de trabajo. Diseo para administracin: Comprende el diseo de formularios, sealtica urbana, billetes, sellos postales, pagars y en general, cualquier pieza que sea susceptible de falsificacin. Diseo tipogrfico: tipos sans serif o palo seco, con serif, gestuales, gticas, caligrficas y de fantasa. Diseo de instrumentos de mandos o tambin denominado diseo de interfaces: pantallas de relojes digitales, de telfonos mviles, de cmaras digitales, y otros aparatos.El diseo web es una actividad que consiste en la planificacin, diseo e implementacin de sitios web y pginas web. No es simplemente una aplicacin del diseo convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la informacin y la interaccin de medios como el audio, texto, imagen y vdeo. Se lo considera dentro del diseo multimedial.

La unin de un buen diseo con una jerarqua bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicacin e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, caracterstica destacable del medio. El diseo web ha visto amplia aplicacin en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresin plstica en s. Artistas y creadores hacen de las pginas en Internet un medio ms para ofrecer sus producciones y utilizarlas como un canal ms de difusin de su obra. Diseo web aplicado El diseo de pginas web trata bsicamente de realizar un documento con informacin hiperenlazado con otros documentos y asignarle una presentacin para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un telfono mvil, etc.). Estos documentos o pginas web pueden ser creados: creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby. Utilizando un programa WYSIWYG o WYSIWYM de creacin de pginas. Utilizando lenguajes de programacin del lado servidor para generar la pgina web. Etapas Para el diseo de pginas web debemos tener en cuenta tres etapas: La primera, es el diseo visual de la informacin que se desea editar. En esta etapa se trabaja distribuyendo el texto, los grficos, los vnculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o pre diseo sobre el papel. Esto facilitar tener un orden claro sobre el diseo. La segunda, es la estructura y relacin jerrquica de las pginas del sitio web, una vez que se tiene este boceto se pasa a 'escribir' la pgina web. Para esto, y fundamentalmente para manejar los vnculos entre documentos, se cre el lenguaje de marcacin de hipertexto HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras pginas con informacin relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la pgina principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rpido, adems permitirle navegar por el sitio.

La tercera, etapa consiste en el posicionamiento en buscadores o SEO. sta consiste en optimizar la estructura del contenido para mejorar la posicin en que aparece la pgina en determinada bsqueda. Etapa no gustosa por los diseadores grficos, porque a diferencia del texto, an para el ao 2011 no se pueden tener nuevos resultados en los buscadores con sitios muy grficos. El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningn tipo de formato y con extensin .html o .htm). Aprender HTML es relativamente fcil, as que es sencillo crear pginas web de este modo. Esta era la nica manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque s aconsejable), con lo cual el desarrollador se concentra en lo ms importante, el diseo del documento. Todo esto teniendo en cuenta el nivel de programacin en el diseo de las aplicaciones y del impacto visual que se quiere generar en el usuario. Fundamentos Un correcto diseo web implica conocer cmo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estndares establecidos por la W3C y en lo referente a la web semntica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza cdigo propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado. La web semntica, por otra parte, aboga por un uso lgico de los elementos segn el significado para el que fueron concebidas. Por ejemplo se utilizar el elemento <P> para marcar prrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su ltima instancia, esto ha supuesto una autntica revolucin en el diseo web puesto que apuesta por separar totalmente el contenido del documento de la visualizacin. De esta forma se utiliza el documento HTML nicamente para contener, organizar y estructurar la informacin y las hojas de estilo CSS para indicar como se mostrar dicha informacin en los diferentes medios (como por ejemplo, una pantalla de computadora, un telfono mvil, impreso en papel, leda por un sintetizador de voz, etc.). Por lgica, esta metodologa beneficia enormemente la accesibilidad del documento.

10

Tambin existen pginas dinmicas, las cuales permiten interaccin entre la web y el visitante, proporcionndole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un Panel de Control de administracin de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma. Accesibilidad El diseo web debe seguir unos requerimientos mnimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor nmero de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG. En un principio era slo texto, pero a medida que ha evolucionado la tecnologa, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusin de imgenes fue la ms significativa, pero tambin debemos mencionar el vdeo y la animacin, o los espacios 3D, lo que aporta valores estilsticos, de diseo y de interactividad jams imaginados antes. El diseo de pginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 slo haba alrededor de 50 sitios web. Estadsticas (2005) nos afirmaban que la cantidad de sitios web ronda los 8.000 millones de sitios, a los que diariamente se les suma a raz de 4400 por da. Rpidamente, su importancia alcanzar las mismas cuotas que la televisin o el telfono. Datos recientes estiman que hay alrededor de 2 mil millones de pginas colgadas y se espera que en los prximos aos llegue a los 8 mil millones, excediendo el nmero de habitantes del planeta. Sin embargo, slo una fraccin de este nmero es visitado habitualmente por la mayora de los usuarios (slo alrededor de 15.000 sitios webs, el 0,4% del total). A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atencin de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseo y el uso del color son la llave para atraer y ser identificado, formando vnculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. Al mismo tiempo que la evolucin de los aparatos y de su introduccin en los hogares, tambin ha aumentado la calidad de las transmisiones a travs Internet y ha bajado su precio. A medida que la tecnologa ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

11

PLANTEAMIENTO DE PROBLEMA El porqu de los problemas en las paginas web tienen problemas ya sea al inscribirse ya sea una mala captura de datos o no te da acceso a un usuario en especial ya sea algn problema de otro tipo? JUSTIFICACIN La problemtica que se genera con respecto a la pgina web de la Institucin o empresa de algn otro lugar, es la falta de informacin actualizada, que los usuarios necesitan para realizar sus diferentes procesos de registros en tiempo real, para el ingreso a la formacin acadmica (Admisiones y Registro) o para consulta de fechas y compromisos importantes dentro de la institucin. Suministrar en una pgina web debe de ser actual y de ayuda para el usuario, y mas tratndose de un sitio web de una institucin de educacin superior, en donde las exigencias y la actualidad son el factor determinante para el desarrollo adecuado de todos y cada uno de los diferentes procesos que en esta se realizan. Facilitar informacin adecuada y actual de los procesos a seguir para cada uno de los registros o eventos prximos, trayendo consigo congestiones en el rea de Admisiones y Registro por parte de los usuarios para averiguar informacin. Informacin ms detallada para la escogencia de asignaturas por este medio, algunas materias pertinentes al semestre en curso, debe de ser actual y de ayuda para el usuario recurrir a las instalaciones de la institucin para que de una forma guiada por un docente pueda hacer la asesora completa y sin inconvenientes.

12

OBJETIVOS

Objetivo general Lograr ser parte de una empresa de clase local y nacional e internacional de acuerdo a las posibilidades de nuestro alcance dependiendo del lugar y ubicacin satisfaciendo la necesidad del cliente.

Objetivo especfico Lograr formar parte del mercado en reas de pginas web en la zona local donde estamos ubicados.

13

HIPOTESIS

Una pgina web est compuesta principalmente por informacin (slo texto y/o mdulos multimedia) as como por hiperenlaces; adems puede contener o asociar datos de estilo para especificar cmo debe visualizarse, y tambin aplicaciones embebidas para as hacerla interactiva. Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la pgina puede ser predeterminado (pgina web esttica) o generado al momento de visualizarla o solicitarla a un servidor web (pgina web dinmica). Las pginas dinmicas que se generan al momento de la visualizacin, se especifican a travs de algn lenguaje interpretado, generalmente JavaScript, y la aplicacin encargada de visualizar el contenido es la que realmente debe generarlo. Las pginas dinmicas que se generan, al ser solicitadas, son creadas por una aplicacin en el servidor web que alberga las mismas. Respecto a la estructura de las pginas web, algunos organismos, en especial el W3C, suelen establecer directivas con la intencin de normalizar el diseo, y para as facilitar y simplificar la visualizacin e interpretacin del contenido. Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas, organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones. As mismo, la nueva tendencia orienta a que las pginas web no sean slo atractivas para los internautas, sino tambin optimizadas (preparadas) para los buscadores a travs del cdigo fuente. Forzar esta doble funcin puede, sin embargo, crear conflictos respecto de la calidad del contenido

14

MARCO TEORICO Qu es la World Wide Web o la Web? La World Wide Web consiste en ofrecer una interface simple y consistente para acceder a la inmensidad de los recursos de Internet. Es la forma ms moderna de ofrecer informacin. El medio ms potente. La informacin se ofrece en forma de pginas electrnicas. El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar a otro en pos de lo que no interesa. Lo ms interesante es que con unas pocas ordenes se puede mover por toda la Internet. Para entender lo que es la Web debemos tener una idea de lo que es el Hipertexto. Hipertexto Hipertexto son datos que contienen enlaces (links) a otros datos. En el lenguaje Web, un documento de hipertexto no es solo algo que contiene datos, sino que adems contiene enlaces a otros documentos. Un ejemplo simple de hipertexto es una enciclopedia que al final de un tema tiene referencias de algn tema en especial o referencias bibliogrficas a otros textos. En Hipertexto, el ordenador hace que seguir esas referencias sea facilsimo. Esto implica que el lector se puede saltar la estructura secuencial del texto y seguir lo que ms le gusta. En Hipertexto se pueden hacer enlaces en cualquier lugar, no slo al final. Cada enlace tiene una marca que lo destaca, puede estar resaltado, subrayado o puede estar identificado por un nmero. El hipertexto no esta limitado a datos textuales, podemos encontrar dibujos del elemento especificado, sonido o vdeo referido al tema. Estos documentos que tienen gran variedad de datos, como sonido, vdeo, texto, en el mundo del hipertexto se llama hipermedia. El hipertexto es una herramienta potente para aprender y explicar. El texto debe ser diseado para ser explorado libremente y as se consigue una comunicacin de ideas ms eficientes. Funcionamiento de la Web

15

Una vez que el usuario esta conectado a Internet, tiene que instalar un programa capaz de acceder a pginas Web y de llevarte de unas a otras siguiendo los enlaces. El programa que se usa para leer los documentos de hipertexto se llama "navegador", el "browser", "visualizador" o "cliente" y cuando seguimos un enlace decimos que estamos navegando por el Web. As, no hay ms que buscar la informacin o la pgina deseada y comenzar a navegar por las diferentes posibilidades que ofrece el sistema. Navegar es como llaman los usuarios de la red a moverse de pgina en pgina por todo el mundo sin salir de su casa. Mediante los Navegadores modernos podemos, acceder a hojas de calculo, base de datos, vdeo, sonido y todas las posibilidades ms avanzadas. Pero el diseo de pginas debe mantener un equilibrio entre utilizar todas las capacidades y la posibilidad de ser ledas por cualquier tipo de Navegador. El visualizador nos presentar perfectamente cualquier pgina ".txt" generada por cualquier editor, y los links entre documentos slo requieren un simple y sencillo comando. Y an as podremos conseguir el tipo y tamao de letra y colores de texto y fondo que queramos, simplemente configurando el visualizador. Navegadores que se utilizan Los ms conocidos son el Explorer de Microsoft, Mosaic y el Netscape de Netscape Communications Corporation en Estados Unidos y otros pases. Tienen capacidades diferentes y es importante cuando se crea una pgina Web, adems de un buen diseo, tener en cuenta la compatibilidad, es decir, programar pginas de modo que las acepte cualquier Navegador. Netscape es el que soporta ms y mejores efectos, incluido programas embebidos en el propio texto (versin 2.0 en adelante), escritos en lenguaje Java (algo muy parecido al lenguaje C), que son interpretados por el visualizador, y que permiten realizar pginas "inteligentes". Conectndose a Internet, con un visualizador Netscape o Explorer, adems de ver documentos HTML se puede recibir y enviar correo electrnico, recibir y enviar NEWS (noticias), visitar los servidores GOPHER (servidores de ficheros), y acceder a servidores FTP (ms servidores de ficheros) tanto en entrada como en salida, todo ello con el mismo programa. Tambin, como no, se pueden imprimir los documentos visualizados. Casi todos suelen ser " WYSIWYG". Cmo encuentra la gente una pgina Web?

16

Sistemas de Bsqueda En la Web no existe un directorio centralizado. Para acceder a una pgina directamente se debe conocer la direccin exacta donde se encuentra. Pero lo ms habitual no es conocer esa direccin exacta, sino tener una idea del tema en el que se est interesado y sobre el que se necesite informacin. Existen empresas como Yahoo, Altavista, Ol, Oz, etc., que han creado diferentes Sistemas de Bqueda, para evitar la navegacin a la deriva. Estas consisten en un tipo de pginas Web donde se puede escribir una palabra o una breve referencia que defina la bsqueda que se quiere realizar. El sistema consulta sus datos y te muestra enlaces con las pginas Web que contienen la referencia escogida. Existen diferentes buscadores y cada uno de ellos ha creado su propio directorio. Unos son ms completos, otros ms organizados, otros son ms exigentes y selectivos en su informacin, cada uno tiene caractersticas propias, pero todos ellos ayudan a mantener el rumbo. Qu puede contener una Pgina Web? Hemos mencionado el tipo de informacin que puede contener una pgina Web: texto, imagen, sonido, vdeo, e incluso, mundos 3D y animacin. El usuario no se limita a buscar y encontrar la informacin de un modo pasivo, sin intervenir. La mayor innovacin de las pginas Web se traduce en una sola palabra: Interactividad. Una pgina Web puede contener elementos que permiten una comunicacin activa entre el usuario e informacin, la pgina responder a sus acciones. Por ejemplo: Formularios: a travs de los cuales la empresa podr disponer de un modo de solicitud de informacin, un buzn de sugerencias o posibilidad de realizar subscripciones o pedidos Accede y manejar bases de datos de todo tipo: Consultar por ejemplo, una lista de todos los fondos de inversin en Espaa. Participar en los juegos ms diversos. Echar una partida de Bingo o participar en un divertido juego de bsqueda por el ciberespacio. Sistemas de Bsquedas: Encontrar las pginas que contienen informacin que se necesita en los principales buscadores espaoles o localizar una empresa en las pginas amarillas electrnicas. Qu puede hacer una empresa a travs de una pgina web?

17

Proveer a clientes la informacin acerca de sus productos y servicios, y actualizarla a medida que se van desarrollando nuevos aspectos de ellos. Esto es mucho ms sencillo y econmico que hacer llamadas telefnicas, imprimir nuevos catlogos o hacer publicaciones de prensa cada vez que lo requiera. Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de negocio. Mediante encuestas publicadas dentro de su pgina Web, puede obtener una respuesta de sus clientes actuales, y as conocer y abordar mejor sus inquietudes y sugerencias respecto al servicio que estn recibiendo de su empresa. Igualmente, puede mostrar nuevos productos e ideas y conseguir la opinin de los visitantes de su pgina, que son a la vez sus clientes potenciales. De esta manera, puede crear una base de datos de clientes (actuales y potenciales) para luego enviarle nuevas informaciones a travs de correos electrnicos con costos irrisorios. Otorgar informacin detallada y especfica acerca de sus productos (manuales de instruccin) y de los procesos de comercializacin (adquisicin y compra) de los mismos. Si su pblico desea saber ms sobre la empresa, la pgina Web es el mejor vehculo para hacerle llegar esa informacin. Dominio En el supuesto de estar buscando informacin sobre una empresa determinada, el primer impulso sera teclear el nombre de la empresa seguido del sufijo es o com, los ms habituales. Si se realiza esta accin slo se encontrar a la empresa en esa direccin si se dispone de dominio propio, es decir si la empresa tiene un servidor propio o ha alquilado espacio en un servidor dedicado a la gestin y mantenimiento de pginas Web. Si no es as, si la empresa simplemente se encuentra situada en el dominio de otra compaa, ser ms difcil de localizar, ya que tendr una direccin ms complicada, difcil de encontrar y memorizar. Adems, si la empresa tiene dominio propio, en el caso de que decida cambiar de compaa a la que alquile el espacio, la direccin se mantiene, ya que el dominio propio pertenece a la empresa que lo usa y puede instalarse en otro host sin problemas. Si no tiene dominio propio y decide cambiar de proveedor de Internet, su direccin de Internet cambiar y tendr que reflejarlo en su publicidad. El dominio propio ofrece una imagen ms profesional y competente. Los clientes agradecern que se les proporcione un acceso sencillo y consistente a su informacin. URLs

18

Localizador Uniforme de Recursos (URL; Uniform Resource Locator ) es una direccin especial usada por los navegadores Web, para tener acceso a informacin en Internet. El URLs especifica el ordenador en que se hospeda, el directorio, y el nombre del fichero A travs de estas direcciones o URLs vamos a poder conectar los diferentes objetos (no solo texto), aunque se acceda a ellos a travs de diferentes protocolos. Una cualidad de los URLs es que permiten utilizar los datos ya existentes en la Internet (Wais, Gofher, ftp) y as es como consigue la Web envolver a la Internet sencilla y eficazmente Si no sabemos el URLs, se puede ir a al URL de alguno de los ndices de Bsqueda. "Construccin de Pginas Web" Premisas bsicas para crear un Web de xito Un buen contenido El contenido depender directamente de la temtica del Web. La gran mayora de los usuarios que acuden a un sitio Web lo hacen en busca de informacin. Da igual como se presente dicha informacin (texto, imgenes, vdeo, audio) pero un Web debe aportar contenido. Es importante tener en cuenta que WWW es un medio de comunicacin distinto a los que hasta ahora conocamos (televisin, radio, prensa, etc.); el navegante pasa de pgina en pgina Web a ritmo de clic de ratn, y generalmente pasa poco tiempo en una misma pgina. Por lo tanto no se debe abusar de la informacin textual, ya que son muy pocos los visitantes que se leen completamente una pgina Web. Siempre se ha dicho que una imagen vale mas que mil palabras, y aunque una pgina Web no es un programa de televisin, las imgenes siempre son importantes. Un buen Diseo No es necesario ser un gran diseador para crear paginas Web con un mnimo de sensibilidad grfica. A veces, un diseo simple se agradece mucho ms que una Web inundada de "gifs" en movimiento. El utilizar una tipografa determinada, unos colores adecuados, iconos, fotos, etc. puede convertir la experiencia de visitar un Web en algo mucho ms agradable. Es importante en el aspecto del diseo de un Web la estructuracin del mismo. Facilitar la navegacin mediante menes, iconos, mapas y otros elementos puede evitar que ms de un visitante se pierda dentro de un Web. En el caso de crear un Web excesivamente grande y complejo resulta de ayuda para el visitante la inclusin de mapas (esquemas con enlaces de hipertexto que representan todo el Web) para no perderse. Las imgenes en el diseo

19

La velocidad de acceso al Web est siempre muy reida con el diseo. Es frecuente el caso en que, para embellecer un Web se utilicen muchas imgenes (en formatos gif o jpeg) de gran tamao. Esto obliga a los usuarios con conexiones lentas a sufrir largas esperas hasta que la informacin se presente en pantalla, y eso es un riesgo porque ms de dos saltarn a cualquier otra direccin Internet antes de perder su tiempo. La velocidad de la Web tambin depender en gran medida de lo saturadas que estn las lneas de acceso a nuestro centro proveedor de presencia en Internet (en resumen, el servidor donde se aloja el Web). Sin embargo este es un problema que se escapa del mbito del diseo. Elementos Interactivos La interactividad es fundamental para el xito de un Web. Se debe evitar la sensacin "lectura de peridico" que puede causar en un visitante un Web pasivo y lineal. Adems la interactividad puede beneficiar a quien publica el Web ya que a travs de formularios podr conocer mejor los perfiles de quienes pasan por las pginas.

20

CONCLUSIN

En Internet puede encontrarse prcticamente toda la informacin que pueda imaginarse: texto, fotografas, audio, vdeo, programas, datos, enciclopedias, novelas, investigaciones, y cada da hay ms. Las posibilidades que ofrece una publicacin en la Web son infinitas, tomando en cuenta su flexibilidad para adaptarse a los cambios de una empresa. Esto permite dar difusin inmediata a promociones y comunicados especiales personalizada, con ilustraciones atractivas, texto y con las ltimas caractersticas de programacin, darn una gran oportunidad de generar nuevos negocios o de distribuir informacin. Para lograr que una pgina sea exitosa, se debe tratar de hacerla llegar a la mayor cantidad de personas posible, y para ello, debe ser desarrollada utilizando criterios de diseo que sean compatibles en todas las plataformas, bien sean sistemas bajo Windows, Macintosh o UNIX. Debe estar ubicada en una computadora que est fsicamente conectada a Internet. La manera ms sofisticada (y costosa) es disponer de un servidor de WWW propio y conectarlo directa. Es indispensable que los visitantes potenciales sean capaces de encontrarla. Para ello, hay que registrar la pgina en algunos de los principales "ndices de Bsqueda" en la Internet, que proveen a los navegadores una manera sencilla de conseguir las pginas, segn los intereses particulares. Los servicios "gratuitos" que ofrecen a sus suscriptores espacio para publicar sus pginas Web como parte de una tarifa mensual por servicio. Muchas personas aprovechan este servicio, aunque sus nombres de dominio son algo complicado. Muchos de estos servicios no ofrecen algunas de las caractersticas que son deseables en pginas Web con un enfoque comercial. Esto incluye soporte de CGI Script, aplicaciones JAVA, JAVASCRIPT y ActiveX, formas y contadores.

21

BIBLIOGRAFIA http://www.monografias.com/trabajos5/laweb/laweb.shtml www.wevxs.com/.../paginas-web/que-es-una-pagina-web/ www.itescam.edu.mx/principal/sylabus/fpdb/recursos/r51515. www.eumed.net Libros http://www.wikilearning.com/monografia/historia_y_funcionamiento_de_internet/ 3443-19

22