conceptos internet y web
TRANSCRIPT
INTRODUCCIONA INTERNET
Y LA WEB
Unidad 4TIC – 4º
Escuela Nacional Ernesto SabatoUNICEN
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 dominio o DNS ● Cada dirección de dominio tiene una
dirección IP (binaria) asociada
● Hay 2 tipos de direcciones IP: IPv4 e IPv6
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)
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
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:[email protected]
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
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
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
Página Web
● HTML ● CSS ● JavaScript
<!doctype html><html><head><meta charset="utf8"><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>
Mi primera web<!doctype html><html><head><meta charset="utf8"><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>
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.
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
Marcado básico
Listas● <ul></ ul > - define listas, no ordenadas● <ol></ ol > - define listas, ordenadas● <li></li> - define los elementos de las listas
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 columna ● <th> indica que una celda es la cabecera
Marcado básico
Hiperenlaces● Define una relación entre documentos● <a href="http://www.unicen.edu.ar/">UNICEN</a>