Introduccin a Diseo Web

SITIO WEB
Objetivo de la unidad
Con el estudio de competente para:

esta unidad uste d ser

Clasificar las pginas web, basndose en las diferencias de cada una.

Introduccin a Diseo Web

2. Sitio Web
2.1 Definicin Un sitio web e s un co njunto de pginas web, por eso no hay que confundirlo con pgina web , porque sta es slo un archivo HTML, que forma parte de l. Los hiperenlaces entre las pginas controlan el flujo de informacin dentro del sitio y por medio de ellos el usuario accede a toda la inf ormacin. Algunos sitios requieren una contrasea para acceder a algunos o a todos sus contenidos. Un sitio web esttico se u tiliza cuando se sabe que su contenido no cambiar frecuentemente y se actualiza manualme nte por alguna persona. En cambio un sitio web dinmico te ndr cambios frecuentes en su contenido y actuar con el usuario recibiendo sus rdenes de generar cierta informacin. 2.2 Elementos de una pgina Web Los elementos ms comunes en una pgina web son: El texto que se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas, es por eso que se utilizan las que trae Windows predeterminadas. Las imgenes en formato G IF, JPG o PNG. T ambin pueden contener grficas vectoriales. El audio que generalmente es en formato MIDI, WAV o MP3. Ahora es muy comn encontrar pginas con animaciones que estn en format o swf. Todos los elementos anteri ores pueden funcionar como hipervnculos o vnculos.

Introduccin a Diseo Web

La pgina web tambin puede trae r contenido scripts, generalmente JavaScript, hojas de estilo y plantillas de diseo web. 2.3 Clasificacin de sitios Web Hay muchas maneras de clasificar los sitios web existentes en el internet, sin embargo en este apartado se clasificarn por el tipo de informacin que manejan dividindolos en cuatro grandes grupos: 2.3.1 Los sitios de entretenimiento: Son los que se utilizan c omo instrumentos de promocin para la industria del entretenimie nto y pueden ser sobre programas de televisin, pelculas, cine, msica, vdeos y juegos que pueden ser bajados o jugados en lnea, individualmente o hay algunos que se puede competir con participantes de cualquier parte del mundo. Estos sitios se val en de publicidad para subsistir pero no debe de bombardear con ventanas nuevas que se abren o imponer que se bajen aplicaciones que causan conflicto con software. La mayora d e sitios de entretenimiento son muy atractivos visualmente ya que se le da una gran relevancia al diseo, a la imagen y al color. 2.3.2 Los sitios comerciales: Se dedican a la venta y promocin de cualqui er clase de productos y servicios en lnea. Ahora es usual enc ontrar sitios de este tipo de bido a la implementacin de las transacciones seguras en lnea. Los clientes potenciales que visitan lo s sitios comerciales desean r ecibir ayuda con informacin, clara, pr ecisa y bien redactada. Es muy importante que las caracte rsticas y el precio corresponda co n la realidad, estos sitios deben de estar en constante actualizacin para n o perder la credibilidad del cliente, no puede mostrar un artculo o servicio que ya no existe, o con un precio errneo.

Introduccin a Diseo Web

Estos sitios deben de tener fcil acceso y cuidar mucho la forma de navegacin dentro de las p ginas, para que el cliente no se sienta en ningn momento p erdido y pueda terminar satisfactoriamente su compra sin ninguna complicacin. Las pginas que ofrecen su catlogo y venden en l nea deben tener una caracterstica que es muy importante, la seguridad que ms adelante se detalla como reconoce r una pg ina segura. Tambi n, la pgina debe contener informacin de la empresa para que el cliente pueda comunicarse, pagar servicios, reclamar, comprar productos o servicios adicionales.

2.3.3 Los sitios informativos: Son los que presentan cualquier ti po de informacin til o trivial. Generalmente son sitios de perid icos, enciclopedias, biblioteca s virtuales, manuales de uso, informac in cientfica, ed ucacin, salud, investigaciones, etc., la mayora de stos con referencias bibliogrficas. En estos sitios predomina la el contenido textual sobre lo g rfico y tambin se caract erizan por tener links de otras pginas con informacin relacionada al tema que se lee. Tambin tienen la caracterstica de publicar el nombre de los autores de los artculos o bien los responsables de la publicacin. Generalmente el nombre de dominio de los sitios informativos, termina con .com o .edu.

Introduccin a Diseo Web

2.3.4 Los sitios personales: Como su nombre lo dice, publican la vida de una persona en particular, u obra de celebridades. Hay sitios personales para mostrar la habilidad para crear un sitio web, demostrar talentos, o compartir pensamientos y fotografas con amigos o desconocidos en diferentes lugares del mundo. Actualmente son los sitios que ms ab unda en el internet, ya que el sueo de muchos es cre ar su prop ia pgina web y por lo mismo hay plantillas gratuitas y accesibles da ndo como resultando, algunos muy interesantes, y otros que son muy po bres en contenido y dejan mucho que desear en cuanto a eficiencia y calidad. Cuando una persona quiera vender sus servicios profesionales por medio de su pgina personal, toda la in formacin que coloque ser creble y aceptada si esta debidamente do cumentada con nombre del autor, direccin de correo electrnico para poder contactarlo y datos que permitan determinar la objetividad de esa informacin.

2.4 Seguridad en los Sitios Web El protocolo de red HTTPS es la ver sin segura del protocolo HTT P. Es utilizado principalmente por entida des bancarias, tiendas en lnea y cualquier tipo de s ervicio que requie ra el env o de dato s personales o contraseas. El sistema HTTPS utiliza un cifrado ba sado en las Secure Socket Layers (SSL es un protocolo c riptogrfico que proporciona c omunicaciones seguras en el Internet). Cabe mencionar que el uso del protocolo HTTPS no impide que se pueda utilizar HTTP.

Introduccin a Diseo Web

Es aqu, cuando nuestro navegador nos advertir sobre la ca rga de elementos no seguros (HTTP ), estando conectados a un entorno seguro (HTTPS)1.

2.4.1 Certificado SSL La seguridad es e l resultado de la comunicacin entre un navegador que soporte el protocolo SSL y un servidor que soporte el mismo protocolo. El navegador, colaborando con el servidor seguro, encripta los datos, de forma que si algn i ndividuo en e l proceso de trans misin consigue apropiarse de stos, no po dr leerlos ya que no dispone de la clave necesaria. Un certificado de seguridad es otor gado por una enti dad certificadora, sta entidad concede dicho certificad o despus de haber controlado la correcta configuracin del proceso de encriptacin (SSL) y haber comprobado los datos de la empre sa solicitante. El certificado d e servidor seguro se concede a una en tidad, cuyas referencias han sido comprobadas, para asegurar que ef ectivamente quien recibe los datos encriptados es quien debe de recibi rlos. Hay empresas con experienci a en este producto y ofrecen asesora necesaria para llevar a c abo la tramitacin del Certificado SSL2. Un Certificado de Seguridad SSL es necesario para Sitios que deseen: Ofrecer transacciones econmicas seguras, proteccin de datos bancarios y tarjetas de crdito. Garantizar la privacidad de la informacin suministrada por el usuario de la pgina web, protegiendo e l proceso de transmisin de datos entre el usuario y el servidor. 2.4.2 Cmo se puede saber si un Sitio es seguro? Para conocer si el Sitio web que se visita, utiliza el protocolo https, debemos observar si en la barra de direcciones del navegador, aparece https al comienzo, en lugar de http.
1 2 http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol_Secure http://www.tdtprofesional.com/secc_seguridad_online/

Introduccin a Diseo Web

Algunos navegadores utilizan el ic ono de un canda do en la parte derecha de la barra de direcciones o en la parte inferior de la pant alla, para indicar la existencia de un pr otocolo de c omunicaciones seguro, y hay ocasiones en cambian el color del fondo de la barra de direcciones por amarillo (Firefox) o verde (Int ernet Explorer) p ara identificar pginas web seguras.

Si no se muestra ningn icono, tambin se puede comprobar si existe un certificado de seguridad para dicha pgina siguiendo estos pasos. 1. Clic con el botn derecho del Mouse sobre la pgina y apar ecer el siguiente men e mergente, donde hay que realizar seleccion ar con un clic en Propiedades.

Introduccin a Diseo Web

2. Se abrir la siguiente ventana en donde se da un clic en Certificados.

3. Si la pgina cuenta con un certificado, aparecer como en el ejemplo, lo que significa que la pgina es segura. Si no lo fuese aparecer un mensaje de carencia de certificado.

Introduccin a Diseo Web

ACTIVIDADES

Realizar la bsqueda en Internet de Sitios Web hondureos y dar 2 ejemplos de cada clasificacin planteada en esta unidad. Cada ejemplo de be tener impresin de pantalla de la pgina de referencia y pegars e en un archivo d e Word p ara enviarla a tutora a travs de la plataforma o el correo electrnico.