Os termos de deseño web son as principais cousas que un empresario debe saber. O deseño web é o proceso de creación e organización dos aspectos visuais e funcionais dun sitio web. Inclúe varios termos e conceptos que describen varios aspectos do deseño e desenvolvemento de páxinas web.
O deseño web existe desde hai moito tempo e non perde tempo en desenvolver unha linguaxe complexa chea de xerga. Axiña que deas o máis mínimo paso ao mundo do deseño web, comezarás a escoitar: "Que CMS queres usar?", "Queres que sexa por enriba ou debaixo da dobra?", "Ti queres un deseño fixo? ", "Que hospedaxe web queres utilizar? ” e quédese a preguntar o que significa todo. Sabemos que tentar descubrir todas as definicións e termos clave do deseño web pode ser bastante abrumador, especialmente cando é todo novo.
O deseño web abrangue unha ampla gama de traballos, desde desenvolvedores web que escriben código, ata deseñadores de IU e UX que traballan en interfaces, ata deseñadores web que coidan a aparencia do teu sitio. Hai moitas persoas implicadas no deseño web.
Aprender o que significan só unhas poucas siglas e xerga de deseño web pode facilitarlle as cousas ao teu deseñador e desenvolvedor e tamén pode axudarche a comprender como funciona o teu propio sitio web. Polo tanto, tanto se contrata axuda como se o fai vostede mesmo, coñecer os termos máis usados e máis confusos no deseño e desenvolvemento web pode ser útil:
Definicións e termos do deseño web.
Accesibilidade
Dispoñibilidade actualmente é de gran importancia no deseño web. Esencialmente, isto significa o accesible que é o teu sitio web para as persoas, incluídas as persoas con discapacidade auditiva ou visual. Isto é importante telo presente antes e durante a creación do teu sitio web. Bótalle un ollo a estes seis pasos para que o teu deseño web sexa accesible se non sabes por onde comezar.
10 sancións de Google que poden afectar o teu sitio web
Debaixo do pregamento (e por riba do pregamento).
Abaixo e enriba da dobra hai dous termos que teñen a súa orixe nos xornais. O "pregue" é onde se dobra o xornal. Arriba e inferior describe se a información se mostra na metade superior ou inferior da dobra. Para as páxinas web, a "dobra" adoita definirse como o punto no que debe comezar a desprazarse, pero o principio é o mesmo: a información que está na parte superior da páxina (ATF) é máis accesible e visible que a información que está en páxinas web. a parte inferior da páxina (BTF). . .
Elástico (disposición). Elástico (disposición). Condicións de deseño web
O deseño elástico é unha aproximación ao deseño de páxinas web que describe as relacións entre os elementos e a súa posición na páxina en termos de porcentaxes en lugar de espazos e tamaños deseñados especificamente. Isto significa que as páxinas web fanse máis adaptables, tanto ás preferencias establecidas polos teus visitantes en canto ao tamaño tipo de letra e a distancia entre eles, e para optimizar a páxina para visualizala nun teléfono intelixente ou tableta.
Hoxe en día, os deseños elásticos son unha parte fundamental dos enfoques de deseño responsivo, pero antes de que nacese a idea do deseño responsivo, os deseños elásticos ofrecían un xeito sinxelo de facer que os sitios web sexan responsivos.
Ex. Antigo
Ex é unha unidade de medida que usa unha "x" minúscula na fonte como medida estándar.
Ancho fixo (disposición). Ancho fixo (disposición). Definicións e termos do deseño web.
Un deseño de ancho fixo é un método para deseñar páxinas web no que o deseñador especifica o tamaño dunha páxina web e exactamente onde aparecerán os elementos nela. Isto proporciona aos deseñadores moito máis control sobre o deseño da páxina web que un deseño elástico, pero fai que as páxinas sexan menos sensibles. diferentes tamaños pantalla.
hexadecimal.
Os números hexadecimais, tamén coñecidos como números "hexadecimais", son un sistema numérico de base 16, o que significa que usan 16 caracteres para definir unha cor. Os números hexadecimais usan os números do 0 ao 9 e as letras da A a F. Cada cor identifícase por tres pares de números hexadecimais. O primeiro par de números ou letras refírese ao tinte vermello, o segundo par ao matiz verde e o terceiro par ao matiz azul.
Desprazamento infinito. Desprazamento infinito
O desprazamento infinito é cando se carga contido novo mentres continúas a desprazarte. Isto crea un pergamiño "interminable" e interminable. Algúns exemplos populares diso son as liñas de tempo de Facebook, Pinterest ou Twitter.
Desprazamento paralaxe. Desprazamento paralaxe.
Este método de desprazamento crea unha sensación de profundidade deseño do sitio web. Cando un usuario se despraza, os elementos dun sitio web estarán a diferentes distancias e móvense a diferentes velocidades mentres o usuario se despraza. Isto crea a ilusión de profundidade e distancia nun sitio web plano.
Resolución. Permiso. Definicións e termos do deseño web.
A resolución é o número de píxeles que aparecen na pantalla. Este é un método estándar usado no deseño web para determinar tamaño imaxes. A calidade da imaxe adoita descríbese en píxeles por polgada, con máis píxeles que dan como resultado unha imaxe de maior calidade.
Responsive / adaptado para móbiles / optimizado para móbiles. Responsive/Mobile Friendly/Mobile Optimized
Desde o ano pasado, máis da metade do tráfico web procede de teléfonos intelixentes. Isto significa que cada vez é máis importante que un sitio web se vexa mellor dispositivos móbiles, así como en ordenadores. Facer sitios web responsive/mobile responsive/optimized mobile significa deseñar e desenvolver un sitio web que se adaptará ao dispositivo ou pantalla na que se visualiza.
Usabilidade. Facilidade de uso.
A usabilidade é un concepto de deseño web que describe o fácil que é o seu sitio web para os visitantes para os que foi deseñado. O ideal é que un visitante poida usar facilmente o seu sitio cando o atope por primeira vez, cun mínimo de obstáculos, frustración e a necesidade de pedir axuda. Comprender os principios de usabilidade é un paso clave na creación excelente sitio web.
UX (investigación de usuarios) / UI (interfaz de usuario)
O deseño de UX e UI é un traballo que mellora a experiencia do usuario. É importante coñecer as diferenzas entre UX e UI para comprender como funcionan xuntos.
UX, investigación de usuarios, implica todos os aspectos da experiencia dun usuario cun sitio web de principio a fin. Obxectivo - mellorar a calidade interacción do usuario co sitio.
UI, interface de usuario, céntrase nos elementos visuais e interactivos dun sitio web, como botóns, iconas e tipografía. O obxectivo é mellorar o aspecto e a funcionalidade do sitio web.
Anatomía dun sitio frontend. Definicións e termos do deseño web.
-
Miga de pan. Migas de pan.
Cando as páxinas web mostran aos usuarios como navegaron pola páxina web e como volver páxina de inicio, isto faise a miúdo usando migas de pan. Normalmente móstrase como unha serie de categorías aniñadas, como Inicio > Categoría > Ano > Mes > Publicación.
Favicon. Favicon.
Un favicon é unha pequena icona que aparece na barra de pestanas do teu navegador. Normalmente teñen un tamaño de 16 × 16 píxeles (que en realidade é moi pequeno) e gárdanse como imaxes .ico, .gif ou .png. Podes usar case calquera imaxe como icona sempre que teña o tamaño correcto e se garde no formato correcto.
Punto focal. Coordinador.
O foco dunha páxina web é a parte da páxina onde se chama a túa atención. Os deseñadores dedicarán moito tempo a crear un punto focal que realmente capte a atención do espectador e, a continuación, poñen en foco o máis importante da páxina. Isto garante que o vexa tantas persoas como sexa posible.
Frontal. Frontal.
Estes son todos os elementos como imaxes, texto, páxinas que a xente verá cando visite por primeira vez o teu sitio. Esencialmente, isto é co que a xente interactuará e interactuará nun sitio web.
Icona de hamburguesa. Icona de hamburguesa.
A icona da hamburguesa refírese á icona do menú que se atopa habitualmente en programas posteriores. Ten tres franxas horizontais (de aí a "hamburguesa") e oculta o menú de navegación tradicional detrás dunha única icona.
Páxina de destino. Páxina de destino.
Esta é a primeira páxina que verán os visitantes do teu sitio. Moitos sitios web usan unha páxina de destino dedicada para aprender algo do visitante (como compartir o seu enderezo de correo electrónico ou unha páxina específica dun produto). Teu páxina de destino é unha das páxinas máis importantes do teu sitio web e deberías dedicar moito tempo a optimizalo.
Navegación. Navegación.
A navegación é o sistema empregado para moverse entre os elementos da súa páxina web e é un dos elementos máis importantes de calquera páxina web. Por iso é tan importante coñecer os principios fundamentais da navegación do sitio web. O máis un exemplo brillante As navegacións son menús que aparecen na maioría das páxinas web. Pero tamén preste moita atención a como se organizan as páxinas e ás conexións entre elas. Tamén poden facilitar a navegación por unha páxina web para os visitantes.
Anatomía dun sitio web backend. Definicións e termos do deseño web.
-
Final traseiro. Final traseiro.
Esta é a parte do teu sistema que executa eficazmente o teu sitio, pero está oculta aos visitantes. Hai moitos compoñentes de back-end diferentes dispoñibles, pero todos eles normalmente conteñen o mesmo: aplicacións, estrutura da información e o teu CMS.
CMS
Un sistema de xestión de contidos é un sistema interno ferramenta para xestionar o contido do seu sitio web, engadindo usuarios, xestionando comentarios e posiblemente moito máis. Se algunha vez usaches WordPress para crear un sitio web, utilizaches un CMS. Un CMS facilita moito o deseño e a creación dunha páxina web porque oculta gran parte do código bruto que alimenta o sitio web.
Comercio electrónico. Comercio electrónico.
Comercio electrónico significa "comercio electrónico". do mesmo xeito que "e-mail" significa "correo electrónico". Normalmente engades unha tenda ao teu sitio web comercio electrónico, que xestionará as descricións dos produtos, as compras e vendas e os datos dos clientes.
HTTP/HTTPS
É un sistema que xestiona a comunicación entre navegadores, servidores e aplicacións web. Define como se deben empaquetar e enviar os datos.
HTTPS é unha extensión de HTTP que pode establecer conexións a través de SSL (Secure Socket Layer). Esta é unha forma moito máis segura de compartir datos en liña. Moitos navegadores web modernos avisarán se un sitio web usa o protocolo HTTP estándar en lugar de HTTPS.
Como propietario do sitio web, podes mercar os certificados SSL necesarios para usar HTTPS de varios provedores. Unha vez engadido, fará que o teu sitio sexa máis seguro e xerará confianza cos teus clientes.
Enchufar. Condicións de deseño web
Un pequeno programa que se instala na parte superior do sitio principal e proporciona seguridade adicional. Os complementos están dispoñibles para as plataformas CMS máis populares e pódense usar para moitas funcións diferentes, desde a automatización de publicacións de blog ata a xestión de clientes potenciales.
Modelo. Mostra.
Os modelos úsanse no deseño web do mesmo xeito que se usan para documentos e imaxes, para garantir un deseño coherente en moitas páxinas diferentes. A maioría das plataformas CMS fornecerán un conxunto de modelos para o seu sitio web que axudará a garantir a coherencia entre as súas páxinas e o seu deseño nelas.
Condicións técnicas para Internet. Definicións e termos do deseño web.
-
Texto de ancoraxe. Texto de ancoraxe.
O texto de referencia é unha frase ou varias palabras que conteñen un hipervínculo. Usar o texto de áncora correcto pode marcar unha gran diferenza na clasificación da túa páxina nos motores de busca.
Ligazón de retroceso. Ligazón de retroceso.
Estas son ligazóns ao teu sitio doutros sitios. Cando outro sitio enlaza co teu, por exemplo para dirixir aos seus lectores a un recurso, recibiches unha ligazón de retroceso. Os vínculos de retroceso son moi importantes cando se trata de aumentar as túas clasificacións de busca porque varios vínculos de retroceso de sitios de confianza aumentarán a visibilidade do teu sitio.
Ancho de banda. Ancho de banda.
Ancho de banda é un termo usado en moitos contextos diferentes, pero esencialmente significa a cantidade de datos enviados ou recibidos nun período determinado. Pódese usar, por exemplo, para describir a súa velocidade de internet, onde normalmente se indica en kilobits por segundo (kbps). Non obstante, ás veces úsase para describir cantos datos podes usar ao mes como parte do teu paquete de hospedaxe web.
Caché. Efectivo.
Unha caché é un conxunto de datos que se almacenan nun navegador web. Isto significa que a próxima vez que o usuario visite o sitio, a páxina cargarase máis rápido porque se carga desde a memoria local.
Condicións de deseño web de DNS
DNS significa Domain Name Service. Este é o sistema polo que o seu navegador web atopa páxinas web. Cando ti azbyka.com.ua , o teu navegador busca unha "táboa DNS" que converte este enderezo amigable para as persoas nun enderezo compatible con ordenadores (é dicir, un formado por números). O sistema DNS fai un seguimento de onde están todas as páxinas web do mundo para que o teu navegador poida atopalas.
Домен
Este é o nome do teu sitio. Podes mercar dominios de moitas empresas. Non poden conter máis de 63 caracteres. Por exemplo, https://azbyka.com.ua/é o noso nome de dominio.
FTP
FTP significa File Transfer Protocol e é un sistema para transferir ficheiros e datos desde o almacenamento local (por exemplo, no teu ordenador) ao teu servidor web. Para usar FTP, cómpre descargar un pequeno programa chamado cliente FTP.
Enlace permanente. Ligazón permanente
Unha ligazón permanente que che permite proporcionar un enderezo que sempre apuntará a unha publicación ou páxina específica do blog, sen importar como cambies a estrutura do teu sitio ao seu redor. Isto é moi útil se usas publicacións de blog para aumentar o tráfico ao teu sitio porque non tes que cambiar manualmente ducias (ou centos) de ligazóns se decides cambiar. deseño do teu sitio web ou cambiar o seu nome de dominio.
URL
Un enderezo que indica onde se pode atopar unha páxina específica ou outro recurso.
Aloxamento web. Definicións e termos do deseño web.
Un hospedaxe web é unha empresa que xestiona os servidores que almacenan o teu sitio web. Como explicamos no noso artigo sobre aloxamento web, os servidores web poden variar moito no nivel de servizos que ofrecen. Un bo servidor web poderá asegurarche que o teu sitio estará dispoñible o 99,9 % do tempo e tamén che proporcionará as ferramentas para mantelo seguro e eficiente.
Servidor web
Un servidor web é o ordenador que realmente almacena a túa páxina web. O máis probable é que se atope nunha instalación de servidor propiedade do teu servidor web, aínda que tamén é posible executar os teus propios servidores.
Terminoloxía do desenvolvemento web. Definicións e termos do deseño web.
CSS
CSS significa Follas de estilo en cascada e, xunto con HTML, estas follas son a parte máis fundamental de calquera páxina web. Hai dez anos, o formato da páxina web, como o tamaño dos títulos ou se as imaxes tiñan bordos, determinábase no propio código HTML. Isto significaba que cambiar o formato era un traballo intensivo o proceso de paso de cada elemento páxinas e cambios de código.
Con CSS todo é moito máis sinxelo. O estilo dunha páxina está contido nun (ou máis) ficheiros CSS que determinan como se ven os títulos, como se mostran as imaxes e moitos outros elementos. Dinlle ao navegador como mostrar o sitio web. Así, o formato de sitios web completos pódese cambiar cambiando só unha peza de código.
DHTML
DHTML significa Dynamic HyperText Markup Language. É un termo para unha linguaxe que combina varias linguaxes de deseño web (HTML, JavaScript e CSS) nunha soa super linguaxe para o desenvolvemento web. Isto é normalmente o que os desenvolvedores web modernos usarán para crear un sitio web para ti.
Doctype. Definicións e termos do deseño web.
En HTML, un tipo de documento é unha descrición do tipo de HTML e versión que se usa nunha páxina web. Utilízano os navegadores para comprobar a integridade da páxina e pode provocar erros de seguridade se é incorrecta.
Em. EM. Condicións de deseño web
Em úsase para describir o tamaño dunha fonte en relación coa fonte "pai" utilizada na páxina. 1Em significa que o tipo de letra (ou ás veces outros elementos) teñen o mesmo tamaño que o seu elemento pai, 2em significa que teñen o dobre de tamaño, etc.
Estilo incorporado. Estilo incorporado. Condicións de deseño web
Aínda que CSS (ver arriba) pódese usar para describir o formato de páxinas enteiras á vez, ás veces só precisa cambiar o estilo nunha páxina. Isto é cando se usa un estilo en liña. Un estilo en liña é un fragmento de código CSS escrito na cabeceira dunha páxina web que só afecta a elementos desa páxina, non a todo o seu sitio web.
Familia de letra/estilo/peso. Familia de letra/estilo/peso
Os deseñadores e desenvolvedores web moitas veces non traballan con certos tipos de letra porque os distintos navegadores non sempre usan os mesmos tipos de letra. É por iso que nun documento CSS verá que a fonte utilizada defínese como unha familia de fontes (un grupo de fontes que se poden usar) en lugar de só unha individualmente. Xunto a esta definición, o documento CSS tamén definirá o estilo de letra (cursiva, subliñado, etc.) e o peso (negriña, clara, etc.).
HTML. Definicións e termos do deseño web.
A linguaxe de marcado de hipertexto é a base de Internet. Todas as páxinas web están escritas, polo menos en certa medida, en HTML, que foi deseñado para ser o máis fácil de escribir posible. De feito, pode ser moi útil, probalo Titorial en código HTML, para ver se é fácil de escribir: sorprenderás o que podes conseguir en poucas horas!
Metadatos.
Os metadatos son os datos contidos na cabeceira das páxinas web. Estes datos están dispoñibles para o teu navegador, pero non se mostran como parte da páxina web que estás a ver; terás que ver o código fonte para acceder a el.
Código aberto. Código aberto. Condicións de deseño web
O software de código aberto é compatible polo usuario e pódese usar e modificar libremente. Isto contrasta co software propietario, que é propiedade e mantido por unha empresa específica. A maioría dos desenvolvedores web usarán software de código aberto polo menos ás veces porque non só é máis barato, senón que tamén pode ser máis seguro. Hoxe en día, a maioría dos desenvolvedores web minimizan as violacións de seguridade mediante o uso de contedores escritos en linguaxes de código aberto.
Escenificación. Escenificación. Definicións e termos do deseño web.
Escenificación websitio é o proceso de creación dunha copia case final do mesmo e despois probalo antes de implementar a versión en directo do sitio. A maioría dos desenvolvedores web "escenifican" un sitio web antes de publicalo para asegurarse de que todo funciona correctamente. E moitas veces, os cambios importantes nun sitio web ocorren no sitio de posta en escena en lugar de no sitio en directo.
Válido. Válido.
No deseño web, as páxinas web válidas son aquelas que non conteñen erros. Na práctica, isto significa páxinas web que seguen os estándares establecidos nas especificacións HTML publicadas polo W3C, a comunidade que establece estándares para o desenvolvemento web.
XML. Condicións de deseño web
XML significa Extensible Markup Language. XML é unha parte fundamental do deseño web porque actúa como unha "metalinguaxe" que traduce elementos dunha lingua a outra. Isto significa que as páxinas web pódense crear utilizando moitos idiomas diferentes, todos os cales se comunican a través de XML.
Última cousa...
Por suposto, non precisas coñecer todas estas definicións e termos de deseño web para comezar. desenvolvemento de sitios web - de xeito independente ou con axuda. En definitiva, o deseño web é un proceso de aprendizaxe e os mellores deseños son obras de arte repetibles que melloran continuamente a medida que aprendes cousas novas.
Non obstante, pode ser moi útil ter unha guía polo mundo ás veces complexo do deseño web, especialmente cando estás comezando. Os nosos deseñadores web profesionais axudarano a iniciarse no apaixonante mundo do deseño web.
Deixe un comentario