Conceptos Clave de Protocolos Web: HTTP, HTML, CSS y Hosting

Protocolo HTTP: Fundamentos de la Comunicación Web

HTTP (Hypertext Transfer Protocol) es un sencillo protocolo cliente-servidor que articula los intercambios de información entre los clientes web y los servidores HTTP. Se basa en sencillas operaciones de solicitud/respuesta. Un cliente establece una conexión con un servidor y envía un mensaje con los datos de la solicitud. El servidor responde con un mensaje similar, que contiene el estado de la operación y su posible resultado.

Funcionamiento del Protocolo HTTP

Una transacción HTTP está formada por un encabezado seguido, opcionalmente, por una línea en blanco y algún dato. El encabezado especificará elementos como la acción requerida del servidor, el tipo de dato retornado o el código de estado. El uso de campos de encabezados enviados en las transacciones HTTP confiere gran flexibilidad al protocolo. Estos campos permiten que se envíe información descriptiva en la transacción, posibilitando así la autenticación, el cifrado y la identificación de usuario. Un encabezado es un bloque de datos que precede a la información propiamente dicha.

Comunicación Servidor-Cliente en HTTP

El servidor envía al cliente:

• Un código de estado que indica si la petición fue correcta o no. Los códigos de error típicos indican que el archivo solicitado no se encontró, que la petición no se realizó de forma correcta o que se requiere autenticación para acceder al archivo.
• La información propiamente dicha.
• Información sobre el objeto que se retorna.

Finalmente, se cierra la conexión TCP (Protocolo de Control de Transmisión).

Protocolo HTTPS: Seguridad en la Web

HTTPS (Hypertext Transfer Protocol Secure) indica que el sitio utiliza una forma de encriptación de seguridad en los datos, garantizando una comunicación más segura y privada.

Protocolo FTP: Transferencia de Archivos

FTP (File Transfer Protocol) es el protocolo de transferencia de archivos, utilizado para la descarga y carga de documentos entre sistemas.

Tipos de Acceso FTP

Anónimo:

Permite acceder a archivos y descargarlos sin necesidad de credenciales específicas.

Autenticado:

Requiere un nombre de usuario y contraseña para acceder a los recursos.

Embebido:

Está relacionado con el acceso anónimo, a menudo integrado en aplicaciones o navegadores.

Lenguaje HTML: Estructura de Contenido Web

HTML (Hypertext Markup Language) es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<, >).

Servicio de Hosting: Alojamiento Web

Hosting es un servicio que consiste en alojar, servir y mantener archivos para uno o más sitios web. Más importante que el espacio de almacenamiento proporcionado para los archivos del sitio web es la conexión rápida a Internet.

Modalidades de Hosting

Hosting de Pago:

Dependiendo del plan, se tiene disponibilidad de hardware, capacidad de disco, software, uso de bases de datos (BD), correo electrónico, archivos, etc.

Hosting Gratuito:

La capacidad de disco es limitada, con un solo tipo de BD, suelen colocar publicidad y el uso del correo es limitado.

Hojas de Estilo CSS: Presentación Visual Web

CSS (Cascading Style Sheets) son un conjunto de reglas de formato que controlan el aspecto de una página web. Definen la forma de mostrar los elementos y su posición en una página web. Permiten separar el contenido de una página de su presentación.

Reglas de Estilo CSS

Una regla de estilo tiene dos partes: un selector (por ejemplo, H1) y una o más declaraciones (por ejemplo, color: red).

Cada declaración incluye su propiedad (color) y su valor (red) separados por dos puntos. Las declaraciones se separan por punto y coma.

Ejemplo de Regla CSS

H1 {text-align: center; color: red}

Después de esta definición, cualquier texto del documento que esté comprendido entre <h1> y </h1> aparecerá centrado y en color rojo.

Estilos en Línea (Inline Styles)

Se puede establecer un estilo individual utilizando el atributo style en una etiqueta concreta. Ejemplo:

<p style="background-color: blue;">Esto es un párrafo con fondo azul</p>

En este caso, el estilo se aplica a la etiqueta <p> en este párrafo concreto, pero no a otra etiqueta o párrafo.