Probabilmente non è una sorpresa che lo sviluppo web (il lavoro di creazione di un sito web) è al centro della tecnologia. Siti web e applicazioni web sono il punto principale di tutta questa cosa internet, giusto?
Il che significa—se siete interessati a una carriera perno alla tecnologia—comprendere i principi di base dietro come creare un sito web dovrebbe essere in cima alla vostra lista di argomenti da coprire. Fortunatamente, hai trovato l’articolo giusto!
Il termine “sito web” copre un sacco di terreno, e “creazione di un sito web” può includere tutto, dalla costruzione di alcune pagine di testo statico per lo sviluppo di applicazioni web complicate come Facebook, Netflix, o Amazon. Ma non importa quanto umile o grande un sito può essere, i principi di base dietro la creazione di un sito web rimangono gli stessi.
Per mostrarti quali sono questi principi, abbiamo arrotondato i quattro passaggi chiave al centro della costruzione di un sito web in modo da poter sapere cosa aspettarsi quando è il momento di fare un crack a fare il proprio. E se stai cercando le competenze necessarie per creare il tuo sito web, non guardare oltre i progetti di sviluppo front-end di Skillcrush e Web Developer-corsi online progettati per essere completati in soli tre mesi trascorrendo un’ora al giorno sui materiali.
Indice
1. Pianificazione del sito web
2. Progettazione di siti web
3. Sviluppo di siti web
4. Hosting di siti web
Pianifica il tuo sito Web
Prima che entri in gioco qualsiasi gergo tecnico, braciole di progettazione o abilità di programmazione relative alla costruzione di un sito web, il tuo sito deve prendere forma come un’idea solida. Essere in grado di rispondere con uno scopo chiaro e perseguibile alla domanda, ” a cosa serve il sito web?”aiuterà a informare il tuo design, i contenuti e le scelte strutturali in seguito, quindi il primo passo è quello di ottenere quella missione inchiodata.
Sbatti una lavagna, apri un documento Google, prendi carta e penna o usa qualsiasi altro strumento con cui ti senti a tuo agio nel brainstorming e considera quanto segue:
A cosa serve il sito web e chi lo utilizzerà?
Secondo il web e graphic designer Crissy Bogusz:
“un sito Web può essere pianificato con successo solo una volta studiato il pubblico previsto, che determina quindi come dovrebbe funzionare il sito.”
Quindi, il sito web è pensato per un’azienda che spera di connettersi con i clienti online e avvisarli dei prossimi eventi e vendite? Si tratta di un fansite per uno show televisivo cercando di fornire un forum per i membri di una comunità di fan? È un sito web per un’organizzazione non-profit o caritatevole che cerca di attirare donazioni o volontari? Capire chi stai cercando di attirare è la chiave per determinare come sarà il tuo sito e come funzionerà.
Allo stesso modo, Bogusz dice che è un’idea intelligente per avere un’idea di ciò che i siti Web di successo che servono un pubblico simile stanno facendo. Ci sono alcune forme, scelte di layout o parole chiave che sembrano essere uno standard universale? Conoscendo ciò che funziona su altri siti—e ciò che il pubblico di destinazione si aspetta-sarete in grado di bilanciare l’originalità con sufficiente familiarità che gli utenti si sentiranno sicuri nel tuo sito web.
In che modo i visitatori utilizzeranno il sito web e in che modo il tuo sito web trarrà beneficio dal traffico degli utenti?
Secondo Bogusz:
“Se non riesci a coinvolgere il tuo pubblico, il tuo traffico (il numero di visite al tuo sito web) diventa irrilevante. Gli utenti che interagiscono con i contenuti del tuo sito e effettuano visite successive si iscriveranno alle tue e-mail e newsletter, condivideranno i tuoi contenuti sui social media e su altre piattaforme online e acquisteranno i tuoi prodotti.”
Seguendo gli esempi sopra riportati, se stai creando un sito Web per la tua azienda (o di qualcun altro), considera di chiedere agli utenti di aggiungersi a una lista di e-mail in cambio della ricezione di aggiornamenti e coupon. Ciò consente all’azienda di includere tali visitatori come lead per le vendite future.
Se stai costruendo un sito di fan, considera di includere una bacheca o una chat room. Ciò consentirà agli utenti di interagire, connettersi tra loro e trasformare il sito in un pilastro della comunità dei fan.
E se stai creando un sito per un’organizzazione caritatevole, assicurati di creare moduli nel sito che consentano agli utenti di effettuare donazioni online o di iscriversi a opportunità di volontariato.
Ma, Bogusz dice, è anche fondamentale bilanciare questo tipo di funzionalità con ciò che sai sul tuo pubblico di destinazione specifico. Se sai che il tuo pubblico ha una breve capacità di attenzione, ad esempio, considera strategie come limitare i colori che usi come un modo per ridurre al minimo le distrazioni o fare affidamento più sulle immagini che sui blocchi di testo per trasmettere informazioni. E se il tuo pubblico non è particolarmente esperto di tecnologia, pensa a includere molti pulsanti di navigazione, spiegatori e domande frequenti.
Ottenere un senso di come si prevede di massimizzare il traffico e come si sta andando a interagire con quel traffico sarà una grande parte di passare a . . .
(torna all’inizio)
Progetta il tuo sito Web
Dopo aver avuto un’idea chiara della funzione del tuo sito web e del pubblico di destinazione, la fase di progettazione prevede di decidere come sarà organizzato il sito e come sarà.
Web design è l’arte di creare l’estetica e l’usabilità di un sito web—fare in modo che i siti web non sono solo piacevole per gli occhi, ma che il loro layout ha anche senso ed è facile per le persone da usare quando si visita dal loro computer, tablet o smartphone. Web design può essere il proprio percorso di carriera specifico, ma—quando si sta prendendo il vostro primo pugnalata alla creazione di un sito web—probabilmente sarà la progettazione E la costruzione di un sito web da soli (più sullo sviluppo di un sito web qui sotto).
Per progettare il tuo sito web, utilizzerai strumenti come Photoshop (un programma di editing di immagini standard del settore) e Webflow (un programma software comunemente usato per il web design) per creare un mockup di come apparirà il sito finito. Potrai scegliere i font, combinazioni di colori, e layout di pagina, decidere quale contenuto va su quale pagina, e fare una sitemap generale—un elenco di tutte le pagine del tuo sito web—che è possibile fare riferimento a quando si passa a costruire un sito web e ottenerlo dal vivo e on-line.
(back to top)
Crea il tuo sito Web
Questa è la parte in cui le tue idee e i mockup diventano il vero prodotto digitale, il passo in cui effettivamente “crei” (o sviluppi) il tuo sito web. Lo sviluppo Web è il processo che si svolge seguendo il web design e, come il design, può essere il proprio percorso di carriera tecnologico dedicato.
Per creare un sito web è necessario utilizzare un linguaggio di programmazione (o lingue) per codificare le pagine del sito, il che significa che è necessario creare istruzioni che un computer può seguire per visualizzare il sito Web sugli schermi degli utenti. Ci sono due modi principali in cui questo può essere fatto—uno è attraverso la codifica a mano di un sito da zero. L’altro è quello di utilizzare un sistema di gestione dei contenuti come WordPress.
Se scegli di creare il tuo sito a mano-codifica, HTML (HyperText Markup Language), CSS (Cascading Style Sheets) e JavaScript sono solo tre dei molti linguaggi di programmazione che puoi usare, e sono un solido trio per iniziare.
HTML è un linguaggio di codifica primario utilizzato per la creazione di una pagina web. Mentre è possibile codificare a mano un sito web senza utilizzare HTML, HTML è uno standard universale che può essere compreso da tutti i browser web-applicazioni come Safari, Firefox e Google Chrome, che vengono utilizzati su computer, tablet e smartphone per visualizzare e interagire con i siti web. Lo stesso HTML viene utilizzato per definire le parti di una pagina Web (paragrafi, titoli, contenuti video incorporati, moduli, ecc.) ai browser che li visitano. Questi browser prendono quindi il contenuto HTML di un sito e lo traducono in ciò che vedi sullo schermo.
Dopo che le strutture delle pagine del tuo sito sono state definite con HTML, il suo linguaggio cugino CSS può essere utilizzato per specificare lo stile di ogni pagina web. Layout di pagina, colori e font sono tutti determinati con CSS. Infine, Javascript aggiunge elementi interattivi su un sito, come annunci pop-up, presentazioni, completamento automatico dei campi di ricerca e altre funzionalità Web che cambiano senza aggiornare una pagina.
Come accennato in precedenza, un’altra opzione su come costruire il proprio sito web è utilizzare un content management system (CMS) come WordPress (lo standard del settore CMS). I sistemi di gestione dei contenuti sono applicazioni software che aiutano gli sviluppatori Web a creare contenuti digitali, pubblicarli e gestirli una volta online. La differenza principale tra l’utilizzo di un CMS come WordPress e la codifica manuale è che un CMS consente di ignorare la necessità di modificare e ricaricare ogni pagina di un sito Web ogni volta che si aggiunge, rimuove o modifica del contenuto (maggiori informazioni sul caricamento delle pagine di seguito).
Un CMS come WordPress opera attraverso un’interfaccia utente grafica (GUI)—una serie di menu e pannelli di controllo che consentono di scegliere le opzioni per il tuo sito e inserire contenuti attraverso moduli e editor di testo. Attraverso un’interfaccia CMS puoi teoricamente sviluppare un intero sito senza codifica, ma sarai anche limitato ai modelli e alle opzioni offerte dal CMS. Una volta arrivati a un punto in cui si desidera personalizzare un sito oltre il punto di ciò che le scelte predefinite del CMS offrono, è necessario fare affidamento sulla codifica per portare il tuo sito a quel livello successivo.
(back to top)
Ospita il tuo sito Web
Sia che tu abbia codificato a mano le pagine del tuo sito web o messo insieme il tutto tramite WordPress, dovrai ottenere i tuoi contenuti su Internet in modo che il tuo sito Web sia live, ricercabile attraverso motori di ricerca come Google e visualizzabile tramite browser web. Questo viene fatto attraverso un processo chiamato web hosting.
Il web hosting comporta la protezione di un nome di dominio (l’indirizzo user-friendly del tuo sito web, come Skillcrush.com), pagando per un servizio di web hosting che fornirà spazio di archiviazione online per il contenuto del tuo sito web e caricando quel contenuto sui server della società di hosting (i computer che memorizzano i tuoi contenuti online).
Per quanto riguarda i nomi di dominio, in primo luogo è necessario scegliere uno che è appropriato per il tuo sito. Naturalmente, molti nomi saranno già presi, in modo da utilizzare un registro dei nomi di dominio come Whois per cercare i nomi che sono ancora disponibili. Una volta trovato quello che è possibile utilizzare, dovrete registrare il nome, che si può pagare per fare per una piccola tassa attraverso un registrar di domini (che è spesso incluso come servizio dalla vostra società di web hosting).
Le società di hosting—come menzionato sopra-memorizzano le pagine, le immagini e altre risorse del tuo sito e assistono il processo di installazione del tuo sito Web a pagamento. Infine, le pagine del tuo sito sviluppato-se i file che hai codificato a mano o le pagine che hai sviluppato attraverso un CMS—vengono caricati alla società di hosting attraverso un programma chiamato un client FTP (File Transfer Protocol). I client FTP sono programmi separati che dovrai installare sul tuo computer e vanno da gratuiti a pagati. Una volta caricati i tuoi contenuti, il tuo sito web sarà live, online e pronto per essere visualizzato e utilizzato da altre persone—in altre parole, avrai creato ufficialmente un sito web.
Se sei pronto a creare il tuo sito web, considera di iscriverti ai nostri progetti di sviluppo front-end o Web Developer, dove ti guideremo passo dopo passo attraverso tutte le abilità di cui avrai bisogno.
( torna su)
