Introducción

Comenzamos este taller con el fin de conocer las tres tecnologías básicas para construir la web: HTML, CSS y Javascript

Pero ¿qué es la WEB?

World Wide Web o más conocida como WEB es un sistema interconectado de páginas web públicas accesibles a través de Internet (art. en inglés). La Web no es lo mismo que el Internet: la Web es una de las muchas aplicaciones construidas sobre internet.

Tim Berners-Lee propusó la arquitectura de lo que es conocido como la World Wide Web. Él creó el primer servidor web (server) (art. en inglés), el primer navegador de internet (browser) (art. en inglés), y la primera página web, en su computadora del laboratorio de investigación de física del CERN en 1990. En 1991, anunció su creación en el grupo de noticias alt.hypertext, marcando con esto el momento en que la Web se hizo pública.

¿Qué es internet?

Internet es una red mundial de redes que utiliza el conjunto de protocolos de Internet (también conocidos como TCP/IP siendo sus dos más importantes protocolos).

¿INTERNET vs WEB?

No, no es una batalla a muerte, solo una oportunidad para señalar la distinción entre dos palabras que se usan cada vez más indistintamente.

Ninguna empresa es propietaria de internet; Es un esfuerzo cooperativo regido por un sistema de normas y reglas. El propósito de conectar computadoras entre sí, por supuesto, es compartir información.

Hay muchas formas en que se puede pasar la información entre las computadoras, incluido el correo electrónico (POP3 / IMAP / SMTP), la transferencia de archivos (FTP), el shell seguro (SSH) y muchos más modos especializados en los que internet esta construido. Estos métodos estandarizados para transferir datos o documentos a través de una red se conocen como protocolos.

¿Y el protocolo para la WEB ?

La web (originalmente llamada World Wide Web, por lo tanto, muchos sitios utilizan “www” en sus nombres) es solo una de las formas en que se puede compartir la información a través de Internet.

Es único ya que permite que los documentos se vinculen entre sí a través de enlaces de hipertexto, formando así una enorme "red" de información conectada. La web utiliza un protocolo llamado HTTP (Protocolo de transferencia de hipertexto).

Por ejemplo: http://www.cet30.edu.ar

URL

Uniform Resource Locator (URL) es una cadena de texto que especifica dónde puede encontrarse un recurso (página, imagen, video, sonido, etc.) en Internet. Es también conocido como dirección WEB o enlace.

A continuación analizamos cada una de sus partes:

HTTP

Lo primero que hace la URL es definir el protocolo que se utilizará para esa transacción en particular. Las letras "HTTP" permiten que el servidor sepa utilizar el Protocolo de transferencia de hipertexto o ingrese en el "modo web". También puede ver una URL que comience con https://, lo que significa que "HTTPS, el protocolo de web seguro".

www.cet30.edu.ar

La siguiente porción de la URL identifica el sitio web por su nombre de dominio. En este ejemplo, el nombre de dominio es "cet30.edu.ar". La parte de "www" al principio es el nombre de host particular en ese dominio. El nombre de host "www" se ha convertido en una convención, pero no es una regla. De hecho, a veces el nombre de host puede omitirse. Puede haber más de un sitio web en un dominio (llamados subdominios). Por ejemplo, también puede haber "alumnos.cet30.edu.ar", "docentes.cet30.edu.ar" o lo que necesitemos.

HOST: El término host o anfitrión se usa en informática para referirse a las computadoras u otros dispositivos conectados a una red que proveen y utilizan servicios de ella. Los servidores deben utilizar host/anfitriones para tener acceso a la red y pueden, a su vez, pedir los mismos servicios a otras máquinas conectadas a la red.

/2019/fotos/texto.htm

Esta es la ruta absoluta a través de los directorios en el servidor al documento HTML solicitando el documento texto.htm. Las palabras separadas por barras son los nombres de los directorios (carpetas), comenzando con el directorio raíz del host (como lo indica la inicial /).

Debido a que Internet originalmente incluía computadoras que ejecutan el sistema operativo Unix, nuestra forma actual de hacer las cosas aún sigue las reglas y convenciones de Unix, por lo tanto, los nombres de directorio (carpetas) usan / como separadores.

👉 Entonces, /fotos/ ¿qué es?

texto.html

Las páginas gráficamente ricas e interactivas que vemos en la web están generadas por documentos simples de solo texto. El archivo de texto detrás de escena se conoce como el documento de origen. En este caso texto.htm es el documento fuente de la página web que se visualiza en el Browser (navegador o cliente web).

¿Y cómo se hacen las páginas web?

Para realizar una página web sencillamente utilizando HTML basta. En el ejemplo anterior la página web estaba contenida en un archivo llamado texto.html. Entonces, los archivos HTML tiene como extensión de archivo .html

▶️ Inicialmente vamos a crear un archivo principal o index al que llamaremos index.html

Dentro de los archivos html colocaremos contenido HTML que veremos en el siguiente apartado. La utilización de etiquetas HTML guardadas en el archivo texto.html o index.html o cualquier nombre cuya extensión sea .html es interpretado por los navegadores con instrucciones para saber cómo está el texto estructurado y donde colocar las imágenes, entre otras cosas.