Los términos de diseño web son lo principal que debe saber un empresario. El diseño web es el proceso de creación y organización de los aspectos visuales y funcionales de un sitio web. Incluye varios términos y conceptos que describen diversos aspectos del diseño y desarrollo de páginas web.
El diseño web existe desde hace mucho tiempo y no pierde tiempo en desarrollar un lenguaje complejo lleno de jerga. Tan pronto como des el más mínimo paso en el mundo del diseño web, empezarás a escuchar: “¿Qué CMS quieres usar?”, “¿Lo quieres en la mitad superior o inferior de la página?”, “¿Lo quieres? ¿Quieres un diseño fijo? ", "¿Qué alojamiento web quieres utilizar? ”Y te quedas preguntándote qué significa todo esto. Sabemos que tratar de descifrar todas las definiciones y términos clave del diseño web puede resultar bastante abrumador, especialmente cuando todo es nuevo.
El diseño web cubre una amplia gama de trabajos, desde desarrolladores web que escriben código hasta diseñadores de UI y UX que trabajan en interfaces y diseñadores web que se encargan de la apariencia de su sitio. Hay muchas personas involucradas en el diseño web.
Aprender lo que significan unas pocas siglas y jerga de diseño web puede facilitar mucho las cosas para su diseñador y desarrollador, y también puede ayudarle a comprender cómo funciona realmente su propio sitio web. Por lo tanto, ya sea que contrate ayuda o lo haga usted mismo, conocer los términos más utilizados y más confusos en diseño y desarrollo web puede resultar útil:
Definiciones y términos de diseño web.
Accesibilidad
Disponibilidad actual Es de gran importancia en el diseño web. Básicamente, esto significa qué tan accesible es su sitio web para las personas, incluidas aquellas con discapacidades auditivas o visuales. Es importante tener esto en cuenta antes y durante la creación de su sitio web. Echa un vistazo a estos seis pasos para que tu diseño web sea accesible si no sabes por dónde empezar.
10 sanciones de Google que pueden afectar su sitio web
Debajo del pliegue (y encima del pliegue).
Debajo y encima de la página hay dos términos que tienen su origen en los periódicos. El “pliegue” es donde se dobla el periódico. Superior e inferior describen si la información se muestra en la mitad superior o inferior del pliegue. Para las páginas web, el "pliegue" generalmente se define como el punto en el que debe comenzar a desplazarse, pero el principio es el mismo: la información que se encuentra en la parte superior de la página (ATF) es más accesible y visible que la información que se encuentra en la parte superior de la página. la parte inferior de la página (BTF). . .
Elástico (diseño). Elástico (diseño). Términos de diseño web
El diseño elástico es un enfoque del diseño de páginas web que describe las relaciones entre los elementos y su posición en la página en términos de porcentajes en lugar de espacios y tamaños diseñados específicamente. Esto significa que las páginas web se vuelven más adaptables, tanto a las preferencias de sus visitantes en términos de tamaño fuente y la distancia entre ellos, y optimizar la página para verla en un teléfono inteligente o tableta.
Hoy en día, los diseños elásticos son una parte clave de los enfoques de diseño responsivo, pero antes de que naciera la idea del diseño responsivo, los diseños elásticos proporcionaban una manera fácil de hacer que los sitios web fueran responsivos.
Ex. Anterior
Ex es una unidad de medida que utiliza una "x" minúscula en la fuente como medida estándar.
Ancho fijo (diseño). Ancho fijo (diseño). Definiciones y términos de diseño web.
Un diseño de ancho fijo es un método de diseño de páginas web en el que el diseñador especifica qué tan grande es una página web y exactamente dónde aparecerán los elementos en ella. Esto les da a los diseñadores mucho más control sobre el diseño de la página web que un diseño elástico, pero hace que las páginas respondan menos. diferentes tamaños pantalla.
Hexadecimal.
Los números hexadecimales, también conocidos como números "hexadecimales", son un sistema numérico de base 16, lo que significa que utilizan 16 caracteres para definir un color. Los números hexadecimales utilizan los números del 0 al 9 y las letras de la A a la F. Cada color se identifica mediante tres pares de números hexadecimales. El primer par de números o letras se refiere al tinte rojo, el segundo par al tinte verde y el tercer par al tinte azul.
Desplazamiento infinito. Desplazamiento infinito
El desplazamiento infinito es cuando se carga contenido nuevo a medida que continúas desplazándote. Esto crea un desplazamiento "interminable" e interminable. Algunos ejemplos populares de esto son las líneas de tiempo de Facebook, Pinterest o Twitter.
Desplazamiento de paralaje. Desplazamiento de paralaje.
Este método de desplazamiento crea una sensación de profundidad en diseño de páginas web. Cuando un usuario se desplaza, los elementos de un sitio web estarán a diferentes distancias y se moverán a diferentes velocidades a medida que el usuario se desplaza. Esto crea la ilusión de profundidad y distancia en un sitio web plano.
Resolución. Permiso. Definiciones y términos de diseño web.
La resolución es el número de píxeles que se muestran en la pantalla. Este es un método estándar utilizado en diseño web para determinar размера imágenes. La calidad de la imagen generalmente se describe en píxeles por pulgada, y cuanto más píxeles, mayor será la calidad de la imagen.
Responsivo / compatible con dispositivos móviles / optimizado para dispositivos móviles. Responsivo / Compatible con dispositivos móviles / Optimizado para dispositivos móviles
Desde el año pasado, más de la mitad del tráfico web proviene de teléfonos inteligentes. Esto significa que cada vez es más importante que un sitio web se vea mejor en dispositivos móviles, así como en computadoras. Hacer que los sitios web sean adaptables/adaptibles para dispositivos móviles/optimizados para dispositivos móviles significa diseñar y desarrollar un sitio web que se adapte al dispositivo o pantalla en el que se visualiza.
Usabilidad. Facilidad de uso.
La usabilidad es un concepto de diseño web que describe qué tan fácil es su sitio web para los visitantes para el cual fue diseñado. Idealmente, un visitante podrá utilizar fácilmente su sitio cuando lo encuentre por primera vez, con obstáculos mínimos, frustración y la necesidad de pedir ayuda. Comprender los principios de usabilidad es un paso clave en la creación genial sitio web.
UX (Investigación de usuarios) / UI (Interfaz de usuario)
El diseño UX y UI es un trabajo que mejora la experiencia del usuario. Es importante conocer las diferencias entre UX y UI para comprender cómo funcionan juntas.
UX, investigación de usuarios, involucra todos los aspectos de la experiencia de un usuario con un sitio web de principio a fin. Objetivo - mejorar calidad interacción del usuario con el sitio.
UI, interfaz de usuario, se centra en los elementos visuales e interactivos de un sitio web, como botones, íconos y tipografía. El objetivo es mejorar la apariencia y funcionalidad del sitio web.
Anatomía de un sitio frontend. Definiciones y términos de diseño web.
-
Migaja de pan. Migas de pan.
Cuando las páginas web muestran a los usuarios cómo navegaron por la página web y cómo regresar a Casa, esto a menudo se hace usando migas de pan. Normalmente se muestra como una serie de categorías anidadas, como Inicio > Categoría > Año > Mes > Publicación.
Favicón. Favicón.
Un favicon es un pequeño ícono que aparece en la barra de pestañas de su navegador. Por lo general, tienen un tamaño de 16 × 16 píxeles (que en realidad es muy pequeño) y se guardan como imágenes .ico, .gif o .png. Puedes usar casi cualquier imagen como ícono siempre que tenga el tamaño correcto y esté guardada en el formato correcto.
Punto focal. Coordinador.
El foco de una página web es la parte de la página donde se llama su atención. Los diseñadores dedicarán mucho tiempo a crear un punto focal que realmente capte la atención del espectador y luego a enfocar lo más importante de la página. Esto asegura que lo vea la mayor cantidad de personas posible.
Interfaz. Interfaz.
Estos son todos los elementos, como imágenes, texto y páginas, que las personas verán cuando visiten su sitio por primera vez. Básicamente, esto es con lo que las personas interactuarán y con lo que interactuarán en un sitio web.
Icono de hamburguesa. Icono de hamburguesa.
El ícono de hamburguesa se refiere al ícono de menú que se encuentra comúnmente en programas posteriores. Tiene tres franjas horizontales (de ahí la "hamburguesa") y esconde el menú de navegación tradicional detrás de un solo icono.
Página de destino. Página de destino.
Esta es la primera página que verán los visitantes de su sitio. Muchos sitios web utilizan una página de destino dedicada para aprender algo del visitante (como compartir su dirección de correo electrónico o una página específica de un producto). Tuyo página de destino es una de las páginas más importantes de su sitio web y debería dedicar mucho tiempo a optimizarla.
Navegación. Navegación.
La navegación es el sistema que se utiliza para moverse entre los elementos de su página web y es uno de los elementos más importantes de cualquier página web. Por eso es tan importante conocer los principios clave de la navegación en un sitio web. lo mas un brillante ejemplo Las navegaciones son menús que aparecen en la mayoría de las páginas web. Pero también presta mucha atención a cómo están organizadas las páginas y las conexiones entre ellas. También pueden hacer que una página web sea mucho más fácil de navegar para los visitantes.
Anatomía del backend de un sitio web. Definiciones y términos de diseño web.
-
Extremo trasero. Extremo trasero.
Esta es la parte de su sistema que ejecuta eficazmente su sitio, pero que está oculta a los visitantes. Hay muchos componentes de back-end diferentes disponibles, pero normalmente todos contienen lo mismo: aplicaciones, estructura de información y su CMS.
CMS
Un sistema de gestión de contenidos es un sistema interno. herramienta para gestionar el contenido de su sitio web, agregar usuarios, administrar comentarios y posiblemente mucho más. Si alguna vez ha utilizado WordPress para crear un sitio web, ha utilizado un CMS. Un CMS facilita mucho el diseño y la creación de una página web porque oculta gran parte del código sin formato que impulsa el sitio web.
Comercio electrónico. Comercio electrónico.
Comercio electrónico significa "comercio electrónico". al igual que "e-mail" significa "correo electrónico". Normalmente agregas una tienda a tu sitio web. comercio electrónico, que manejará descripciones de productos, compras y ventas, y datos de clientes.
HTTP/HTTPS
Es un sistema que maneja la comunicación entre navegadores, servidores y aplicaciones web. Define cómo se deben empaquetar y enviar los datos.
HTTPS es una extensión de HTTP que puede establecer conexiones a través de SSL (Secure Socket Layer). Esta es una forma mucho más segura de compartir datos en línea. Muchos navegadores web modernos le avisarán si un sitio web utiliza el protocolo HTTP estándar en lugar de HTTPS.
Como propietario de un sitio web, puede adquirir los certificados SSL necesarios para utilizar HTTPS de varios proveedores. Una vez agregado, hará que su sitio sea más seguro y generará confianza con sus clientes.
Enchufar. Términos de diseño web
Un pequeño programa que se instala encima del sitio principal y proporciona seguridad adicional. Los complementos están disponibles para las plataformas CMS más populares y se pueden utilizar para muchas funciones diferentes, desde la automatización de publicaciones de blogs hasta la gestión de clientes potenciales.
Plantilla. Muestra.
Las plantillas se utilizan en el diseño web de la misma manera que se utilizan para documentos e imágenes: para garantizar un diseño coherente en muchas páginas diferentes. La mayoría de las plataformas CMS le proporcionarán un conjunto de plantillas para su sitio web que le ayudarán a garantizar la coherencia entre sus páginas y su diseño.
Condiciones técnicas para Internet. Definiciones y términos de diseño web.
-
Texto de anclaje. Texto de anclaje.
El texto ancla es una frase o varias palabras que contienen un hipervínculo. Usar el texto de anclaje correcto puede marcar una gran diferencia en la clasificación de su página en los motores de búsqueda.
Enlace de retroceso. Enlace de retroceso.
Estos son enlaces a su sitio desde otros sitios. Cuando otro sitio enlaza con el suyo, por ejemplo para dirigir a sus lectores a un recurso, usted recibe un vínculo de retroceso. Los vínculos de retroceso son muy importantes cuando se trata de aumentar su clasificación de búsqueda porque múltiples vínculos de retroceso de sitios confiables aumentarán la visibilidad de su sitio.
Banda ancha. Banda ancha.
El ancho de banda es un término utilizado en muchos contextos diferentes, pero esencialmente significa la cantidad de datos enviados o recibidos en un período determinado. Puede usarse, por ejemplo, para describir la velocidad de Internet, donde generalmente se expresa en kilobits por segundo (kbps). Sin embargo, a veces se utiliza para describir la cantidad de datos que puede utilizar por mes como parte de su paquete de alojamiento web.
Cache. Dinero en efectivo.
Un caché es un conjunto de datos que se almacenan en un navegador web. Esto significa que la próxima vez que el usuario visite el sitio, la página se cargará más rápido porque se carga desde la memoria local.
Términos de diseño web DNS
DNS significa Servicio de nombres de dominio. Este es el sistema mediante el cual su navegador web encuentra páginas web. Cuando usted azbyka.com.ua , su navegador busca una "tabla DNS" que convierte esta dirección amigable para los humanos en una dirección amigable para las computadoras (es decir, una dirección compuesta por números). El sistema DNS realiza un seguimiento de dónde están todas las páginas web del mundo para que su navegador pueda encontrarlas.
Nombre de dominio
Este es el nombre de su sitio. Puede comprar dominios de muchas empresas. No pueden contener más de 63 caracteres. Por ejemplo, https://azbyka.com.ua/es nuestro nombre de dominio.
FTP
FTP significa Protocolo de transferencia de archivos y es un sistema para transferir archivos y datos desde el almacenamiento local (por ejemplo, en su computadora) a su servidor web. Para utilizar FTP, necesita descargar un pequeño programa llamado cliente FTP.
Enlace permanente. Enlace Permanente
Un enlace permanente que le permite proporcionar una dirección que siempre apuntará a una publicación o página de blog específica, sin importar cómo cambie la estructura de su sitio a su alrededor. Esto es muy útil si utiliza publicaciones de blog para aumentar el tráfico a su sitio porque no tiene que cambiar manualmente docenas (o cientos) de enlaces si decide cambiar. diseño de tu sitio web o cambie su nombre de dominio.
Enlance
Una dirección que indica dónde se puede encontrar una página específica u otro recurso.
Alojamiento web. Definiciones y términos de diseño web.
Un hosting web es una empresa que gestiona los servidores que almacenan tu veb-site. Como explicamos en nuestro artículo sobre alojamiento web, los servidores web pueden variar mucho en el nivel de servicios que ofrecen. Un buen proveedor de alojamiento web podrá garantizarle que su sitio estará disponible el 99,9% del tiempo y también le proporcionará las herramientas para mantenerlo seguro y eficiente.
Servidor web
Un servidor web es la computadora que realmente almacena su página web. Lo más probable es que esté ubicado en una instalación de servidor propiedad de su servidor web, aunque también es posible ejecutar sus propios servidores.
Terminología de desarrollo web. Definiciones y términos de diseño web.
CO
CSS significa Hojas de estilo en cascada y, junto con HTML, estas hojas son la parte más fundamental de cualquier página web. Hace diez años, el formato de las páginas web, como el tamaño de los títulos o si las imágenes tenían bordes, se determinaba en el propio código HTML. Esto significaba que cambiar el formato requería mucha mano de obra. el proceso de pasar cada elemento páginas y cambios de código.
Con CSS todo es mucho más sencillo. El estilo de una página está contenido en uno (o más) archivos CSS que determinan cómo se ven los títulos, cómo se muestran las imágenes y muchos otros elementos. Le dicen al navegador cómo mostrar el sitio web. Por lo tanto, el formato de sitios web completos se puede cambiar cambiando solo un fragmento de código.
DHTML
DHTML significa lenguaje de marcado de hipertexto dinámico. Es un término para un lenguaje que combina múltiples lenguajes de diseño web (HTML, JavaScript y CSS) en un súper lenguaje para el desarrollo web. Esto suele ser lo que los desarrolladores web modernos utilizarán para crear un sitio web para usted.
Tipo de documento. Definiciones y términos de diseño web.
En HTML, un tipo de documento es una descripción de qué tipo de HTML y versión se utiliza en una página web. Los navegadores lo utilizan para comprobar la integridad de la página y puede provocar errores de seguridad si es incorrecta.
Em. EM. Términos de diseño web
Em se utiliza para describir el tamaño de una fuente en relación con la fuente "principal" utilizada en la página. 1Em significa que la fuente (o, a veces, otros elementos) tienen el mismo tamaño que su elemento principal, 2em significa que tienen el doble de tamaño, y así sucesivamente.
Estilo integrado. Estilo incorporado. Términos de diseño web
Si bien CSS (ver arriba) se puede usar para describir el formato de páginas enteras a la vez, a veces solo es necesario cambiar el estilo en una página. Aquí es cuando se utiliza un estilo en línea. Un estilo en línea es un fragmento de código CSS escrito en el encabezado de una página web que solo afecta a los elementos de esa página, no a todo el sitio web.
Familia de fuentes/estilo/peso. Familia de fuentes/estilo/peso
Los diseñadores y desarrolladores web a menudo no trabajan con determinadas fuentes porque los distintos navegadores no siempre utilizan las mismas fuentes. Es por eso que en un documento CSS verá que la fuente utilizada se define como una familia de fuentes (un grupo de fuentes que se pueden usar) en lugar de solo una individualmente. Junto con esta definición, el documento CSS también definirá el estilo de fuente (cursiva, subrayado, etc.) y el peso (negrita, clara, etc.).
HTML. Definiciones y términos de diseño web.
El lenguaje de marcado de hipertexto es la base de Internet. Todas las páginas web están escritas, al menos hasta cierto punto, en HTML, que ha sido diseñado para que sea lo más fácil de escribir posible. De hecho, puede ser muy útil, pruébalo. Guía de estudio en Código HTML, para ver si es fácil de escribir: ¡te sorprenderá lo que puedes lograr en unas pocas horas!
Metadatos.
Los metadatos son los datos contenidos en el encabezado de las páginas web. Estos datos están disponibles para su navegador, pero no se muestran como parte de la página web que está viendo; necesitará ver el código fuente para acceder a ellos.
Fuente abierta. Fuente abierta. Términos de diseño web
El software de código abierto cuenta con el respaldo del usuario y se puede utilizar y modificar libremente. Esto contrasta con el software propietario, que pertenece y es mantenido por una empresa específica. La mayoría de los desarrolladores web utilizan software de código abierto al menos algunas veces porque no sólo es más barato, sino que también puede ser más seguro. Hoy en día, la mayoría de los desarrolladores web minimizan las violaciones de seguridad mediante el uso de contenedores escritos en lenguajes de código abierto.
Puesta en escena. Puesta en escena. Definiciones y términos de diseño web.
Web de puesta en escenaсайта es el proceso de crear una copia casi final y luego probarla antes de implementar la versión activa del sitio. La mayoría de los desarrolladores web "preparan" un sitio web antes de lanzarlo para asegurarse de que todo funcione correctamente. Y, a menudo, los cambios importantes en un sitio web se producen en el sitio de prueba y no en el sitio activo.
Válido. Válido.
En diseño web, las páginas web válidas son aquellas que no contienen errores. En la práctica, esto significa páginas web que siguen los estándares establecidos en las especificaciones HTML publicadas por el W3C, la comunidad que establece estándares para el desarrollo web.
XML. Términos de diseño web
XML significa lenguaje de marcado extensible. XML es una parte fundamental del diseño web porque actúa como un "metalenguaje" que traduce elementos de un idioma a otro. Esto significa que las páginas web se pueden crear utilizando muchos lenguajes diferentes, todos los cuales se comunican a través de XML.
Última cosa…
Por supuesto, no es necesario conocer todas estas definiciones y términos de diseño web para comenzar. desarrollo de sitios web - ya sea de forma independiente o con ayuda. En última instancia, el diseño web es un proceso de aprendizaje y los mejores diseños son obras de arte repetibles que mejoran continuamente a medida que aprendes cosas nuevas.
Sin embargo, puede resultar muy útil tener una guía a través del, a veces, complejo mundo del diseño web, especialmente cuando recién estás comenzando. Nuestros diseñadores web profesionales le ayudarán a iniciarse en el apasionante mundo del diseño web.
Deja un comentario