Cos’è un sito web?

Un sito web è l’elemento fon­da­men­ta­le del World Wide Web. Ma cos’è esat­ta­men­te? Spesso come sinonimo di “sito web” viene usata la parola “pagina”, che per esten­sio­ne indica non solo una singola pagina ma l’intero sito. Ti spie­ghia­mo come creare un sito web partendo dalla sua struttura e dalle sue ca­rat­te­ri­sti­che.

A chi serve un sito web?

Un sito web permette di mettere a di­spo­si­zio­ne contenuti come testi, immagini o video pub­bli­ca­men­te sul web. Chi gestisce un’attività com­mer­cia­le ha bisogno di una presenza internet rap­pre­sen­ta­ti­va per informare i po­ten­zia­li clienti su prodotti e servizi, per pre­sen­ta­re l’azienda, per per­met­te­re il contatto tra i diversi reparti o per di­stri­bui­re le merci in rete. Per gli utenti privati, un proprio sito web rap­pre­sen­ta la pos­si­bi­li­tà di prendere parte at­ti­va­men­te agli av­ve­ni­men­ti pubblici. Per questo ci sono in rete numerosi siti web di singoli utenti che con­ten­go­no materiale in­for­ma­ti­vo o che servono per in­trat­te­ne­re.

Inoltre, il proprio sito web rap­pre­sen­ta, insieme al profilo sui social network, un’ulteriore pos­si­bi­li­tà per rag­giun­ge­re po­ten­zia­li datori di lavoro, in­te­res­sa­ti o utenti con interessi simili. Una copertura elevata di un sito web è spesso una delle ragioni per la crescita del numero di utenti negli anni.

Close

La struttura di un sito web

Molte aziende spe­ci­fi­ca­no nei biglietti da visita o nella firma dell’e-mail l’indirizzo del loro sito web. Inserendo il co­sid­det­to Uniform Resource Locator (URL) sulla barra degli indirizzi del browser, si viene in­di­riz­za­ti di solito alla pagina iniziale di un sito internet. Da qui i vi­si­ta­to­ri e le vi­si­ta­tri­ci hanno la pos­si­bi­li­tà di rag­giun­ge­re altre sot­to­pa­gi­ne del sito, a seconda delle sue di­men­sio­ni. Per collegare tutti i documenti HTML di un sito si uti­liz­za­no i co­sid­det­ti hyperlink (detti anche col­le­ga­men­ti iper­te­stua­li o sem­pli­ce­men­te link).

I col­le­ga­men­ti alle sot­to­pa­gi­ne im­por­tan­ti (ad esempio sezioni, gruppi di prodotti o pagine in­for­ma­ti­ve rilevanti) sono rag­grup­pa­ti prin­ci­pal­men­te nella co­sid­det­ta barra di na­vi­ga­zio­ne, che di solito si trova nell’header (in­te­sta­zio­ne) del sito web e viene vi­sua­liz­za­ta sia nella pagina iniziale sia in tutte le sot­to­pa­gi­ne della presenza web. La barra di na­vi­ga­zio­ne serve all’utente per orien­tar­si e per avere una visione di insieme del sito. I link ad altre sot­to­pa­gi­ne possono essere collocati anche nel testo e negli elementi visuali, che co­sti­tui­sco­no i contenuti del sito web (content). Inoltre, molte pagine offrono nel footer (piè di pagina) di ogni sito web dei link, che rimandano ai dati del gestore e alle con­di­zio­ni legali generali per l’uso del sito.

Sito statico o dinamico?

Se il tuo sito web si deve limitare solo alla funzione di biglietto da visita digitale, ge­ne­ral­men­te basta crearlo con pagine statiche, dove i documenti HTML con le in­for­ma­zio­ni de­si­de­ra­te vengono rea­liz­za­ti una sola volta e posti sotto un unico URL del server web. Se un utente richiama l’indirizzo web cor­ri­spon­den­te, vi­sua­liz­za i documenti statici HTML così come sono stati salvati sul server. Cosa succede quando si ag­giun­go­no dei nuovi contenuti in maniera regolare? In un sito web statico tutte le modifiche devono essere fatte ma­nual­men­te nel codice HTML di ogni singola sot­to­pa­gi­na.

Con i siti web dinamici si riesce ad aggirare questo passaggio perché i dati vengono generati nuo­va­men­te dal server web a ogni richiesta della pagina. A dif­fe­ren­za delle pagine HTML che una volta create restano statiche e invariate, il server adatta i contenuti della pagina au­to­ma­ti­ca­men­te in base all’ultimo ag­gior­na­men­to. Quindi un sito web dinamico si basa su una rigorosa divisione tra contenuto e layout. Entrambi gli aspetti si ri­com­pon­go­no nel browser durante l’apertura della pagina. Di con­se­guen­za, i siti web dinamici hanno bisogno di server più potenti, a dif­fe­ren­za di quelli statici, con un database come MySQL, con il quale gli elementi del sito possono essere gestiti sul server.

So­li­ta­men­te, i siti web dinamici attingono a layout e modelli di design pre­de­fi­ni­ti, i co­sid­det­ti template, che vengono riempiti con contenuti ap­pro­pria­ti alla pagina. Oggi, grazie anche alla maggiore fles­si­bi­li­tà, i siti web dinamici sono quelli più diffusi.

Un confronto tra pagine statiche e dinamiche

Vantaggi e svantaggi dei siti web statici

Vantaggi e svantaggi dei siti web dinamici

Quale tipo di pagina dovresti scegliere?

A seconda del tipo di sito web che hai in mente e delle sue di­men­sio­ni, hai tre diverse pos­si­bi­li­tà tra cui scegliere per creare un sito web. Prima era comune scrivere au­to­no­ma­men­te il codice sorgente completo, con l’aiuto di un editor HTML. Oggi i gestori di siti web hanno a di­po­si­zio­ne soluzioni de­ci­sa­men­te più semplici e comode come editor per la creazione di siti e CMS. Inoltre, le imprese o i privati che non hanno le com­pe­ten­ze di pro­gram­ma­zio­ne ne­ces­sa­rie possono scegliere tra i mol­tis­si­mi spe­cia­li­sti del settore, che dietro re­tri­bu­zio­ne adeguata creano siti web pro­fes­sio­na­li e si occupano della ma­nu­ten­zio­ne.

Editor per la creazione di siti: un’ottima soluzione per chi è agli inizi

Oggi chi vuole rea­liz­za­re un sito web, non deve più essere un esperto di pro­gram­ma­zio­ne: grazie a un editor per la creazione di siti puoi creare in pochi clic la tua presenza web at­tin­gen­do a modelli e template di design già pronti. Tutti questi elementi possono essere per­so­na­liz­za­ti entro le pos­si­bi­li­tà definite da un editor “What you see is what you get” (WYSIWYG). Quindi tutte le modifiche possono essere vi­sua­liz­za­te di­ret­ta­men­te tramite la funzione di anteprima sullo schermo.

Dopo aver scelto il layout, il sito web viene riempito tramite l’editor con contenuti come testi, immagini o materiali mul­ti­me­dia­li. Se si usa questa soluzione insieme a un hosting, la pagina internet può essere pub­bli­ca­ta subito online. Questo tipo di creazione di siti web ha numerosi vantaggi, tra cui quello di creare pagine web in modo veloce e senza co­no­scen­ze di pro­gram­ma­zio­ne. Le modifiche vengono ef­fet­tua­te co­mo­da­men­te tramite l’editor. Lo svan­tag­gio di questo tipo di pagine è che la fles­si­bi­li­tà viene limitata da questi sistemi, che prevedono solo design pre­de­fi­ni­ti e pagine web statiche.

Per le persone senza co­no­scen­ze di pro­gram­ma­zio­ne questi editor rap­pre­sen­ta­no un buon modo per iniziare a creare il proprio sito, grazie al loro approccio intuitivo.

CMS: web design per utenti esperti

Chi si sente pronto ad ap­pro­fon­di­re il tema della creazione di pagine web e non si lascia in­ti­mi­di­re dai linguaggi come HTML o PHP, può as­si­cu­rar­si una maggiore fles­si­bi­li­tà usando un CMS. Un CMS, in italiano “sistema di gestione dei contenuti”, fa esat­ta­men­te quello che il suo nome indica: in­stal­la­to su un server web, gestisce i contenuti del sito web, in maniera separata dal template, in un database e genera un sito web dinamico ogni volta che un utente vi accede. Questi software sono ap­prez­za­ti sia in ambito privato sia in ambito aziendale, anche perché si tratta quasi sempre di CMS open source e gratuiti.

I leader del mercato sono i sistemi WordPress, Joomla, Drupal e Typo3, per i quali si possono trovare in rete mol­tis­si­mi template e plugin che con­sen­to­no la per­so­na­liz­za­zio­ne del proprio sito web. I contenuti come gli elementi testuali, le foto e i video possono essere inseriti in­tui­ti­va­men­te tramite un editor di testo. Questo livello del CMS si chiama front end. Grazie a ciò si occupano dei compiti re­da­zio­na­li in un CMS, che sono parte della gestione del sito, anche persone che di­spon­go­no di poche co­no­scen­ze in­for­ma­ti­che.

Però per mantenere l’am­mi­ni­stra­zio­ne del sito più sicura rispetto alla sola in­stal­la­zio­ne del software, un CMS dovrebbe sempre essere gestito da un am­mi­ni­stra­to­re, che esegua gli ag­gior­na­men­ti del software e si preoccupi di garantire una fun­zio­na­li­tà del sistema con­ti­nua­ti­va. L’ambito di lavoro dell’am­mi­ni­stra­to­re (admin) è il back end. In questo caso sono in­di­spen­sa­bi­li co­no­scen­ze basilari di un lin­guag­gio di pro­gram­ma­zio­ne rilevante per il CMS uti­liz­za­to.

Una soluzione pro­fes­sio­na­le: scrivere pagine HTML au­to­no­ma­men­te

È possibile per­so­na­liz­za­re com­ple­ta­men­te il proprio sito solo se si programma au­to­no­ma­men­te il codice sorgente del documento HTML o un template per il CMS. Questa opzione è va­lu­ta­bi­le da parte dei privati che pos­sie­do­no le co­no­scen­ze in­for­ma­ti­che ne­ces­sa­rie o che sono disposti ad ac­qui­sir­le. Invece di assumere personale spe­cia­liz­za­to, le imprese si affidano alla pro­gram­ma­zio­ne per­so­na­liz­za­ta del sito web.

Un sito statico semplice può essere creato con una co­no­scen­za di base di HTML o CSS (Cascading Style Sheets). Anche in questo caso, chi è agli inizi può aiutarsi con editor che lavorano secondo il principio WYSIWYG. In questo modo si può vi­sua­liz­za­re im­me­dia­ta­men­te come il codice sorgente risulti nella struttura, nel layout e nei com­po­nen­ti di design del sito. Tuttavia, per poter unire l’aspetto pro­fes­sio­na­le del sito web, sia vi­sual­men­te sia fun­zio­nal­men­te, con un livello di sicurezza adeguato, si consiglia di affidarsi a un’agenzia per fasi aiutare nella pro­gram­ma­zio­ne e nel web design.

Che cosa è fon­da­men­ta­le nel proprio sito web?

Inserire contenuti in rete oggi è fa­ci­lis­si­mo ma prima di mettere online un sito, si consiglia di ve­ri­fi­ca­re gli aspetti giuridici su ogni singola sot­to­pa­gi­na. Al­tri­men­ti potresti andare incontro a problemi legali che, nel peggiore dei casi, po­treb­be­ro costarti cari. Quindi il gestore del sito dovrebbe as­si­cu­rar­si che i contenuti del sito non violino alcun copyright.

• Copyright su internet: anche su internet vale il diritto d’autore. Chi mette a di­spo­si­zio­ne senza permesso testi, immagini, video o file musicali di altri sul proprio sito web, può incorrere in sanzioni. L’uso di un lavoro protetto è con­sen­ti­to di regola solo con il consenso dell’ideatore o del detentore del diritto. Dal momento che il copyright vale anche per i software, l’uso non au­to­riz­za­to di un template può com­por­ta­re delle con­se­guen­ze, a meno che il pro­gram­ma­to­re o la pro­gram­ma­tri­ce non lo abbia espli­ci­ta­men­te reso gratuito.
• In­for­ma­ti­va: con l’entrata in vigore del Re­go­la­men­to generale per la pro­te­zio­ne dei dati dell’UE (GDPR) sono diventate ob­bli­ga­to­rie per ogni sito web l’in­for­ma­ti­va sui cookie e il trat­ta­men­to dei dati personali. Inoltre, chi ha un’azienda, dovrebbe fornire i dati di contatto e le opportune note legali, per dare così un’immagine seria della propria impresa.