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 webanterior 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.

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 usuariove 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óny complementos javascript.

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.

Es importante borrar la caché del navegador si estamos visitando de nuevo la misma página web

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 digitaly 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.

DPI

Definición: Puntos por Pulgada. Se utiliza para medir la resolución de una imagen, tanto para la pantalla como para la impresión en papel. El DPI mide cuántos puntos caben en una pulgada lineal -ojo, no cuadrada-, por ende, cuanto más alto sea, mejor definición tendrá la imagen.

Framework

Definición: Los Frameworks se crearon para hacer que el proceso de construcción de un sitio websea 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.

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 webconcreta, 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:

• Fuentes True Type: TrueType es un estándar de fuente esquemática desarrollado por Apple y Microsoft a finales de la década de 1980 como competidor de las fuentes Tipo 1 de Adobeutilizadas en PostScript. Se ha convertido en el formato más común en las fuentes de los operativos clásicos, como Mac OS y Microsoft Windows.
• Fuentes PostScript: Las fuentes PostScript son archivos tipográficos codificados con especificaciones de fuente de contorno desarrolladas por Adobe Systems para la composición digital profesional. Este sistema utiliza el formato de archivo PostScript para codificar la información de la fuente. Las «fuentes PostScript» también se pueden usar por separado para referirse a un conjunto básico de fuentes incluidas como estándares en el sistema PostScript, como Times, Helvetica y Avant-Garde.
• Fuentes OpenType; OpenType es un formato de archivo de fuente escalable (esquema) que amplía el formato TrueType existente utilizado por los sistemas operativos Microsoft Windows y Apple Macintosh. OpenType fue desarrollado conjuntamente por Microsoft y Adobe y permite que un archivo postscript de Adobe sea parte de una fuente tipográfica TrueType.
• Serif y SansSerif: En tipografía, una fuente serif es una pequeña línea o trazo que se adjunta al final de otro trazo más grande en una letra o símbolo, que a su vez se puede ubicar dentro de una fuente o familia de fuentes en particular. Times New Roman es una fuente serif. Arial es una fuente sans serif.

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.

Es recomendable crear una página 404 personalizada que actúe como directorio de nuestro sitio