You are on page 1of 21

INSTITUTO TECNOLGICO SUPERIOR

HARVARD COMPUT

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
TRABAJO DE INVESTIGACIN PREVIO A LA OBTENCIN DEL
TTULO DE TECNLOGA EN INFORMTICA: PROGRAMACIN
Y ANLISIS DE SISTEMAS

TEMA:
DISEO, CONSTRUCCIN Y SEGURIDAD DE UN SITIO WEB EN
INTERNET
AUTOR:
GUALN GUALN JUANA
TUTOR:
ING. JONY SARMIENTO.
RIOBAMBA - ECUADOR
2008

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT

DECLARACION DE AUTENTECIDAD Y RESPONSABILIDAD

Yo, la que abajo suscribo:

Juana Gualn Gualn, portadora de la cdula de ciudadana No. 060387655-8, declaro


que la presente investigacin que presento como trabajo prctico previo a la obtencin
del titulo de Tecnloga en Informtica: Programacin y Anlisis de Sistemas, son
absolutamente originales, autnticos y personales.

En tal virtud declaro que el presente contenido, las conclusiones y los efectos legales y
acadmicos que se desprenden del trabajo propuesto son de exclusiva responsabilidad
legal de la autora.

Atentamente,

Juana Gualn Gualn


C.I: 060387655-8

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT

AGRADECIMIENTO

Quiero agradecer primeramente a Dios por haberme


dado la oportunidad de tener vida y fuerzas para poder
seguir mis estudios superiores, que supo acogerme y
darme la oportunidad de estudiar y aprovechar las
enseanzas que supieron impartirme los docentes, a
quienes un agradecimiento especial por la paciencia y
la sabidura que tienen al permitirme asimilar los
conocimientos.
No

puedo

desaprovechar

la

oportunidad

para

agradecer a mis compaeros y amigos que supieron


compartir buenos y malos momentos, en nuestra
carrera estudiantil
Juana Gualn

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT

DEDICATORIA
A todas aquellas personas que hicieron posible que
culmine mis estudios superiores y en especial a mis
Padres y a mi familia.
Juana

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
NDICE GENERAL
PORTADA
DECLARACIN DE AUTENTICIDAD Y RESPONSABILIDAD
AGRADECIMIENTO
DEDICATORIA
NDICE GENERAL
INTRODUCCIN
INTRODUCTION
Pg.
CAPTULO I
LA WORD 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

1.10

DE UNA PGINA WEB?

DOMINIO

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
1.11

URLs

CAPTILO II
CONSTRUCCIN DE PGINAS WEB
2.1.

PREMISAS BSICAS PARA CREAR UN WEB DE XITO

11

2.1.1 Un buen contenido

11

2.1.2 Un buen Diseo

11

2.1.3 Las imgenes en el diseo

12

2.1.4 Elementos Interactivos

12

2.2

ETAPAS DE DESARROLLO DE UN PROYECTO DE SITIO WEB 13

2.2.1 Prediseo

14

2.2.2 Diseo

21

2.2.3 Instalacin y Pruebas

22

CAPTULO III
LENGUAJE HTML
3.1.

LENGUAJE HTML

23

3.2.

ESQUELETO BSICO DE LA ESTRUCTURA HTML

25

3.3

FORMATEAR TEXTO

26

3.3.1 Tamao

26

3.3.2 Tipo de letra

27

3.3.3 Posicin

27

3.4

28

ELEMENTOS TEXTUALES

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
3.4.1 Caracteres y smbolos

28

3.4.2 Listas

28

3.4.3 Tablas

31

3.5

EDITORES DE HTML

33

3.6

LINKS O ENLACES DE HYPERTEXTO

33

3.6.1 Enlaces dentro de la misma pgina

35

3.6.2 Enlaces con otra pgina nuestra

36

3.6.3 Enlaces con una pgina fuera de nuestro sistema

37

3.6.4 Enlaces con una direccin de email

37

3.7

38

IMGENES

3.7.1 Formato GIF

40

3.7.2 Formato JPEG

40

3.7.3 Posicin de las imgenes

42

3.7.4 Imgenes utilizadas como enlace

43

3.7.5 Editores de imgenes

44

3.8

FRAMES O MARCOS

44

3.9

LOS FORMULARIOS

45

CAPTULO IV
HARDWARE Y SOFTWARE
4.1

INTRODUCCIN

46

4.2

HARDWARE

46

4.2.1 Tipos de lnea

46

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
4.2.2 Router

47

4.2.3 Servidores (Hardware)

47

4.2.4 Necesidades de Hardware para PC IBM y compatibles

49

4.3

50

SERVIDORES (SOFTWARE)

4.3.1 DNS (Domain Name Server)

50

4.3.2 WWW (Word Wide Web)

50

4.3.3 FTP (File Transfer Protocol)

51

4.3.4 Pop3 (Post Office Control)

51

4.3.5 Otras caractersticas

51

4.4

CGIs

53

4.5

TECNOLOGAS CAPACES DE INTEGRARSE EN


UNA PGINA WEB

55

4.5.1 Lenguaje Java

55

4.5.2 JavaScript

59

4.6.

ActiveX - CASCADING STYLE SHEETS (CSS)

62

4.7

VRML

63

CAPTULO V
SEGURIDAD EN UNA PGINA WEB
5.1

CONDICIONES DE SEGURIDAD

65

5.1.1 Operatividad

66

5.1.2 Integridad

66

5.1.3 Privacidad

67

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
5.2

SEGURIDAD Y TRANSACCIONES EN EFECTIVO EN LA WEB 69

5.2.1 La encriptacin de datos

69

5.2.2 Firma digital

70

5.2.3 Creacin de un sitio seguro

71

5.2.4 Firewalls, wrappers y proxies

72

CONCLUSIONES
RECOMENDACIONES
BIBLIOGRAFA
GLOSARIO DE TRMINOS

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
INTRODUCCIN

La World Wide Web permite una manera ms organizada de acceder a la informacin


disponible en Internet, presentando una interfaz amigable con el usuario mediante
navegadores 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,
estados, gobiernos de distintos pases, universidades, bibliotecas, estn presentes en
Internet.

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
criterios 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 estas pginas, 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 quien este
interesado en el tema.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
INTRODUCTION

The World Wide Web permits a manner more organized of consenting to the available
information in Internet, presenting a friendly interfuse with the user by means of
navigators like Netscape, Mosaic and Microsoft Internet Explorer.

The advance of the World Wide Web has helped to a considerable growth of Internet at
the present time. Small companies, big companies, city council, states, governments of
different countries, universities, libraries, are present in Internet.

The present work has like objective show the marvelous capacities of the World Wide
Web, in it consist the same, their utilities, like so also the criterions to keep in mind in
the design so that a Web site is successful.

On the other hand it attempt to make a contribution to works named in these pages, they
since some make mention of the topic or they show it from a particular vision.

This work tries to give a current focus and personnel, trying to be useful to who
interested east in the topic.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
CONCLUSIONES
En Internet puede encontrarse prcticamente toda la informacin que pueda
imaginarse: texto, fotografas, audio, vdeo, programas, datos, enciclopedias, novelas,
investigaciones, y cada da hay ms.
Para que todos esos datos puedan ser consultados, deben estar ordenados de alguna
manera. El desarrollo actual del World Wide Web ha proporcionado herramientas de
bsqueda, como "motores" o "ndices".
En general, el WWW tiene una interfaz de usuario muy amigable, que tiene como
nombre Navegador o "Browser", capaz de interpretar "pginas Web" e "hipervnculos"
y mostrar esta informacin al usuario.
Una pgina Web es una va de comunicacin entre una empresa y el pblico: clientes
y proveedores, por lo tanto es una herramienta que hay que saber usar y explotar para
sacarle el mejor provecho en funcin de las necesidades comunicacionales de la
empresa.
Las posibilidades que ofrece una publicacin en la Web son infinitas, tomando en
cuenta su flexibilidad para adaptarse a los cambios de una empresa. Esto permite dar
difusin inmediata a promociones y comunicados especiales.
Una Pgina Web personalizada, con ilustraciones atractivas, texto y con las ltimas
caractersticas de programacin, darn una gran oportunidad de generar nuevos
negocios o de distribuir informacin.
Para lograr que una pgina sea exitosa, se debe tratar de hacerla llegar a la mayor
cantidad de personas posible, y para ello, debe ser desarrollada utilizando criterios de
diseo que sean compatibles en todas las plataformas, bien sean sistemas bajo
Windows, Macintosh o UNIX.
Cuando hablamos sobre diseo de pginas Web, nos referimos al lenguaje HTML que
consiste en una serie de comandos que le indican al programa navegador de WWW
cmo darle formato al texto que contienen los archivos.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
Los servicios de diseo de pginas Web cubren un rango que va desde convertir
archivos de texto a formato HTML, hasta desarrollar extensos conjuntos de pginas
cargadas de ilustraciones e hipervnculos relacionados entre s.
Una pgina Web debe estar ubicada en una computadora que est fsicamente
conectada a Internet. La manera ms sofisticada (y costosa) es disponer de un servidor
de WWW propio y conectarlo directa.
Es indispensable que los visitantes potenciales sean capaces de encontrarla. Para ello,
hay que registrar la pgina en algunos de los principales "Indices de Bsqueda" en la
Internet, que proveen a los navegadores una manera sencilla de conseguir las pginas,
segn los intereses particulares.
Los servicios "gratuitos" que ofrecen a sus suscriptores espacio para publicar sus
pginas Web como parte de una tarifa mensual por servicio. Muchas personas
aprovechan este servicio, aunque sus nombres de dominio son algo complicado.
Muchos de estos servicios no ofrecen algunas de las caractersticas que son deseables
en pginas Web con un enfoque comercial. Esto incluye soporte de CGI Script,
aplicaciones JAVA, JAVASCRIPT y ActiveX, formas y contadores.
Una alternativa popular consiste en utilizar los servicios de un proveedor que "alquila"
el espacio en su servidor de alto rendimiento. Por un reducido costo mensual, se puede
disfrutar de los beneficios de tener el propio servidor, sin todo el tiempo y esfuerzo
que requiere administrarlo. Para la mayora de las empresas que desean tener
presencia en el Web, esta es la mejor opcin.
Una vez que la pgina Web est activa en algn servidor, es muy poco, o
prcticamente nulo el mantenimiento que requiere. De cualquier manera, las pginas
Web ms exitosas son aquellas que atraen un gran nmero de visitantes, y, en el mejor
de los casos, visitantes repetitivos.
Los lugares ms exitosos en el WWW son proyectos en continua evolucin.
Generalmente, el esfuerzo se refleja en ms visitantes a las pginas. Para una empresa,
este efecto es positivo en muchos sentidos. Mientras ms personas visiten las pginas,

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
se tendr mejor presencia corporativa, mejorarn sus contactos y estos se vern
reflejados en un aumento de las ventas.

RECOMENDACIONES
Luego de haber finalizado mi trabajo de investigacin, me permito recomendar lo
siguiente:

Es muy importante que se reoportunidad a los estudiantes para que realicen prcticas
en instituciones reales, para poder medir verdaderamente las capacidades intelectuales
y laborales de aquellos alumnos que salen al campo profesional, ya que sera la nica
manera de enfrentar el mundo real.
Se debe poner mucho nfasis en los pasos que se deben seguir para la construccin de
una pgina Web, ya que muchas de las veces por hacer rpido un trabajo, obviamos
los pasos que se deben seguir para la creacin de las mencionadas pginas o sitios.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT

BIBLIOGRAFA
Libros:

David Cook y Deborah Sellers.

Inicie su negocio en Web. Prentice-Hall

Hispanoamericana, S.A.

Mcgraw-Hill. Diseo en la Web.

Revistas:

PC Plus

COMPU MAGAZINE

En Internet:

http://www.iac.es/galeria/westend/node1.htm

http://www.iac.es/galeria/westend/node2.htm

http://www.iac.es/galeria/westend/node3.htm.

http://www.iac.es/galeria/westend/node4.htm, etc.

http://www.ocea.es/forem/guiahtml.htm

Mencin de trabajos anteriores:

World Wide Web trabajo nmero 292 de Silvia Travesani.Habla en general de


la WWW.

Internet El mundo en red. Aplicaciones trabajo nmero 391 de Patricia susana


Bartoli que analiza las aplicaciones de Internet, hablando de laWeb y los lugares
a visitar en la WWW.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT

Internet Comercial trabajo nmero 422 de Gabriela Soriano, el cual analiza las
posibilidades y limitaciones del comercio electrnico , la actualidad comercial, a
Internet como herramienta de Marketing.

Las organizaciones en Internet trabajo nmero 434 de Julio Martn Olivares,


el cual habla de Intranets, Extranet, Publicidad y marketing de sitios Web.

Con respecto a los trabajos mencionados existentes este trabajo intenta hacer un aporte a
los anteriores, adems de actualizar la informacin y analizar la Web desde otro punto
de vista particular.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT

GLOSARIO DE TRMINOS
Altavista: Una popular mquina de bsqueda Web.
Ancho de Banda: La cantidad de informacin que puede ser transmitida a la vez a
travs d un canal de comunicacin.
ARPANET: Red de la agencia de proyectos de Investigacin avanzada; la red creada
por la Agencia de Proyectos de Investigacin Avanzada del Departamento de Defensa
(DARPA); la red a partir de la cual surgi Internet.
Base de datos: (database) Una coleccin de datos organizados que se pueden consultar.
Binario: (binary) Un sistema numrico con una base de dos que usa el 1 y el 0. La base
para todas las comuniciones digitales y la computacin.
Bugs: Errores estructurales de programas.
CERN: El laboratorio Europeo de Fsica de Partculas en Ginebra, Suiza; el grupo que
invent la World Wide Web.
CERT: Equipo de respuesta a Emergencias de computacin; el grupo de trabajode
seguridad de Internetal que se le reportanlas violaciones de seguridad.
Cgi-bin: Interfaz comn de gateway archivo binario; programas personalizados que
pueden ser usados para extender Web y hacerla interactiva. Aplicaciones comunes
incluyen bsquedas en bases de datos, sistemas de compras, sistemas de membresera y
manejo de formularios.
Ciberespacio: Un trmino para la realidad virtual inmersa, a veces usado para referirse
a Internet.
Cliente: A veces usado como un navegador; otras veces esto significa una computadora
que hace contacto con el host.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
Columna vertebral: (backbone) Las lneas primarias de telecomunicaciones de alta
velocidad que conectan a los principales proveedores de servicios de Internet.
Correo electrnico: (e-mail) mensajes personales enviados entre usuarios para obtener
acceso a informacin privada.
Cracker: Alguien que interrumpe en sistemas computarizados. Usado para denotar a
alguien que realiza actividades ilegales.
Direccin IP: (IP Adress) Una direccin numrica compuesta de cuatro nmeros de 8
bits que identifica en forma nica a una computadora de una red.
DNS: Servidor de Nombre de Dominio; un sistema que puede resolver una direccin IP
con un nombre.
Encriptacin: (encryption) Acto de proteger un archivo legible.
Firewall: Una barrera de seguridad que ayuda a limitar los accesos no autorizados a un
sistema de computadoras.
Firma digital: (digital signature) Un mecanismo de seguridad usado para verificar la
identidad de un individuo por medio de una clave de encriptacin pblica al igual que
una privada.
FTP: Protocolo de transferencia de archivos (Transferer File Protocol); una protocolo
para transferir archivos hacia y desde computadoras remotas.
GIF: Formato de Intercambio de Grficos (Grafhics Interchange Format); un formato
de archivo para imgenes que fue elaborado por CompuServe.
Gopher: Un programa tipo FTP orientado a mens, que accede a texto en Internet pero
no a ilustraciones, vnculos o cualesquiera de las otras caractersticas avanzadas WWW.
GUI: Interfaz Grfica de Usuario (Graphical User Interface); una pantalla grfica que
permite al usuario interactuar con la computadora.
Hipervnculo: (hyperlink) Un elemento de HTML que, cuando se hace clic en l,
permite que las personas pasen a otros documentos, imgenes, sonidos o pelculas.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
Host: Un sistema de computadora que puede ser contactado por otros sistemas de
computadoras.
HTML: Lenguaje de Marcado de Hipertexto (HyperText Markup Languaje); el
lenguaje de programacin de WWW.
HTTP: Protocolo de Transporte de Hipertexto (HyperText Transport Protocol); la
norma de Internet que permiten que se combinen entre s texto, imgenes, sonidos y
vdeo en un solo documento en Web. EL HTTP tambin permite la vinculacin de
documentos y componentes de documentos.
Icono: (icon) Un grfico pequeo que representa una funcin o accin.
Interactivo: (interactive) Que permite a los usuarios cambiar el curso de los
acontecimientos con base en sus propias decisiones respecto a las reglas de cualquier
cosa con la que se est interactuando.
Internet: Un sistema de redes formado por computadoras y usuarios con alcance
mundial.
Internet Explorer: Un navegador de Web creado por Microsoft.
IRC: Plticas de relevos de Internet, es un tipo de foro NetNews. Un foro para
conversar en tiempo real.
Java: Lenguaje de programacin, similar al C++, que extiende las capacidades de Web.
JPEG: Grupo Unido de Expertos en Fotografa(Join Photografhic Experts Group).
Formato de archivo usado para imgenes compridas que usa un ndice ms alto de
compresin y ms colores que GIF
malito: Mtodo basado en Web para enviar correo electrnico.
MILNET: La parte de ARPANET original que en la actualidad es usada por el ejrcito.
Fue rebautizada cuando los sectores militar y civil de ARPANET fueron separados.
Mdem: Modulador Demodulador; dispositivo de comunicaciones para redes de
computadoras.
Mosaic: Primer navegador de la NCSA, inventado para utilizar la World Wide Web.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
Navegador: (browser) Un programa que permite tener acceso a World Wide Web.
Navegar: Usar Internet o World Wide Web.
NetNews: es un servicio de Internet donde las personas que comparten intereses
comunes pueden hablar sobre temas favoritos en un un foro abierto.
Netscape: Popular navegador WWW que en la actualidad ofrece muchas caractersticas
HTML importantes.
Pirata: Un pirata de software, un pirata warez, alguien que roba programas para
computadora. Por lo general los piratas venden o distribuyen los programas que roban.
Plataforma: El tipo de computadora o sistema operativo que se est usando. Por
ejemplo, Apple, PC o Unix.
Proveedor de servicios Internet: compaa u organizacin que proporciona acceso a
Internet.
TCP/IP: Protocolo de Control de Transmisin/Protocolo Internet (Transmission Control
Protocol/ Internet Protocol); el estndar de las comunicaciones en Internet.
Telnet: Programa de software que permite enlazarse con computadoras remotas.
UNIX: Popular sistema operativo para computadoras. Importante en especial para las
computadoras ms grandes que son usadas como servidores de Internet.
URL: Localizador Uniforme de Recursos (Uniform Resource Locator ); el medio para
localizar una pgina de inicio de Web.
Virus: Programa que infecta a otros programas y computadoras, lo que da como
resultado alguna clase de mal funcionamiento.
VRML: Lenguaje de Modelado de Realidad Virtual(Virtual Reality Modeling
Languaje); un protocolo de grficos tridimensionales para Web.
Wais: Servidor de Informacin de rea Amplia; es una base de datos slo de texto; es
un sistema de recuperacin de informacin distribuido.
World Wide Web: Organizacin de archivos en Internet.

INSTITUTO TECNOLGICO SUPERIOR


HARVARD COMPUT
WWW: World Wide Web; otras abreviaturas populares incluyen Web y W3.
Yahoo: Popular mquina de bsqueda en Web.