Come creare una pagina WEB

Capire come creare una pagina WEB è il primo passo per imparare a sviluppare un sito da zero. Infatti se analizziamo la struttura dei siti online notiamo una serie di pagine che non mancono mai, ad esempio la home page, la pagina dei contatti, quella di login e registrazione.

Ogni pagina svolge una finalità diversa ma la struttura di implementazione che la definisce non cambia ma si modificano le sezioni interne. Concorderai con me che un modulo di contatto ha un aspetto diverso da una Home page con una descrizione di presentazione.

In questa guida ti spiego “come creare un file html” cioè (una pagina Web) da zero. Ovviamente sarà qualcosa di minimale ma ti consentirà comunque di iniziare a capire come funzionano le cose dietro le quinte del World Wide Web (www).

Introduzione

Spesso per creare un sito la scelta cade sull’utilizzo di un CMS; dove per generare le pagine Web, si fa clic su “Aggiungi pagina” si scrive come in un file di Word, poi si preme sul pulsante Pubblica ed il gioco è fatto. Questo approccio non consente di apprendere il linguaggio HTML che sta alla base della struttura di un sito. In pratica significa solo che si utilizza un software per creare pagine Web del nostro sito.

Il linguaggio HTML

Per creare una pagina web, bisogna creare un file HTML. Il linguaggio HTML detto anche linguaggio di Markup perché fa uso di marcatori di apertura <> e di chiusura </> in realtà è un metalinguaggio di Script interpretato dai Browser e non un vero e proprio linguaggio di programmazione per il Web lato client come JavaScript o lato server come PHP, JSP o ASP. Ecco la struttura base del codice HTML di una pagina WEB:

 <html> 
   <head>   
       <title>La mia prima pagina Web</title> 
   </head>  
 <body> 
   <h1>Titolo pagina Web</h1>   
   <p>Il paragrafo di una pagina HTML </p>  
 </body> 
</html>.

Spiegazione

La specifica HTML consente al browser di capire che è in presenza di un file html; I metadati (informazioni utili ai motori di ricerca) vanno inseriti nel TAG head. Nel body si inseriscono i tag visibili all’utente.

Implementazione del codice HTML di una pagina Web

Il codice HTML per creare una pagina Web che abbiamo visto in precedenza è corretto ma bisogna dire che non possiamo farcene nulla così come è! Quindi:

Apri un editor di testo qualsiasi; in Windows il blocco note, su Mac TextEdit, in Linux, nano o Vim.
Copia e incolla o trascrivi a mano lo script illustrato sopra e che vedi nell’immagine sottostante.
Salva il file con nome (es. pagina) ed estensione finale .html .

A questo punto, fai doppio clic con il tasto sinistro del mouse sul file .HTML per aprire la pagina Web (sul tuo PC); la quale è esattamente la stessa se caricata su di un server (in Hosting).

Aperta la pagina Web, noterai che è vuota! Quindi ti consiglio queste videolezioni sul linguaggio HTML in modo che tu possa iniziare ad abbellirla.

l linguaggi di programmazione da utilizzare

Un sito WEB non è composto da un solo linguaggio di programmazione! Rispetto al passato si utilizza più di un linguaggio; tutte le strutture sul quale si regge però è sempre in codice HTML. Un sito WEB moderno fa uso dei fogli di stile CSS per curare il design e la formattazione e del linguaggio JavaScript per l’ interazione dinamica. Gli script HTML, CSS e JavaScript; sono interpretati dal Browser tramite il processo di rendering che ne traduce gli script mostrando solo il contenuto.

Conclusioni

Forse sarebbe stato meglio chiamare questo articolo come creare “una pagina Web da zero” o “un file html” ma penso sia sbagliato iniziare direttamente con un CMS. Sono dell’opinione che con un approccio iniziale di page bilding si rischia di non capire mai come funziona un sito Web.