Profesor: Mario Figge

Curso de Diseo Web

CONCEPTOS

Uso del Laboratorio

Las mquinas estn Freezadas.
No dejen archivos en cualquier parte. No se olviden los pen.

Objetivos del Curso

Abarcar en forma prctica todo el proceso de construccin de un sitio web, no solamente el diseo y codificacin, sino tambin los pasos

previos y posteriores, como registro del nombre de dominio, y optimizacin para los buscadores.

Panorama del Curso

Conceptos. Dominios. Hosting. Editor de Cdigo

HTML CSS

Editor de Imgenes
Manipulacin de Imgenes Prototipado

Soporte Online
Correo del Profesor

mario@3tristestigres.com
Blog

http://subdesarrollando.com.ar Contrasea: web13

Internet
Para poder establecer una comunicacin entre distinto hardware (PC, MAC, Sun, Mainframes, Cisco, etc.) y distinto software (Windows, MacOS, Linux, Unix, Solaris, etc.) necesitamos un lenguaje comn.

TCP / IP
Es lo que se denomina un PROTOCOLO

Internet
Internet es un mtodo de interconexin descentralizada de redes de computadoras implementado en un conjunto de protocolos

denominado TCP/IP que garantiza que redes fsicas heterogneas funcionen como una red lgica nica, de alcance mundial.
Cuando hablamos de Internet,

hablamos de COMUNICACIONES

Internet
Para poder comunicarse entre s, las computadoras necesitan poder identificarse mutuamente en forma inequvoca, para ello, a

cada una se le asigna una

DIRECCIN IP
En su version 4, una direccin IP se representa

mediante un nmero binario de 32 bits.

164.12.123.65

Internet
La Internet Corporation for Assigned Names and Numbers (ICANN) es el ente que administra y otorga rangos de direcciones IP

en todo el mundo.

Conexiones a Internet
Los usuarios se conectan a Internet por medio de un proveedor de servicios (ISP), que le da acceso de diferentes maneras:
Conexin Telefnica
ADSL / DSL Cable

Wi-Fi
3G

Conexiones a Internet
Al conectarse a Internet, la computadora del usuario recibe una direccin IP que la identifica. Esta direccin IP puede ser diferente cada vez que el usuario se conecte, por lo que se dice que el equipo tiene

IP Dinmica
Esto hace que no se pueda identificar a los usuarios en Internet, y que estos equipos no puedan utilizarse para dar servicio. http://www.cual-es-mi-ip.net

Conexiones a Internet
Un equipo conectado a Internet puede brindar servicios, como: sitio web, email, mensajera instantnea. Estos equipos que dan servicio, se denominan

SERVIDORES
Los servidores no pueden cambiar su

direccin IP, porque no podramos encontrarlos, por ello utilizan una direccin

IP Fija

Servidores
Los usuarios pueden comunicarse con los servidores y utilizar los servicios por medio de distinto software.
Web:

Internet Explorer Firefox (80) Email: Outlook Express Thunderbird (25/110) FTP: Dreamweaver (21)

Cada software a su vez utiliza diferentes protocolos y diferentes puertos para comunicarse con los servidores.

Servidores
Podemos acceder a un servidor por medio de su direccin IP.
Ejemplo: http://200.3.120.222

Como recordar direcciones IP es difcil para los

seres humanos se invent el servicio de DNS, que permite asociar nombres a las direcciones IP.
Ejemplo: http://unr.edu.ar

Servidores de DNS
Son servidores que almacenan tablas donde se mapean nombres con direcciones IP.
unr.edu.ar 200.3.120.222

subdesarrollando.com.ar 67.20.53.180

Nombres de Dominio
Al comunicarnos con un servidor a travs del nombre de dominio, el mismo es convertido automticamente en una direccin IP por el

servidor de DNS de nuestra red.

Luego aprenderemos ms de los nombres de

dominio.

Navegador
Un navegador web o explorador web es un software que permite visualizar documentos, desde servidores web de todo el mundo a

travs del protocolo HTTP.

Esta red de documentos es denominada

World Wide Web (WWW).

Navegador
En el navegador accedemos a los documentos (o pginas) dentro de un sitio por medio de un URL especfico para cada una.
URL significa Uniform Resource Locator.

URL
Protocolo Dominio Archivo

http://www.subdesarrollando.com.ar/prueba/archivo.html

Convencin

Carpeta

URL
Si no especificamos el archivo, el servidor devolver un archivo por defecto, generalmente llamado index.html
http://subdesarrollando.com.ar/prueba/

Es lo mismo que:
http://subdesarrollando.com.ar/prueba/index.html

Si pedimos un archivo que no existe, el servidor devolver un error 404.

http://subdesarrollando.com.ar/prueba/noexiste.html

Cliente y Servidor

Cliente y Servidor
Lo que nosotros vemos como una pgina web completa

en el navegador

En realidad son archivos separados en el servidor

HTML
Las pginas estn construidas principalmente en lenguaje HTML, que tiene algunas variantes.
Luego veremos esto en ms detalle. Son archivos de texto plano. Pueden tener extensin
.htm
.html e incluso otras.

Imgenes
No puede utilizarse cualquier tipo de imagen en las pginas HTML.
Pueden ser imgenes
.jpg
.gif .png

.swf (Flash)
.svg

Luego entraremos en ms detalle.

Vamos a construir un sitio

Para construir un sitio necesitamos 3 cosas:

1. Un nombre
misitio.com

2. Un lugar
Servidor con IP Fija

3. Un contenido
Archivos html e imgenes