Términos de diseño y desarrollo web más comunes

El Diseño y Desarrollo Web lleva décadas formando parte de nuestras vidas, de hecho, todo lo que vemos cuando navegamos por Internet lleva detrás un estudio concienzudo de diseño y desarrollo, utilizando las últimas herramientas disponibles. Esto ha hecho que exista una enorme cantidad de términos relacionados con este campo, algunos muy conocidos y otros que a la mayoría suenan a ciencia ficción. Vamos a repasar estas definiciones y a aclarar cada concepto.

 Redireccionamiento 301

Definición: Un redireccionamiento permanente de una URL a otra, generalmente de tu sitio web anterior al nuevo. Ejemplo:, «elchesemueve.com/sobre-nosotross» ahora redirige a los visitantes a «elchesemueve.com/nuestra-empresa» en el nuevo sitio web.

Significa que cuando rediseñas una web muchos enlaces cambian y hay que asegurarse que los buscadores encuentran el contenido que ya tenías y no devuelven una página de error, algo que a Google -por ejemplo- le molesta mucho.

 404

Definición: Una página de error que un usuario ve cuando intenta alcanzar un enlace inexistente en nuestra web. Generalmente se debe a que un visitante escribe incorrectamente la URL o intenta acceder a una página que se ha eliminado del sitio. Una página de error 404 efectiva debe comunicar por qué no existe dicha página y qué pueden hacer los usuarios a continuación.

Los usuarios verán esta página cuando nuestro contenido no existe. Es recomendable crear una página 404 personalizada que actúe como directorio de nuestro sitio.

 Algoritmo

Definición: Un algoritmo es un conjunto de instrucciones o pasos que se sigue para resolver un problema o realizar una tarea específica. Los algoritmos se utilizan en diversas áreas, como la informática, la matemática y la ciencia de datos, para realizar tareas automatizadas y resolver problemas complejos de manera rápida y precisa.

Un algoritmo debe ser claro, conciso y sencillo de seguir, y debe tener un inicio y un fin definidos. También debe ser eficiente y tener un tiempo de ejecución predecible. Los algoritmos se pueden escribir en cualquier lenguaje de programación o se pueden expresar en pseudocódigo, que es un lenguaje de programación no específico de un lenguaje de programación en particular.

Ejemplos de algoritmos comunes incluyen el algoritmo de búsqueda de Google, el algoritmo de ordenamiento de datos y el algoritmo de cifrado. Los algoritmos se utilizan en una amplia gama de aplicaciones, como la búsqueda de información en internet, el procesamiento de transacciones financieras y la identificación de patrones en grandes conjuntos de datos.

API

Definición: Una API (siglas en inglés de Application Programming Interface, o Interfaz de Programación de Aplicaciones en español) es un conjunto de protocolos, herramientas y definiciones que se utilizan para permitir que diferentes aplicaciones se comuniquen entre sí y compartan datos y funcionalidades.

Una API es como un intermediario que permite a dos sistemas o aplicaciones intercambiar información y trabajar juntos de manera más eficiente. Por ejemplo, si quieres utilizar un servicio en línea para realizar una tarea específica, como buscar información o procesar un pago, puedes utilizar la API de ese servicio para acceder a sus funcionalidades sin tener que conocer todos los detalles técnicos de cómo se implementa ese servicio.

Las APIs suelen estar disponibles en forma de documentación que describe cómo utilizarlas y qué parámetros y formato de datos se esperan. Las APIs también pueden estar protegidas por contraseñas o claves de autenticación para asegurar que solo se puedan acceder a ellas de manera autorizada.

Las APIs son muy comunes en la industria de la tecnología y se utilizan en una amplia variedad de aplicaciones, como la integración de sistemas empresariales, la integración de aplicaciones móviles y la creación de aplicaciones de terceros que utilizan funcionalidades de otras aplicaciones.

Code

Definición: Code (código en español) se refiere al conjunto de instrucciones escritas en un lenguaje de programación que se utilizan para crear un programa de computadora o para hacer que una computadora realice una tarea específica. El código es la forma en que los programadores le dan instrucciones a las computadoras para que hagan lo que queremos.

El código se escribe en un lenguaje de programación, que es un conjunto de símbolos y palabras clave que la computadora entiende y puede ejecutar. Los lenguajes de programación populares incluyen Java, Python, C++ y JavaScript. El código se escribe en un archivo de texto y se guarda con una extensión de archivo específica para el lenguaje de programación que se está utilizando.

Cookies

Definición: Las cookies son pequeños archivos de texto que se almacenan en tu computadora o dispositivo móvil cuando visitas un sitio web. Las cookies se utilizan para almacenar información sobre tus preferencias y actividad en un sitio web, lo que permite a ese sitio recordar tus acciones y preferencias cada vez que vuelves a visitarlo.

Por ejemplo, si visitas un sitio de comercio electrónico y añades un artículo a tu carrito de compras, el sitio puede usar una cookie para recordar tu carrito y mantener los productos que hayas seleccionado cuando vuelvas a visitar el sitio. Las cookies también se pueden utilizar para hacer un seguimiento de tus actividades en línea y personalizar la publicidad que ves en diferentes sitios web.

Etiqueta Alt

Definición: Texto alternativo -en modo descriptivo- que se muestra dentro del marcador de posición de la imagen mientras se carga la página. El texto ALT juega un papel en la optimización de un sitio web para mejorar el ranking SEO y la accesibilidad general a la web.

Estos textos se muestran antes de cargar la imagen. Muy común cuando descargamos un mail y nuestro cliente de correo nos pide ver las imágenes remotas, hasta que se cargan solo veremos las etiquetas Alt.

Back End

Definición: Todo aquello que sucede -por llamarlo así- detrás de lo que vemos cuando se carga la web. Lo que sucede en el Back End potencia lo que se ve en el Front End, es decir, lo que el usuario ve al acceder a nuestro sitio. Se divide en cuantro partes fundamentales: Servidor, base de datos, sistema operativo y software.

Breakpoints

Definición: Literalmente «puntos de interrupción», o puntos donde la página web se adaptará y se adaptará a los distintos tamaños de pantalla y resolución, con el fin de mejorar la experiencia de usuario. Se trata del momento exacto donde el diseño de nuestra web cambiará dependiendo del dispositivo.

Bootstrap

Definición: Software de código abierto para diseñar sitios web y aplicaciones. Fue desarrolload por Mark Otto y Jacob Thornton con el fin de conseguir coherencia con las herramientas internas. Incluye plantillas de diseño HTML y CSS para tipografía, botones, tablas, elementos de navegación y complementos javascript.

Breadcrumb

Definición: Un breadcrumb (también conocido como "rastro de migajas" o "ruta de navegación") es un elemento de navegación que muestra al usuario su ubicación actual en el sitio web y le permite volver a páginas anteriores o acceder a otras áreas del sitio con un simple clic.

Los breadcrumbs suelen mostrarse en la parte superior de la página, justo debajo del menú principal, y suelen presentarse en forma de una lista horizontal de enlaces separados por flechas o guiones. Cada enlace representa una página o área del sitio, y el último enlace representa la página actual en la que se encuentra el usuario.

 Bug

Definición: Error en una página web que impide que se vea tal y como se ha diseñado o programado. Ocurre en el proceso de diseño, cuando se depura el código en busca de errores y se pasa algo por alto, llegando al resultado final.

Caching

Definición: Almacenamiento en caché. Es un mecanismo de almacenamiento temporal que ayuda a que la velocidad del sitio sea mayor, ya que almacena información de la página web la primera vez que se visita y consigue que posteriormente sea más rápido acceder, ya que la mayoría de la información está ya almacenada y se carga con celeridad.

Debido a esto, es importante borrar la caché del navegador si estamos visitando de nuevo la misma página web y esta dispone de contenido actualizado.

 CTA

Definición: Llamada a la acción. Texto, imagen o banner que incita al usuario a hacer clic y visitar lo que previamente hemos configurado para que así sea. Están diseñados para mover a un visitante de un sitio a otro con el fin de convencerles para que realicen una acción determinada, por ejemplo descargar un documento, descargar una demo, registrarse en nuestra web, obtener más información, etcétera.

 Conversión

Definición: Cuando un usuario realiza una acción determinada relacionada con el márketing digital y la generación de leads. Ejemplos: Completar un formulario, enviar solicitud de información, suscribirse a un boletín, realizar una compra oline, etcétera.

 CSS

Definición: Hojas de Estilo en Cascada. Es un lenguaje de marcado responsable de los elementos visuales de un sitio web. HTML (otro lenguaje de marcado) se utiliza para determinar la estructura y el contenido de la página web. Los desarrolladores web usarán CSS para diseñar este contenido; en otras palabras, CSS le dice al navegador cómo se deben mostrar los elementos HTML. CSS se utiliza para aplicar colores y para determinar la fuente, el tamaño del texto y la alineación, por nombrar algunos ejemplos.

 DNS

Definición: Servidores de Nombres de Dominio. Se trata de la versión para Internet de la guía telefónica tradicional. Contral el nombre del sitio y su dirección de correo electrónico. Cuando un usuario visita un sitio web, las DNS´s se encargan de «descifrar» dónde se encuentra dicho sitio.

Dots Per Inch (DPI)

Definición: Dots per inch (DPI, por sus siglas en inglés) es una medida de la resolución de impresión o de la cantidad de puntos o puntos por pulgada (ppi, por sus siglas en inglés) que se utilizan para representar una imagen o un documento en una impresora o en una pantalla de visualización.

Cuanto mayor sea el número de DPI, más detalle se puede mostrar en la imagen o el documento y mayor será la calidad de impresión. Por ejemplo, una impresora con una resolución de 300 DPI puede imprimir imágenes más nítidas y detalladas que una impresora con una resolución de 150 DPI.

 Framework

Definición: Los Frameworks se crearon para hacer que el proceso de construcción de un sitio web sea más rápido y más fácil. Un Framework es como una colección de soluciones, herramientas y componentes a los que puede acceder en una ubicación central o núcleo, en lugar de buscarlos por separado cada vez. Algunos Frameworks incluyen Ruby on Rails, Bootstrap y AngularJS.

Favicon

Definición: Un favicon (abreviación de "favorite icon" o icono favorito en español) es un pequeño icono que se muestra en la pestaña del navegador o en la lista de marcadores de un usuario. Los favicons se utilizan para identificar visualmente un sitio web y hacerlo más fácil de encontrar y recordar entre varias pestañas o marcadores.

Los favicons se almacenan en el servidor del sitio web y se muestran automáticamente en el navegador cuando se visita el sitio. Los favicons suelen ser imágenes de 16 x 16 píxeles en formato .ico o .png, y se pueden personalizar para adaptarse al estilo o la marca de un sitio web.

Fluid Layout (Diseño Fluido)

Definición: Un diseño fluido es un tipo de diseño de sitio web que se adapta automáticamente al tamaño de la pantalla del dispositivo en el que se está visualizando. En lugar de tener un ancho fijo y una estructura de diseño rígida, un diseño fluido se expande o se contrae según sea necesario para llenar el espacio disponible en la pantalla.

Los diseños fluidos se basan en porcentajes en lugar de unidades fijas de medida, como píxeles o puntos, para determinar el tamaño de los elementos de diseño. Esto significa que los elementos de diseño se redimensionan según sea necesario para adaptarse al ancho disponible en la pantalla.

Los diseños fluidos son útiles porque permiten que un sitio web se vea bien en diferentes dispositivos y tamaños de pantalla, como teléfonos móviles, tablets y computadoras de escritorio. Esto es importante en un mundo cada vez más móvil donde muchas personas acceden a internet a través de diferentes dispositivos.

Front End

Definición: El Front End es la parte de una aplicación o sitio web que es visible e interactiva para el usuario. Es la capa de interfaz entre el usuario y la lógica de negocio o la base de datos del sistema. Se encarga de presentar y recoger la información que el usuario necesita o proporciona, y de gestionar la interacción con el usuario.

El Front End se desarrolla con lenguajes de programación y marcas (HTML, CSS y JavaScript) que permiten crear y dar formato a la interfaz de usuario, así como controlar su comportamiento y la interacción con el mismo.

El Front End se opone al Back End, que es la parte del sistema que se encarga de las tareas de lógica de negocio y acceso a datos, y que normalmente no es visible ni accesible para el usuario.

 Interfaz Gráfica de Usuario (GUI)

Definición: La Interfaz de Usuario incluye elementos gráficos, tales como ventanas, iconos y botones. Este término se creó en la década de los años 70 del pasado siglo, con el fin de distinguir las interfaces basadas en texto de las líneas de comando. Sin embargo, hoy día, casi todas las interfaces son GUI.

 Hosting -Alojamiento-

Definición: Los servidores web donde se alojan, sirven y mantienen los archivos de nuestra web. Un servidor es una computadora que ejecuta un software específico para ello y conectado a Internet, que permite a los visitantes acceder a nuestra página a través de un navegador web o dispositivo móvil conectado a Internet.

 Navegador

Definición: Un navegador web es el software utilizado para acceder a Internet y mostrar páginas web. Cuando escribimos una dirección web o URL en el navegador, estamos enviando una serie de solicitudes. El navegador reunirá todos los diferentes elementos que conforman esa página web concreta, como imágenes, anuncios y contenido, desde donde se almacenan -es decir, diferentes directorios o servidores- para mostrar la página definitiva, lo que los diseñadores quieren que se vea. Los navegadores más utilizados son Microsoft Internet Explorer, Google Chrome, Mozilla Firefox, Safari -Apple- y Opera.

 Fuentes (True type | Postscript | OpenType | Sans Serif | Serif)

Definición:

Post Script Encapsulado -EPS-

Definición: EPS es un formato de archivo de imagen PostScript compatible con impresoras PostScript y que se utiliza a menudo para transferir archivos entre varias aplicaciones gráficas. Los archivos EPS se imprimen de manera idéntica en todas las impresoras compatibles PostScript y se visualizan igual en todas las aplicaciones que pueden leer este formato. El código PostScript se utiliza para almacenar información tipográfica y de imagen vectorial. Las imágenes vectoriales suelen ser dibujos creados por programas como Adobe Illustrator, FireWorks y Coreldraw. Los archivos EPS también pueden incluir una versión rasterizada de la imagen utilizada con el fin de obtener una vista previa del contenido del archivo.