INTRODUCCION 
A INTERNET 
Y LA WEB 
Unidad 4 
TIC – 4º 
Escuela Nacional Ernesto Sabato 
UNICEN
Clientes, servidores y la nube 
● Clientes 
● Servidores 
● La nube: conjunto de terminales y 
servidores 
● TCP/IP
Clientes y navegadores 
● Clientes 
● Navegador (browser) 
● Tiendas de aplicaciones
Máquina servidora (host) 
● Contiene información y servicios 
● Tiene una dirección “conocida” en Internet 
● Dirección de...
Servidores y puertos 
● Puerto: Es donde “escucha” el servidor 
Los servicios tienen un protocolo y un 
puerto por defecto...
URL 
● URL (Uniform Resource Locator) 
● Dirección de un recurso en un servidor en 
Internet 
● Internet soporta muchos ti...
URL (ejemplos) 
● URL Web: utiliza HTTP para acceder a 
recursos 
Protocolo, servidor y recurso (camino): 
http://google.c...
HTTP (HiperText Transfer 
Protocol) 
● Protocolo Web 
● Procesa recursos identificados por un URL 
en un servidor remoto
HTTP (HiperText Transfer 
Protocol) 
● Métodos o comandos principales de HTTP 
● GET: trae al cliente (lee) un recurso 
id...
Aplicación Web 
● HTML: Lenguaje de marcado de páginas 
Web. Define la estructura del contenido de 
una página Web 
● CSS:...
Página Web 
● HTML 
● CSS 
● JavaScript 
<!doctype html> 
<html> 
<head> 
<meta charset="utf­8"> 
<title>Mi primera página...
Mi primera web 
<!doctype html> 
<html> 
<head> 
<meta charset="utf­8"> 
<title>Mi primera página</title> 
<style> 
body {...
Marcado HTML 
● Se emplea para el estructurado semántico 
del texto 
● Los textos habituales están formados por 
párrafos,...
Marcado básico 
Texto 
● <p></p> - párrafo 
● <em></em> - da énfasis al texto 
● <strong></strong> - máxima importancia 
●...
Marcado básico 
Listas 
● <ul></ ul > - define listas, no ordenadas 
● <ol></ ol > - define listas, ordenadas 
● <li></li>...
Marcado básico 
Salto de línea 
● <br> - Salto de línea en el texto, sin los 
márgenes definidos para el párrafo
Marcado básico 
Tablas 
● Las tablas se definen con las etiquetas 
<table> 
● <tr> para cada fila y 
● <td> para cada colu...
Marcado básico 
Hiperenlaces 
● Define una relación entre documentos 
● <a href="http://www.unicen.edu.ar/">UNICEN</a>
Próxima SlideShare
Cargando en…5
×

Conceptos Internet y web

355 visualizaciones

Publicado el

Conceptos clave de Internet y la web

Publicado en: Educación
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
355
En SlideShare
0
De insertados
0
Número de insertados
72
Acciones
Compartido
0
Descargas
13
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.
  • Clientes:
    Dan acceso a información y servicios en Internet
    Servidores:
    Alojan la información y los servicios
    La nube: conjunto de terminales y servidores
    interconectados con aplicaciones y protocolos de Internet
    TCP/IP: protocolos de interconexión de redes de fibra, cable, WIFI, ...
    sobre los que se implementan las aplicaciones de Internet y sus protocolos
  • Clientes de acceso a Internet más importantes
    PCs, portátiles, tabletas, teléfonos inteligentes
    Navegador (browser) cliente Web de acceso a servidores
    Utilizando: URL, HTTP, HTML, CSS y JS
    p.e. Chrome, Firefox, Internet Explorer, Opera, Safari, ...
    Tiendas de aplicaciones
    Instalan aplicaciones en móviles y tabletas
    Las aplicaciones usan las normas de la Web (URL, HTTP, ....)
  • IPv4: versión 4 del protocolo IP con dirección de 32 bits o 4 octetos
    w ejemplo:
    192.9.0.144,
    127.0.0.1 (localhost - mi máquina),
    ...
    IPv6: versión 6 del protocolo IP (última) con dirección de 128 bits
    w ejemplo:
    2001:db8:85a3::8a2e:370:7334, ....
  • Conceptos Internet y web

    1. 1. INTRODUCCION A INTERNET Y LA WEB Unidad 4 TIC – 4º Escuela Nacional Ernesto Sabato UNICEN
    2. 2. Clientes, servidores y la nube ● Clientes ● Servidores ● La nube: conjunto de terminales y servidores ● TCP/IP
    3. 3. Clientes y navegadores ● Clientes ● Navegador (browser) ● Tiendas de aplicaciones
    4. 4. Máquina servidora (host) ● Contiene información y servicios ● Tiene una dirección “conocida” en Internet ● Dirección de dominio o DNS ● Cada dirección de dominio tiene una dirección IP (binaria) asociada ● Hay 2 tipos de direcciones IP: IPv4 e IPv6
    5. 5. Servidores y puertos ● Puerto: Es donde “escucha” el servidor Los servicios tienen un protocolo y un puerto por defecto ● Web: protocolo HTTP (puerto 80), HTTPS (443) ● Email: protocolo SMTP (puerto 25), POP3 (110), IMAP143) ● Shell seguro: protocolo SSH (puerto 22)
    6. 6. URL ● URL (Uniform Resource Locator) ● Dirección de un recurso en un servidor en Internet ● Internet soporta muchos tipos de servicios diferentes ● Cada tipo de servicio utiliza un URL y protocolo diferentes
    7. 7. URL (ejemplos) ● URL Web: utiliza HTTP para acceder a recursos Protocolo, servidor y recurso (camino): http://google.com/picture.png ● URL de correo (email): identifica el buzón de usuario Protocolo, buzon de usuario y servidor: mailto:pepe_garcia@gmail.com
    8. 8. HTTP (HiperText Transfer Protocol) ● Protocolo Web ● Procesa recursos identificados por un URL en un servidor remoto
    9. 9. HTTP (HiperText Transfer Protocol) ● Métodos o comandos principales de HTTP ● GET: trae al cliente (lee) un recurso identificado por un URL ● POST: crea un recurso identificado por un URL ● PUT: actualiza un recurso identificado por un URL ● DELETE: borra un recurso identificado `pr un URL
    10. 10. Aplicación Web ● HTML: Lenguaje de marcado de páginas Web. Define la estructura del contenido de una página Web ● CSS: Define el estilo visual de un una página o aplicación Web (HTML) ● JavaScript: Lenguaje de programación de aplicaciones de cliente
    11. 11. Página Web ● HTML ● CSS ● JavaScript <!doctype html> <html> <head> <meta charset="utf­8"> <title>Mi primera página</title> <style> body { color: red; } </style> </head> <body> La fecha de hoy es: <script> document.write(Date()); </script> </body> </html>
    12. 12. Mi primera web <!doctype html> <html> <head> <meta charset="utf­8"> <title>Mi primera página</title> <style> body { color: red; } </style> </head> <body> Hoy es: <script> var f = new Date(); document.write(f.getDate() + "/" + (f.getMonth() +1) + "/" + f.getFullYear()); </script> </body> </html>
    13. 13. Marcado HTML ● Se emplea para el estructurado semántico del texto ● Los textos habituales están formados por párrafos, palabras en negrita o cursiva, anotaciones y correcciones o citas a otros documentos externos.
    14. 14. Marcado básico Texto ● <p></p> - párrafo ● <em></em> - da énfasis al texto ● <strong></strong> - máxima importancia ● <b></b> para la bold o negrita ● <i></i> para la itálica o cursiva
    15. 15. Marcado básico Listas ● <ul></ ul > - define listas, no ordenadas ● <ol></ ol > - define listas, ordenadas ● <li></li> - define los elementos de las listas
    16. 16. Marcado básico Salto de línea ● <br> - Salto de línea en el texto, sin los márgenes definidos para el párrafo
    17. 17. Marcado básico Tablas ● Las tablas se definen con las etiquetas <table> ● <tr> para cada fila y ● <td> para cada columna ● <th> indica que una celda es la cabecera
    18. 18. Marcado básico Hiperenlaces ● Define una relación entre documentos ● <a href="http://www.unicen.edu.ar/">UNICEN</a>

    ×