Curso de Diseño Web Profesor: Mario Figge. Uso del Laboratorio Las máquinas están Freezadas. No dejen archivos en cualquier parte. No se olviden los pen.

Presentación del tema: "Curso de Diseño Web Profesor: Mario Figge. Uso del Laboratorio Las máquinas están Freezadas. No dejen archivos en cualquier parte. No se olviden los pen."— Transcripción de la presentación:

1 Curso de Diseño Web Profesor: Mario Figge

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

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

4 Panorama del Curso Conceptos. Dominios. Hosting. Dreamweaver HTML CSS Fireworks Manipulación de Imágenes Prototipado

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

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

7 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, de alcance mundial. Cuando hablamos de Internet, hablamos de COMUNICACIONES

8 Internet Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah. Internet no es lo mismo que WWW (World Wide Web).

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

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

11 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

12 Conexiones a Internet Al conectarse a 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, por lo que se dice que el equipo tiene IP Dinámica 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

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

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

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

16 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

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

18 Servidores Podemos espiar un poco usando el Símbolo del Sistema: ping lacapital.com.ar tracert lacapital.com.ar

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

20 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. URL significa Uniform Resource Locator.

21 URL http://www.subdesarrollando.com.ar/prueba/archivo.html ProtocoloDominioArchivo ConvenciónCarpeta

22 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

23 Cliente y Servidor

24 Lo que nosotros vemos como una página web completa en el navegador En realidad son archivos separados en el servidor

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

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

27 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 imágenes