Els termes de disseny web són les coses principals que un empresari ha de saber. El disseny web és el procés de creació i organització dels aspectes visuals i funcionals d'un lloc web. Inclou diversos termes i conceptes que descriuen diversos aspectes del disseny i desenvolupament de pàgines web.
El disseny web ha existit durant molt de temps i no perd temps a desenvolupar un llenguatge complex ple d'argot. Tan bon punt feu el més mínim pas al món del disseny web, començareu a escoltar: "Quin CMS voleu utilitzar?", "El voleu a sobre del plec o sota el plec?", "Vostè voleu un disseny fix? ", "Quin allotjament web voleu utilitzar? ” i et quedes preguntant què significa tot això. Sabem que intentar esbrinar totes les definicions i termes clau del disseny web pot ser bastant aclaparador, sobretot quan és nou.
El disseny web cobreix una àmplia gamma de treballs, des de desenvolupadors web que escriuen codi, fins a dissenyadors d'IU i UX que treballen en interfícies, fins a dissenyadors web que s'encarreguen de l'aspecte del vostre lloc. Hi ha molta gent implicada en el disseny web.
Aprendre què signifiquen només unes quantes sigles i argot de disseny web pot facilitar les coses al vostre dissenyador i desenvolupador, i també us pot ajudar a entendre com funciona realment el vostre lloc web. Per tant, tant si contracteu ajuda com si ho feu vosaltres mateixos, pot ser útil conèixer els termes més utilitzats i més confusos en disseny i desenvolupament web:
Definicions i termes del disseny web.
Accessibilitat
Disponibilitat actualment és de gran importància en el disseny web. Bàsicament, això significa com d'accessible és el vostre lloc web per a les persones, incloses les persones amb discapacitat auditiva o visual. Això és important tenir-ho en compte abans i durant la creació del vostre lloc web. Fes una ullada a aquests sis passos per fer que el teu disseny web sigui accessible si no saps per on començar.
10 sancions de Google que poden afectar el vostre lloc web
Per sota del plec (i per sobre del plec).
A sota i a sobre del plec hi ha dos termes que tenen el seu origen als diaris. El "plec" és on es plega el diari. Superior i inferior descriuen si la informació es mostra a la meitat superior o inferior del plec. Per a les pàgines web, el "plegament" es defineix normalment com el punt en què hauríeu de començar a desplaçar-vos, però el principi és el mateix: la informació que es troba a la part superior de la pàgina (ATF) és més accessible i visible que la informació que es troba a la part inferior de la pàgina (BTF). . .
Elàstic (disposició). Elàstic (disposició). Condicions de disseny web
El disseny elàstic és un enfocament del disseny de pàgines web que descriu les relacions entre els elements i la seva posició a la pàgina en termes de percentatges en lloc d'espais i mides dissenyats específicament. Això vol dir que les pàgines web es tornen més adaptables, tant a les preferències establertes pels vostres visitants en termes de mida Font i la distància entre ells, i per optimitzar la pàgina per visualitzar-la en un telèfon intel·ligent o tauleta.
Avui en dia, els dissenys elàstics són una part clau dels enfocaments de disseny responsiu, però abans de néixer la idea del disseny responsiu, els dissenys elàstics proporcionaven una manera fàcil de fer que els llocs web responsives.
Ex. Antiga
Ex és una unitat de mesura que utilitza una "x" minúscula a la font com a mesura estàndard.
Amplada fixa (disposició). Amplada fixa (disposició). Definicions i termes del disseny web.
Un disseny d'amplada fixa és un mètode de disseny de pàgines web en què el dissenyador especifica la mida d'una pàgina web i exactament on hi apareixeran els elements. Això ofereix als dissenyadors molt més control sobre el disseny de la pàgina web que un disseny elàstic, però fa que les pàgines siguin menys sensibles. diferents mides pantalla.
Hexadecimal.
Els números hexadecimals, també coneguts com a números "hexadecimals", són un sistema numèric de base 16, el que significa que utilitzen 16 caràcters per definir un color. Els números hexadecimals utilitzen els números del 0 al 9 i les lletres de la A a la F. Cada color s'identifica amb tres parells de nombres hexadecimals. El primer parell de números o lletres fa referència al to vermell, el segon parell al to verd i el tercer parell al to blau.
Desplaçament infinit. Desplaçament infinit
El desplaçament infinit és quan es carrega contingut nou mentre continueu desplaçant-vos. Això crea un desplaçament "interminable" sense fi. Alguns exemples populars d'això són les línies de temps de Facebook, Pinterest o Twitter.
Desplaçament de paral·laxi. Desplaçament de paral·laxi.
Aquest mètode de desplaçament crea una sensació de profunditat disseny web. Quan un usuari es desplaça, els elements d'un lloc web estaran a diferents distàncies i es mouran a diferents velocitats a mesura que l'usuari es desplaça. Això crea la il·lusió de profunditat i distància en un lloc web pla.
Resolució. Permís. Definicions i termes del disseny web.
La resolució és el nombre de píxels que es mostren a la pantalla. Aquest és un mètode estàndard utilitzat en disseny web per determinar la mida imatges. La qualitat de la imatge normalment es descriu en píxels per polzada, amb més píxels que donen com a resultat una imatge de més qualitat.
Responsive / adaptat per a mòbils / optimitzat per a mòbils. Responsive / Mòbil Friendly / Mobile Optimized
L'any passat, més de la meitat del trànsit web prové dels telèfons intel·ligents. Això vol dir que cada cop és més important que un lloc web es vegi millor dispositius mòbils, així com en ordinadors. Fer llocs web responsives/mobile responsive/optimitzats per a mòbils significa dissenyar i desenvolupar un lloc web que s'adapti al dispositiu o pantalla on es visualitzi.
Usabilitat. Facilitat d'ús.
La usabilitat és un concepte de disseny web que descriu com de fàcil és el vostre lloc web per als visitants per als quals va ser dissenyat. L'ideal és que un visitant pugui utilitzar fàcilment el vostre lloc quan el trobi per primera vegada, amb un mínim d'obstacles, frustració i la necessitat de demanar ajuda. Entendre els principis d'usabilitat és un pas clau en la creació excel · lent lloc web.
UX (investigació d'usuaris) / UI (interfície d'usuari)
El disseny d'UX i UI és un treball que millora l'experiència de l'usuari. És important conèixer les diferències entre UX i UI per entendre com funcionen junts.
UX, recerca d'usuaris, implica tots els aspectes de l'experiència d'un usuari amb un lloc web des del principi fins al final. Objectiu - millorar la qualitat interacció de l'usuari amb el lloc.
La interfície d'usuari, la interfície d'usuari, se centra en els elements visuals i interactius d'un lloc web, com ara botons, icones i tipografia. L'objectiu és millorar l'aspecte i la funcionalitat del lloc web.
Anatomia d'un lloc frontend. Definicions i termes del disseny web.
-
Pa ratllat. Pa ratllat.
Quan les pàgines web mostren als usuaris com han navegat per la pàgina web i com tornar-hi pàgina d'inici, això es fa sovint amb pa ratllat. Normalment es mostra com una sèrie de categories imbricades, com ara Inici > Categoria > Any > Mes > Publicació.
Favicon. Favicon.
Un favicon és una icona petita que apareix a la barra de pestanyes del vostre navegador. Normalment tenen una mida de 16 × 16 píxels (que en realitat és molt petita) i es guarden com a imatges .ico, .gif o .png. Podeu utilitzar gairebé qualsevol imatge com a icona sempre que tingui la mida adequada i desada en el format correcte.
Punt focal. Coordinador.
El focus d'una pàgina web és la part de la pàgina on es crida l'atenció. Els dissenyadors passaran molt de temps creant un punt focal que realment cridi l'atenció de l'espectador i, a continuació, enfocant el més important de la pàgina. Això garanteix que el vegi el màxim de gent possible.
Extrem frontal. Extrem frontal.
Aquests són tots els elements com ara imatges, text, pàgines que la gent veurà la primera vegada que visiti el vostre lloc. Bàsicament, això és amb què la gent interactuarà i amb què interactuarà en un lloc web.
Icona d'hamburguesa. Icona d'hamburguesa.
La icona d'hamburguesa fa referència a la icona del menú que es troba habitualment en programes posteriors. Té tres franges horitzontals (d'aquí l'"hamburguesa") i amaga el menú de navegació tradicional darrere d'una sola icona.
Pàgina de destinació. Pàgina de destinació.
Aquesta és la primera pàgina que veuran els visitants del vostre lloc. Molts llocs web utilitzen una pàgina de destinació dedicada per aprendre alguna cosa del visitant (com ara compartir la seva adreça de correu electrònic o una pàgina específica del producte). El teu pàgina de destinació és una de les pàgines més importants del vostre lloc web i hauríeu de dedicar molt de temps a optimitzar-lo.
Navegació. Navegació.
La navegació és el sistema que s'utilitza per moure's entre els elements de la teva pàgina web i és un dels elements més importants de qualsevol pàgina web. Per això és tan important conèixer els principis clau de la navegació al lloc web. El més un exemple brillant Les navegacions són menús que apareixen a la majoria de pàgines web. Però també presta molta atenció a com estan organitzades les pàgines i a les connexions entre elles. També poden facilitar la navegació d'una pàgina web als visitants.
Anatomia del backend d'un lloc web. Definicions i termes del disseny web.
-
Final posterior. Final posterior.
Aquesta és la part del vostre sistema que executa efectivament el vostre lloc, però que està oculta als visitants. Hi ha molts components de fons disponibles, però tots contenen normalment les mateixes coses: aplicacions, estructura d'informació i el vostre CMS.
CMS
Un sistema de gestió de continguts és intern eina per gestionar el contingut del vostre lloc web, afegint usuaris, gestionant comentaris i possiblement molt més. Si alguna vegada heu utilitzat WordPress per crear un lloc web, heu utilitzat un CMS. Un CMS facilita molt el disseny i la creació d'una pàgina web perquè amaga gran part del codi en brut que impulsa el lloc web.
Comerç electrònic. Comerç electrònic.
Comerç electrònic significa "comerç electrònic". igual que "correu electrònic" significa "correu electrònic". Normalment afegiu una botiga al vostre lloc web comerç electrònic, que gestionarà descripcions de productes, compres i vendes, i dades dels clients.
HTTP/HTTPS
És un sistema que gestiona la comunicació entre navegadors, servidors i aplicacions web. Defineix com s'han d'empaquetar i enviar les dades.
HTTPS és una extensió d'HTTP que pot establir connexions mitjançant SSL (Secure Socket Layer). Aquesta és una manera molt més segura de compartir dades en línia. Molts navegadors web moderns us avisaran si un lloc web utilitza el protocol HTTP estàndard en lloc d'HTTPS.
Com a propietari d'un lloc web, podeu comprar els certificats SSL necessaris per utilitzar HTTPS de diversos proveïdors. Un cop afegit, farà que el vostre lloc sigui més segur i generarà confiança amb els vostres clients.
Connectar. Condicions de disseny web
Un petit programa que s'instal·la a la part superior del lloc principal i proporciona seguretat addicional. Els connectors estan disponibles per a les plataformes CMS més populars i es poden utilitzar per a moltes funcions diferents, des de l'automatització de publicacions de blocs fins a la gestió de clients potencials.
Plantilla. Mostra.
Les plantilles s'utilitzen en el disseny web de la mateixa manera que s'utilitzen per a documents i imatges, per garantir un disseny coherent en moltes pàgines diferents. La majoria de plataformes CMS us proporcionaran un conjunt de plantilles per al vostre lloc web que us ajudaran a garantir la coherència de les vostres pàgines i el vostre disseny.
Condicions tècniques per a Internet. Definicions i termes del disseny web.
-
Text d'àncora. Text d'àncora.
El text d'ancoratge és una frase o diverses paraules que contenen un hiperenllaç. L'ús del text d'ancoratge adequat pot marcar una gran diferència en la classificació de la vostra pàgina als motors de cerca.
Enllaç d'entrada. Enllaç d'entrada.
Aquests són enllaços al vostre lloc des d'altres llocs. Quan un altre lloc enllaça amb el vostre, per exemple per dirigir els seus lectors a un recurs, heu rebut un backlink. Els enllaços d'entrada són molt importants a l'hora d'augmentar el rànquing de cerca perquè diversos enllaços d'entrada de llocs de confiança augmentaran la visibilitat del vostre lloc.
Ample de banda. Ample de banda.
L'amplada de banda és un terme que s'utilitza en molts contextos diferents, però essencialment significa la quantitat de dades enviades o rebudes en un període determinat. Es pot utilitzar, per exemple, per descriure la vostra velocitat d'Internet, on normalment s'indica en kilobits per segon (kbps). Tanmateix, de vegades s'utilitza per descriure quantes dades podeu utilitzar al mes com a part del vostre paquet d'allotjament web.
Memòria cau. Efectiu.
Una memòria cau és un conjunt de dades que s'emmagatzemen en un navegador web. Això vol dir que la propera vegada que l'usuari visiti el lloc, la pàgina es carregarà més ràpid perquè es carrega des de la memòria local.
Condicions de disseny web DNS
DNS són les sigles de Domain Name Service. Aquest és el sistema pel qual el vostre navegador web troba pàgines web. Quan tu azbyka.com.ua , el vostre navegador cerca una "taula DNS" que converteix aquesta adreça fàcil per a persones en una adreça fàcil d'ordinador (és a dir, una formada per números). El sistema DNS fa un seguiment d'on es troben totes les pàgines web del món perquè el vostre navegador les pugui trobar.
Nom del domini
Aquest és el nom del vostre lloc. Podeu comprar dominis de moltes empreses. No poden contenir més de 63 caràcters. Per exemple, https://azbyka.com.ua/és el nostre nom de domini.
FTP
FTP significa File Transfer Protocol i és un sistema per transferir fitxers i dades des d'emmagatzematge local (per exemple, al vostre ordinador) al vostre servidor web. Per utilitzar FTP, heu de descarregar un petit programa anomenat client FTP.
Enllaç permanent. Enllaç permanent
Un enllaç permanent que us permet proporcionar una adreça que sempre apuntarà a una publicació o pàgina específica del bloc, independentment de com canvieu l'estructura del vostre lloc al seu voltant. Això és molt útil si utilitzeu publicacions de bloc per augmentar el trànsit al vostre lloc perquè no heu de canviar manualment desenes (o centenars) d'enllaços si decidiu canviar-lo. disseny del teu lloc web o canvieu el vostre nom de domini.
URL
Una adreça que indica on es pot trobar una pàgina específica o un altre recurs.
Web Hosting. Definicions i termes del disseny web.
Un allotjament web és una empresa que gestiona els servidors que emmagatzemen el vostre Lloc web. Tal com expliquem al nostre article sobre allotjament web, els amfitrions web poden variar molt en el nivell de serveis que ofereixen. Un bon amfitrió web us podrà assegurar que el vostre lloc estarà disponible el 99,9% del temps i també us proporcionarà les eines per mantenir-lo segur i eficient.
Servidor web
Un servidor web és l'ordinador que realment emmagatzema la vostra pàgina web. El més probable és que es trobi en una instal·lació de servidor propietat del vostre amfitrió web, tot i que també és possible executar els vostres propis servidors.
Terminologia del desenvolupament web. Definicions i termes del disseny web.
CSS
CSS significa Cascading Style Sheets, i juntament amb HTML, aquests fulls són la part més fonamental de qualsevol pàgina web. Fa deu anys, el format de la pàgina web, com ara la mida dels encapçalaments o si les imatges tenien vores, es determinava en el propi codi HTML. Això significava que canviar el format requeria molta mà d'obra el procés de passar cada element pàgines i canvis de codi.
Amb CSS tot és molt més senzill. L'estil d'una pàgina està contingut en un (o més) fitxers CSS que determinen com es veuen els encapçalaments, com es mostren les imatges i molts altres elements. Diuen al navegador com mostrar el lloc web. Així, el format de llocs web sencers es pot canviar canviant només una peça de codi.
DHTML
DHTML són les sigles de Dynamic HyperText Markup Language. És un terme per a un llenguatge que combina diversos llenguatges de disseny web (HTML, JavaScript i CSS) en un súper llenguatge per al desenvolupament web. Això és normalment el que els desenvolupadors web moderns utilitzaran per crear-vos un lloc web.
Doctype. Definicions i termes del disseny web.
En HTML, un tipus de document és una descripció de quin tipus d'HTML i versió s'utilitza en una pàgina web. Els navegadors l'utilitzen per comprovar la integritat de la pàgina i pot provocar errors de seguretat si és incorrecta.
Em. EM. Condicions de disseny web
Em s'utilitza per descriure la mida d'un tipus de lletra en relació amb el tipus de lletra "parent" utilitzat a la pàgina. 1Em significa que el tipus de lletra (o de vegades altres elements) té la mateixa mida que el seu element pare, 2em significa que tenen el doble de mida, etc.
Estil incrustat. Estil incorporat. Condicions de disseny web
Tot i que CSS (vegeu més amunt) es pot utilitzar per descriure el format de pàgines senceres alhora, de vegades només cal canviar l'estil d'una pàgina. És quan s'utilitza un estil en línia. Un estil en línia és un fragment de codi CSS escrit a la capçalera d'una pàgina web que només afecta els elements d'aquesta pàgina, no tot el vostre lloc web.
Família de lletra/estil/pes. Família de lletra/estil/pes
Els dissenyadors i desenvolupadors web sovint no treballen amb determinats tipus de lletra perquè els diferents navegadors no sempre utilitzen els mateixos tipus de lletra. És per això que en un document CSS veureu que el tipus de lletra utilitzat es defineix com una família de tipus de lletra (un grup de tipus de lletra que es poden utilitzar) en lloc d'un sol individualment. Juntament amb aquesta definició, el document CSS també definirà l'estil de lletra (cursiva, subratllat, etc.) i el pes (negreta, lleugera, etc.).
HTML. Definicions i termes del disseny web.
El llenguatge de marques d'hipertext és la base d'Internet. Totes les pàgines web estan escrites, almenys fins a cert punt, en HTML, que ha estat dissenyat per ser el més fàcil d'escriure possible. De fet, pot ser molt útil, prova-ho Tutorial en codi HTML, per veure si és fàcil d'escriure, et sorprendrà el que pots aconseguir en poques hores!
Metadades.
Les metadades són les dades contingudes a la capçalera de les pàgines web. Aquestes dades estan disponibles per al vostre navegador, però no es mostren com a part de la pàgina web que esteu veient; haureu de veure el codi font per accedir-hi.
Codi obert. Codi obert. Condicions de disseny web
El programari de codi obert és compatible amb l'usuari i es pot utilitzar i modificar lliurement. Això contrasta amb el programari propietari, que és propietat i es manté per una empresa específica. La majoria de desenvolupadors web utilitzaran programari de codi obert almenys de vegades perquè no només és més barat, sinó que també pot ser més segur. Avui en dia, la majoria de desenvolupadors web minimitzen les infraccions de seguretat mitjançant l'ús de contenidors escrits en llenguatges de codi obert.
Escenificació. Escenificació. Definicions i termes del disseny web.
Escenificació weblloc és el procés de crear-ne una còpia gairebé final i després provar-la abans de desplegar la versió en directe del lloc. La majoria de desenvolupadors web "procenen" un lloc web abans de llançar-lo per assegurar-se que tot funciona correctament. I sovint, els canvis importants en un lloc web es produeixen al lloc de posada en escena més que al lloc en directe.
Vàlid. Vàlid.
En disseny web, les pàgines web vàlides són aquelles que no contenen errors. A la pràctica, això significa pàgines web que segueixen els estàndards establerts a les especificacions HTML publicades pel W3C, la comunitat que estableix estàndards per al desenvolupament web.
XML. Condicions de disseny web
XML significa Extensible Markup Language. XML és una part fonamental del disseny web perquè actua com un "metallenguatge" que tradueix elements d'un llenguatge a un altre. Això vol dir que les pàgines web es poden crear utilitzant molts idiomes diferents, tots els quals es comuniquen mitjançant XML.
L'última cosa...
Per descomptat, no cal que conegueu totes aquestes definicions i termes de disseny web per començar. desenvolupament de llocs web - ja sigui de manera independent o amb ajuda. En definitiva, el disseny web és un procés d'aprenentatge i els millors dissenys són obres d'art repetibles que milloren contínuament a mesura que aprens coses noves.
Tanmateix, pot ser molt útil tenir una guia a través del món de vegades complex del disseny web, sobretot quan esteu començant. Els nostres dissenyadors web professionals l'ajudaran a iniciar-se en l'apassionant món del disseny web.
Deixa un comentari