Marketing strategico

Come Realizzare Un Sito Internet ed una pagina HTML

Per realizzare un sito internet non bisogna essere dei Guru del computer o dei geni in programmazione, assolutamente no!

Innanzi tutto diciamo che cosa serve per fare un sito internet!

* Uno spazio web gratuito oppure a pagamento.
* Un software come Dreamwaver (pagamento), oppure gratuiti come Context, Front Page Express.
* Un software per caricare i file tramite FTP (qualora il servizio non fosse disponibile nel vostro spazio web).
* Qualche nozione di HTML che è la base per poi approfondire fino ad arrivare dei siti dinamici.
* Adesso un pizzico di fantasia e buona volontà!

Per quanto riguarda la nota 1, lo spazio web lo potete acquistare tramite aruba.it, misterwebmaster.eu oppure dal provider che preferite voi altrimenti su altervista.org vi viene data la possibilità di registrare un sottodominio altervista gratuitamente. Atualmente altervista è una delle più affidabili soluzione gratuite per lo spazio web.

Che differenza c’è tra un software come dreamwaver oppure context?
Il primo consente di lavorare anche in modalità design cioè permette all’utente di visualizzare una anteprima del suo progetto nello stesso momento in cui lo sta realizzando. Context invece non dispone dell’anteprima quindi per visualizzare il progetto dovrete caricare i file tramite FTP sul server per poi andare al vostro indirizzo web per visualizzare il vostro lavoro.

Siamo arrivati al punto di creare la nostra pagina HTML.

Piccola premessa:
Conosci W3C? W3C è l’organizzazione che si occupa della standardizzazione del linguaggio HTML. Nelle nostre pagine infatti andremo a mettere una riga di codice che identifca che utilizziamo lo standard w3c.

Iniziamo…

Apriamo uno dei nostri editor e creiamo un nuovo file che andremo a nominare (salvandolo con nome) index.html (index è il nome che viene dato alla prima pagina del sito internet).

Fatto questo riapriamo la nostra pagina e iniziamo a scrivere il nostro codice.

Per prima cosa inseriamo una riga che indica che stiamo utilizzando le specifiche del World Wide Web Consortium che riguardano il codice HTML:
< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

Poi apriamo il nostro primo tag, che indica che quanto è compreso tra apertura e chiusura è in codice HTML:
< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

… altri tag …

Un documento HTML è poi suddiviso in due parti che vanno inserite tra i tag e sono rispettivamente HEAD e BODY. Il tag HEAD serve per includere informazioni non immediatamente percepibili, ma che riguardano il modo in cui il documento deve essere letto e interpretato. Questo è il luogo dove scrivere – ad esempio – i meta-tag (alcuni sono ad esclusivo beneficio dei motori di ricerca), script JavaScript o VbScript, fogli di stile, eccetera. Nel tag BODY invece è rinchiuso il vero e proprio contenuto della pagina web.

Vediamo adesso quali sono i due tag essenziali da inserire all’interno di HEAD.

Questo tag indica al browser che deve caricare il set di caratteri occidentale (e non – ad esempio – il set di caratteri giapponese).

Inseriamo poi il tag TITLE che è il titolo della pagina e compare in alto sulla barra del browser (se guardate in alto a sinistra del browser noterete la scritta “Struttura della pagina”). È bene compilarlo da subito, onde evitare poi di avere pagine senza titolo.

Adesso vi mostro il codice html completo che comprende tutto quello fino ad ora spiegato. Questo codice corrisponde alla nostra prima pagina web (molto semplice).

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

Scrivi qui tutto quello che vuoi appaia nella pagina una volta caricata sul server del vostro spazio web.

Da ora in poi i nostri tag verranno inseriti all’interno dei tag body.

www.iltuositointernet.net