Come creare un sito Web

Sei affascinato da Internet e quindi vorresti capire come creare un sito Web? Molto bene è una mossa molto intelligente, tranquillo ci penso io a schiarirti le idee in questa fase iniziale. La fortuna ti viene incontro, perché il metalinguaggio HTML che serve a creare le pagine Web di un sito è abbastanza semplice da comprendere; inoltre gli strumenti che occorrono sono già installati e pronti a l’uso sul tuo PC.

Cosa serve per creare un sito Web

Per capire “come creare un sito Web” bisogna prima apprendere come creare una una pagina Web; l’insieme di più pagine connesse tra di loro e fluibili tra di loro formano un sito Web. Per creare un sito non abbiamo bisogno di particolari strumenti ma di un semplice editor di testo che in Windows è il blocco note; tuttavia esistono strumenti avanzati che inizialmente sconsiglio ma che aiutano tantissimo e sopratutto ad un certo livello; semplicemente perché non se ne potrebbe fare a meno.



Come creare un sito da zero

Per creare la struttura di un sito web bisogna usare I marcatori di apertura e di chiusura; l’inserimento di quest’ultimi in un documento di testo e salvato con estensione .html fa si che il Browser capisca che si tratta di una pagina Web. Un sito web è l’insieme di più pagine in hosting, collegate tra di loro con i link per la navigazione e consultabili tramite protocollo http.



Come creare una pagina Web

Entriamo nel vivo della procedura di questo articolo su “come creare un sito Web” partendo da una singola pagina:

<!DOCTYPE html>
<html>
    <head>
       <title> La mia prima pagina Web </title>
    </head>
   <body>
      <h1> La mia prima pagina Web </h1>
        <p> Questo è un paragrafo </p>
        <p> Questo è il secondo paragrafo </p>
        <p> Questo è il terzo paragrafo </p>
   </body>
</html>

  1. Apri un editor di testo qualsiasi; in Windows il blocco note, in linux, nano o vim.
  2. Copia o trascrivi il codice illustrato ed incollalo nel documento.
  3. Adesso salva il file e se non deve essere la pagina principale del sito “index” puoi nominarla a tuo piacimento seguita da l’estensione .html in qualsiasi punto del computer ( io consiglierei il desktop le prime volte).
  4. Infine fai doppio clic per aprire il file e visualizzare il risultato a schermo.
Come creare un sito Web

Immagine illustrativa di una pagina Web.

Creazione del progetto

Prima di creare un sito Web, bisogna studiare bene la logica che andrà a rappresentare, cominciamo quindi il nostro primo progetto segnando su carta alcuni punti fondamentali;

  1. A che tipo di utenza è mirato.
  2. Che messaggio vuole passare.
  3. Cosa si vuole ottenere.

Definita la strategia che può variare a seconda delle esigenze, creeremo un piccolo progetto di esempio che servirà a schiarire le idee. Creiamo una cartella e salviamola con un nome qualsiasi, ad esempio “mio sito”;  poi apriamo l’editor di testo e creiamo quattro file identici a quello mostrato nel paragrafo precedente ma con nomi diversi come mostrato di seguito:

A questo punto abbiamo creato una struttura chiara e ordinata del sito, dove andremo ad inserire tutte le informazioni necessarie che serviranno agli utenti. Abbiamo creato le pagine del sito ma adesso però bisogna inserire i dati e collegare le pagine tra loro tramite i link.

Collegare le pagine di un sito Web

Inseriti gli slogan nella home page, le informazioni di contatto in contatti ed un paragrafo storico aziendale con tanto di mission nella pagina informazioni; tralasciamo per un attimo la pagina cataloghi o di divulgazione personale che riprenderemo in seguito ed iniziamo a creare i collegamenti tra le pagine.

Copiamo il codice seguente ed inseriamolo in ogni pagina creata escludendo per ogni una il link a se stessa.

<a href="informazioni.html">Info</a>
<a href="catalogo.html">Cataloghi</a>
<a href="articoli.html">Articoli</a>
<a href="contatti.html">Contatti</a>

Conclusioni

Il tuo primo mini sito è stato creato e non ti resta altro che fare un test per assicurarti che tutto funzioni. Posizionati con la punta del mouse sul file home e fai doppio clic con il tasto sinistro del mouse per aprirlo; noterai che il design va migliorato e per fare ciò dovrai iniziare a capire come assegnare gli stili.

Consigli per iniziare

Un suggerimento utile che mi permetto di darti è quello di dare un’occhiata a queste video lezioni di approfondimento sul linguaggio html; inoltre ti lascio questo link a l’articolo sui CMS nel caso tu volessi creare il tuo sito Web in pochissimo tempo.

Articolo del 22 Giu, 2018 categoria: Internet

Tag#