Immaginiamo di voler fare la descrizione di un quadro:
del Guernica di Picasso ad esempio...
Allora, potremmo cominciare descrivendo cosa c'é sul quadro. Al centro troviamo questo, a destra quest'altro... Bhe, si capisce che una descrizione di questo genere si può fare in diversi modi.
Nel nostro caso: in alto a sinistra c'è un toro, continuando sulla destra un una lampada, poi una testa che esce da una finestra...
In un secondo momento probabilmente diremo qualcosa del quadro. Ad esempio chi è l'autore, quando è stato dipinto, in che museo è esposto, a che genere appartiene.
Tornando alla nostra opera diremo che si chiama Guernica, che è stata creata da Pablo Picasso nel 1937, che appartiene al cubismo (credo..).
Ecco, l'HTML è un linguaggio che permette di "tradurre", descrivere in modo comprensibile ad un computer, un insieme di elementi grafici che compaiono sullo schermo, indicare se ci sono immagini e dove sono, scrivere delle frasi con diversi caratteri e comunicare anche delle informazioni trascendenti, cioè.. che non appaiono immediatamente alla vista, ma sappiamo che esistono: dando quindi un nome alla pagina, all'autore, ecc. Infine possiamo "linkare" alcuni di questi elementi con altre pagine all'interno del sito che ospita questa pagina o in Internet.
|
L'unico aspetto "concettuale" dell'HTML è la relazione tra il quadro, composto da linee vere, colori veri, forme geometriche visibili... e la nostra descrizione di esso, fatta solo di parole. L'HTML nella sua semplicità è così preciso da far corrispondere quasi esattamente l'oggetto di cui stiamo parlando o referente (la pagina come la vediamo da Explorer), ed il suo codice, in modo che alla medesima descrizione corrisponda il medesimo risultato visibile su tutti i computer del mondo. |
Tutti sappiamo che i computer allo stato attuale mancano un po' di intuito.. Se non esplicitiamo che qualcosa appartiene ad una specie od ad un'altra da solo il nostro PC non è in grado di capirlo..
Proviamo a realizzare la nostra prima pagina !!
L' unico software che ci serve è il BLOCCO NOTE di Windows, che si trova in Avvio/Programmi/Accessori. Aprendolo avremo un bel foglio bianco su cui scrivere davanti..
Come ai bambini dobbiamo dire che "quello è un cane" o "quello è un quadro", così bisogna informare un computer che "questa è un immagine" o "questo è un testo" o, nel nostro caso,
"questa è un pagina html".
Questa operazione basilare si realizza in due passi:
Primo, salviamo il nostro foglio bianco con un nome a nostra scelta seguito da ".html". Nel BLOCCO NOTE andiamo su File e scegliamo Salva con nome.. Scriviamo poi il nome della pagina seguito da ".html". (Exe - "Guernica.html") PS: Attenzione a ricordarsi dove stiamo salvando il file!! Se su Documenti o da qualche altra parte nel disco fisso..
Poi, clicchiamo col puntatore del mouse dentro il foglio bianco e scriviamo:
<HTML>
</HTML>
Questo informerà il computer che dovrà interpretare quanto è scritto tra le due Tags qui sopra come linguaggio HTML.
A questo punto possiamo iniziare a spennellare o scrivere qualcosa su questo foglio bianco che diverrà, come per magia, la nostra pagina.
Scriviamo subito quello che vogliamo appaia, tipo "rivoluzione permanente ora" o "a morte il presidente" o "al quor non si Comand" o altro di equivalente.. :-)
In mezzo alle due Tags di prima scriviamo allora:
<BODY>
<P ALIGN=CENTER>Conosci te stesso</P>
<P ALIGN=CENTER> <FONT COLOR=RED>by Apollo</FONT></P>
</BODY>
Il risultato dovrebbe allora essere:
<HTML>
<BODY>
<P ALIGN=CENTER>Conosci te stesso</P>
<P ALIGN=CENTER> <FONT COLOR=RED>by Apollo</FONT></P>
</BODY>
</HTML>
Per completare l'opera aggiungiamo un nota "invisibile" ma non troppo.. Facciamo in modo che la nostra pagina, quando venga visualizzata da Explorer compaia accompagnata da un titolo.
In mezzo a <HTML> e <BODY> scriviamo:
<HEAD>
<TITLE>Un consiglio:</TITLE>
</HEAD>
Tutto ciò che dovrebbe essere visualizzato sarà allora:
<HTML>
<HEAD>
<TITLE>Un consiglio:</TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>Conosci te stesso</P>
<P ALIGN=CENTER > <FONT COLOR=RED>by Apollo</FONT></P>
</BODY>
</HTML>
Le parti in rosso possono essere modificate immediatamente, possiamo provare a cambiare anche quelle in nero, come il colore delle scritte (COLOR=BLUE, PINK, GREEN..) o la loro posizione (ALIGN=LEFT, RIGHT).
Ricordiamoci di SALVARE nuovamente tutto !!!
Per rimirare il nostro capolavoro avviamo Explorer, in File clikkiamo su Apri e sfogliando il disco fisso indichiamo la nostra pagina. Se tutto ha funzionato potremo godere i frutti del nostro lavoro..
Clicca qui per provare a far comparire un'immagine nella pagina ed a realizzare un Hyperlink !!
Ciao!
by Dario
Mandate le vostre pagine a GORP!!
Per farlo allegate ad un'email indirizzata a NEWS@GORP.IT il file html..