Glosario de Diseño Web

URL ó URI

Universal Resource Localizator / Identifier: dirección de un recurso en internet: dominio, página web, servidor ftp, dirección de correo electrónico, etc. Es lo que hay que teclear p.ej. en el navegador para acceder a una página web.

ISP (Internet Service Provider)

Proveevedor de Servicios Internet. Empresa que ofrece alojamiento, dominios, discos duros virtuales y otros servicios relacionados con Internet.

Página web

Conjunto de archivos que componen una única URL (texto y maquetación, imágenes, animaciones, videos…). P.ej: página de inicio.

Página web estática

Son aquellas que están creadas previamente por un diseñador web, y no son modificables por un usuario final. Ejemplos de web corporativas

Página web dinámica

Son las que se crean a través de un CMS (sistema de creación de contenidos, como Blogs en WordPress) o mediante programación de servidor (P.ej. PHP+MySQL), como ComprarEnSalamanca.es.

Sitio web

Conjunto de páginas web de una misma empresa o entidad, alojadas bajo un mismo dominio. Cada una de ellas tiene un URL diferente, aunque comparten la parte inicial (dominio y sufijo).

Sitio web autoadministrable

Son las que se están creadas mediante un CMS o programación a medida, y pueden ser mantenidas y actualizadas por el propio personal de la empresa sin conocimientos de diseño web.

Webmaster

Es el responsable de gestionar los contenidos del sitio web de una empresa o institución. Estas tareas pueden ser realizadas por el Community Manager, sea personal de la empresa o un servicio profesional externalizado como el que ofrece Diseño Web Global.

CMS (Content Management System)

Sistema de gestión de contenidos: es una compleja aplicación web que permite crear una estructura de páginas web, insertar nuevas páginas y modificar los contenidos de cada página, y otras tareas de mantenimiento y actualización. El sistema crea automáticamente los enlaces a las páginas nuevas, actualiza los menús, etc, facilitando mucho el trabajo del webmaster. Ejemplos: WordPress, Blogger, Drupal, PrestaShop, Wikis, Foros...

Hosting (Alojamiento web)

Carpeta de archivos en un ordenador de un proveedor de servicios Internet (ISP), donde se almacenan los archivos que componen un sitio web. Se contrata con un ISP por periodos de tiempo (p.ej. años).

Dominio

Nombre específico de un sitio web, por ejemplo, el nombre de la empresa. Los dominios se registran y se deben contratar a través de un ISP, con duración de 1 año (12 meses) como mínimo.

Sufijo

Nombre que define la nacionalidad o temática de un sitio web. Ej: .es, .com, .net, .info, .hotel, .madrid…

TLD (Top Level Domain)

Dominio de primer nivel. Se refiere al nombre de dominio de un sitio web. Por ejemplo: diseñowebglobal sería el TLD de www.diseñowebglobal.es.

EMD (Exact Match Domain)

Dominio de coincidencia exacta. Se refiere a aquel nombre de dominio que coincide exactamente con las palabras clave de búsqueda que hace un usuario. Por ejemplo: yogaplasencia.es sería un EMD para la búsqueda yoga plasencia. Son un factor que mejora el posicionamiento web SEO.

HTML (Hipertext Markup Language)

Lenguaje de descripción del contenido de una página web. También contiene información sobre la estructura de la página.

HTML5

Quinta versión del HTML, que ofrece mejoras como la posibilidad de etiquetar semánticamente el contenido, reproducir audio y video de forma más compatible, almacenar información en el ordenador del visitante…

DHTML (Dynamic HTML)

HTML dinámico: uso combinado de HTML y JavaScript para aportar interactividad a una página web. Por ejemplo, para hacer un carrusel, un pase de dispositivas, un acordeón, etc…

CSS (Cascade Steel Sheet)

Hojas de estilo en cascada: lenguaje que permite definir el aspecto de los contenidos de una página web. P.ej.: colores y tamaños de letra y bloques de contenido, posición en la pantalla.

CSS3

Tercera versión del estándar CSS, que incorpora mejoras visuales y efectos especiales de animación. Cada navegador (Chrome, FireFox, Internet Explorer, Safari, etc) las interpreta de modo parcial, por lo que un mismo diseño CSS no se muestra del mismo modo en todos ellos. Las versiones antiguas no soportan muchas o ninguna de las funcionalidades de CSS3.

W3C (World Wide Web Consortium)

Organización que crea diferentes estándares sobre diseño web, con el objeto de mejorar la compatibilidad entre navegadores y fomentar las buenas prácticas en el sector.

Java

Lenguaje de programación del lado del cliente (visitante), que se debe compilar antes de poderse ejecutar en un dispositivo. No confundir con JavaScript.

JavaScript

Lenguaje de programación de scripts del lado del cliente (visitante), que permite cierto nivel de interactividad a las páginas web.

JQuery

Librería de programación basada en JavaScript que permite programar interactividad compleja y otras funcionalidades, de un modo más sencillo. Es muy usado para crear slides, acordeones y muchos más efectos.

XML (eXtended Markup Language)

Lenguaje de descripción de los contenidos de una página web que etiqueta cada fragmento de información (p.ej: título, descripción, precio…), lo que permite un tratamiento automatizado de la información mediante una aplicación web, y facilita su importación y exportación a otras aplicaciones.

AJAX (Asincronous JavaScript And XML)

Uso conjunto de Javascript y XML, que permite p.ej. ir descargando los contenidos de una página a petición del visitante y otras funciones avanzadas.

PHP

Lenguaje de programación del lado del servidor que permite crear páginas dinámicas. Las páginas se “montan” en el momento de la visita, combinando diferentes elementos: cabecera, pie, contenidos extraídos de una base de datos p.ej. MySQL… Ejemplo: las SERP (páginas de resultado de un buscador), que se crean “en directo” a petición de cada visitante.

MySQL

Sistema de gestión de bases de datos muy usado en aplicaciones web. Suele usarse en combinación con el lenguaje PHP.

Miniatura

Imagen de reducido tamaño que, al ser pulsada, muestra en pantalla la misma imagen a tamaño mayor.

Carrusel

Funcionalidad que muestra en una página web un subconjunto de imágenes en miniatura enlazadas a otras páginas o archivos de imagen. Dispone de botones anterior y siguiente para ver el resto de miniaturas del conjunto. Está programado en JavaScript. Ejemplo: portfolio de diseño gráfico y web.

Slide

Funcionalidad que muestra en una página web un pase de diapositivas (sucesión de imágenes) que muestran productos o servicios y pueden estar enlazadas a contenidos específicos del sitio web. Está programado en JavaScript. Ejemplos: slides en Diseño Web Global.

Acordeón

Funcionalidad que muestra en una página web un grupo de solapas, que al ser pulsadas, muestran la información que contienen, mientras ocultan la del resto de solapas. Está programado en JavaScript.

Diseño fluido

Diseño de páginas web que permite que los contenidos se adapten al tamaño de la pantalla. Por ejemplo, que un párrafo muestre más o menos palabras por línea en función de la anchura de la ventana del navegador. Es la base del Diseño responsivo.

Diseño responsivo (o adaptativo)

Diseño de páginas web que se adapta automáticamente a diferentes dispositivos y tamaños de pantalla, mediante cambios de tamaño y posición de los contenidos. Se consigue mediante hojas de estilo CSS expresamente diseñadas. Ver ejemplos de webs corporativas adaptadas a móviles y de cómo diseñar una web para smartphones.

WPO (Web Performance Optimization)

Optimización de la velocidad de un sitio web. Técnicas orientadas a reducir el tiempo de descarga de una página. Entre otras, incluyen optimización de tamaño de imágenes, minificación de archivos CSS y JS, mejoras en la programación, compresión gZip, uso de diferentes servidores, optimización de bases de datos... el WPO es uno de los factores de posicionamiento web, por lo que afecta al SEO.