Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al...

24
http://czsa.enlaces.cl Internet

Transcript of Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al...

Page 1: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Internet

Page 2: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Índice

1. Conceptos básicos

2. Servicios de internet

3. Terminología técnica

4. Acceso al web

5. Diseño de sitios web

Page 3: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Conceptos básicos

– Internet:* Conjunto de redes de computadores distribuidos por

todo el mundo que se interconectan entre si para compartir recursos e información. No pertenece a ninguna institución ni es gobernada por alguien.

Page 4: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– World Wide Web (WWW)

– Correo Electrónico (E-mail)

– File Transfer Protocol (FTP)

– Newsgroup

– Listas de interés

– Comunicación en tiempo real (IRC, CHAT, ICQ, Videoconferencia, Internet Phone, etc)

Page 5: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– Página Web:* Documento multimedios que se accede a través del

Web. Puede contener textos, imágenes, sonidos, animaciones e hiperenlaces.

– Hiperenlaces:* Enlaces entre documentos.

Pág. 1 Pág. 2 Página 1: FuentePágina 2: DestinoEnlace: Puede ser entretextos, imágenes, videos...

Page 6: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– Correo electrónico:* Sistema de mensajeria electrónica personal, en que el

envío y despacho se realiza desde un computador a otro en cuestión de minutos sin importar las distancias.

* Su símbolo identificatorio es el @ arroba.

Page 7: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– Listas de interés:* Servicio de internet que permite intercambiar mensajes

de correo electrónico sobre un tema determinado, con un grupo definido de personas. Las listas de interés asemejan la suscripción a revistas.

Page 8: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– Grupos de noticias (newsgroup):* Espacios públicos de discusión en los que se publican

mensajes de texto sobre un tema determinado. Asemejan paneles de información pública.

Page 9: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– FTP (File Transfer Protocol):* Transferencia de archivos de un computador a otro,

independiente de la ubicación.

Servidor de internet

Computador personal

Page 10: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Servicios de internet

– IRC(Internet Relay Chat): Comunicación en tiempo real vía texto.

– ICQ (I seek you): Programa que se encarga de avisar que se esta conectado, permitiendo recibir y responder mensajes en tiempo real.

– Videoconferencia: Comunicación en tiempo real vía video.

– Internet Phone: Comunicación en tiempo real vía voz, asemeja a la comunicación telefónica.

Page 11: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Terminología técnica

– TCP-IP (Transmission Control Protocol-Internet Protocol)

* Protocolo de comunicación de datos de internet

– IP (Internet Protocol)

* Número único de identificación de un computador en internet.

– DNS (Domain Name Server)

* Servidor que tiene registrados los números IP y los correspondientes nombres en internet

Page 12: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Terminología no tan técnica

– TCP-IP* Idioma de comunicación que permite a los

computadores dialogar entre si. (p.e. Inglés)

– IP* RUT del computador

– DNS* Registro Civil

Page 13: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web

– Sitio Web (Web Site):* Conjunto de páginas relacionadas en contenido y

pertenecientes a un mismo creador. El creador puede ser un individuo, una organización, etc.

– Servidor de Web (Web Server):* Es el dispositivo en el que se encuentran almacenadas

las páginas. Se encarga de administrar el acceso a ellas.

Servidor de Web Cliente

Página Web

Page 14: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web

– Direcciones Electrónicas:

* Direcciones Físicas: Direcciones IP.

Ejemplo de Dirección IP: 200.13.0.1

• En el caso de estar conectados a una red con enlace dedicado, las direcciones IP son únicas, por máquina.

• En el caso de conexiones discadas, la dirección IP asignada a una máquina puede variar de una conexión a otra .

Page 15: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web

– Direcciones Electrónicas:

* Direcciones Lógicas: Asignación de nombres a las direcciones físicas IP Sistema de Nombres por Dominio (DNS)

Ejemplo de Dirección lógica: enlaces.ufro.cl

• Categorías de Dominios: Los dominios se clasifican por la terminación del nombre o dirección. Por ejemplo: .com es un dominio comercial, .org es un dominio de organizaciones, .edu es un dominio educativo...

Page 16: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web

– Direcciones Electrónicas:

* Direcciones Físicas Direcciones Lógicas

200.13.0.1 enlaces.ufro.cl

146.83.141.27 enlaces.umag.cl

146.83.1.1 reuna.cl

Page 17: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web– Protocolos:

* HTTP (Hyper Text Transfer Protocol): Protocolo que permite la interacción entre (1) servidores Web y (2) entre servidores y un programa cliente Web; con el objetivo de intercambiar documentos hipermedios. Este protocolo permite al programa cliente contactar a un servidor de Web y traer la información deseada para presentársela al usuario.

Servidor de Web Cliente

Página WebHTTP

Page 18: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web– Localizador Universal de Recursos

(URL, Uniform Resource Locator) * El URL permite ubicar la información contenida en un

servidor.

* Un URL contiene una descripción completa de la ubicación de documentos dentro de los servidores.

Ejemplo de URL:

http://www.enlaces.cl/P1_red/R3_pres/index_pres.html

Protocolo

Dirección en Internet

Dirección IPo nombre lógico

Directorios internos

Page 19: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Acceso al Web

– Visualización y Consulta:* Ojeadores (Browsers): Son aplicaciones cliente que

permiten acceder a servidores Web, recuperar y visualizar páginas, habilitando así al usuario para la navegación en el Web. Ejemplos de browsers: Netscape Comunicator, Internet Explorer, Opera, etc.

* Buscadores: Permiten hacer consultas para ubicar información relevante a un tópico en el Web. Ejemplos de buscadores son: altavista, yahoo, excite, etc.

Page 20: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Diseño de Sitios Web

– Diseño Lógico del Sitio:* Determinación de la información a publicar: Se estudia

el objetivo del sitio y se escoge la metáfora subyacente. En base a ésta, se establece la organización lógica de las páginas que conforman el sitio y la información que se coloca en cada una de ellas.

Ejemplos de Metáforas: Libro, tienda, curriculum, etc.

Page 21: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Diseño de Sitios Web

– Diseño Lógico del Sitio:* Construcción del Mapa de Navegación : Descripción

gráfica de la estructura lógica del sitio, presentando las relaciones o enlaces entre páginas y cómo navegar entre ellas.

UFRO-Home

Organización Investigación Extensión

Dependencias Departamentos

Computación Mecánica Electrónica

Profesores Materias

Page 22: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Diseño de Sitios Web

– Diseño Físico del Sitio:* Determinación de la jerarquía de directorios del sitio:

Se especifica la estructura de directorios donde se almacenarán las páginas del sitio a diseñar.

UFRO/recursos

/imágenes/sonido/videos

/organización/dependencias/departamentos

...

Ejemplo:

Page 23: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Diseño de Sitios Web

– Diseño de las Páginas del Sitio:* Determinación del aspecto visual y de la organización

de la información dentro de cada página.

* Las páginas dentro de un Web Site deben estar debidamente relacionadas, de tal manera que puedan ser alcanzadas (visitadas) por los usuarios externos del sitio.

* El diseño de todas las páginas del sitio debe ser consistente: colores, iconografía, enlaces.

Page 24: Internet. Índice 1.Conceptos básicos 2.Servicios de internet 3.Terminología técnica 4. Acceso al web 5. Diseño de sitios web.

http://czsa.enlaces.cl

Implementación de Páginas Web

– Especificación:

* Las páginas son especificadas haciendo uso del lenguaje HTML (Hyper Text Markup Language).

* HTML es un lenguaje estándar para la especificación de documentos hipermedios.