FUNDAMENTOS WEB

¿Qué es una red de computadoras?

Es la de un sistema de comunicaciones, ya que permite comunicarse con otros usuarios y compartir archivos y periféricos. Es decir es un sistema de comunicaciones que conecta a varias unidades y que les permite intercambiar información.

Se entiende por red al conjunto interconectado de ordenadores autómomos.

Se dice que dos ordenadores están interconectados, si éstos son capaces de intercambiar información. La conexión no necesita hacerse a través de un hilo de cobre , también puede hacerse mediante el uso de láser, microondas y satélites de comunicación.

¿Qué es Internet?

El nombre Internet procede de las palabras en inglés ”Interconnected Networks”, que significa “redes interconectadas”. Internet es la unión de todas las redes y computadoras distribuidas por todo el mundo, por lo que se podría definir como una red global en la que se conjuntan todas las redes que utilizan protocolos TCP/IP y que son compatibles entre sí.

Técnicamente el internet se puede definir como un grupo de redes de ordenadores que se encuentran interconectadas, pero su funcionamiento no se adapta a un solo tipo de ordenador, a un medio físico privilegiado, a un tipo de red en concreto y a ninguna tecnología inclusiva de conexión, ya que se trata de una red dinámica y flexible, que puede ser adaptada a distintos contextos tecnológicamente hablando.

¿Qué es una Página Web?

Una página web, o página electrónica, página digital, o ciberpágina es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).

La WWW/ Word wide web, también conocida como o red mundial informática, es el sistema a través del cual se distribuyen documentos de tipo hipermedio y de hipertexto conectados a través de redes y por medio del cual se puede acceder a ellos.

¿Qué es un Sitio Web?

Un sitio web es un conjunto de páginas web desarrolladas en código html, relacionadas a un dominio de Internet el cual se puede visualizar en la World Wide Web (www) mediante los navegadores web o también llamados browser como ser Chrome, Firefox, Edge, Opera entre otros.

Cada página web perteneciente al sitio web tiene como objetivo publicar contenido, y este contenido podrá ser visible o no al público.

Clasificación de los Sitios Web

a. Por dinamismo

• Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden a una base de datos para obtener el contenido. Por lo general un sitio web estático es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio en la información que contiene cada página.

• Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que acceden a una base de datos para obtener los contenidos y reflejar los resultados obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio web podrá agregar, modificar y eliminar contenidos del sitio web a través de un “sistema web”, generalmente con acceso restringido al público mediante usuario y contraseña, el cual se denomina BACK END.

b. Por apertura

• Estructura Abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite.

• Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página.

• Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos específicos, cómo por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes.

Servicios de Internet

a. La World Wide Web (WWW)

Es un servicio de Internet con el que accedemos a la información organizada en bloque llamados páginas Web.
Así podemos consultar información de instituciones, empresas, etc.

b. El correo electrónico

El correo electrónico sirve para enviar y recibir mensajes escritos entre usuarios de una red informática.

c. El servicio de conversación en línea (Chat)

El Chat, cuyo significado en español es “charla”, es un servicio en el que dos o más personas pueden establecer conversaciones a través de ventanas de texto en las que van apareciendo consecutivamente las intervenciones que cada interlocutor escribe con su teclado.

d. El control remoto de equipos (Telnet)

El servicio Telnet permite controlar un ordenador desde un lugar distante, sin sentarnos delante de él.

e. Los foros de discusión.

Los foros de discusión son un servicio de Internet en el que muchos usuarios acceden a los mensajes escritos por un visitante de dicho foro.

f. La transferencia de archivos (FTP)

El servicio FTP (File Transfer Protocol) permite transferir archivos entre equipos informáticos.

g. Videoconferencia

El servicio de videoconferencia permite mantener comunicación sonora y visual entre dos usuarios de Internet.

Dominio

El dominio web de tu sitio web es esencialmente el equivalente a una dirección física. De la misma manera que un satélite necesita una dirección o un código postal para dar direcciones, un navegador web necesita un nombre de dominio para dirigirte a un sitio web.

Un dominio de internet se forma a partir de dos elementos principales. Por ejemplo, el nombre de dominio Facebook.com consiste del nombre del sitio web (Facebook) y la extensión del dominio (.com). Cuando una empresa (o una persona) compra un dominio web, puede especificar a qué servidor apunta el nombre de dominio.

a. Partes de un dominio

1- Protocolo

El HTTP (Hypertext Transfer Protocol), protodolo de transferencia de hypertexto en castellano, es la primera parte que encontramos en una dirección web y es, como su nombre indica, el protocolo de comunicación que permite la transferencia de información por internet.

Gracias a este protocolo existe una comunicación entre el cliente (nosotros solicitando una información mediante un navegador) y el servidor (donde se almacena la información). Sigue el esquema petición-respuesta y necesita de los clientes y de los servidores para que tenga sentido.

El más conocido de estos protocolos es el HTTP pero desde ya hace un tiempo Google, uno de los grandes en internet, recomienda usar el HTTPS (protodolo seguro de transferencia de hypertexto). Basado en el protocolo HTTP, el HTTPS es la versión segura de transferencia de datos en internet.

Entre el protocolo y el subdominio (si tiene) encontramos lo siguiente “://“, dos puntos y dos barras laterales. Ambos sirven para separar estas dos partes de una dirección web.

2- Subdominio (www)

El subdominio es un subgrupo del nombre del dominio que se puede o no utilizar con fines organizativos y que se puede considerar como un dominio de segundo nivel. Por lo general encontraremos las conocidas tres w “www” (World Wide Web) pero en ocasiones la dirección web la encontramos sin subdominio u otras variantes con la finalidad de utilizarlos como un anexo del dominio principal.

3- Dominio

El dominio hace referencia al nombre único que identifica a un sitio web. Gracias a los nombres de dominio, que son fáciles de recordar, no tenemos que utilizar las direcciones IP (es un número que identifica una interfaz en la red) para poder acceder a cada uno de los recursos de internet.

4- TLDs, extensión o terminación

La extensión del dominio, también conocido como terminación o TLDs, es la parte final de una dirección web y que nos indica la naturaleza del mismo dominio.

5- Carpeta o directorio

La carpeta o directorio es esa parte de una URL que no indica que dentro del mismo hay una página y que se suele utilizar para organizar de forma ordenada la estructura de una página web.

6- Página o Ruta

La página o ruta hace referencia al un fichero o archivo de la página web. Las páginas es donde se suele cargar todo la información que encontramos dentro de una web.

7- Etiqueta

La etiqueta es una referencia interna a un contenido de una página. Son las etiquetas necesarias para llamar a un contenido enlazado de forma interna mediante un enlace ancla.

b. Tipos de dominio

Dominios de nivel superior genéricos (gTLD)

Se caracterizan por tener 3 o más letras en la terminación y se crearon pensando para un tipo particular de empresas u organizaciones.

Ejemplos de Extensiones genéricas:

• .COM
• .NET
• .ORG
• .INFO

Dominios de nivel superior geográficos (ccTLD)

Están pensados para determinar el territorio al que pertenece la dirección web. Se caracterizan por usar un código ISO 3166-1 del país de 2 letras tal y como te mostramos en los siguientes ejemplos:

• .GT (Guatemala)
• .AR (Argentina)
• .ES (España)
• .MX (México)

Formas de almacenar sitios web

a. Hosting

El hosting es un servicio en línea que te permite publicar tu sitio web o aplicación web en Internet. Cuando te registras para un servicio de hosting, básicamente alquilas un espacio en un servidor en el cual puedes almacenar todos los archivos y datos necesarios para que tu sitio web funcione correctamente.

Diferentes tipos de hosting

La mayoría de los proveedores de hosting ofrecen diferentes tipos de hosting web para poder satisfacer las necesidades de diferentes clientes. Los tipos de hosting más frecuentes son los siguientes:

• Hosting Compartido
• Hosting VPS (Servidor privado virtual)
• Hosting en la nube
• Hosting WordPress
• Hosting con servidor dedicado

b. Reseller Hosting

Haciendo una traducción simple, podriamos llamarlo como un revendedor de Hosting. Se trata de una persona que contrata un servicio de buena calidad para hospedar varios sitios web.

Este tipo de alojamiento web te permite:

1. Adquirir un gran espacio en disco duro y ancho de banda.
2. Administrarlo a tu modo y alquilarle el espacio a terceros como empresarios, emprendedores, pequeñas empresas o bloggers, entre otros.
3. Proporcionar este servicio a tus propios clientes, como si fueras tú mismo el proveedor.

c. VPS

Un Servidor Virtual Privado (VPS, del inglés Virtual Private Server) es un método de particionar un servidor físico en varios servidores de tal forma que todo funcione como si se estuviese ejecutando en una única máquina. Cada servidor virtual es capaz de funcionar bajo su propio sistema operativo y además cada servidor puede ser reiniciado de forma independiente.

Los hosting VPS, contienen los mejores elementos de los servicios de alojamiento de un alojamiento compartido y dedicado. Al igual que el alojamiento compartido, VPS pone su sitio web en un servidor que también tiene otros sitios que se ejecutan en él, excepto que hay un menor número de sitios por servidor. Los sitios comparten el costo de funcionamiento en el servidor, lo que se traduce en una cuota mensual o anual que es menos de la etiqueta de precio relativamente alto de un hosting dedicado.

d. Almacenamiento en la nube

i. Google Cloud

Es una plataforma que ha reunido todas las aplicaciones de desarrollo web que Google estaba ofreciendo por separado. Es utilizada para crear ciertos tipos de soluciones a través de la tecnología almacenada en la nube y permite por ejemplo destacar la rapidez y la escalabilidad de su infraestructura en las aplicaciones del buscador.

Google Cloud se refiere al espacio virtual a través del cual se puede realizar una serie de tareas que antes requerían de hardware o software y que ahora utilizan la nube de Google como única forma de acceso, almacenamiento y gestión de datos.

ii. AWS

Amazon Web Services (AWS abreviado) es una colección de servicios de computación en la nube pública (también llamados servicios web) que en conjunto forman una plataforma de computación en la nube, ofrecidas a través de Internet por Amazon.com. Es usado en aplicaciones populares como Dropbox, Foursquare, HootSuite. Es una de las ofertas internacionales más importantes de la computación en la nube y compite directamente contra servicios como Microsoft Azure y Google Cloud Platform. Es considerado como un pionero en este campo.

iii. Microsoft Azure

Microsoft Azure es una plataforma general que tiene diferentes servicios para aplicaciones, desde servicios que alojan aplicaciones en alguno de los centros de procesamiento de datos de Microsoft para que se ejecute sobre su infraestructura (Cloud Computing) hasta servicios de comunicación segura y federación entre aplicaciones.​ En el reporte de Gartner "Magic Quadrant" más reciente, Azure fue uno de solo dos vendedores (el otro siendo Amazon Web Services) otorgado el título de "Líderes." 

Tecnologías utilizadas para construcción de sitios web

a. HTML

HTML, siglas en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.

b. CSS

CSS (siglas en inglés de Cascading Style Sheets), en español "Hojas de estilo en cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.​ Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML; el lenguaje puede ser aplicado a cualquier documento XML, incluyendo XHTML, SVG, XUL, RSS, etcétera. También permite aplicar estilos no visuales, como las hojas de estilo auditivas.

Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web y GUIs para muchas aplicaciones móviles (como Firefox OS).

CSS está diseñado principalmente para marcar la separación del contenido del documento y la forma de presentación de este, características tales como las capas o layouts, los colores y las fuentes. Esta separación busca mejorar la accesibilidad del documento, proveer más flexibilidad y control en la especificación de características presentacionales, permitir que varios documentos HTML compartan un mismo estilo usando una sola hoja de estilos separada en un archivo .css, y reducir la complejidad y la repetición de código en la estructura del documento.

c. JavaScript

JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,​ basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.

Tecnología Cliente-Servidor

La arquitectura cliente-servidor es un modelo de diseño de software en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. Esta idea también se puede aplicar a programas que se ejecutan sobre una sola computadora, aunque es más ventajosa en un sistema operativo multiusuario distribuido a través de una red de computadoras.

Algunos ejemplos de aplicaciones computacionales que usen el modelo cliente-servidor son el Correo electrónico, un Servidor de impresión y la World Wide Web.

En esta arquitectura la capacidad de proceso está repartida entre los clientes y los servidores, aunque son más importantes las ventajas de tipo organizativo debidas a la centralización de la gestión de la información y la separación de responsabilidades, lo que facilita y clarifica el diseño del sistema.

La separación entre cliente y servidor es una separación de tipo lógico, donde el servidor no se ejecuta necesariamente sobre una sola máquina ni es necesariamente un sólo programa. Los tipos específicos de servidoresincluyen los servidores web, los servidores de archivo, los servidores del correo, etc. Mientras que sus propósitos varían de unos servicios a otros, la arquitectura básica seguirá siendo la misma.