I termini del web design sono le cose principali che un uomo d'affari dovrebbe sapere. Il web design è il processo di creazione e organizzazione degli aspetti visivi e funzionali di un sito web. Include vari termini e concetti che descrivono vari aspetti della progettazione e dello sviluppo di pagine web.
Il web design esiste da molto tempo e non perde tempo nello sviluppo di un linguaggio complesso pieno di gergo. Non appena farai anche il minimo passo nel mondo del web design, inizierai a sentirti dire: “Che CMS vuoi utilizzare?”, “Lo vuoi Above the Fold o Below the Fold?”, “Lo vuoi vuoi un layout fisso? ", "Quale hosting web desideri utilizzare? ” e ti chiedi cosa significhi tutto ciò. Sappiamo che cercare di capire tutte le definizioni e i termini chiave del web design può essere piuttosto impegnativo, soprattutto quando è tutto nuovo.
Il web design copre una vasta gamma di lavori, dagli sviluppatori web che scrivono codice, ai designer UI e UX che lavorano sulle interfacce, ai web designer che si prendono cura dell'aspetto del tuo sito. Ci sono molte persone coinvolte nel web design.
Imparare cosa significano solo alcuni acronimi e termini tecnici del web design può rendere le cose molto più facili per il tuo designer e sviluppatore e può anche aiutarti a capire come funziona effettivamente il tuo sito web. Quindi, sia che tu assuma un aiuto o lo faccia da solo, conoscere i termini più comunemente usati e più comunemente confusi nel web design e nello sviluppo può tornare utile:
Definizioni e termini del web design.
Accessibilità
Attualmente Disponibilità è di grande importanza nel web design. In sostanza, ciò significa quanto il tuo sito web è accessibile alle persone, comprese quelle con disabilità visive o uditive. Questo è importante da tenere a mente prima e durante la creazione del tuo sito web. Dai un'occhiata a questi sei passaggi per rendere il tuo web design accessibile se non sai da dove iniziare.
10 sanzioni di Google che possono influire sul tuo sito web
Below the fold (e sopra la piega).
Below e Above the fold sono due termini che hanno origine nei giornali. La “piega” è il punto in cui si piega il giornale. In alto e in basso descrive se le informazioni vengono visualizzate nella metà superiore o inferiore della piega. Per le pagine web, la "piega" è solitamente definita come il punto in cui dovresti iniziare a scorrere, ma il principio è lo stesso: le informazioni che si trovano nella parte superiore della pagina (ATF) sono più accessibili e visibili delle informazioni che si trovano nella parte superiore della pagina (ATF). fondo pagina (BTF). . .
Elastico (disposizione). Elastico (disposizione). Termini di progettazione web
Il layout elastico è un approccio alla progettazione di pagine Web che descrive le relazioni tra gli elementi e la loro posizione sulla pagina in termini di percentuali anziché di spaziatura e dimensioni specificatamente progettate. Ciò significa che le pagine web diventano più adattabili, sia alle preferenze impostate dai visitatori in termini di dimensioni font e la distanza tra loro, e di ottimizzare la pagina per la visualizzazione su smartphone o tablet.
Al giorno d'oggi, i layout elastici sono una parte fondamentale degli approcci al responsive design, ma prima che nascesse l'idea del responsive design, i layout elastici fornivano un modo semplice per rendere i siti web reattivi.
Ex. Ex
Ex è un'unità di misura che utilizza una "x" minuscola nel carattere come misura standard.
Larghezza fissa (layout). Larghezza fissa (layout). Definizioni e termini del web design.
Un layout a larghezza fissa è un metodo di progettazione di pagine Web in cui il progettista specifica quanto è grande una pagina Web ed esattamente dove appariranno gli elementi su di essa. Ciò offre ai progettisti un controllo molto maggiore sulla progettazione della pagina Web rispetto a un layout elastico, ma rende le pagine meno reattive. misure differenti schermo.
Esadecimale.
I numeri esadecimali, noti anche come numeri "esadecimali", sono un sistema numerico in base 16, il che significa che utilizzano 16 caratteri per definire un colore. I numeri esadecimali utilizzano i numeri da 0 a 9 e le lettere dalla A alla F. Ogni colore è identificato da tre coppie di numeri esadecimali. La prima coppia di numeri o lettere si riferisce alla tinta rossa, la seconda coppia alla tinta verde e la terza coppia alla tinta blu.
Scorrimento infinito. Scorrimento infinito
Lo scorrimento infinito avviene quando vengono caricati nuovi contenuti mentre continui a scorrere. Questo crea uno scorrimento "infinito", senza fine. Alcuni esempi popolari di questo sono le timeline di Facebook, Pinterest o Twitter.
Scorrimento parallasse. Scorrimento parallasse.
Questo metodo di scorrimento crea un senso di profondità progettazione del sito web. Quando un utente scorre, gli elementi su un sito Web si troveranno a distanze diverse e si sposteranno a velocità diverse mentre l'utente scorre. Ciò crea l'illusione di profondità e distanza su un sito Web piatto.
Risoluzione. Autorizzazione. Definizioni e termini del web design.
La risoluzione è il numero di pixel visualizzati sullo schermo. Questo è un metodo standard utilizzato nel web design per determinare la dimensione immagini. La qualità dell'immagine è solitamente descritta in pixel per pollice, dove un numero maggiore di pixel corrisponde a un'immagine di qualità superiore.
Responsive / ottimizzato per dispositivi mobili / ottimizzato per dispositivi mobili. Responsive / Mobile Friendly / Ottimizzato per dispositivi mobili
Dall’anno scorso più della metà del traffico web proviene dagli smartphone. Ciò significa che sta diventando sempre più importante che un sito web abbia un aspetto migliore dispositivi mobili, così come sui computer. Rendere i siti web responsive/mobile responsive/mobile ottimizzati significa progettare e sviluppare un sito web che si adatterà al dispositivo o allo schermo su cui viene visualizzato.
Usabilità. Facilità d'uso.
L'usabilità è un concetto di web design che descrive quanto sia semplice il tuo sito web per i visitatori per cui è stato progettato. Idealmente, un visitatore sarà in grado di utilizzare facilmente il tuo sito quando lo incontra per la prima volta, con ostacoli, frustrazione e necessità di chiedere aiuto minimi. Comprendere i principi di usabilità è un passo fondamentale nella creazione eccellente sito web.
UX (ricerca utente) / UI (interfaccia utente)
La progettazione di UX e UI è un lavoro che migliora l'esperienza dell'utente. È importante conoscere le differenze tra UX e UI per capire come funzionano insieme.
UX, ricerca utente, coinvolge ogni aspetto dell'esperienza di un utente con un sito Web dall'inizio alla fine. Bersaglio - migliora la qualità interazione dell'utente con il sito.
L'interfaccia utente, l'interfaccia utente, si concentra sugli elementi visivi e interattivi di un sito Web, come pulsanti, icone e tipografia. L’obiettivo è migliorare l’aspetto e la funzionalità del sito web.
Anatomia di un sito frontend. Definizioni e termini del web design.
-
Percorso di navigazione. Briciole di pane.
Quando le pagine Web mostrano agli utenti come hanno navigato nella pagina Web e come tornare a home page, questo viene spesso fatto usando il pangrattato. Questo viene in genere visualizzato come una serie di categorie nidificate, ad esempio Home > Categoria > Anno > Mese > Post.
Favicon. Favicon.
Una favicon è una piccola icona che appare nella barra delle schede del tuo browser. Hanno in genere una dimensione di 16×16 pixel (che in realtà è molto piccola) e vengono salvati come immagini .ico, .gif o .png. Puoi utilizzare quasi tutte le immagini come icone purché abbiano le dimensioni giuste e siano salvate nel formato corretto.
Punto focale. Coordinatore.
Il focus di una pagina web è la parte della pagina in cui viene attirata la tua attenzione. I designer dedicheranno molto tempo alla creazione di un punto focale che attiri davvero l'attenzione dello spettatore, quindi a mettere a fuoco l'aspetto più importante della pagina. Ciò garantisce che quante più persone possibile lo vedano.
Fine frontale. Fine frontale.
Questi sono tutti gli elementi come immagini, testo, pagine che le persone vedranno quando visiteranno per la prima volta il tuo sito. Essenzialmente, questo è ciò con cui le persone interagiranno e con cui interagiranno su un sito web.
Icona dell'hamburger. Icona dell'hamburger.
L'icona dell'hamburger si riferisce all'icona del menu che si trova comunemente nei programmi successivi. Ha tre strisce orizzontali (da qui l'“hamburger”) e nasconde il tradizionale menu di navigazione dietro un'unica icona.
Pagina di destinazione. Pagina di destinazione.
Questa è la prima pagina che vedranno i visitatori del tuo sito. Molti siti Web utilizzano una pagina di destinazione dedicata per imparare qualcosa dal visitatore (come condividere il proprio indirizzo e-mail o una pagina specifica del prodotto). Il tuo pagina di destinazione è una delle pagine più importanti del tuo sito web e dovresti dedicare molto tempo a ottimizzarla.
Navigazione. Navigazione.
La navigazione è il sistema utilizzato per spostarsi tra gli elementi della tua pagina web ed è uno degli elementi più importanti di qualsiasi pagina web. Ecco perché è così importante conoscere i principi chiave della navigazione del sito web. Più un fulgido esempio Le navigazioni sono menu visualizzati sulla maggior parte delle pagine Web. Ma prestate molta attenzione anche a come sono organizzate le pagine e ai collegamenti tra di esse. Possono anche rendere una pagina Web molto più semplice da navigare per i visitatori.
Anatomia del backend di un sito web. Definizioni e termini del web design.
-
Fine posteriore. Fine posteriore.
Questa è la parte del tuo sistema che gestisce effettivamente il tuo sito, ma è nascosta ai visitatori. Sono disponibili molti componenti back-end diversi, ma in genere contengono tutti le stesse cose: applicazioni, struttura delle informazioni e CMS.
CMS
Un sistema di gestione dei contenuti è un sistema interno strumento per la gestione dei contenuti del tuo sito web, aggiunta di utenti, gestione dei commenti e possibilmente molto altro. Se hai mai utilizzato WordPress per creare un sito Web, hai utilizzato un CMS. Un CMS rende la progettazione e la creazione di una pagina web molto più semplice perché nasconde gran parte del codice grezzo che alimenta il sito web.
E-commerce. Commercio elettronico.
il commercio elettronico significa "commercio elettronico". proprio come "e-mail" significa "posta elettronica". In genere aggiungi un negozio al tuo sito web commercio elettronico, che gestirà le descrizioni dei prodotti, gli acquisti e le vendite e i dati dei clienti.
HTTP/HTTPS
È un sistema che gestisce la comunicazione tra browser, server e applicazioni web. Definisce come i dati devono essere impacchettati e inviati.
HTTPS è un'estensione di HTTP in grado di stabilire connessioni su SSL (Secure Socket Layer). Questo è un modo molto più sicuro per condividere i dati online. Molti browser Web moderni ti avviseranno se un sito Web utilizza il protocollo HTTP standard anziché HTTPS.
Come proprietario di un sito web, puoi acquistare i certificati SSL necessari per utilizzare HTTPS da vari provider. Una volta aggiunto, renderà il tuo sito più sicuro e creerà fiducia nei tuoi clienti.
Collegare. Termini di progettazione web
Un piccolo programma che si installa sopra il sito principale e fornisce ulteriore sicurezza. I plugin sono disponibili per le piattaforme CMS più popolari e possono essere utilizzati per molte funzioni diverse, dall'automazione dei post del blog alla gestione dei lead.
Modello. Campione.
I modelli vengono utilizzati nel web design più o meno nello stesso modo in cui vengono utilizzati per documenti e immagini, per garantire un design coerente su molte pagine diverse. La maggior parte delle piattaforme CMS ti fornirà una serie di modelli per il tuo sito web che ti aiuteranno a garantire la coerenza tra le tue pagine e il tuo design su di esse.
Condizioni tecniche per Internet. Definizioni e termini del web design.
-
Testo di ancoraggio. Testo di ancoraggio.
Il testo di ancoraggio è una frase o più parole che contengono un collegamento ipertestuale. Usare il giusto testo di ancoraggio può fare un'enorme differenza nel posizionamento della tua pagina nei motori di ricerca.
Backlink. Backlink.
Questi sono collegamenti al tuo sito da altri siti. Quando un altro sito si collega al tuo, ad esempio per indirizzare i lettori verso una risorsa, hai ricevuto un backlink. I backlink sono molto importanti quando si tratta di aumentare il posizionamento nei risultati di ricerca perché più backlink da siti attendibili aumenteranno la visibilità del tuo sito.
Larghezza di banda. Larghezza di banda.
Larghezza di banda è un termine utilizzato in molti contesti diversi, ma essenzialmente indica la quantità di dati inviati o ricevuti in un determinato periodo. Può essere utilizzato, ad esempio, per descrivere la velocità di Internet, dove solitamente viene espressa in kilobit al secondo (kbps). Tuttavia, a volte viene utilizzato per descrivere la quantità di dati che puoi utilizzare al mese come parte del tuo pacchetto di web hosting.
Cache. Contanti.
Una cache è un insieme di dati archiviati in un browser web. Ciò significa che la prossima volta che l'utente visiterà il sito, la pagina verrà caricata più velocemente perché viene caricata dalla memoria locale.
Termini di progettazione Web DNS
DNS sta per Domain Name Service. Questo è il sistema mediante il quale il tuo browser web trova le pagine web. Quando tu azbyka.com.ua , il tuo browser cerca una "tabella DNS" che converte questo indirizzo a misura d'uomo in un indirizzo a misura di computer (cioè composto da numeri). Il sistema DNS tiene traccia di dove si trovano tutte le pagine web del mondo in modo che il tuo browser possa trovarle.
Nome di dominio
Questo è il nome del tuo sito. Puoi acquistare domini da molte aziende. Non possono contenere più di 63 caratteri. Per esempio, https://azbyka.com.ua/è il nostro nome di dominio.
FTP
FTP sta per File Transfer Protocol ed è un sistema per trasferire file e dati dalla memoria locale (ad esempio, sul tuo computer) al tuo server web. Per utilizzare FTP, è necessario scaricare un piccolo programma chiamato client FTP.
Collegamento permanente. Collegamento permanente
Un permalink che ti consente di fornire un indirizzo che punterà sempre a un post o una pagina specifica del blog, indipendentemente da come modifichi la struttura del tuo sito attorno ad esso. Questo è molto utile se utilizzi i post del blog per aumentare il traffico sul tuo sito perché non devi modificare manualmente dozzine (o centinaia) di collegamenti se decidi di modificare progettazione del tuo sito web o cambia il tuo nome di dominio.
URL
Un indirizzo che indica dove è possibile trovare una pagina specifica o un'altra risorsa.
Web hosting. Definizioni e termini del web design.
Un web hosting è una società che gestisce i server che archiviano i tuoi веб-сайт. Come spieghiamo nel nostro articolo sul web hosting, gli host web possono variare notevolmente nel livello dei servizi offerti. Un buon host web sarà in grado di assicurarti che il tuo sito sarà disponibile il 99,9% delle volte e ti fornirà anche gli strumenti per mantenerlo sicuro ed efficiente.
server web
Un server web è il computer che effettivamente memorizza la tua pagina web. Molto probabilmente si trova in un'installazione server di proprietà del tuo host web, sebbene sia anche possibile eseguire i tuoi server.
Terminologia dello sviluppo web. Definizioni e termini del web design.
CSS
CSS sta per Cascading Style Sheets e, insieme all'HTML, questi fogli sono la parte fondamentale di qualsiasi pagina web. Dieci anni fa, la formattazione delle pagine web, come la dimensione dei titoli o la presenza di bordi nelle immagini, era determinata nel codice HTML stesso. Ciò significava che la modifica della formattazione richiedeva molto lavoro il processo di passaggio di ciascun elemento pagine e modifiche al codice.
Con i CSS tutto è molto più semplice. Lo stile di una pagina è contenuto in uno (o più) file CSS che determinano l'aspetto dei titoli, il modo in cui vengono visualizzate le immagini e molti altri elementi. Dicono al browser come visualizzare il sito web. Pertanto, il formato di interi siti Web può essere modificato cambiando solo un pezzo di codice.
DHTML
DHTML sta per Dynamic HyperText Markup Language. È un termine per un linguaggio che combina più linguaggi di web design (HTML, JavaScript e CSS) in un unico super linguaggio per lo sviluppo web. Questo di solito è ciò che gli sviluppatori web moderni utilizzeranno per creare un sito web per te.
Doctype. Definizioni e termini del web design.
In HTML, un tipo di documento è una descrizione del tipo di HTML e della versione utilizzata su una pagina web. Viene utilizzato dai browser per verificare l'integrità della pagina e può causare errori di sicurezza se non è corretto.
Em. EM. Termini di progettazione web
Em è usato per descrivere la dimensione di un carattere in relazione al carattere "genitore" utilizzato nella pagina. 1Em significa che il carattere (o talvolta altri elementi) ha la stessa dimensione dell'elemento genitore, 2em significa che ha una dimensione doppia e così via.
Stile incorporato. Stile integrato. Termini di progettazione web
Mentre i CSS (vedi sopra) possono essere utilizzati per descrivere il formato di intere pagine contemporaneamente, a volte è sufficiente modificare lo stile solo su una pagina. Questo è quando viene utilizzato uno stile in linea. Uno stile in linea è un pezzo di codice CSS scritto nell'intestazione di una pagina web che influisce solo sugli elementi di quella pagina, non sull'intero sito web.
Famiglia/stile/peso del carattere. Famiglia/stile/peso dei caratteri
I web designer e gli sviluppatori spesso non lavorano con determinati caratteri perché browser diversi non utilizzano sempre gli stessi caratteri. Questo è il motivo per cui in un documento CSS vedrai che il carattere utilizzato è definito come una famiglia di caratteri, un gruppo di caratteri che può essere utilizzato, piuttosto che come uno solo individualmente. Insieme a questa definizione, il documento CSS definirà anche lo stile del carattere (corsivo, sottolineato, ecc.) e lo spessore (grassetto, chiaro, ecc.).
HTML. Definizioni e termini del web design.
Il linguaggio di markup ipertestuale è la base di Internet. Tutte le pagine web sono scritte, almeno in una certa misura, in HTML, che è stato progettato per essere il più semplice possibile da scrivere. In effetti può essere molto utile, provatelo lezione su codice HTML, per vedere se è facile scrivere: rimarrai sorpreso di ciò che potrai ottenere in poche ore!
Metadati.
I metadati sono i dati contenuti nell'intestazione delle pagine web. Questi dati sono disponibili nel tuo browser, ma non vengono visualizzati come parte della pagina web che stai visualizzando: per accedervi dovrai visualizzare il codice sorgente.
Open Source. Fonte aperta. Termini di progettazione web
Il software open source è supportato dall'utente e può essere utilizzato e modificato liberamente. Ciò contrasta con il software proprietario, che è posseduto e gestito da una società specifica. La maggior parte degli sviluppatori web utilizzerà almeno qualche volta il software open source perché non solo è più economico, ma può anche essere più sicuro. Al giorno d'oggi, la maggior parte degli sviluppatori web riduce al minimo le violazioni della sicurezza utilizzando contenitori scritti in linguaggi open source.
Messa in scena. Messa in scena. Definizioni e termini del web design.
Rete di messa in scenaLuogo è il processo di creazione di una copia quasi finale dello stesso e quindi di test prima di distribuire la versione live del sito. La maggior parte degli sviluppatori web "mette in scena" un sito web prima di rilasciarlo per assicurarsi che tutto funzioni correttamente. E spesso, i cambiamenti più importanti a un sito web avvengono sul sito di staging piuttosto che sul sito live.
Valido. Valido.
Nel web design, le pagine web valide sono quelle che non contengono errori. In pratica si tratta di pagine web che seguono gli standard stabiliti nelle specifiche HTML pubblicate dal W3C, la comunità che fissa gli standard per lo sviluppo web.
XML. Termini di progettazione web
XML sta per Extensible Markup Language. XML è una parte fondamentale del web design perché agisce come un "metalinguaggio" che traduce elementi di un linguaggio in un altro. Ciò significa che le pagine web possono essere create utilizzando molti linguaggi diversi, che comunicano tutti tramite XML.
Ultima cosa…
Naturalmente, non è necessario conoscere tutte queste definizioni e termini di web design per iniziare. sviluppo del sito web - in autonomia o con aiuto. In definitiva, il web design è un processo di apprendimento e i migliori progetti sono opere d’arte ripetibili che migliorano continuamente man mano che impari cose nuove.
Tuttavia, può essere molto utile avere una guida attraverso il mondo a volte complesso del web design, soprattutto quando hai appena iniziato. I nostri web designer professionisti ti aiuteranno a iniziare nell'entusiasmante mondo del web design.
Lascia un commento