Terminología Del Sitio Web: ¿Qué Jerga Deberías Saber?

Parece que los expertos en diseño molestos crean terminología de sitios web solo para confundirnos. Front-end. Back-end. Diseño. Desarrollar. ¿Por qué no simplificar las cosas?

Si estás pensando en construir o rediseñar un sitio web, necesitas este artículo. En primer lugar, echemos un vistazo a la diferencia entre el diseño web y el desarrollo web. También conocido como front-end y back-end.

¿Cuál es la Diferencia entre la Terminología de Diseño Web y Desarrollo Web?

Los diseñadores web son los más creativos de los dos, que se ocupan de las imágenes y el diseño del sitio web. ¿Quieres un cierto color? ¿Texto más grande aquí? Lo arreglarán.

Es común que tengan antecedentes en diseño gráfico y arte, para que sepan cómo hacer que las cosas se vean bonitas.

El trabajo de un desarrollador web es diferente, construirán el núcleo del sitio web. Se centran en los aspectos técnicos y se aseguran de que todo funcione. Esto implica introducir código en los sitios web para un rendimiento óptimo. Son lógicos y tienden a tener experiencia en informática o programación.

Por ejemplo, el exterior de un automóvil es visualmente agradable, mientras que el motor está diseñado para la maniobrabilidad.

Para simplificar las cosas, vamos a dividir la guía en terminología de sitios web para diseñadores y desarrolladores. ¡Agárrate a tu Hertz, aquí vamos!

Terminología del sitio web de diseñador

Contenido

No sirve de nada tener un sitio web alucinante si tu contenido está por todas partes. ¿A dónde van sus datos de contacto? ¿Están las imágenes en el lugar correcto? ¿Y el espacio en blanco? Nadie quiere dolor de cabeza cuando visita su sitio. Hacer bien estos aspectos hará que el viaje de sus visitantes sea más placentero y aumentará sus posibilidades de aparecer en los motores de búsqueda.

Echa un vistazo a este ejemplo de Lyft, no hay una gran cantidad de contenido ahí, pero eso es lo que lo hace funcionar. Hay una simple llamada a la acción en el centro de la página, acompañada de una linda animación. No hay posibilidad de que vengas a este sitio y no seas consciente de cuál es el objetivo del contenido.

Accesibilidad

Muchos diseñadores web suelen pasar por alto este aspecto del diseño, pero debería formar parte de los conceptos básicos de diseño web. Se trata de cuán accesible es tu sitio web para las personas con discapacidades.

Las guías de discapacidad, la copia simple y los iconos más grandes les ayudan a navegar por el sitio. Estas funciones son populares entre las organizaciones de atención médica. Este es un ejemplo de la Lucha por la vista, que tiene un ajustador de fuente en la parte superior derecha de la página de inicio.

CSS (Hojas de estilo en cascada)

CSS es un lenguaje de hojas de estilo utilizado para describir el diseño del código HTML. En términos más simples, HTML es el lenguaje del texto y CSS es el lenguaje del diseño de páginas. CSS ahorra mucho trabajo a los desarrolladores web, ya que les ayuda a formatear su código HTML en diferentes diseños y estilos.

Diseño estático

Este tipo de diseño es más fácil de diseñar, pero no es tan flexible para el usuario. Si una página tiene el mismo ancho para cada visitante, puede ser impredecible en diferentes dispositivos. La mayoría de las empresas han cambiado al diseño receptivo con el auge de los dispositivos móviles, pero es posible que algunas empresas lo usen.

Favicon

Un favicon es una imagen que aparece junto a tu nombre de dominio en la barra de direcciones del navegador. Es una buena idea demandar a su logotipo o algo que se relacione con su negocio. Necesitas inspiración? Echa un vistazo a algunos de estos maravillosos diseños de logo!

Punto focal

¿Dónde quiere que se enfoque el ojo? Un logotipo? Un producto? Si su sitio web está demasiado desordenado o no sabe a dónde quiere que vaya el usuario, podría irse. Amazon utiliza el banner superior como punto focal, pero no todas las empresas pueden participar en eventos de temporada para generar negocios, así que piensa en lo que te hace destacar.

HTML (Lenguaje de Marcado de Hipertexto)

¿hablas equipo? Afortunadamente, los diseñadores. Introducen códigos en un archivo de texto, el navegador lo lee y lo traduce en una forma digerible. Para la codificación HTML se necesita una amplia gama de conocimientos de tipografía, diseño y programación informática.

Resolución

El término utilizado para el número de píxeles en los elementos verticales y horizontales de una pantalla. Aunque muchos creen que es la longitud y el ancho.

Diseño adaptable

Los diseños adaptables son adaptables y cambian según el dispositivo del usuario. Optimizan la página para que se ajuste a la mayor cantidad de contenido posible. Este diseño es un elemento básico del diseño web básico.

Guía de estilo

Al diseñar un sitio web, es importante tener un estilo consistente. Demasiados colores o formas pueden confundir al usuario, por lo que es importante tener una mezcla complementaria. Echa un vistazo a la guía de estilo de Spotiy, algo tan leve como el extravío de un logotipo puede poner en peligro su marca.

Diseño de experiencia de usuario

¿Cómo se siente el usuario cuando visita su sitio web? Si es práctico y fácil de usar, es más probable que permanezcan en el sitio. Si hay muchos enlaces rotos, se sentirán decepcionados. Es vital entrar en la mentalidad del usuario y empatizar con sus problemas.

Interfaz gráfica de usuario

Apple hace que los dispositivos sean adecuados para niños pequeños. Mira la pantalla de inicio del móvil con todas las aplicaciones y menús. Las GUI deben ser simples y fáciles de navegar, lo que se debe a un diseño inteligente.

Diseño impulsado por el crecimiento

El diseño impulsado por el crecimiento es la práctica de construir un sitio web con conceptos básicos de diseño web simples. El diseñador agregará características más complejas a medida que construye el sitio web. Esto significa que cualquier problema que tenga, está protegido por cimientos sólidos. No pondrías el techo de una casa sin poner los cimientos primero. A continuación, puede actualizar el sitio regularmente, asegurándose de que esté siempre actualizado.

Terminología de sitios web para desarrolladores

AJAX (JavaScript y XML asíncronos)

AJAX utiliza varias herramientas de programación para enviar y recuperar datos sin tener que actualizar una página web. Si tienes tu página de inicio de Facebook en un navegador, se mantendrá actualizada para proporcionarte actualizaciones. Aquí hay un ejemplo de código AJAX.

Los sitios web Back-end

no son superficiales; hay muchos procesos internos que el usuario no puede ver. El back-end de su sitio web es donde actualiza el software, publica blogs en su CMS y carga nuevos productos. Este es el respaldo de WordPress..

Barrio malo

Un barrio malo es un grupo de sitios web con mala reputación y clasificaciones de búsqueda. No querrás vivir en un mal vecindario, y tampoco lo hace tu sitio web. Colocar tu sitio web en vecindarios deshonestos reducirá tus posibilidades de aparecer en un motor de búsqueda. Obtenga el mejor paquete de alojamiento; ¡no desea castigo por el comportamiento travieso de sus vecinos!

Ancho de banda

El vídeo se está almacenando en búfer. ¿Por qué?! El ancho de banda es el nivel de tráfico y datos que pueden pasar a través de su sitio. Las empresas más grandes necesitan más ancho de banda a medida que obtienen mayor tráfico y pasajes de datos. El ancho de banda varía, por lo que es importante obtener la cantidad correcta para su negocio.

Caché

Una caché es el espacio de almacenamiento temporal de un dispositivo y mejora el rendimiento de la aplicación. Cuando visita una página web, su navegador mantendrá un registro de las páginas que visita, almacenando los archivos en la caché. Esto significa que el navegador no tiene que volver a leerlos, lo que ahorra tiempo.

Cookies

Las cookies son pequeños archivos de texto que contienen información básica sobre los sitios web que visita. Las cookies ayudan a los servidores web a determinar las preferencias observando los tipos de sitios que visita o lo que pone en su carrito de compras.

Ha habido mucha prensa negativa sobre las cookies en los últimos años, ya que hay problemas con la privacidad. Eche un vistazo a este inicio de sesión de Amazon, habilitar el inicio de sesión automático significará que la empresa dejará una cookie de seguimiento en su navegador para que usted no tenga que iniciar sesión.

Base de datos

Como era de esperar, una base de datos es un centro de almacenamiento de datos. A medida que los navegadores navegan por su sitio web, introducen consultas de búsqueda o información personal. Su base de datos almacena esa información.

Si tienes un negocio de ropa en línea, las columnas de tu base de datos pueden leer:

• tshirt_size
• tshirt_colour
• tshirt_price

Aquí hay una muestra de una base de datos anónima.

Hosting

Los servidores web nos dan el poder de publicar páginas web en Internet. Utilizan computadoras de servidor para conectar su sitio web a Internet. Cuando alguien hace clic en la página de su sitio web, la página enviará una solicitud al servidor y se cargará.

JavaScript

JV es un lenguaje de programación dinámico compacto y flexible. Hay toneladas de funciones adicionales con JavaScript. Puede ingresar carruseles, imágenes en 3D y transmisiones de video en su sitio web.

PHP (Preprocesador de hipertexto)

PHP es un lenguaje de programación del lado del servidor utilizado para desarrollar sitios web fluidos y conectarse a bases de datos. Por ejemplo, es posible que tenga un botón de inicio de sesión en su sitio web con un cuadro de dirección de correo electrónico y contraseña arriba. Cuando ingrese y envíe esta información, PHP la enviará a una base de datos y verificará que es correcta.

Mire este ejemplo de código, vea cómo está manejando una solicitud entrante? Eso es PHP.

Python

Python es un marco de desarrollo web que existe desde la década de 1980. Es conocido por su facilidad de uso y legibilidad. Los principiantes a menudo usan Python como un trampolín para otras herramientas de desarrollo. Además de eso, es gratis!

Servidores

Los servidores hacen mucho trabajo, son computadoras después de una lata de espinacas. Almacenan grandes cantidades de datos, como hojas CSS, y se conectan a otros servidores a través de conexiones a Internet. Los servidores web almacenan información web, como direcciones URL, cuando un navegador solicita una página, se comunicará con el servidor.

Y esa es la diferencia entre el diseño de miércoles y el desarrollo web. ¡Ahora está calificado para hacer un waffle de terminología de sitios web al contenido de su corazón!