Introduccin al Diseo Web

Qu es Internet?
Visin tecnolgica
Una red de redes TCP/IP

Visin del usuario final

Un conjunto de servicios entretenidos

Visin estratgica
Una plataforma de soluciones integrales para la vida diaria

[INTRODUCCIN AL DISEO WEB]

La base operacional del futuro ...

World Wide Web (WWW)

Inventada por Tim Berners Lee en 1989, mientras trabajaba European
Organization for Nuclear Research (CERN)
La WWW no es Internet, es un servicio que est
montado sobre Internet.
Internet (la red) est formado por el conjunto de
ordenadores que estn interconectados entre s.

[INTRODUCCIN AL DISEO WEB]

Cmo funciona la WEB?

En la figura se muestra como es el funcionamiento de la web, la parte que no

vemos.
El cliente inicia haciendo una peticin de una pgina web en este ejemplo
(http://wwww.google.es) el cual es convertido por el servidor DNS en su
correspondiente numero IP, conocido el IP se hace una peticin HTTP al
servidor que contiene dicha pagina web el cual devuelve el archivo en formato
HTML al cliente, en el cliente el archivo HTML es convertido en una pgina web,
el encargado de hacer esta conversin es el navegador web.

Conceptos relacionados al diseo web

HTML:
(Lenguaje de marcado de hipertexto) Lenguaje estndar de marcas empleado
para documentos del World Wide Web.

[INTRODUCCIN AL DISEO WEB]

Navegador
Interpreta el cdigo HTML de la pgina.
Firefox, Internet Explorer, Opera, Google Chrome.

[INTRODUCCIN AL DISEO WEB]

Hipervnculo:
Al hipervnculo se le suele llamar enlace web o en su versin anglosajona
link. Un hipervnculo es una conexin de una pgina a otro destino como, por
ejemplo, otra pgina o una ubicacin diferente en la misma pgina.

Servidor:
Mquina conectada a Internet que entre otros servicios- ofrece albergue para
pginas web haciendo que estn accesibles desde cualquier punto de Internet.

Cliente FTP:
Programa que permite conectarse al servidor para publicar pginas web.
5

[INTRODUCCIN AL DISEO WEB]

Entre los principales clientes FTP tenemos:

FileZilla
F->IT
net2ftp
Web-Ftp
Jambai FTP
Weeble File Manager

Hosting o alojamiento:
Hospedaje web. El cual puede ser gratuito o de pago.

Dominio:
Direccin web asociada a una pgina web.

Pgina web Sitio web

Pgina web:
Documento realizado en HTML y que es parte de un sitio Web. Aparte del
HTML se pueden utilizar otros lenguajes complementarios como PHP,
ASP, Javascript...

Sitio web:
Pgina principal y sus otras pginas, grficos, documentos, multimedia y
otros archivos asociados que se almacenan en un servidor Web o en el
disco duro de un equipo, de forma que todas estn enlazadas
adecuadamente.

[INTRODUCCIN AL DISEO WEB]

Cmo se crea una pgina web?

Estos documentos o pginas web pueden ser creadas:

Directamente el cdigo HTML con un procesador de texto plano,

como el mismo Bloc de Notas de Windows o cualquier editor de texto
en Linux.

Utilizando un programa WYSIWYG de creacin de pginas como

Kompozer, GoLive, Dreamweaver, NVU, Expression Web, Microsoft
Frontpage, etc.

[INTRODUCCIN AL DISEO WEB]

Usando un sistema CMS (Web Content Management System) que

permite separar el contenido del diseo y que permite al diseador
generar solamente las plantillas, de modo que el contenido sea
administrado en un rea separada. Algunos sistemas CMS son el
Joomla, Drupal, PhpNuke, Plone , Mambo y Typo3.

[INTRODUCCIN AL DISEO WEB]

Utilizando lenguajes de programacin del lado del servidor como

ASP.NET, JSP, PHP, Perl, etc para generar la pgina web