Monografias | Un sitio en Internet. Qué es la web?Un sitio en Internet. Qué es la web?Resumen: La world wide web. Internet. Historia. Funcionamiento. Dominio. URLs. Construcción de páginas web. Premisas básicas para crear un Web de éxito. Prediseño, diseno, instalación y pruebas. Lenguaje HTML. Hardware y Software. Seguridad en una página Web. Un sitio en Internet. Qué es la web? Indice UNIDAD 1 "La world wide web" 1. 1. 1. 2. 1. 3. 1. 4. 1. 5. 1. 6. 1. 6. 1. 1. 7. 1. 7. 1. 1. 8. 1. 9. 1. 10. 1. 11. UNIDAD 2 "Construcción Páginas Web" 2. 1. 2. 2. 2. 2. 1. 2. 2. 2. 2. 2. 3. 2. 2. 4. 2. 3. 2. 4. 2. 5. 2. 6. UNIDAD 3 "Lenguaje HTML" 3. 1. Esqueleto básico de la estructura HTML 3. 2. Formatear Texto 3. 1. 1. Tamaño de texto 3. 1. 2. Tipo de letra 3. 1. 3. Posición 3. 3. Elementos Textuales 3. 3. 1. Caracteres y símbolos 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 página 3. 5. 2.Enlaces con otra página nuestra 3. 5. 3.Enlaces con una página fuera de nuestro sistema 3. 5. 4.Enlaces con una dirección de email 3. 6. Imágenes 3. 6. 1. Formato GIF 3. 6. 2. Formato JPEG 3. 6. 3. Posición de las imágenes 3. 6. 4. Imágenes utilizadas como enlaces 3. 6. 5. Editores de Imágenes 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 línea 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 características Direcciones IP Servidor DNS Acceso telefónico 4. 8. CGI’s 4. 9. Tecnologías capaces de integrarse en una Página Web 4. 10. Lenguaje Java 4. 10. 1. Independencia de plataforma 4. 10. 2. Lenguaje de programación 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 Página Web" 5. 1. Seguridad en una Página 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. Creación de un sitio seguro 5. 7. Firewalls, wrappers y proxies 6. CONCLUSION 7. BIBLIOGRAFIA 9. MENCIÓN DE TRABAJOS ANTERIORES 10. GLOSARIO La World Wide Web permite una manera más organizada deacceder a la información disponible en Internet, presentando una interfazamigable con el usuario mediante navegadores como Netscape, Mosaic y MicrosoftInternet Explorer. El surgimiento de la World Wide Web ha ayudado a uncrecimiento considerable de Internet en la actualidad. Compañías pequeñas,empresas grandes, ayuntamientos, estados, gobiernos de distintos países,universidades, bibliotecas, están presentes en Internet. El presente trabajo tiene como objetivo mostrar lasmaravillosas capacidades de la World Wide Web, en que consiste la misma, susutilidades, como así también los criterios a tener en cuenta en el diseñopara que un sitio Web tenga éxito. Por otro lado intenta hacer un aporte a trabajos nombrados enla página 54, ya que algunos hacen mención del tema o lo muestran desde unavisión particular. Este trabajo trata de dar un enfoque actual y personal,tratando de ser útil a quien este interesado en el tema. Unidad 1 "La Word Wide Web" Internet es una gran red de redes, también llamadaSupercarretera de la información. Es el resultado de la interconexión de milesde computadoras de todo el mundo. Todas ellas comparten los protocolos decomunicación, es decir que todos hablan el mismo lenguaje para ponerse encontacto unas con otras. Los servicios básicos ofrecidos ahora por Internet soncorreo electrónico, noticias en red, acceso a computadoras remotas y sistemasde adquisición de datos, y la capacidad para transferir información entrecomputadoras remotas. 1. 2. Historia deInternet Empezó en los Estados Unidos de América en 1969, como unproyecto puramente militar. La Agencia de Proyectos de Investigación Avanzadosde Defensa (DARPA) desarrolló una red de computadoras llamada ARPANET, para nocentralizar los datos, lo cual permitía que cada estación de la red podíacomunicarse con cualquier otra por varios caminos diferentes, además presentabauna solución para cuando ocurrieran fallas técnicas que pudieran hacer que lared dejase de funcionar. Los sitios originales que se pusieron en red eran basesmilitares, universidades y compañías con contratos del Departamento deDefensa. Conforme creció el tamaño de esta red experimental, lo mismo sucediócon las precauciones por la seguridad. Las mismas redes usadas por las compañíasy las universidades para contratos militares se estaban volviendo cada vez másaccesibles al público Como resultado, en 1984, ARPANET se dividió en dos redesseparadas pero interconectadas. El lado militar fue llamado MILNET. El ladoeducativo todavía era llamado técnicamente ARPANET, pero cada vez se hizo masconocida como Internet. En mayo de 1995, entre 35 y 45 millones de personas usabanInternet y este número fue creciendo mes a mes en un 10 a 15%. Las estimacionesactuales colocan al número de personas en Internet en enero de 1997 en 62millones de usuarios individuales. Podemos decir que el resultado final es que lo que comenzócomo un proyecto de investigación gubernamental y educativo ahora se haconvertido en uno de los medios de comunicación más importante de laactualidad. Nunca antes había sido posible tener acceso a tantas personas deculturas y antecedentes tan variados. Además podemos decir que la Internet no es gratis, lapagamos básicamente nosotros, los contribuyentes, centros de investigación,educacionales, institutos y universidades, las empresas comerciales, nosotros através del incremento en sus productos y la publicidad. 1. 3. Historia dela Web La Web es una idea que se construyo sobre la Internet. Lasconexiones físicas son sobre la Internet, pero introduce una serie de ideasnuevas, heredando las ya existentes. Empezó a principios de 1990, en Suiza en el centro deinvestigación CERN (centro de Estudios para la Investigación Nuclear) y laidea fue de Tim Berners-Lee, que se gestó observando una libreta que él usabapara añadir y mantener referencias de cómo funcionaban los ordenadores en elCERN. Antes de la Web, la manera de obtener los datos por laInternet era caótica: había un sinfín de maneras posibles y con ello habíaque conocer múltiples programas y sistemas operativos. La Web introduce unconcepto fundamental: la posibilidad de lectura universal, que consiste en queuna vez que la información esté disponible, se pueda acceder a ella desdecualquier ordenador, desde cualquier país, por cualquier persona autorizada,usando un único y simple programa. Para que esto fuese posible, se utilizan unaserie de conceptos, el más conocido es el hipertexto. Con Web los usuarios novatos podrían tener un tremendo poderpara hallar y tener acceso a la riqueza de información localizada en sistemasde cómputos en todo el mundo. Este solo hecho llevó un avance tremendo de Internet, un ímpetutan grande que en 1993 World Wide Web creció un sorprendente 341000%, tres añosdespués, en 1996, todavía sé esta duplicando cada 50 días. 1. 4. ¿Qué es la World Wide Web o la Web? La World Wide Web consiste en ofrecer una interface simple yconsistente para acceder a la inmensidad de los recursos de Internet. Es laforma más moderna de ofrecer información. el medio más potente. La informaciónse ofrece en forma de páginas electrónicas. El World Wide Web o WWW o W3 o simplemente Web, permitesaltar de un lugar a otro en pos de lo que no interesa. Lo más interesante esque con unas pocas ordenes se puede mover por toda la Internet. Para entender lo que es la Web debemos tener una idea de loque es el Hipertexto. Hipertexto son datos que contienen enlaces (links) a otrosdatos. En el lenguaje Web, un documento de hipertexto no es soloalgo que contiene datos, sino que además contiene enlaces a otros documentos. Un ejemplo simple de hipertexto es una enciclopedia que alfinal de un tema tiene referencias de algún tema en especial o referenciasbibliográficas a otros textos. En Hipertexto, el ordenador hace que seguir esas referenciassea facilísimo. Esto implica que el lector se puede saltar la estructurasecuencial del texto y seguir lo que más le gusta. En Hipertexto se pueden hacer enlaces en cualquier lugar, nosólo al final. Cada enlace tiene una marca que lo destaca, puede estarresaltado, subrayado o puede estar identificado por un número. El hipertexto no esta limitado a datos textuales, podemosencontrar dibujos del elemento especificado, sonido o vídeo referido al tema.Estos documentos que tienen gran variedad de datos, como sonido, vídeo, texto,en el mundo del hipertexto se llama hipermedia. El hipertexto es una herramienta potente para aprender yexplicar. El texto debe ser diseñado para ser explorado libremente y así seconsigue una comunicación de ideas más eficientes. Una vez que el usuario esta conectado a Internet, tiene queinstalar un programa capaz de acceder a páginas Web y de llevarte de unas aotras siguiendo los enlaces. El programa que se usa para leer los documentos de hipertextose llama "navegador", el "browser", "visualizador"o "cliente" y cuando seguimos un enlace decimos que estamos navegandopor el Web. Así, no hay más que buscar la información o la páginadeseada y comenzar a navegar por las diferentes posibilidades que ofrece elsistema. Navegar es como llaman los usuarios de la red a moverse de páginaen página por todo el mundo sin salir de su casa. Mediante los Navegadores modernos podemos, acceder a hojas decalculo, base de datos, vídeo, sonido y todas las posibilidades más avanzadas.Pero el diseño de páginas debe mantener un equilibrio entre utilizar todas lascapacidades y la posibilidad de ser leídas por cualquier tipo de Navegador. El visualizador nos presentará perfectamente cualquier página".txt" generada por cualquier editor, y los links entre documentos sólorequieren un simple y sencillo comando. Y aún así podremos conseguir el tipo ytamaño de letra y colores de texto y fondo que queramos, simplementeconfigurando el visualizador. 1. 6. 1. Navegadores que se utilizan Los más conocidos son el Explorer de Microsoft, Mosaic y elNetscape de Netscape Communications Corporation en Estados Unidos y otros países.Tienen capacidades diferentes y es importante cuando se crea una página Web,además de un buen diseño, tener en cuenta la compatibilidad, es decir,programar páginas de modo que las acepte cualquier Navegador. Netscape es el que soporta más y mejores efectos, incluidoprogramas embebidos en el propio texto (versión 2.0 en adelante), escritos enlenguaje Java (algo muy parecido al lenguaje C), que son interpretados por elvisualizador, y que permiten realizar páginas "inteligentes". Conectándose a Internet, con un visualizador Netscape oExplorer, además de ver documentos HTML se puede recibir y enviar correo electrónico,recibir y enviar NEWS (noticias), visitar los servidores GOPHER (servidores deficheros), y acceder a servidores FTP (más servidores de ficheros) tanto enentrada como en salida, todo ello con el mismo programa. También, como no, sepueden imprimir los documentos visualizados. Casi todos suelen ser "WYSIWYG". 1. 7. ¿Cómoencuentra la gente una página Web? En la Web no existe un directorio centralizado. Para accedera una página directamente se debe conocer la dirección exacta donde seencuentra. Pero lo más habitual no es conocer esa dirección exacta, sino teneruna idea del tema en el que se está interesado y sobre el que se necesiteinformación. Existen empresas como Yahoo, Altavista, Olé, Ozú, etc., quehan creado diferentes Sistemas de Búqueda, para evitar la navegación a laderiva. Estas consisten en un tipo de páginas Web donde se puedeescribir una palabra o una breve referencia que defina la búsqueda que sequiere realizar. El sistema consulta sus datos y te muestra enlaces con las páginasWeb que contienen la referencia escogida. Existen diferentes buscadores y cadauno de ellos ha creado su propio directorio. Unos son más completos, otros másorganizados, otros son más exigentes y selectivos en su información, cada unotiene características propias, pero todos ellos ayudan a mantener el rumbo. 1. 8. ¿Quépuede contener una Página Web? Hemos mencionado el tipo de información que puede conteneruna página Web: texto, imagen, sonido, vídeo, e incluso, mundos 3D y animación. El usuario no se limita a buscar y encontrar la informaciónde un modo pasivo, sin intervenir. La mayor innovación de las páginas Web setraduce en una sola palabra: Interactividad. Una página Web puedecontener elementos que permiten una comunicación activa entre el usuario einformación, la página responderá a sus acciones. Por ejemplo: 1. 9. ¿Qué puede hacer una empresa a travésde una página web? En el supuesto de estar buscando información sobre unaempresa determinada, el primer impulso sería teclear el nombre de la empresaseguido del sufijo es o com, los más habituales. Si se realiza esta acción sólo se encontrará a la empresaen esa dirección si se dispone de dominio propio, es decir si laempresa tiene un servidor propio o ha alquilado espacio en un servidor dedicadoa la gestión y mantenimiento de páginas Web. Si no es así, si la empresasimplemente se encuentra situada en el dominio de otra compañía,será más difícil de localizar, ya que tendrá una dirección más complicada,difícil de encontrar y memorizar. Además, si la empresa tiene dominio propio, en el caso deque decida cambiar de compañía a la que alquile el espacio, la dirección semantiene, ya que el dominio propio pertenece a la empresa que lo usa y puedeinstalarse en otro host sin problemas. Si no tiene dominio propio y decidecambiar de proveedor de Internet, su dirección de Internet cambiará y tendráque reflejarlo en su publicidad. El dominio propio ofrece una imagen más profesional ycompetente. Los clientes agradecerán que se les proporcione un acceso sencilloy consistente a su información. Localizador Uniforme de Recursos (URL; Uniform ResourceLocator )es una dirección especial usada por los navegadores Web, para teneracceso a información en Internet. El URLs especifica el ordenador en que sehospeda, el directorio, y el nombre del fichero A través de estas direcciones oURLs vamos a poder conectar los diferentes objetos (no solo texto), aunque seacceda a ellos a través de diferentes protocolos. Una cualidad de los URLs esque 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 Búsqueda. Unidad 2 "Construcción de PáginasWeb" Premisas básicas para crear un Web de éxito El contenido dependerá directamente de la temáticadel Web. La gran mayoría de los usuarios que acuden a un sitio Web lo hacen enbusca de información. Da igual como se presente dicha información (texto, imágenes,vídeo, audio) pero un Web debe aportar contenido. Es importante tener en cuentaque WWW es un medio de comunicación distinto a los que hasta ahora conocíamos(televisión, radio, prensa, etc.); el navegante pasa de página en página Weba ritmo de clic de ratón, y generalmente pasa poco tiempo en una misma página.Por lo tanto no se debe abusar de la información textual, ya que son muy pocoslos visitantes que se leen completamente una página Web. Siempre se ha dichoque una imagen vale mas que mil palabras, y aunque una página Web no es unprograma de televisión, las imágenes siempre son importantes. No es necesario ser un gran diseñador para crear paginas Webcon un mínimo de sensibilidad gráfica. A veces, un diseño simple se agradecemucho más que una Web inundada de "gifs" en movimiento. El utilizaruna tipografía determinada, unos colores adecuados, iconos, fotos, etc. puedeconvertir la experiencia de visitar un Web en algo mucho más agradable. Es importante en el aspecto del diseño de un Web laestructuración del mismo. Facilitar la navegación mediante menúes, iconos,mapas y otros elementos puede evitar que más de un visitante se pierda dentrode un Web. En el caso de crear un Web excesivamente grande y complejo resulta deayuda para el visitante la inclusión de mapas (esquemas con enlaces dehipertexto que representan todo el Web) para no perderse. 2. 2. 3. Las imágenes en el diseño La velocidad de acceso al Web está siempre muy reñidacon el diseño. Es frecuente el caso en que, para embellecer un Web se utilicenmuchas imágenes (en formatos gif o jpeg) de gran tamaño. Esto obliga a losusuarios con conexiones lentas a sufrir largas esperas hasta que la informaciónse presente en pantalla, y eso es un riesgo porque más de dos saltarán acualquier otra dirección Internet antes de perder su tiempo. La velocidad de la Web también dependerá en gran medida delo saturadas que estén las líneas de acceso a nuestro centro proveedor depresencia en Internet (en resumen, el servidor donde se aloja el Web). Sinembargo este es un problema que se escapa del ámbito del diseño. 2. 2. 4. Elementos Interactivos La interactividad es fundamental para el éxito de unWeb. Se debe evitar la sensación "lectura de periódico" que puedecausar en un visitante un Web pasivo y lineal. Además la interactividad puedebeneficiar a quien publica el Web ya que a través de formularios podrá conocermejor los perfiles de quienes pasan por las páginas. Podemos calificarlos como aspectos filosóficos a tener encuenta en el diseño de un Web. 2. 3. Etapas de Desarrollo de un proyecto de sitio Web El desarrrollo de un proyecto de sitio Web puede dividirse entres etapas principales: El punto de vista desde el cual se analiza el proceso de diseñono es desde la interrelación usuario-tecnología, sino como interacciónhumana, mediatizada por la técnología. Es decir, entender a la Web como mediode comunicación entre personas. Esto nos debe ayudar a pensar permanentementeen "el otro", la persona invisible y desconocida para quien hacemos lapágina Web. De todas las palabras que utilizamos al hablar de Internet,la que más deben tener en cuenta los diseñadores es la que designa al acto deinstalar un sitio, pensar en el público, pensar en cómo piensa el público. Etapa de la conceptualización
mientos previstos . Etapa de armado de páginas y configuaración del sitio "Hacer" la Web" AJUSTE
internos y externos funcionan
Etapa de puesta en marcha Correcciones y ajustes finales "Hacer que todo funcione"
todos los elementos de multimedia.
formularios, e-mail, buscadores, etc.
1. Prediseño A la etapa de Prediseño o conceptualización podemos dividirla en cinco componentesstro análisis. Ellos son: objetivos, público, contenidos, estructura y visualización. Estos interactúan entre sí y se condicionan mutuamente.
Este es uno de los elementos más importantes, que determina a los otros. Hay que responder a la pregunta: ¿para qué se pública este sitio?; ¿qué quiero que suceda raíz de mi publicación en la Web?. Las respuestas deben ser del tipo como por ejemplo: quiero que los clientes puedan actualizar la lista de precios, en forma sencilla, que acceda al catalogo electrónico de productos y puedan hacer sus pedidos automáticamente, contribuir acerca de la necesidad de conservar las especies en peligro de extensión, etc. Estar en Internet no es una respuesta válida. En la elaboración del objetivo(si existe más de uno, hay que listarlos a todos y jerarquizar) conviene que participen todas las personas que tienen que ver o están interesadas en el éxito del proyecto. En este momento habría que validar si las aspiraciones expresadas en los objetivos son compatibles con el funcionamiento de Internet. Por ejemplo, si bien es posible vender libros, discos, pizzas o corbatas a través de Internet, posiblemente no funcione con calzado, que necesita ser físicamente probado.
Al hablar de público no nos referimos a cualquier persona que recorriendo la red llegue a nuestra página, sino a aquella parte de la población a la que pretendemos alcanzar e influir con el mensaje. Esto esta estrechamente vinculado con los objetivos establecidos y la naturaleza del sitio que nos proponemos. Necesitamos construir un identikit de nuestro público, tratando de definir, en general sus intereses, inclinaciones, gustos, preferencias, etc., y en particular, como usuarios de Internet. Tenemos que dar una respuesta lo más concreta y específicamente posible a la pregunta "esa gente, ¿qué busca de mi página?". Porque la Web debería dar respuesta a esa pregunta. Todo lo que sepamos y supongamos sobre el público-target (el que nos interesa) servirá, además, para establecer parte de los criterios de diseño de contenidos, lenguajes, estética.
Se debe listar la información que se desea incluir en la Web. Esta información debe ser significativa, y útil para el público. Teniendo en cuenta lo que a ellos les interesa, no lo que a nosotros nos gustaría que nos interese. En el caso de que existan otras formas de acceso a información disponible para esas mismas personas, el contenido de la Web deberá ser superador de esos otros materiales. 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 accederán luego no puede repetir simplemente lo que allí se dice. Información, no textos redundantes sobre la importancia de esa información. El lenguaje utilizado para brindar la información en Internet debe ser sobrio, conciso, concreto. No funciona bien el lenguaje insinuante y ambiguo que puede ser perfecto para avisos gráficos o folletería. Todo lo que se hace contribuye a formar la imagen que tiene el público de la empresa, marca, producto, institución o servicio. La Web no es una excepción y cualquier sentimiento de frustración que experimente el usuario no se canalizará hacia el o los autores del sitio Web, sino hacia la imagen que mencionamos.
La organización de la información es un tema clave para asegurar un buen funcionamiento de un sitio. El primer elemento organizador son las páginas. Conviene incluir en cada una de ellas una unidad de información autónoma, completa. En el caso de que el volumen sea excesivo para ello, dividir esa unidad de información en subunidades más pequeñas, coherentes, completas cada una en sí misma. Una unidad de información es un tema o un subtema. Las relaciones de las páginas entre sí configuran la estructura del sitio. A partir de la página principal o home page se vinculan mediante links el resto de las páginas. Esto es bastante sencillo de implementar en lenguaje HTML, pero es más complicado decidir de que manera, en qué orden, con qué configuración se establecerá la cadena de vínculos. Ante todo hay que tener en cuenta que la estructura debe responder a los criterios de búsqueda. Hay que hacerse la pregunta acerca de ¿cómo se intentará encontrar esta información?. Los criterios " naturales" de clasificación pueden no ser adecuados. Por ejemplo, es común que quienes venden repuestos acomoden los mismos por tipo: juntas por aquí, poleas por allí, resortes de este lado. El usuario, a su vez, necesita el repuesto para una máquina o artefacto, marca, modelo, función del repuesto que busca. Los links y la estructura del sitio tendrán que tener en cuenta estas cuestiones. El otro tema es que los usuarios reconocen las páginas de la Web utilizando como guía palabras clave colocadas en botones, barras de control, gráficos mapeados, o utilizadas como marcas de hipertexto; palabras que por su significado indican o sugieren el contenido de páginas a las que derivan. Es sabido que los significados de las palabras no son unívocos, y la ambigüedad puede ser un problema. El conocimiento de la cultura y usos lingüísticos del público nos será sin duda, de gran utilidad a la hora de elegir las palabras que se titularán nuestros botones o identificarán los links de derivación a otras páginas del sitio. Hay que tener en cuenta que el usuario no tiene cómo saber la manera en que sigue la cadena de links más allá de las páginas a las que puede entrar directamente desde el lugar donde se encuentra. Que el usuario no encuentre la información buscada después de recorrer cuatro o cinco páginas encadenadas puede significar que el mismo abandone el sitio o la indeseada sensación de frustración que nos interesa evitar. Un tema relacionado a éste es el de los mecanismos de identificación y de recorrido del sitio. Estos deberían permitir al usuario saber en todo momento el lugar o zona del sitio donde se encuentra, así como desplazarse hacia cualquier otra página sin necesidad de recorrer toda la cadena en sentido inverso. Los paneles de control son una buena ayuda.
Un sitio Web no es una torta. La gráfica (incluida elementos multimedia) de un sitio Web debe se una herramienta de comunicación al servicio de los objetivos planteados y condicionados por las pautas culturales (preferencias, gustos) del público. Esto significa que tampoco es un espacio de lucimiento del diseñador, ni la estética. Debe adecuarse a los gustos y preferencias de los responsables del sitio. Una vez más los objetivos trazados y el perfil del público deberían ser los instrumentos para tomar las decisiones de diseño gráfico y multimedia. Además de los criterios estéticos y comunicacionales del diseño gráfico, es importante respetar los criterios técnicos específico: 1. Que cada página sea fácil de cargar.
cantidad de información que contiene. Sobre el primer parámetro no hay nada que podamos hacer desde el diseño, pero sí sobre el segundo: establecer para cada página un máximo de bytes y no sobrepasarlo.
partir de la segunda vez que deba colocarlos en la página.
mayor.
2. Que las páginas sean fáciles de leer.
3. Establecer guías visuales que permitan saber que cada página pertenece al mismo sitio. La coherencia visual ayuda en ese sentido. Un sitio en el que cada página tiene un fondo diferente, varían los iconos y cambian otros componentes de la composición visual, 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. Diseño Cuando hablamos sobre diseño de páginas 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 cómo darle formato al texto que contienen los archivos. En la actualidad no hace falta ser un experto en HTML debido a que los procesadores de texto existentes se encargan de hacer el trabajo, agregando el código automáticamente, a lo que queremos mostrar. Los servicios de diseño de páginas Web cubren un rango que va desde convertir archivos de texto a formato HTML, hasta desarrollar extensos conjuntos de páginas cargadas de ilustraciones e hipervínculos relacionados entre sí. Podría dársele un enfoque especial a su página para algún programa navegador específico, pero siempre debe asegurarse de que las páginas sean vistas por el mayor número de plataformas posibles. La tarea de diseño de páginas Web convoca por lo menos tres especialidades diferentes: comunicación (humana), programación (HTML, CGI, Java), diseño gráfico y multimedia. Ninguna 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 sólo los especialistas contratados o designados para ello. Las empresa o institución que origina la demanda tiene diversos grados de responsabilidad y compromiso con la publicación del sitio.
3. Instalación y Pruebas En esta etapa nos encargamos de la puesta en marcha, correcciones y ajustes finales. Se debe hacer que todo funcione. Debemos hacer la prueba de todos los enlaces o links, corroborar el correcto funcionamiento de todos los elementos de multimedia y del funcionamiento de formularios, e-mail, buscadores, etc. La transferencia de archivos a la Web, se realiza a través de FTP (File Transfer Protocol), generalmente, se necesita un nombre de usuario y una clave de acceso.
Lenguaje HTML Por medio del lenguaje HTML (HyperText Markup Languaje), podemos navegar por miles y miles de páginas a través de la WWW. Es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto presentado de forma estructurada, con enlaces (links) que conducen a otros documentos o a otras fuentes de información (por ejemplo bases de datos) que pueden estar en la propia máquina o en máquinas remotas de la red. Todo ello se puede presentar acompañado de cuantos gráficos estáticos o animados y sonidos seamos capaces de imaginar. HTML es el lenguaje con el que se construyen las páginas Web. La idea inicial de HTML era describir la estructura y el contenido de un documento, sin embargo la tendencia actual es utilizarlo también como un lenguaje de descripción, controlando el aspecto de documento (tipografía, posicionado, etc.). Por supuesto, la estética 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 tamaños y fuentes, tablas, párrafos tabulados, sangrías, incluso texto y fondo de página de colores, y muchos más. El programa encargado de interpretar el texto HTML es el navegador o browser. El navegador puede recibir el código HTML junto con los elementos integrados en la página (imágenes, sonidos, vídeo, etc.) desde un servidor remoto o de un servidor de red (utilizando el protocolo de transferencia de hypertexto y HTTP) o leer las páginas directamente de nuestro disco duro(sin un protocolo de transmisión tipo HTTP, sino 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 más que instrucciones para el visualizador. Partiendo de esto, se entiende el porqué no se ve lo mismo con todos los visualizadores. Depende de cómo estén diseñados y para qué versión de lenguaje estén diseñados. Hasta no hace mucho los programadores de HTML cobraban una barbaridad por crear una página Web. Eran los inicios del boom WWW. HTML no es un lenguaje de programación como puede serlo C, Pascal o Java; HTML tan sólo es un lenguaje para crear documentos en formato electrónico, una forma de definir efectos en el texto de manera similar a como se hacía en los antiguos procesadores de texto pero con complicados y poderosos servidores de información. En la actualidad cualquiera puede crear sus páginas Web; puede escribir el código HTML directamente o utilizar alguno de los excelentes editores. Muchos usuarios de la Red tienen ya sus páginas Web publicadas, gracias al espacio que les brindan la mayoría de los proveedores de acceso. No es necesario que la pagina Web este publicada en Internet; podemos utilizarla tan solo para consultas en la red de área local para realizar consultas internas de la empresa u organización(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 código comprendido entre estos símbolos.
Esqueleto Básico de un documento HTML
<HTML> <HEAD > <TITLE >Título del documento < /TITLE > < / HEAD > BODY Cuerpo del documento </BODY > < / HTML >
Esqueleto Básico de la estructura HTML Entre <html> y </html> encontraremos la definiciónde la página propiamente dicha. En el bloque delimitado por <head> y</head> se establecen ciertas características de la página, tales comoel título, quien las construyó, etc. De estas características de la página,la única que es obligatoria declarar es el título. Esto se hace mediante elpar de tags <title> y </title>. Por último está <body> y </body>, entre loscuales se encierra toda la información que el navegador debe mostrar. No todos los tags son iguales; hay alguno cuyas acciones estánacotadas por las funciones que cumplen, por lo que no es necesario incluir otrotag para finalizar su acción. Algunos de ellos son: <br> Genera un retorno de carro <p> Equivale a un retorno de carro + un avance de línea <hr> Crea una línea divisoria horizontal. Existen tags que llevan parámetros asociados cómo: <img src="/cm/marzo.gif" width=104 height=97> Este tag <img> permite incluir imágenes dentro de unapágina. El parámetro src indica la ruta de acceso al archivo donde está laimagen, mientras que width y height detallan su ancho y alto en pixeles. Formatear Texto Hay códigos qué afectan a la distribución y aspecto deltexto. Los más importantes agrupados en las categorías Tamaño, Tipo de letray posición.
Tamaño Lo más destacable aquí son los seis niveles de cabeceras.Por ejemplo: <H1> Guía de Redacción HTML</H1> <H2> Notas sobre esta Guía</H2> <H3> Un Poco de Historia</H3> Esta guía fue elaborada... Se puede cambiar el tamaño de las palabras utilizando los códigos: <FONT SIZE= +2> estas palabras </FONT>
Tipo de letra La siguiente tabla muestra los principales códigos queafecta 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 códigos</TT>.Teclea estos códigos
Posición Los códigos principales son los que provocan salto de líneay el que se centra.
El código <BR> hace lo mismo pero sin renglón enblanco. Los códigos <center> y </center> centran eltexto entre los márgenes.
Elementos Textuales Caracteres y símbolos Muchos de los caracteres que necesitamos representar, letrasacentuadas, requieren un trato especial en HTML. Un buen editor nos iráhaciendo la conversión automáticamente, pero a veces resulta necesariorecurrir a los códigos. Aca se ve una tabla de los principales: á á Á Á é è ü ü ñ & ntilde Ñ Ñ ç ç © © ¿ ¿ ¡ ¡ ª ª º º Caracteresespeciales Listas Hay varias maneras de tratar listas. Las principales son lalista numerada(OL) y de los puntos conductores(UL) que tiene un par devariantes. También hay una lista pensada para glosarios de términos (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 yotros no. <DT> Plantas <DD> Están vivas pero no les puedes llamar bichos. Nosería correcto. </DL> Se ve así: Animales Son unos bichitos que tienen espinazo y otros no. Plantas Están vivas pero no se les puede llamar bichos. No seríacorrecto. A veces resulta útil anidar las listas para representar unesquema jerárquico. Un ejemplo: <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
Tablas Las tablas nos permiten distribuir las cosas en columnas y enfilas, aprovechando mejor el ancho de página. Se puede especificar un montónde parámetros de formato tanto de tabla (TABLE) como de filas (TR) y las celdas(TD) individuales. Los principales son: <TABLE> <TR><TD></TD>Mallorca</TD></TD>Menorca</TD><TD>Ibiza</TD></TR> <TR><TD>Extensión</TD><TD>Grandecito</TD><TD>Mediano</TD><TD>Chiquitín</TD></TR> <TR><TD>Población/TD><TD>Mallorquines</TD><TD>Menorquines</TD><TD>Ibicencos</TD></TR> <TABLE> Se ve así Mallorca Menorca Ibiza Extensión Grandecito Mediano Chiquitín Población Mallorquines Menorquines Ibicencos Podemos mejorar el aspecto de la tabla insertando atributosdentro de los códigos de TABLE, TR, y TD. Como el ancho de la tabla (WIDTH) ydel reborde (BORDER),añadiendo un título(CAPION) debajo (ALIGN=BOTTOM) yformateamos las celdas de la primera fila y columna como cabeceras (TH) quesalen en negrilla y centradas.
<TABLE BORDER=2 WIDTH=75%> <CAPTION ALIGN=bottom>Datos de Baleare.</CAPTION. <TR><TD></TD>Mallorca</TD></TD>Menorca</TD><TD>Ibiza</TD></TR> <TR><TD>Extensión</TD><TD>Grandecito</TD><TD>Mediano</TD><TD>Chiquitín</TD></TR> <TR><TD>Población/TD><TD>Mallorquines</TD><TD>Menorquines</TD><TD>Ibicencos</TD></TR> <TABLE> Se ve así:. Mallorca Menorca Ibiza
Extensión Grandecito Mediano Chiquitín
Población Mallorquines Menorquines Ibicencos
Editores de HTML Los editores existentes en el mercado eran bastante simples ypocos funcionales; y no soportaban muchos tags especiales ni tampoco los frames.Por esta razón para un diseño complejo, era imprescindible recurrir a uneditor de textos convencional y abrir los archivos HTML, modificar el código yobtener el resultado esperado. Por lo tanto era necesario conocer el lenguajeHTML, para conseguir un Web mínimamente profesional. Pero ahora existen editores complejos y WYSIWYG, por lo queya no es imprescindible conocer el lenguaje HTML:
Links o enlaces de hypertexto El link es uno de los elementos más importantes, es posiblepasar de un Web a otro, alojados en servidores remotos, separados por miles dekilómetros. En general, los enlaces tienen la siguiente estructura: <A HREF="xxx"> yyy </A> dónde xxx es el destino del enlace e yyy es el textoindicativo del enlace (con un color especial y generalmente subrayado). En el parámetro HREF del tag <A> para crear losenlaces se debe especificar el URL o dirección a la cual apunta el enlace.Estas direcciones pueden ser absolutas o relativas. En el caso de direcciones absolutasespecificamos la dirección completa a la que apunta el enlace. Por ejemplo: <A HREF= http://www.pcplus.es/pruebas/test/mi_página.html>Enlace</a> Si nuestro enlace apunta a una página dentro del mismoservidor, debemos utilizar direcciones relativas, es decir sinhacer referencia a la dirección de Internet (en el ejemplo anterior sería http://www.pcplus.es/)Por ejemplo <A HREF="../test2/ejemplo.html">Enlace2</a> En el ejemplo anterior, las palabras "Enlace2" sonun enlace a la página ejemplo.html situada en el directorio test2, al mismonivel en el árbol de directorios que la página donde se encuentra el enlace.Para ascender niveles en una estructura de árbol de directorios se utilizan losdos puntos(exactamente igual como se hace en MS-DOS o Unix).
Tipos de enlaces Podemos distinguir cuatro tipos de enlaces: 1. Enlaces dentro de la misma página 2. Enlaces con otra página nuestra 3. Enlaces con una página fuera de nuestro sistema 4. Enlaces con una dirección de email 1. Enlaces dentro de la misma página En el caso de documentos (o páginas) muy extensos, nos puedeinteresar dar un salto desde una posición a otra determinada. En este caso, lo que antes hemos llamado XXX, es decir, eldestino del enlace, en este caso el sitio dentro de la página a donde queremossaltar, se sustituye por #marca (la palabra marca puede ser cualquier palabraque queramos). Lo que hemos llamado antes YYY es la palabra (o palabras) queaparecerán en la pantalla en color (en forma de hipertexto). Su estructura es,entonces: <A HREF="#marca"> YYY </A> Y en el sitio exacto a donde queremos saltar, debemos ponerla siguiente etiqueta: <A NAME="marca"> </A> Por ejemplo, si quiero saltar desde aquí a la pantallafinal, pongo la siguiente etiqueta: <A HREF="#final"> Pulsa para ir alfinal</A> Que resulta como: Pulsa para ir al final Y en el final del documento esta otra etiqueta: <A NAME="final"> </A> 2. Enlaces con otra página nuestra Puede ser que tengamos una sola página. Pero lo másfrecuente es que tengamos varias páginas, una inicial o principal y otrasconectadas a ella, e incluso entre ellas mismas. En este caso, simplemente sustituimos lo que hemos llamadoXXX (el destino del enlace) por el nombre del fichero: <A HREF="pag2.html"> Ejemplo </A> Si queremos que vaya a un sitio concreto de otra páginanuestra en vez de ir al principio de la página, adonde va por defecto, en esesitio tenemos que colocar una marca, y completar el enlace con la referencia aesa marca. Una observación importante: Suponemos que la página en laque escribimos esta etiqueta y la otra página a la que quiero saltar están enel mismo directorio. Porque pude ocurrir que e organizamos el sitio del Web conun directorio principal, y otros subdirectorios auxiliares. Si la página a laque quiero saltar está, por ej. en el subdirectorio subdir, entonces en laetiqueta tendría que haber puesto "subdir/pag2.html". Y a la inversa, si quiemos saltar desde una página a otraque está en un directorio anterior, en la etiqueta tendría que ponerse"../pag2.html". Esos dos puntos hace que se dirija al directorioanterior. Obsérvese que se debe utilizar el símbolo / para indicar lossubdirectorios, y no este otro \, que es propio únicamente de Windows. Si nos queremos evitar todas estas complicaciones, podemostener todo junto en un único directorio, pero esto tiene el inconveniente deque esté todo más desordenado, y sean más difíciles de hacer las futurasmodificaciones.
3. Enlaces con una página fuera de nuestro sistema Si queremos enlazar con una página que esté fuera denuestro sistema (es decir, que esté en un servidor distinto al que soportanuestra página), es necesario conocer su dirección completa, o URL (UniformResource Locator). El URL podría ser, además de la dirección de una páginadel Web, una dirección de ftp, gopher, etc. Una vez conocida la dirección (o URL), lo colocamos en lugarde lo que hemos llamado anteriormente xxx (el destino del enlace). Si queremosenlazar con la página de Netscape (cuyo URL es: http://home.netscape.com/), laetiqueta sería: <A HREF="http://home.netscape.com/"> Páginainicial de Netscape </A>
Es muy importante copiar estas direcciones correctamente(respetando las mayúsculas y minúsculas, pues los servidores UNIX sí lasdistinguen).
4. Enlaces con una dirección de email En este caso, sustituimos lo que se ha llamado antes xxx (eldestino del enlace) por mailto: seguido de la dirección de email. La estructurade la etiqueta es: <A HREF="mailto: dirección de email"> Textodel enlace </A> Un ejemplo Comentarios a <A HREF="mailto:info@oninet.es">Soporte Técnico</A>
Ejemplo práctico <HTML> <HEAD> <TITLE> Mi pagina del Web - 3 </TITLE> </HEAD> <BODY> <CENTER> <H1> Mis paginas favoritas </H1> </CENTER> <HR> Estas son mis paginas favoritas: <P><A HREF="http://home.netscape.com">Netscape </A> <BR> <AHREF="http://www.microsoft.com"> Microsoft </A> <BR> <A HREF="http://www.yahoo.com">Yahoo! </A> </BODY> </HTML>
Imágenes Podemos incorporar imágenes, la estructura de la etiquetaes: <IMG SRC="imagen.gif"> Con el comando IMG SRC (image source, fuente de la imagen) seindica que se quiere cargar una imagen llamada imagen.gif (o el nombre quetenga). Al programa navegador se le indica el nombre y la localizaciónde un fichero que contiene una imagen. Dentro de la etiqueta se pueden añadir otros comandos, talcomo ALT <IMG SRC="imagen.gif" ALT="descripción"> Con el comando ALT se introduce una descripción (una palabrao una frase breve) indicativa de la imagen. Este comando, que en principio sepuede omitir, es en beneficio de los que accedan a nuestra página con unprograma navegador en forma de texto solamente. Ya que no son capaces de ver laimagen, por lo menos pueden hacerse una idea sobre ella. Pero no es sólo poresto. Hay casos, en los que se utiliza una imagen como enlace a otra página. Sise omitiera este comando, los que utilizan dichos navegadores no podrían deninguna manera acceder a esas páginas. Con respecto a la localización del fichero de esa imagen, sino se indica nada especial, como en el caso que se ha expuesto, quiere decir queel fichero imagen.gif está en el mismo directorio que el documento HTML queestamos escribiendo. Si no es así, se siguen los mismos criterios que losindicados para los enlaces. Al igual que una página con la que queremos enlazar puedeestar fuera de nuestro sistema, (en cuyo caso había que indicar su URL odirección completa), podemos cargar una imagen que no esté en nuestro sistemasiguiendo el mismo método, es decir, indicar en la etiqueta el URL completo dela imagen. Aunque esto no es muy aconsejable, pues alargaría innecesariamenteel tiempo de carga de nuestra página. En lo que se refiere a las direcciones absolutas yrelativas se pueden aplicar en el caso de las imágenes. Un buen consejo aldiseñar la Web es crear un directorio para las imágenes. De este modo siempredeberemos apuntar bien al directorio de imágenes para que aparezcan las imágenescorrectamente en la página Web. Los formatos más utilizados son del tipo: Formato GIF
Formato JPEG
Teniendo en cuenta todo esto, no es bueno convertir un GIF aJPEG o viceversa. Se pierde gran parte de la calidad de imagen, además puedeocupar más espacio(en KB) que en el formato anterior. Estos formatos gráficos cuentan con ciertas variaciones quepermiten agilizar la visualización de sus contenidos hasta hacer simplesanimaciones. Ellos son:
Los GIFs animados están soportados por la gran mayoría delos navegadores, además debemos tener en cuenta que ocupan un mayor número debyte. . Un aspecto muy importante a tener en cuenta es el tamañode las imágenes, pues una imagen grande supone un fichero grande, yesto puede resultar en un tiempo excesivo de carga, con el consiguiente riesgode que quien esté intentando cargar nuestra página se canse de esperar, ydesista de ello. Además las imágenes incrustadas en páginas Web son en partesresponsables de los cuellos de botellas existentes en laWWW. Algo bueno relacionado con el HTML es incluir en el tag<IMG> los parámetros WIDTH y HEIGHT, es decir el alto y el ancho de laimagen. Por defecto, HTML toma las dimensiones reales de la imagen. Pero siincluimos estos valores la página HTML se presentará mucho más rápido enpantalla(el texto) mientras se acaban de transmitir las imágenes.
Posición de las imágenes Para elegir la posición de la imagen con respecto al textohay distintas posibilidades. La más sencilla es colocarla entre dos párrafos,con un titular a un lado. Los navegadores más actuales (como el NetscapeNavigator y el Microsoft Internet Explorer) permiten que el texto pueda rodear ala imagen. De momento nos vamos a limitar a escoger la posición deltitular con respecto a la imagen (sí es que queremos ponerle un titular, claroestá). Se puede poner arriba, en medio o abajo del lado de la imagen. Para ellose añade el comando ALIGN a la etiqueta, de la siguiente manera: <IMG SRC="isla.gif" ALIGN=TOP> Titularalineado arriba <Imagen: isla>Titular alineado arriba <IMG SRC="isla.gif" ALIGN=MIDDLE> Titularalineado en medio <Imagen: isla>Titular alineado en medio <IMG SRC="isla.gif" ALIGN=BOTTOM> Titularalineado abajo <Imagen: isla>Titular alineado abajo
Imágenes utilizadas como enlace Podemos utilizar una imagen como enlace a otra página.Para estos casos se utilizan generalmente imágenes pequeñas (iconos), aunquese puede usar cualquier tipo de imagen. La estructura general de un enlace es: <A HREF="xxx"> yyy </A> donde xxx era el destino del enlace e yyy el texto del enlace. En este caso sustituimos xxx por el nombre del fichero de la página a la quequeremos acceder. Y en lugar de yyy ponemos la etiqueta completa de la imagen <A HREF="pag2.html"><IMGSRC="hombre.gif"></A>
También podemos utilizar una imagen para enlazar conotra imagen. En este caso sustituimos xxx (el destino del enlace) con elnombre del fichero de la imagen a la que queremos acceder e yyy <A HREF="isla.gif"><IMGSRC="casa.gif"></A> Por último, otra posibilidad es la de utilizar untexto para enlazar con una imagen. En este caso sustituimos xxx (eldestino del enlace) con el nombre del fichero de la imagen a la que queremosacceder e yyy (lo que aparece en pantalla como el enlace) por el texto. <A HREF="isla.gif"> un paraíso tropical</A>
Un tipo de imágenes del que se hace abundante uso y quesirven para mejorar la presentación de la página son los iconos, botones,barras separadoras, etc. A pesar de su tamaño o forma, son imágenes comocualquier otra.
Editores de imágenes
Frames o marcos Con los frames se puede dividir una página HTML en varias ynavegar dentro de cada frame. Por ejemplo es muy común utilizar un frame parasituar en él un menú o iconos de navegación dentro del Web que permanecesiempre en pantalla, mientras que las páginas van apareciendo en el segundoframe. Podemos dividir las páginas HTML con los frameshorizontalmte(líneas) o verticalmente(columnas). También se admiten framesanidados.
Los formularios HTML permite crear un formulario(con listas de selección,menús desplegables, campos de texto, botones, etc.) para que el usuario puedaintroducir cualquier tipo de información y la comunicación sea bidireccional,dejando de ser un mero espectador. La información introducida en el formularioes tratada en el servidor por un programa(CGI) y puede responder con una nueva páginapresentada en el navegador. La programación CGI es bastante más compleja queel HTML. Sin embargo, sin necesidad de utilizar programas CGI podemosrecibir información de los visitantes de nuestra Web vía correo electrónico.La cabecera de todo formulario en HTML es el tag<FORM>. Uno de sus parámetroses ACTION. EJ: ACTION=MAIL-TO: email, donde "email" es nuestradirección de correo electrónico, de esta manera recibiremos el contenido delos campos del formulario directamente en el buzón de correo.
Unidad 4 "Hardware y Software" Hardware y Software Las personas o empresas que deseen publicar sus páginas Weben un centro proveedor de Internet o bien que deseen montar su propio servidor,antes de publicar sus páginas, deben tener en cuenta varios aspectos como sonseguridad, velocidad de acceso y servicios. Al contactar con cualquier centro proveedor de Internet éstenos informará de todas sus características técnicas: el ancho de banda quetiene, el número de usuarios, las máquinas que tiene, los sistemas deseguridad que implementa y que sistema usa para tratar la información que sedesea colocar en el centro. Hardware
Tipos de línea Actualmente la forma más extendida de acceder a un servidores por medio de una Frame Relay, que es una técnica de conmutación porpaquetes que nos servirá para enviar información. Esta técnica básicamentelo que hace es transferir a los terminales las funciones de flujo de control,corrección de errores y otras que anteriormente hacían los protocolos decomunicación como X.25. Frame Relay esta orientado a paquetes como X.25 y tambiéntransparente a los protocolos como el modo circuitos.
Router Estos dispositivos operan en el nivel de red y permiten lainteroperatividad entre redes diferentes eligiendo siempre el mejor camino paraenviar un paquete. El router necesario se debe adaptar a la información que nosllega por la línea de acceso a información que la máquina pueda entender. Laelección del router vendrá especificada por el protocolo que se use. Ademásse debe configurarlo. Los routers son tolerantes a fallos de enlaces(rutasalternativas), también soportan el desorden y duplicidad de paquetes, si bienlos routers deberían minimizar la pérdida adicional de paquetes aunque elnivel no garantiza la entrega fiable de paquetes. Los routers introducen untiempo de procesado adicional. Servidores(Hardware) Servidores son las máquinas donde hay depositada lainformación que deseamos publicar en Internet. Esta información puede estardistribuida en varios ordenadores o en un ordenador más grande. Tanto sisetrata de una u otra opción, debemos tener en cuenta varios aspectos físicos.
La mayoría de páginas que hay en Internet son HTML, por loque una vez se haya publicado una de ellas, esta pasará a la RAM de nuestroservidor, por lo que sí un usuario viene inmediatamente después, se encontrarácon la página de una manera mucho más rápida que no el usuario anterior. Porlo tanto, una buena cantidad de RAM siempre hará que nuestro servidor no tengaque hacer tantos accesos a disco duro, por lo que la velocidad de servicioaumentará. El mínimo que se considera para una PC es 8MB. Hay que tener en cuenta que si trabajamos con páginas que segeneran de forma aleatoria, que se generan con una consulta a una base de datoso simplemente a gusto del usuario, diremos que la RAM no juega un factor tanimportante ya que es muy difícil que una misma sea cargada de una formacontinuada.
Debido a toda la información que reside en disco duro,debemos tener una velocidad de acceso a éste lo más elevada posible. Con unpar de imágenes, un fondo que no sea liso y un texto más o menos grande nosvamos a un tamaño de una página de unos 25-35Kb. Si tenemos en cuenta que lasimágenes normalmente se encuentran en directorios distintos a los documentosHTML, y que por lo general los discos duros se encuentran llenos, se recomiendanel uso de discos duros SCSI o SCS II ya que tienen una velocidad de respuestamayor a la de los discos duro normales (IDE). Debido a que en todas las plataformas los navegadores Webrequieren mucho espacio de disco libre el mínimo requerido está entre 50 y100Mb libres.
Con las páginas HTML, no se gana mucho con la velocidad delprocesador, aunque también es un factor importante. Pero si la página Web quenosotros generamos se hace a partir de una consulta a una base de datos o, aparte de la página Web, se generan archivos de consulta para guardar oimprimir, esto se realizará básicamente con el procesador, y cuanto máspotencia se tenga(velocidad de proceso) estas se generarán de una manera más rápida. Para las PC, se desea al menos un 486. Mientras más rápidoel486 mejor, siendo el mínimo aceptable alrededor de 66MHZ. Mejor aún seríaun Pentium 100MHz o un Pentium 133MHz.
Necesidades de Hardware para PC IBM y compatibles
A parte de los aspectos físicos del servidor, hay que teneren cuenta quien los gestiona. Esto es el sistema operativo. Máquinas comoSilicon Grafhics o Sun Microsystems son un claro exponente de potencia yseguridad. Sus sistemas operativos, sus componentes de hardware y software hacenque estos ordenadores sean bastantes caros, pero en muchos modelos casiinfranqueables por los temidos hackers. Otras soluciones más económicas son el uso de servidorescomo los de IBM, Siemens, HP, u otras marcas que ofrecen soluciones a nivelhardware que se adaptan a las que hemos citado antes ya que ofrecen software osistemas operativos más económicos.
Software Servidores (Software) Cuando hablamos de servidores a nivel software nos referimosa los programas que necesitamos para que los usuarios se beneficien de losservicios que se ofrecen. Algunos de estos servicios son:
Conocido como servidor de dominio. Este servidor lo que hacees traducir la dirección que enviamos con formato texto, en una dirección IP.Si reconoce esa dirección, dentro del dominio, la sirve; si no, reenvía ladirección a un servidor inmediato superior que si tampoco la reconoce, actuaráde la misma manera.
Este servicio utiliza el protocolo HTTP ( Hyper Text TransferProtocol) que está basado en la filosofía cliente-servidor y se utiliza paraintercambiar documentos entre distintos ordenadores. Este servidor debe soportar el HTML(Hiper Text MarkupLenguaje), que es el lenguaje usado en la realización de páginas Web, para quepueda ser tratado en todas las plataformas.
Lo utilizamos para poder intercambiar información en formade archivos entre dos ordenadores. Generalmente, los usuarios utilizan el FTPpara poder poner sus páginas Web en su servidor de una manera más clara, rápiday segura, ya que cada usuario normalmente tiene acceso a su directorioparticular.
Representa la central de correos del usuario. Una vez que seha recibido la información de para quién es y de quién es el mensaje porparte del SMTP, actúa el Pop3. Esto son los servicios principales e imprescindibles, pero nolos únicos. Otros servicios que se pueden añadir son sevidores de audio, vídeo,etc.
Otras características Otros aspectos importantes a tener en cuenta son: Direcciones IP Basadas en el protocolo TCP/IP el cual ofrece un servicio noorientado a conexión, es decir, que cada trama en la que se ha dividido unpaquete puede ser enviada por un camino distinto y también puede llegar deforma desordenada. El control de flujo y de errores se realiza en losterminales, por lo que hace que el envío de los paquetes sea bastante rápido.Cada máquina tiene asociado un número de 32 bits, al que llamaremos direcciónIP. Esta dirección se divide en dos partes: NETID y HOST ID.NETID: esta partees asignada por el NIC(Network Information Center). Cuando la red o servidor no va a ser visto por ningúnusuario externo o por ninguna red externa, no tenemos que pedir nada a esteorganismo. Según el tamaño que tenga la red, tendremos 8, 16 o 24 bits parapoder identificarla. HOST ID: Identifica cada máquina dentro de la red, estaparte corre a cargo del redmaster (administrador de red) Cada dirección vendrá representada, por cuatro númerosdecimales separados por un punto entre sí, 194.168.100.7, que representará elvalor binario de cada campo. De esta manera podemos asegurar que cualquierdirección, que se haya hecho pública podrá ser accesible siempre y cuando secumplan los permisos necesarios para poder acceder a ella.
Servidor DNS Algunas de las características más importantes que rigen elDNS. Por lo general los usuarios prefieren asociar a un nodo unnombre simbólico en lugar de una dirección numérica, esto es www.xxxxxxx.esen vez de la dirección IP UUU.XXX.ZZZ.EL DNS se puede entender como un servicio de directorios deInternet que proporciona información acerca de la asociación entre el nombresimbólico de un nodo con su dirección IP. Otra de sus particularidades es quedivide la red en dominios y subdominios a partir de una estructura arbórea queidentifica por caminos, por lo que una zona será una región compuesta de uno omás dominios y subdominios gestionada por un único administrador. Cada nodo seidentifica por una etiqueta o alias, de longitud inferior a 63 caracteres, ycada nombre de dominio de un nodo del servicio DNS está formado por unaconcatenación de etiquetas, cada una de ellas separada por un punto. EL servicio DNS se basa en una estructura cliente-servidor,donde los dominios superiores están divididos en tres grandes grupos: gestión(org),dominios compuestos por tres caracteres(net), y dominios compuestos por doscaracteres(resto de países). Todos estos gestionados por el NIC. El DNS actúa como una base de datos distribuida donde losservidores DNS intercambian información en modo jerarquizado, los servidoresson responsables de jerarquizar las zonas teniendo conocimiento de susservidores vecinos y almacenando la información en los RR(Resource Records).
Acceso telefónico Teniendo un servidor conectado(la máquina donde hay lainformación) a un módem o batería de módems, se puede recibir tantasllamadas como módems tengamos. Una opción interesante del acceso telefónico es poderadministrar de forma remota el servidor, con una simple llamada, poder estartrabajando de forma remota con un equipo que se encuentra a una cierta distanciafísica, siempre que se tengan los permisos necesarios para poder hacerlo.
CGI’s CGI(Common Gateway Interface) es un estándar de programaciónque actúa como interfaz entre un programa cliente (navegador), un servidor HTTPy una aplicación programada de forma tradicional. Los programas CGI puedenescribirse con cualquier lenguaje de programación. Gracias a la programación CGI(anterior al lenguaje Java) sepuede proporcionar interactividad al sistema Web, tales como tratamiento deformularios introducidos en el cliente, consulta y/o modificación de bases dedatos remotas, estadísticas de acceso a una determinada página Web,animaciones con gráficos, etc.
Esto se realiza por medio de enlaces ejecutables. El clienteindica el nombre de un fichero, siempre mediante un URL, no para recibir elcontenido sino para solicitar su ejecución en el servidor. Este ejecuta elprograma indicado y devuelve al cliente la salida estándar de dicho programa(esdecir, lo que se hubiera obtenido en la pantalla al ejecutar el programamanualmente desde el "prompt" del sistema operativo). Esta salida estándar es lo que constituye el documento HTML.Los programas ejecutados a partir de enlaces ejecutables reciben el nombre descripts CGI. Los scripts CGI residen en un directorio determinado dentrode la estructura de datos del servidor, que generalmente, suele llamarse cgi-bin(aunque algunos servidores permiten que dichos scripts se ubiquen en otrosdirectorios). Además los ficheros CGI deben tener permisos de acceso y ejecuciónpara todos los usuarios. Esto es especialmente importante en sistemas operativoscomo Unix. Al ser ejecutables por cualquier usuario externo esconveniente evitar que esos programas adquieran privilegios de superusuario. Los scripts CGI pueden construirse en cualquier lenguaje, laúnica limitación la marca el sistema sobre el que está ejecutándose elservidor HTTP. Los lenguajes utilizados en la programación CGI son, condiferencia, el Perl y el C. Esto se debe, principalmente a que la mayoría deservidores HTTP corren sobre máquinas Unix. Las principales ventajas del Perlson su carácter interpretado ya que simplifica el desarrollo y las pruebas, lospotentes comandos de tratamiento de ficheros con que cuenta, y las numerosasextensiones con las que se puede ampliar el ámbito y funcionalidades dellenguajes.
Tecnologías capaces de integrarse en una Página Web Lenguaje Java Con el lenguaje de programación Java es posible incrustaruna aplicación multiplataforma dentro de una página Web con los llamadosapplets. Es necesario utilizar un navegador o browser compatible con Java comoSun Hot_Java, Netscape 2.x, Internet Explorer 3.0 o superiores, Con Java también es posible implementar programas como C++,que no se ejecuten a través de Internet, sino de forma local y sin la necesidadde utilizar un navegador. Java es un lenguaje de programación orientada a objetos queha sido desarrollado por Sun Microsystems. Java, cuya denominación original fue Oak(1991) fue diseñadopara programar dispositivos electrónicos de consumo y crear una red heterogéneade productos electrónicos domésticos.
Java frente a cualquier otro lenguaje de programación, secaracteriza por su independencia con respecto al hardware o plataforma, tanto alnivel de código fuente como a nivel binario. A nivel de código fuente, lasestructuras de datos primitivas de Java tienen el mismo tamaño para cualquierplataforma de desarrollo. Los ficheros binarios de programas Java también sonindependientes y pueden ejecutarse sobre distintos sistemas sin necesidad derecompilar el código fuente.
Java es un lenguaje de programación orientada al objeto, porlo tanto soporta las tres características de este tipo de programación:Encapsulación, herencia, y polimorfismo. Java se basa en C++, con una sintaxis similar, pero estádiseñado para evitar las características más problemáticas de C++, lo quehace más fácil la programación en Java. Incluye un conjunto de librerías declases para obtener los tipos de datos básicos, procedimientos deentrada/salida, comunicaciones a través de red, lleva integrados protocolos deInternet(TCP/IP, HTTP y FTP) y funciones para desarrollar interfaces de usuario. Otra de las funcionalidades inexistentes en C++ y qué siincluye Java es la resolución dinámica de objetos. En C++ se suele trabajarcon librerías dinámicas (DLLs) que obligan a recompilar la aplicación cuandose retocan las funciones que se encuentran en su interior. Este inconveniente esresuelto por Java mediante un interfaz específico llamado RTTI (RunTime TypeIdentification) que define la interacción entre objetos excluyendo variables deinstancias o implementación de métodos. Las clases en Java tienen unarepresentación en el intérprete que permite a los programadores interrogar porel tipo de clase y enlazar dinámicamente la clase con el resultado de la búsqueda. Robustez: Java se puede considerar un lenguaje robusto. Adiferencia de C++, con el que resulta sumamente fácil tener que reiniciar elordenador por culpa de algún error de programación. Java obliga a la declaraciónexplícita de métodos, reduciendo así las posibilidades de error. Java soportapunteros, pero no así la aritmética propia que éstos tienen en C++. Seimplementan arrays auténticos, en vez de listas enlazadas de punteros que señalana zonas equivocadas.
La programación en un entorno multienhebrado suele ser difícilporque pueden producirse varios eventos al mismo tiempo. Java, sin embargo,posee características de sincronización fáciles de utilizar que simplificanla programación. Las hebras Java suelen corresponder a hebras reales delsistema operativo, si el sistema operativo de la máquina soporta esta característica. Los programas Java se dividen en dos grupos: Applets yaplicaciones. Los Applets: son programas Java que se encuentran enun servidor de páginas Web y son ejecutados por un navegador Web en elordenador cliente. Si el cliente no posee un navegador que soporta Java, no podráejecutar los applet. Para que se ejecute el applet, se debe hacer referencia aéste dentro del texto HTML, utilizando el tag <APPLET CODE="<APPLETCODE=">nombre.class"> Las aplicaciones son programas independientes y másgenerales escritos en lenguaje Java. Estas aplicaciones no necesitan de unnavegador para ejecutarse, y de hecho, se puede utilizar Java para escribir unprograma como en C o Pascal. Para ejecutar estos programas se debe utilizar elintérprete o máquina virtual Java.
Aunque Java nació como una filosofía de crear programasindependientes de la plataforma, también en este lenguaje se producenincompatibilidades. Java permite crear programas que son transferidos a lacomputadora del usuario y ejecutados ahí. Esto significa que cuando el usuariotiene acceso a un sitio Java, el software es transferido en forma automática ala computadora y ejecutado. Esto le da al programa Java la oportunidad parahacer cosas como instalar un virus o alterar, destruir o recuperar datos. A pesar de que los programadores de Java lo diseñaron paraser bastante seguro manteniendo afuera comandos que permitieran a losprogramadores tener acceso a áreas prohibidas o usar recursos en formainapropiada, existen agujeros que permiten a un cracker persistente tener accesoa áreas indeseables. Además, mucho del código fuente Java abunda en Internet. Esfácil para los crackers modificar las bibliotecas existentes o crear rutinasfalsas o reemplazar rutinas que cuando son usadas por desarrolladores confiados,introducen inestabilidades. Aún no está en claro si Java se volverá una amenaza gravepara la seguridad o no. Por eso se debe tener cuidado extra cuando diseñe supropio Java; partiendo de cero y usando lo menos posible los ejemplos de dominiopúblico existentes. Y además usar bibliotecas Java que provengan de sitiosoficiales, donde puede tener garantizado que son la versión apropiada y que nohan sido alterados.
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||