Un sitio en Internet. Qu es la web? Enviado por silver Indice Introduccin UNIDAD 1 "La world wide web" 1. 1.

Internet

1. 2. Historia de Internet

1. 3. Historia de la Web

1. 4. Qu es la World Wide Web o la Web?

1. 5. Hipertexto

1. 6. Funcionamiento de la Web

1. 6. 1. Navegadores que se utilizan

1. 7. Cmo encuentra la gente una pgina Web?

1. 7. 1. Sistemas de Bsqueda

1. 8. Qu puede contener una pgina Web?

1. 9. Qu puede hacer una empresa a travs de una pgina web?

1. 10. Dominio

1. 11. URLs

UNIDAD 2 "Construccin Pginas Web"

2. 1. Construccin Pginas Web

2. 2. Premisas bsicas para crear un Web de xito

2. 2. 1. Un buen contenido

2. 2. 2. Un buen diseo

2. 2. 3. Imgenes en el diseo

2. 2. 4. Elementos interactivos

2. 3. Etapas de desarrollo de un sitio Web

2. 4.

2. 5. Diseo

2. 6. Instalacin y Pruebas UNIDAD 3 "Lenguaje HTML"

3. 1. Esqueleto bsico de la estructura HTML

3. 2. Formatear Texto

3. 1. 1. Tamao de texto

3. 1. 2. Tipo de letra

3. 1. 3. Posicin

3. 3. Elementos Textuales

3. 3. 1. Caracteres y smbolos

3. 3. 2.Listas

3. 3. 3.Una Lista Numerada

3. 3. 4.Una lista No Numerada

3. 3. 5.Un Lista de Definiciones

3. 3. 6.Tablas

3. 4. Editores HTML

3. 5. Links o enlaces de hypertexto

3. 5. 1. Enlaces dentro de la misma pgina

3. 5. 2.Enlaces con otra pgina nuestra

3. 5. 3.Enlaces con una pgina fuera de nuestro sistema

3. 5. 4.Enlaces con una direccin de email

3. 6. Imgenes

3. 6. 1. Formato GIF

3. 6. 2. Formato JPEG

3. 6. 3. Posicin de las imgenes

3. 6. 4. Imgenes utilizadas como enlaces

3. 6. 5. Editores de Imgenes

3. 7. Frames o marcos

3. 8. Los formularios UNIDAD 4 "Hardware y Software"

4. 1. Hardware y Software

4. 2. Hardware

4. 3. Tipos de lnea

4. 4. Routers

4. 5. Servidores(Hardware)

4. 5. 1. Memoria Ram

4. 5. 2. Disco Duro

4. 5. 3. Procesador

4. 5. 4. Software

4. 6. Servidores(Software)

DNS(Domain Name Server)

WWW(Word Wide Web)

FTP(File Transfer Protocol)

Pop3(Post Office Control)

4. 7. Otras caractersticas

Direcciones IP

Servidor DNS

Acceso telefnico

4. 8. CGI s

4. 9. Tecnologas capaces de integrarse en una Pgina Web

4. 10. Lenguaje Java

4. 10. 1. Independencia de plataforma

4. 10. 2. Lenguaje de programacin orientada a objetos

4. 10. 3. Incompatibilidades y seguridad

4. 11. JavaScript

4. 11. 1. Lenguaje Interpretado

4. 11. 2. Lenguaje no extensible

4. 11. 3. Ventajas de JavaScript

4. 11. 4. Desventajas de JavaScript

4. 12. ActiveX

4. 12. 1. Cascading Style Sheets (CSS)

4. 13. VRML UNIDAD 5 "Seguridad en una Pgina Web"

5. 1. Seguridad en una Pgina Web

5. 2. Condiciones de seguridad

5. 1. 1. Operatividad

5. 1. 2. Integridad

5. 1. 3. Privacidad

5. 3. Seguridad y transacciones en efectivo

5. 4. Encriptamiento

5. 5. Firma digital

5. 6. Creacin de un sitio seguro

5. 7. Firewalls, wrappers y proxies 6. CONCLUSION 7. BIBLIOGRAFIA 9. MENCIN DE TRABAJOS ANTERIORES 10. GLOSARIO

Introduccin La World Wide Web permite una manera ms organizada de acceder a la informacin disp onible en Internet, presentando una interfaz amigable con el usuario mediante na vegadores como Netscape, Mosaic y Microsoft Internet Explorer. El surgimiento de la World Wide Web ha ayudado a un crecimiento considerable de Internet en la actualidad. Compaas pequeas, empresas grandes, ayuntamientos, estado s, gobiernos de distintos pases, universidades, bibliotecas, estn presentes en Int ernet. El presente trabajo tiene como objetivo mostrar las maravillosas capacidades de la World Wide Web, en que consiste la misma, sus utilidades, como as tambin los cr iterios a tener en cuenta en el diseo para que un sitio Web tenga xito. Por otro lado intenta hacer un aporte a trabajos nombrados en la pgina 54, ya que algunos hacen mencin del tema o lo muestran desde una visin particular. Este trabajo trata de dar un enfoque actual y personal, tratando de ser til a qui en este interesado en el tema.

Unidad 1 "La Word Wide Web" 1.1. Internet Internet es una gran red de redes, tambin llamada Supercarretera de la informacin. Es el resultado de la interconexin de miles de computadoras de todo el mundo. To das ellas comparten los protocolos de comunicacin, es decir que todos hablan el m ismo lenguaje para ponerse en contacto unas con otras. Los servicios bsicos ofrecidos ahora por Internet son correo electrnico, noticias en red, acceso a computadoras remotas y sistemas de adquisicin de datos, y la cap acidad para transferir informacin entre computadoras remotas. 1. 2. Historia de Internet Empez en los Estados Unidos de Amrica en 1969, como un proyecto puramente militar. La Agencia de Proyectos de Investigacin Avanzados de Defensa (DARPA) desarroll un a red de computadoras llamada ARPANET, para no centralizar los datos, lo cual pe rmita que cada estacin de la red poda comunicarse con cualquier otra por varios cam inos diferentes, adems presentaba una solucin para cuando ocurrieran fallas tcnicas que pudieran hacer que la red dejase de funcionar. Los sitios originales que se pusieron en red eran bases militares, universidades y compaas con contratos del Departamento de Defensa. Conforme creci el tamao de est a red experimental, lo mismo sucedi con las precauciones por la seguridad. Las mi smas redes usadas por las compaas y las universidades para contratos militares se estaban volviendo cada vez ms accesibles al pblico Como resultado, en 1984, ARPANET se dividi en dos redes separadas pero interconec tadas. El lado militar fue llamado MILNET. El lado educativo todava era llamado tc nicamente ARPANET, pero cada vez se hizo mas conocida como Internet. En mayo de 1995, entre 35 y 45 millones de personas usaban Internet y este nmero fue creciendo mes a mes en un 10 a 15%. Las estimaciones actuales colocan al nmer o de personas en Internet en enero de 1997 en 62 millones de usuarios individual es. Podemos decir que el resultado final es que lo que comenz como un proyecto de inv estigacin gubernamental y educativo ahora se ha convertido en uno de los medios d e comunicacin ms importante de la actualidad. Nunca antes haba sido posible tener a cceso a tantas personas de culturas y antecedentes tan variados. Adems podemos decir que la Internet no es gratis, la pagamos bsicamente nosotros, los contribuyentes, centros de investigacin, educacionales, institutos y universi dades, las empresas comerciales, nosotros a travs del incremento en sus productos y la publicidad. 1. 3. Historia de la Web La Web es una idea que se construyo sobre la Internet. Las conexiones fsicas son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las ya ex istentes. Empez a principios de 1990, en Suiza en el centro de investigacin CERN (centro de Estudios para la Investigacin Nuclear) y la idea fue de Tim Berners-Lee, que se g est observando una libreta que l usaba para aadir y mantener referencias de cmo func ionaban los ordenadores en el CERN. Antes de la Web, la manera de obtener los datos por la Internet era catica: haba u n sinfn de maneras posibles y con ello haba que conocer mltiples programas y sistem

as operativos. La Web introduce un concepto fundamental: la posibilidad de lectu ra universal, que consiste en que una vez que la informacin est disponible, se pue da acceder a ella desde cualquier ordenador, desde cualquier pas, por cualquier p ersona autorizada, usando un nico y simple programa. Para que esto fuese posible, se utilizan una serie de conceptos, el ms conocido es el hipertexto. Con Web los usuarios novatos podran tener un tremendo poder para hallar y tener a cceso a la riqueza de informacin localizada en sistemas de cmputos en todo el mund o. Este solo hecho llev un avance tremendo de Internet, un mpetu tan grande que en 19 93 World Wide Web creci un sorprendente 341000%, tres aos despus, en 1996, todava s e sta duplicando cada 50 das. 1. 4. Qu es la World Wide Web o la Web? La World Wide Web consiste en ofrecer una interface simple y consistente para ac ceder a la inmensidad de los recursos de Internet. Es la forma ms moderna de ofre cer informacin. el medio ms potente. La informacin se ofrece en forma de pginas elec trnicas. El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar a otr o en pos de lo que no interesa. Lo ms interesante es que con unas pocas ordenes s e puede mover por toda la Internet. Para entender lo que es la Web debemos tener una idea de lo que es el Hipertexto . 1. 5. 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 dato s, sino que adems contiene enlaces a otros documentos. Un ejemplo simple de hipertexto es una enciclopedia que al final de un tema tien e 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 segui r 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 p uede 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 tiene n 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 idea s ms eficientes. 1.6. Funcionamiento de la Web 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 enlace

s. El programa que se usa para leer los documentos de hipertexto se llama "navegado r", 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 l as 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 d atos, vdeo, sonido y todas las posibilidades ms avanzadas. Pero el diseo de pginas d ebe 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 cu alquier editor, y los links entre documentos slo requieren un simple y sencillo c omando. Y an as podremos conseguir el tipo y tamao de letra y colores de texto y fo ndo que queramos, simplemente configurando el visualizador. 1. 6. 1. Navegadores que se utilizan Los ms conocidos son el Explorer de Microsoft, Mosaic y el Netscape de Netscape C ommunications Corporation en Estados Unidos y otros pases. Tienen capacidades dif erentes 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 c ualquier 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 par ecido 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 docu mentos HTML se puede recibir y enviar correo electrnico, recibir y enviar NEWS (n oticias), visitar los servidores GOPHER (servidores de ficheros), y acceder a se rvidores FTP (ms servidores de ficheros) tanto en entrada como en salida, todo el lo con el mismo programa. Tambin, como no, se pueden imprimir los documentos visu alizados. Casi todos suelen ser " WYSIWYG". 1. 7. Cmo encuentra la gente una pgina Web? 1. 7. 1. Sistemas de Bsqueda En la Web no existe un directorio centralizado. Para acceder a una pgina directam ente 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 int eresado y sobre el que se necesite informacin. Existen empresas como Yahoo, Altavista, Ol, Oz, etc., que han creado diferentes Si stemas de Bqueda, para evitar la navegacin a la deriva. Estas consisten en un tipo de pginas Web donde se puede escribir una palabra o un a breve referencia que defina la bsqueda que se quiere realizar. El sistema consu lta 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 ell

os ayudan a mantener el rumbo. 1. 8. Qu puede contener una Pgina Web? Hemos mencionado el tipo de informacin que puede contener una pgina Web: texto, im agen, 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 comunicac in 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 soli citud de informacin, un buzn de sugerencias o posibilidad de realizar subscripcion es o pedidos Accede y manejar bases de datos de todo tipo: Consultar por ejemplo, una lis ta 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 nece sita en los principales buscadores espaoles o localizar una empresa en las pginas amarillas electrnicas. 1. 9. Qu puede hacer una empresa a travs de una pgina web? Proveer a clientes la informacin acerca de sus productos y servicios, y actua lizarla a medida que se van desarrollando nuevos aspectos de ellos. Esto es much o ms sencillo y econmico que hacer llamadas telefnicas, imprimir nuevos catlogos o h acer publicaciones de prensa cada vez que lo requiera. Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de negoci o. Mediante encuestas publicadas dentro de su pgina Web, puede obtener una respue sta de sus clientes actuales, y as conocer y abordar mejor sus inquietudes y suge rencias 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 pg ina, 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 in formaciones 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 mismo s. Si su pblico desea saber ms sobre la empresa, la pgina Web es el mejor vehculo pa ra hacerle llegar esa informacin. 1. 10. Dominio En el supuesto de estar buscando informacin sobre una empresa determinada, el pri mer 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 alquila do espacio en un servidor dedicado a la gestin y mantenimiento de pginas Web. Si n o es as, si la empresa simplemente se encuentra situada en el dominio de otra com paa, ser ms difcil de localizar, ya que tendr una direccin ms complicada, difcil de trar y memorizar. Adems, si la empresa tiene dominio propio, en el caso de que decida cambiar de co mpaa 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 direc cin de Internet cambiar y tendr que reflejarlo en su publicidad. El dominio propio ofrece una imagen ms profesional y competente. Los clientes agr adecern que se les proporcione un acceso sencillo y consistente a su informacin. 1. 11. URLs Localizador Uniforme de Recursos (URL; Uniform Resource Locator )es una direccin especial usada por los navegadores Web, para tener acceso a informacin en Interne t. 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 difer entes objetos (no solo texto), aunque se acceda a ellos a travs de diferentes pro tocolos. Una cualidad de los URLs es que permiten utilizar los datos ya existent es 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. Unidad 2 "Construccin de Pginas Web" Premisas bsicas para crear un Web de xito 2. 2. 1. Un buen contenido El contenido depender directamente de la temtica del Web. La gran mayora de los usu arios 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 c ontenido. Es importante tener en cuenta que WWW es un medio de comunicacin distin to 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 q ue 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 e s un programa de televisin, las imgenes siempre son importantes. 2. 2. 2. Un buen Diseo No es necesario ser un gran diseador para crear paginas Web con un mnimo de sensib ilidad grfica. A veces, un diseo simple se agradece mucho ms que una Web inundada d e "gifs" en movimiento. El utilizar una tipografa determinada, unos colores adecu ados, iconos, fotos, etc. puede convertir la experiencia de visitar un Web en al go mucho ms agradable. Es importante en el aspecto del diseo de un Web la estructuracin del mismo. Facili tar 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 excesiv amente 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 perders e. 2. 2. 3. Las imgenes en el diseo La velocidad de acceso al Web est siempre muy reida con el diseo. Es frecuente el c aso 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 la rgas 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 tiem po.

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 escap a del mbito del diseo. 2. 2. 4. Elementos Interactivos La interactividad es fundamental para el xito de un Web. Se debe evitar la sensac in "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. Podemos calificarlos como aspectos filosficos a tener en cuenta en el diseo de un Web. 2. 3. Etapas de Desarrollo de un proyecto de sitio Web El desarrrollo de un proyecto de sitio Web puede dividirse en tres etapas princi pales: Prediseo, Diseo, Instalacin y prueba. El punto de vista desde el cual se analiza el proceso de diseo no es desde la int errelacin usuario-tecnologa, sino como interaccin humana, mediatizada por la tcnologa . Es decir, entender a la Web como medio de comunicacin entre personas. Esto nos debe ayudar a pensar permanentemente en "el otro", la persona invisible y descon ocida para quien hacemos la pgina Web. De todas las palabras que utilizamos al hablar de Internet, la que ms deben tener en cuenta los diseadores es la que designa al acto de instalar un sitio, pensar en el pblico, pensar en cmo piensa el pblico. Etapa de la conceptualizacin ? Planificar la Web Objetivos AJUSTE Pblico Se corrigen los Contenido elementos de Estructura prediseo que no Visualizacin cumplen los requerimientos previstos . Etapa de armado de pginas ? y configuaracin del sitio "Hacer" la Web" AJUSTE Diseo de grficos Se corrigen los Diseo de pginas elementos de Establecer links diseo que no

internos y externos funcionan Incorporar multimedia correctamente o no se Incorporar archivos. visualizan de acuerdo a lo esperado Etapa de puesta en marcha ? Correcciones y ajustes finales "Hacer que todo funcione" Prueba de todos los links Prueba de funcionamiento de todos los elementos de multimedia. Prueba de funcionamiento de formularios, e-mail, buscadores, etc. 1. Prediseo A la etapa de Prediseo o conceptualizacin podemos dividirla en cinco componentesst ro anlisis. Ellos son: objetivos, pblico, contenidos, estructura y visualizacin. Es tos interactan entre s y se condicionan mutuamente. Objetivos Este es uno de los elementos ms importantes, que determina a los otros. Hay que r esponder a la pregunta: para qu se pblica este sitio?; qu quiero que suceda raz de mi publicacin en la Web?. Las respuestas deben ser del tipo como por ejemplo: quiero que los clientes pued an actualizar la lista de precios, en forma sencilla, que acceda al catalogo ele ctrnico de productos y puedan hacer sus pedidos automticamente, contribuir acerca de la necesidad de conservar las especies en peligro de extensin, etc. Estar en I nternet no es una respuesta vlida. En la elaboracin del objetivo(si existe ms de uno, hay que listarlos a todos y jer arquizar) conviene que participen todas las personas que tienen que ver o estn in teresadas en el xito del proyecto. En este momento habra que validar si las aspiraciones expresadas en los objetivos son compatibles con el funcionamiento de Internet. Por ejemplo, si bien es posi ble vender libros, discos, pizzas o corbatas a travs de Internet, posiblemente no funcione con calzado, que necesita ser fsicamente probado. Pblico Al hablar de pblico no nos referimos a cualquier persona que recorriendo la red l legue a nuestra pgina, sino a aquella parte de la poblacin a la que pretendemos al canzar e influir con el mensaje. Esto esta estrechamente vinculado con los objet ivos establecidos y la naturaleza del sitio que nos proponemos. Necesitamos construir un identikit de nuestro pblico, tratando de definir, en gen eral sus intereses, inclinaciones, gustos, preferencias, etc., y en particular, como usuarios de Internet. Tenemos que dar una respuesta lo ms concreta y especfic amente posible a la pregunta "esa gente, qu busca de mi pgina?". Porque la Web debe ra dar respuesta a esa pregunta.

Todo lo que sepamos y supongamos sobre el pblico-target (el que nos interesa) ser vir, adems, para establecer parte de los criterios de diseo de contenidos, lenguaje s, esttica. Contenidos Se debe listar la informacin que se desea incluir en la Web. Esta informacin debe ser significativa, y til para el pblico. Teniendo en cuenta lo que a ellos les int eresa, no lo que a nosotros nos gustara que nos interese. En el caso de que existan otras formas de acceso a informacin disponible para esa s mismas personas, el contenido de la Web deber ser superador de esos otros mater iales. Es decir que si los clientes de una firma reciben un folleto en el que se describen los servicios que se prestan, el sitio Web al que accedern luego no pu ede repetir simplemente lo que all se dice. Informacin, no textos redundantes sobre la importancia de esa informacin. El lenguaje utilizado para brindar la informacin en Internet debe ser sobrio, con ciso, concreto. No funciona bien el lenguaje insinuante y ambiguo que puede ser perfecto para avisos grficos o folletera. Todo lo que se hace contribuye a formar la imagen que tiene el pblico de la empre sa, marca, producto, institucin o servicio. La Web no es una excepcin y cualquier sentimiento de frustracin que experimente el usuario no se canalizar hacia el o lo s autores del sitio Web, sino hacia la imagen que mencionamos.

Estructura La organizacin de la informacin es un tema clave para asegurar un buen funcionamie nto de un sitio. El primer elemento organizador son las pginas. Conviene incluir en cada una de el las una unidad de informacin autnoma, completa. En el caso de que el volumen sea e xcesivo para ello, dividir esa unidad de informacin en subunidades ms pequeas, cohe rentes, completas cada una en s misma. Una unidad de informacin es un tema o un su btema. Las relaciones de las pginas entre s configuran la estructura del sitio. A partir de la pgina principal o home page se vinculan mediante links el resto de las pgina s. Esto es bastante sencillo de implementar en lenguaje HTML, pero es ms complica do decidir de que manera, en qu orden, con qu configuracin se establecer la cadena d e vnculos. Ante todo hay que tener en cuenta que la estructura debe responder a los criteri os de bsqueda. Hay que hacerse la pregunta acerca de cmo se intentar encontrar esta informacin?. Los criterios " naturales" de clasificacin pueden no ser adecuados. P or ejemplo, es comn que quienes venden repuestos acomoden los mismos por tipo: ju ntas por aqu, poleas por all, resortes de este lado. El usuario, a su vez, necesit a el repuesto para una mquina o artefacto, marca, modelo, funcin del repuesto que busca. Los links y la estructura del sitio tendrn que tener en cuenta estas cuest iones. El otro tema es que los usuarios reconocen las pginas de la Web utilizando como g ua palabras clave colocadas en botones, barras de control, grficos mapeados, o uti lizadas como marcas de hipertexto; palabras que por su significado indican o sug ieren el contenido de pginas a las que derivan. Es sabido que los significados de las palabras no son unvocos, y la ambigedad puede ser un problema. El conocimient

o de la cultura y usos lingsticos del pblico nos ser sin duda, de gran utilidad a la hora de elegir las palabras que se titularn nuestros botones o identificarn los l inks de derivacin a otras pginas del sitio. Hay que tener en cuenta que el usuario no tiene cmo saber la manera en que sigue la cadena de links ms all de las pginas a las que puede entrar directamente desde e l lugar donde se encuentra. Que el usuario no encuentre la informacin buscada des pus de recorrer cuatro o cinco pginas encadenadas puede significar que el mismo ab andone el sitio o la indeseada sensacin de frustracin que nos interesa evitar. Un tema relacionado a ste es el de los mecanismos de identificacin y de recorrido del sitio. Estos deberan permitir al usuario saber en todo momento el lugar o zon a del sitio donde se encuentra, as como desplazarse hacia cualquier otra pgina sin necesidad de recorrer toda la cadena en sentido inverso. Los paneles de control son una buena ayuda. Visualizacin Un sitio Web no es una torta. La grfica (incluida elementos multimedia) de un sit io Web debe se una herramienta de comunicacin al servicio de los objetivos plante ados y condicionados por las pautas culturales (preferencias, gustos) del pblico. Esto significa que tampoco es un espacio de lucimiento del diseador, ni la esttica . Debe adecuarse a los gustos y preferencias de los responsables del sitio. Una ve z ms los objetivos trazados y el perfil del pblico deberan ser los instrumentos par a tomar las decisiones de diseo grfico y multimedia. Adems de los criterios estticos y comunicacionales del diseo grfico, es importante r espetar los criterios tcnicos especfico: 1. Que cada pgina sea fcil de cargar. La velocidad de carga de una pgina est en funcin del estado de las lneas y de la cantidad de informacin que contiene. Sobre el primer parmetro no hay nada que poda mos hacer desde el diseo, pero s sobre el segundo: establecer para cada pgina un mxi mo de bytes y no sobrepasarlo. Realizar los grficos del tamao ms chico posible. Repetir los iconos siempre que sea posible. El browser los leer de la memoria cach a partir de la segunda vez que deba colocarlos en la pgina. Grabar cada grfico en formato GIF y JFG, verificar el tamao de ambos y descart ar el mayor. Reducir la cantidad de colores de cada grfico al mnimo indispensable. De todos modos, la mayor parte de los usuarios no pueden visualizar ms de 256. Reflexionar cuidadosamente sobre la utilizacin de recursos de multimedia: agre gan algo realmente a la pgina? . 2. Que las pginas sean fciles de leer. Resolver el contraste texto/fondo con valores de luminosidad y no slo decolor . Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la pgina en

un lser monocroma para verificar esto. Tener cuidado con las texturas del fondo: no deben tener un dibujo excesivam ente ntido que perjudique la lectura. Tampoco es conveniente que sean motivos muy contrastados (contornos claros y oscuros), ya que se vern mal tanto los textos o scuros como los claros. En el caso de utilizar texturas fuertes, agrandar los su ficiente el tamao de la tipografa. El tamao de la tipografa debe ser adecuado para ser ledo sin dificultad aun en computadoras seteadas con altas resoluciones de pantalla. Es importante jerarquizar los ttulos, subttulos, manteniendo la coherencia de los estilos en todo el sitio. Para eso es una buena ayuda escribir una pequea nor ma que establezca el tamao relativo de la tipografa para cada categora de ttulos, y subttulos, as como si stos van centrados, alineados, con bullets, etc. 3. Establecer guas visuales que permitan saber que cada pgina pertenece al mismo s itio. La coherencia visual ayuda en ese sentido. Un sitio en el que cada pgina tiene un fondo diferente, varan los iconos y cambian otros componentes de la composicin vi sual, desconcierta al usuario, que no sabe si est en el mismo sitio o si el ltimo link lo llev al otro extremo del mundo. 2. Diseo Cuando hablamos sobre diseo de pginas Web, realmente nos referimos al HTML o Hyper -text Markup Language. El lenguaje HTML consiste en una serie de comandos que le indican al programa navegador de WWW cmo darle formato al texto que contienen lo s archivos. En la actualidad no hace falta ser un experto en HTML debido a que l os procesadores de texto existentes se encargan de hacer el trabajo, agregando e l cdigo automticamente, a lo que queremos mostrar. Los servicios de diseo de pginas Web cubren un rango que va desde convertir archiv os de texto a formato HTML, hasta desarrollar extensos conjuntos de pginas cargad as de ilustraciones e hipervnculos relacionados entre s. Podra drsele un enfoque esp ecial a su pgina para algn programa navegador especfico, pero siempre debe asegurar se de que las pginas sean vistas por el mayor nmero de plataformas posibles. La tarea de diseo de pginas Web convoca por lo menos tres especialidades diferente s: comunicacin (humana), programacin (HTML, CGI, Java), diseo grfico y multimedia. N inguna de estas especialidades tiene en s misma todos los recursos para llevar a cabo proyectos de Web exitosos. En los proyectos de sitios Web no participan slo los especialistas contratados o designados para ello. Las empresa o institucin que origina la demanda tiene diver sos grados de responsabilidad y compromiso con la publicacin del sitio. 3. Instalacin y Pruebas En esta etapa nos encargamos de la puesta en marcha, correcciones y ajustes fina les. Se debe hacer que todo funcione. Debemos hacer la prueba de todos los enlaces o links, corroborar el correcto fun cionamiento de todos los elementos de multimedia y del funcionamiento de formula rios, e-mail, buscadores, etc. La transferencia de archivos a la Web, se realiza a travs de FTP (File Transfer P rotocol), generalmente, se necesita un nombre de usuario y una clave de acceso. Unidad 3 "Lenguaje HTML"

Lenguaje HTML Por medio del lenguaje HTML (HyperText Markup Languaje), podemos navegar por mil es y miles de pginas a travs de la WWW. Es un lenguaje que sirve para escribir hip ertexto, es decir, documentos de texto presentado de forma estructurada, con enl aces (links) que conducen a otros documentos o a otras fuentes de informacin (por ejemplo bases de datos) que pueden estar en la propia mquina o en mquinas remotas de la red. Todo ello se puede presentar acompaado de cuantos grficos estticos o an imados y sonidos seamos capaces de imaginar. HTML es el lenguaje con el que se construyen las pginas Web. La idea inicial de H TML era describir la estructura y el contenido de un documento, sin embargo la t endencia actual es utilizarlo tambin como un lenguaje de descripcin, controlando e l aspecto de documento (tipografa, posicionado, etc.). Por supuesto, la esttica de los documentos escritos en HTML no se limita a texto digamos normal; consigue todos los efectos que habitualmente se pueden producir con un moderno procesador de textos: negrita, cursiva, distintos tamaos y fuentes , tablas, prrafos tabulados, sangras, incluso texto y fondo de pgina de colores, y muchos ms. El programa encargado de interpretar el texto HTML es el navegador o browser. El navegador puede recibir el cdigo HTML junto con los elementos integrados en la pg ina (imgenes, sonidos, vdeo, etc.) desde un servidor remoto o de un servidor de re d (utilizando el protocolo de transferencia de hypertexto y HTTP) o leer las pgin as directamente de nuestro disco duro(sin un protocolo de transmisin tipo HTTP, s ino el equivalente a abrir un documento con un procesador de textos). En HTML todas las codificaciones de efectos en el texto que lo forman no son ms q ue instrucciones para el visualizador. Partiendo de esto, se entiende el porqu no se ve lo mismo con todos los visualizadores. Depende de cmo estn diseados y para q u versin de lenguaje estn diseados. Hasta no hace mucho los programadores de HTML cobraban una barbaridad por crear una pgina Web. Eran los inicios del boom WWW. HTML no es un lenguaje de programacin como puede serlo C, Pascal o Java; HTML tan slo es un lenguaje para crear documentos en formato electrnico, una forma de defi nir efectos en el texto de manera similar a como se haca en los antiguos procesad ores de texto pero con complicados y poderosos servidores de informacin. En la actualidad cualquiera puede crear sus pginas Web; puede escribir el cdigo HT ML directamente o utilizar alguno de los excelentes editores. Muchos usuarios de la Red tienen ya sus pginas Web publicadas, gracias al espacio que les brindan l a mayora de los proveedores de acceso. No es necesario que la pagina Web este pub licada en Internet; podemos utilizarla tan solo para consultas en la red de rea l ocal para realizar consultas internas de la empresa u organizacin(Intranet). La unidad fundamental en lenguaje HTML es el " tag " o la marca. Cada estructura de texto se encerrar entre una marca de inicio y otra de fin. En HTML las marcas vienen delimitadas con los signos <(inferior) y >(superior). De este modo el navegador sabe que debe interpretar cdigo comprendido entre estos smbolos. Esqueleto Bsico de un documento HTML <HTML>

<HEAD > <TITLE >Ttulo del documento < /TITLE > < / HEAD > BODY Cuerpo del documento </BODY > < / HTML > Esqueleto Bsico de la estructura HTML Entre <html> y </html> encontraremos la definicin de la pgina propiamente dicha. E n el bloque delimitado por <head> y </head> se establecen ciertas caractersticas de la pgina, tales como el ttulo, quien las construy, etc. De estas caractersticas d e la pgina, la nica que es obligatoria declarar es el ttulo. Esto se hace mediante el par de tags <title> y </title>. Por ltimo est <body> y </body>, entre los cuales se encierra toda la informacin que el navegador debe mostrar. No todos los tags son iguales; hay alguno cuyas acciones estn acotadas por las fu nciones que cumplen, por lo que no es necesario incluir otro tag para finalizar su accin. Algunos de ellos son: <br> Genera un retorno de carro <p> Equivale a un retorno de carro + un avance de lnea <hr> Crea una lnea divisoria horizontal. Existen tags que llevan parmetros asociados cmo: <img src="/cm/marzo.gif" width=104 height=97> Este tag <img> permite incluir imgenes dentro de una pgina. El parmetro src indica la ruta de acceso al archivo donde est la imagen, mientras que width y height det allan su ancho y alto en pixeles. Formatear Texto Hay cdigos qu afectan a la distribucin y aspecto del texto. Los ms importantes agrup ados en las categoras Tamao, Tipo de letra y posicin. Tamao Lo ms destacable aqu son los seis niveles de cabeceras. Por ejemplo: <H1> Gua de Redaccin HTML</H1> <H2> Notas sobre esta Gua</H2> <H3> Un Poco de Historia</H3> Esta gua fue elaborada...

Se puede cambiar el tamao de las palabras utilizando los cdigos: <FONT SIZE= +2> estas palabras </FONT> Tipo de letra La siguiente tabla muestra los principales cdigos que afecta al aspecto del texto . Atributo Sintaxis Resultado nfasis(cursiva) Quiero<EM>desacar<EM> esto. Quiero destacar esto. Fuerte(negrilla) Quiero<STRONG>recalcar</STRONG>. Quiero recalcar esto. Monoespaciado Teclea <TT>estos cdigos</TT>. Teclea estos cdigos Posicin Los cdigos principales son los que provocan salto de lnea y el que se centra. El cdigo <P> seala el inicio de un prrafo y provoca un salto de lnea precedido por u n rengln en blanco. El cdigo <BR> hace lo mismo pero sin rengln en blanco. Los cdigos <center> y </center> centran el texto entre los mrgenes. Elementos Textuales Caracteres y smbolos Muchos de los caracteres que necesitamos representar, letras acentuadas, requier en un trato especial en HTML. Un buen editor nos ir haciendo la conversin automtica mente, pero a veces resulta necesario recurrir a los cdigos. Aca se ve una tabla de los principales: &aacute &Aacute &egrave &uuml & ntilde &Ntilde &ccedil &copy &#191 &#161 &#170 &#186 Caracteres especiales Listas Hay varias maneras de tratar listas. Las principales son la lista numerada(OL) y de los puntos conductores(UL) que tiene un par de variantes. Tambin hay una list a pensada para glosarios de trminos (DL). Una Lista Numerada (Ordered List) <OL> <LI>Animales <LI>Plantas

</OL> Se ve as: 1. Animales 2. Plantas Una lista No Numerada (Unordered List) <UL> <LI>Animales <LI>Plantas </UL> Se ve as: . Animales . Plantas Un Lista de Definiciones (Definition List) <DL> <DT> Animales <DD> Son unos bichitos que algunos tienen espinazo y otros no. <DT> Plantas <DD> Estn vivas pero no les puedes llamar bichos. No sera correcto. </DL> Se ve as: Animales Son unos bichitos que tienen espinazo y otros no. Plantas Estn vivas pero no se les puede llamar bichos. No sera correcto. A veces resulta til anidar las listas para representar un esquema jerrquico. Un ej emplo: <UL> <LI>Animales <UL> <LI>Vertebrados <LI>Invertebrados

</UL> <LI>Plantas <UL> <LI>Verdes <LI>Nucleares </UL> </UL> Se ve as: . Animales . Vertebrados . Invertebrados . Plantas . Verdes . Nucleares Leer ms: http://www.monografias.com/trabajos5/laweb/laweb.shtml#ixzz2zTd4gNEG