Terminologia del sito Web: quale gergo dovresti sapere?

Ci si sente come boffins design fastidiosi creare terminologia sito web solo per confonderci. Front-end. Back-end. Design. Sviluppare. Perché non rendere le cose semplici?

Se stai pensando di costruire o ridisegnare un sito web, hai bisogno di questo articolo. In primo luogo, diamo un’occhiata alla differenza tra web design e sviluppo web. Altrimenti noto come front-end e back-end.

Qual è la differenza tra la terminologia del Web Design e quella dello sviluppo Web?

I web designer sono i più creativi dei due, che si occupano della grafica e del layout del sito web. Vuoi un certo colore lì? Testo più grande qui? Risolveranno tutto.

È comune per loro avere sfondi nel design grafico e nell’arte, quindi sapranno come rendere le cose belle!

Il lavoro di uno sviluppatore web è diverso, costruiranno il nucleo del sito web. Si concentrano sugli aspetti tecnici e si assicurano che tutto funzioni. Ciò comporta l’immissione di codice nei siti Web per prestazioni ottimali. Sono logici e tendono ad avere background in informatica o programmazione.

Ad esempio, l’esterno di un’auto è visivamente piacevole, mentre il motore è costruito per la manovrabilità.

Per semplificare le cose, suddivideremo la guida nella terminologia del sito web di designer e sviluppatori. Aggrappati al tuo Hertz, ci siamo!

Designer Website Terminology

Content

È inutile avere un sito web strabiliante se il tuo contenuto è dappertutto. Dove stanno andando i tuoi dati di contatto? Le immagini sono nel posto giusto? E lo spazio bianco? Nessuno vuole un mal di testa quando visitano il tuo sito. Ottenere questi aspetti giusti renderà il vostro viaggio dei visitatori più piacevole e aumentare le possibilità di apparire nei motori di ricerca.

Dai un’occhiata a questo esempio da Lyft, non c’è una grande quantità di contenuti lì, ma questo è ciò che lo fa funzionare. C’è un semplice invito all’azione al centro della pagina, accompagnato da una simpatica animazione. Non c’è alcuna possibilità che tu venga su questo sito e non sia a conoscenza di quale sia l’obiettivo del contenuto.

Accessibilità

Questo aspetto del design è spesso trascurato da molti web designer, ma dovrebbe essere parte delle basi del web design. È quanto è accessibile il tuo sito web per le persone con disabilità.

Guide di disabilità, copia semplice e icone più grandi li aiutano a navigare nel sito. Queste funzioni sono popolari con le organizzazioni sanitarie. Ecco un esempio della lotta per la vista, che hanno un regolatore di carattere in alto a destra della home page.

CSS(Cascading Style Sheets)

CSS è un linguaggio di fogli di stile utilizzato per descrivere il layout del codice HTML. In termini più semplici, l’HTML è la lingua del testo e il CSS è la lingua del design della pagina. CSS consente di risparmiare un sacco di lavoro per gli sviluppatori web in quanto li aiuta a formattare il loro codice HTML in diversi layout e stili.

Layout statico

Questo tipo di layout è più facile da progettare ma non è così flessibile per l’utente. Se una pagina ha la stessa larghezza per ogni visitatore, potrebbe essere imprevedibile su dispositivi diversi. La maggior parte delle aziende sono passati a responsive design con l’ascesa del mobile, ma si possono trovare alcune aziende che lo utilizzano.

Favicon

Una favicon è un’immagine che appare accanto al tuo nome di dominio nella barra degli indirizzi del browser. È una buona idea citare in giudizio il tuo logo o qualcosa che si riferisce alla tua attività. Hai bisogno di ispirazione? Date un’occhiata ad alcuni di questi disegni logo fresco!

Punto focale

Dove vuoi mettere a fuoco l’occhio? Un logo? Un prodotto? Se il tuo sito web è troppo ingombrante o non sai dove vuoi che l’utente vada, potrebbero andarsene. Amazon utilizzare il banner in alto come loro punto focale, ma non tutte le aziende possono giocare su eventi stagionali per generare business, in modo da pensare a ciò che ti fa risaltare.

HTML (Hypertext Markup Language)

Parli computer? Fortunatamente, i progettisti fanno. Inseriscono i codici in un file di testo, il browser lo legge e lo traduce in forma digeribile. Una gamma di tipografia, progettazione e programmazione di computer competenze sono necessarie per la codifica HTML.

Risoluzione

Il termine utilizzato per il numero di pixel negli elementi verticali e orizzontali di uno schermo. Anche se molti credono che sia la lunghezza e la larghezza.

Layout responsive

I layout responsive sono adattabili e cambiano a seconda del dispositivo dell’utente. Ottimizzano la pagina per adattarsi al maggior numero possibile di contenuti. Questo layout è un fiocco di nozioni di base di web design.

Guida di stile

Quando si progetta un sito web è importante avere uno stile coerente. Troppi colori o forme possono confondere l’utente, quindi è importante avere una miscela complementare. Date un’occhiata alla guida di stile di Spotiy, qualcosa di leggero come un logo fuori luogo può mettere il loro marchio in pericolo.

UX Design

Come si sente l’utente quando visita il tuo sito web? Se è pratico e facile da usare saranno più propensi a rimanere sul sito. Se ci sono molti collegamenti interrotti, si sentiranno delusi. È fondamentale entrare nella mentalità dell’utente ed entrare in empatia con i loro problemi.

Interfaccia utente grafica

Apple rende i dispositivi adatti ai bambini piccoli. Guarda la schermata home mobile con tutte le app e i menu. Le GUI dovrebbero essere semplici e facili da navigare, il che è tutto merito di un design intelligente.

Growth Driven Design

Growth driven design è la pratica di costruire un sito web con semplici basi di web design. Il progettista aggiungerà caratteristiche più complesse come costruire il sito web. Ciò significa che qualunque problema abbia, sono protetti da solide basi. Non si metterebbe il tetto di una casa senza gettare le fondamenta prima. È quindi possibile aggiornare il sito regolarmente, assicurando che sia sempre up-to-date.

Developer Website Terminology

AJAX (Asynchronous JavaScript and XML)

AJAX utilizza vari strumenti di programmazione per inviare e recuperare dati senza dover aggiornare una pagina web. Se hai la tua home page di Facebook in un browser, manterrà rinfrescante per fornire aggiornamenti. Ecco un esempio di codice AJAX.

Back-end

I siti Web non sono superficiali; ci sono molti processi interni che l’utente non può vedere. Il back-end del tuo sito web è dove si aggiorna il software, pubblicare blog nel vostro CMS e caricare nuovi prodotti. Questo è il backed di WordPress..

Bad Neighbourhood

Un bad neighbourhood è un gruppo di siti web con scarsa reputazione e classifiche di ricerca. Non vorresti vivere in un brutto quartiere, e nemmeno il tuo sito web. Mettere il tuo sito web in quartieri canaglia sarà intaccare le possibilità di apparire in un motore di ricerca. Ottieni il miglior pacchetto di hosting; non vuoi punizioni per il comportamento cattivo dei tuoi vicini!

Larghezza di banda

Il tuo video è buffering. Perché?! La larghezza di banda è il livello di traffico e dati che possono passare attraverso il tuo sito. Le aziende più grandi hanno bisogno di più larghezza di banda in quanto ottengono più traffico e passaggi di dati. Larghezza di banda varia, quindi è importante per ottenere la giusta quantità per il vostro business.

Cache

Una cache è lo spazio di archiviazione temporaneo di un dispositivo e migliora le prestazioni dell’applicazione. Quando visiti una pagina Web, il tuo browser conserverà un registro delle pagine visitate, memorizzando i file nella cache. Ciò significa che il browser non deve rileggerli, il che fa risparmiare tempo.

Cookie

I cookie sono piccoli file di testo che contengono informazioni di base sui siti web visitati. I cookie aiutano i server Web a determinare le preferenze osservando i tipi di sito che visiti o ciò che inserisci nel carrello.

C’è stata molta stampa negativa sui cookie negli ultimi anni in quanto ci sono problemi con la privacy. Dai un’occhiata a questo login da Amazon, abilitando il login automatico significherà che l’azienda lascia un cookie di tracciamento sul tuo browser in modo da non dover accedere.

Database

Come ci si aspetterebbe, un database è un hub di archiviazione per i dati. Mentre i browser navigano attraverso il tuo sito Web, inseriscono query di ricerca o informazioni personali. Il tuo database memorizza tali informazioni.

Se hai un’attività di abbigliamento online, le colonne del tuo database potrebbero leggere:

• tshirt_size
• tshirt_colour
• tshirt_price

Ecco un esempio di un database anonimo.

Hosting

Gli host Web ci danno il potere di pubblicare pagine web su Internet. Usano i computer server per collegare il tuo sito web a Internet. Quando qualcuno fa clic sulla pagina del tuo sito web, la pagina invierà una richiesta al server e verrà caricata.

JavaScript

JV è un linguaggio di programmazione dinamico compatto e flessibile. Ci sono tonnellate di funzionalità extra con JavaScript. Puoi inserire caroselli, immagini 3D e flussi video sul tuo sito web.

PHP (Hypertext Preprocessor)

PHP è un linguaggio di programmazione lato server utilizzato per sviluppare siti web fluidi e connettersi a database. Ad esempio, potresti avere un pulsante di accesso sul tuo sito Web con un indirizzo email e una casella di password sopra. Quando inserisci e invii queste informazioni, il PHP le invierà a un database e controllerà che sia corretto.

Guarda questo esempio di codice, vedi come sta gestendo una richiesta in arrivo? Questo è PHP.

Python

Python è un framework di sviluppo web che è stato intorno dal 1980. E ‘ noto per la sua facilità d’uso e leggibilità. I principianti usano spesso Python come trampolino di lancio per altri strumenti di sviluppo. Oltre a questo, è gratis!

Server

I server fanno un sacco di lavoro, sono computer dopo una lattina di spinaci. Memorizzano enormi quantità di dati, come i fogli CSS, e si connettono ad altri server tramite connessioni Internet. I server Web memorizzano informazioni Web come gli URL, quando un browser richiede una pagina comunicherà con il server.

E questa è la differenza tra wed design e sviluppo web. Ora sei qualificato per waffle terminologia sito web al contenuto del tuo cuore!