Conceptos Esenciales de Imágenes Digitales, Modos de Color y Fundamentos Web

Fundamentos de Imágenes Digitales

Imágenes de Mapa de Bits (Bitmap)

Una imagen de mapa de bits o bitmap está compuesta por pequeños elementos llamados píxeles que forman una cuadrícula con filas y columnas.

Definición de Píxel

El píxel es el elemento más pequeño de una imagen de mapa de bits. Su denominación proviene de la abreviatura de picture element.

Imágenes Vectoriales

Los gráficos vectoriales son modelos geométricos. Las imágenes vectoriales están formadas por contornos y rellenos definidos matemáticamente (vectorialmente) mediante ecuaciones. Esto posibilita ampliarlas sin perder calidad, lo cual es crucial para realizar dibujos con zonas curvas.

Modos de Color y Profundidad de Bit

Modos de Color Comunes

Los principales modos de color de una imagen de mapa de bits son:

• Modo Mapa de Bits (Blanco y Negro)
• Modo Escala de Grises
• Modo Color Indexado
• Modo HSB (Tono, Saturación y Brillo)
• Modo RGB (Rojo, Verde, Azul)
• Modo CMYK (Cian, Magenta, Amarillo, Negro)
• Modo de Color LAB

Detalle de Modos y Profundidad de Color

Modo Mapa de Bits

Tiene una profundidad de color de 1 bit (solo blanco y negro).

Modo Escala de Grises

Profundidad de 8 bits, permitiendo hasta 256 tonos de gris. Cada píxel tiene un valor de brillo entre 0 (negro) y 255 (blanco).

Modo Color Indexado

Imagen de 8 bits con un máximo de 256 colores.

Modo HSB (Tono, Saturación y Brillo)

• Tono: Color reflejado.
• Saturación: Intensidad del color.
• Brillo: Luminosidad del color.

Modo RGB (Rojo, Verde y Azul)

Los demás colores se obtienen mediante la mezcla de estos tres. En imágenes de 8 bits por canal, se obtiene una profundidad de 24 bits, lo que permite reproducir hasta 16,7 millones de colores.

Modo CMYK (Cian, Magenta, Amarillo y Negro)

Utiliza 4 colores y 4 canales de 8 bits, resultando en una profundidad de 32 bits.

Modo LAB

Utiliza 3 canales (Luminosidad, A y B) y tiene una profundidad de 48 bits.

Tipos de Archivos de Imagen de Mapa de Bits

Formatos Comunes y sus Características

Los tipos de archivos de una imagen de mapa de bits incluyen:

• TIF: Admite hasta 48 bits de profundidad.
• RAW: Guarda los píxeles tal como los capta la cámara, ofreciendo la máxima calidad.
• BMP: Admite modos RGB, Color Indexado, Escala de Grises y Mapa de Bits, hasta 32 bits por canal.
• EPS: Puede contener tanto mapas de bits como gráficos vectoriales.
• PSD: Formato exclusivo de Adobe Photoshop, guarda en 48 bits.
• JPEG/JPG: Admite modos CMYK, RGB y Escala de Grises, con una profundidad de 24 bits.
• GIF: Utiliza Color Indexado, con un máximo de 256 colores.
• PNG: Admite imágenes de 24 bits.

Conceptos Básicos de PowerPoint

Elementos de la Interfaz y Vistas

Cinta de Opciones

Las principales pestañas de la cinta de opciones son: Insertar, Diseño, Animaciones, Presentación con diapositivas, Revisar y Vista.

Vistas

Las vistas son las diferentes maneras en que se puede mostrar la pantalla de las diapositivas.

Herramientas de Colocación

Las reglas, las guías (una recta vertical y otra horizontal discontinuas que dividen la diapositiva en cuatro partes) y la cuadrícula facilitan la colocación de los objetos en las diapositivas.

Textos y Objetos

Son los elementos que se pueden incluir en una diapositiva (texto, imágenes, etc.). Se pueden mover, girar, etc.

Insertar Sonido

Se puede insertar un sonido de archivo o un sonido de la galería.

Fundamentos de HTML e Hipervínculos

Lenguaje HTML

El lenguaje HTML (Lenguaje de Hipertexto) es el lenguaje con el que se escriben las páginas web. Permite escribir de forma estructurada y se basa en el uso de etiquetas que marcan el principio y el final de cada elemento de la web. Los documentos deben tener la extensión .html para poder abrirlos.

Hipervínculos

Un hipervínculo es una conexión de una página web a otro elemento.

• Hipervínculo externo: Conexión a otra página web.
• Hipervínculo interno: Conexión a un elemento dentro de la propia web.

Etiquetas y Atributos Básicos de HTML

A continuación, se listan algunas funciones básicas de etiquetas y atributos:

• <!DOCTYPE html>: Define un documento como HTML.
• <head>: Define el encabezado de un documento HTML.
• <title>: Define el título de la página (visible en la pestaña del navegador).
• <body>: Define el contenido que se visualizará en el ordenador.
• <a href="...">: Inserta un hipervínculo.
• <img src="...">: Inserta una imagen en el documento.
• <b> o <strong>: Atributo para texto en negrita.
• <i> o <em>: Atributo para texto en cursiva.
• <u>: Atributo para texto subrayado.
• size: Atributo del tamaño de la letra.
• color: Atributo del color de las letras.
• style="text-align:center": Atributo de texto de alineación centrada en el documento.