You are on page 1of 25

Profesor: Mario Figge

Curso de Diseño Web

CONCEPTOS

Uso del Laboratorio
 Las máquinas están Freezadas.
 No dejen archivos en cualquier parte.  No se olviden los pen.

. no solamente el diseño y codificación. sino también los pasos previos y posteriores. como registro del nombre de dominio. y optimización para los buscadores.Objetivos del Curso  Abarcar en forma práctica todo el proceso de construcción de un sitio web.

Panorama del Curso     Conceptos. Dominios. Hosting. Editor de Código  HTML  CSS  Editor de Imágenes  Manipulación de Imágenes  Prototipado .

Soporte Online  Correo del Profesor mario@3tristestigres.ar Contraseña: web13 .com.com  Blog http://subdesarrollando.

Mainframes. Cisco.) y distinto software (Windows. etc. Solaris.) necesitamos un lenguaje común. MAC. etc. Sun. Linux. MacOS.Internet Para poder establecer una comunicación entre distinto hardware (PC. Unix. TCP / IP  Es lo que se denomina un PROTOCOLO .

Internet  Internet es un método de interconexión descentralizada de redes de computadoras implementado en un conjunto de protocolos denominado TCP/IP que garantiza que redes físicas heterogéneas funcionen como una red lógica única.  Cuando hablamos de Internet. hablamos de COMUNICACIONES . de alcance mundial.

para ello.65 . las computadoras necesitan poder identificarse mutuamente en forma inequívoca.123. una dirección IP se representa mediante un número binario de 32 bits. 164. a cada una se le asigna una DIRECCIÓN IP  En su version 4.12.Internet  Para poder comunicarse entre sí.

.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:  Conexión Telefónica  ADSL / DSL  Cable  Wi-Fi  3G .

y que estos equipos no puedan utilizarse para dar servicio.net .cual-es-mi-ip. por lo que se dice que el equipo tiene IP Dinámica  Esto hace que no se pueda identificar a los usuarios en Internet. la computadora del usuario recibe una dirección IP que la identifica.  Esta dirección IP puede ser diferente cada vez que el usuario se conecte.Conexiones a Internet  Al conectarse a Internet.  http://www.

 Estos equipos que dan servicio. mensajería instantánea. por ello utilizan una dirección IP Fija . como: sitio web.Conexiones a Internet  Un equipo conectado a Internet puede brindar servicios. se denominan SERVIDORES  Los servidores no pueden cambiar su dirección IP. porque no podríamos encontrarlos. email.

.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.

edu.Servidores  Podemos acceder a un servidor por medio de su dirección IP.  Ejemplo: http://unr.222  Como recordar direcciones IP es difícil para los seres humanos se inventó el servicio de DNS.  Ejemplo: http://200.120. que permite asociar nombres a las direcciones IP.ar .3.

20.53.  unr.120.ar  200.180 .edu.Servidores de DNS  Son servidores que almacenan tablas donde se mapean nombres con direcciones IP.ar  67.222  subdesarrollando.com.3.

 Luego aprenderemos más de los nombres de dominio. . el mismo es convertido automáticamente en una dirección IP por el servidor de DNS de nuestra red.Nombres de Dominio  Al comunicarnos con un servidor a través del nombre de dominio.

desde servidores web de todo el mundo a través del protocolo HTTP. .  Esta red de documentos es denominada World Wide Web (WWW).Navegador  Un navegador web o explorador web es un software que permite visualizar documentos.

.  URL significa Uniform Resource Locator.Navegador  En el navegador accedemos a los documentos (o páginas) dentro de un sitio por medio de un URL específico para cada una.

ar/prueba/archivo.com.subdesarrollando.URL Protocolo Dominio Archivo http://www.html Convención Carpeta .

html  http://subdesarrollando. el servidor devolverá un error 404.ar/prueba/index.  http://subdesarrollando. generalmente llamado index.html  Si pedimos un archivo que no existe.ar/prueba/noexiste.com.ar/prueba/  Es lo mismo que:  http://subdesarrollando. el servidor devolverá un archivo por defecto.URL  Si no especificamos el archivo.com.com.html .

Cliente y Servidor .

Cliente y Servidor  Lo que nosotros vemos como una página web completa en el navegador  En realidad son archivos separados en el servidor .

html  e incluso otras.  Luego veremos esto en más detalle.  Son archivos de texto plano.  Pueden tener extensión  . que tiene algunas variantes.htm  . .HTML  Las páginas están construidas principalmente en lenguaje HTML.

 Pueden ser imágenes  .jpg  . .png  .svg  Luego entraremos en más detalle.Imágenes  No puede utilizarse cualquier tipo de imagen en las páginas HTML.gif  .swf (Flash)  .

Un contenido Archivos html e imágenes .Vamos a construir un sitio  Para construir un sitio necesitamos 3 cosas:  1. Un lugar Servidor con IP Fija  3. Un nombre misitio.com  2.