-Ecco qui di seguito alcuni tags e la loro relativa spiegazione.
La conoscenza di questi codici potrebbe
tornarvi utile sia che vogliate usare FrontPage sia (e a maggior ragione) che
vogliate usare il semplice blocco note.
<<
| << premessa |
| >> tags 1-2 | | >>
links utili |
--------------------------------
Com'è la struttura portante
di una pagina web?
<HTML> </HTML>
questo tag HTML (aperto
il primo e chiuso il secondo) è il comando che apre e chiude le nostre pagine
web, costituisce la spina dorsale della nostra pagina web, qualsiasi pagina
web voi realizzerete deve possedere,per essere considerata tale, questo tag <HTML>
all'inizio e questo tag </HTML> alla fine.
----------------------------------------------
<HEAD>
questo tag rappresenta la
testata del nostro documento web, va posto immediatamente dopo il tag HTML e
fornisce delle informazioni necessarie al browser (lo strumento che ci
permette di sfogliare le nostre pagine internet e cioè di navigare, come
explorer o netscape) e necessarie anche al webmaster stesso, inoltre ospita
degli script utili alla gestione della pagina e non apparentemente visibili.
ovviamente anche questo tag va aperto <HEAD> e chiuso </HEAD> subito dopo aver
inserito tutte le informazioni necessarie e va posto (aperto) subito dopo il
tag <HTML>, ecco un esempio della struttura della pagina vista finora:
<HTML>
<HEAD>
</HEAD>
</HTML>
-----------------------------------------------------------
<BODY>
questo è l'altro tag fondamentale alla realizzazione delle nostre pagine web
e, insieme agli altri due visti finora, è il tag fondamentale alla
realizzazione della pagina. esso,come dice il termine stesso, rappresenta il
corpo del documento, all'interno di esso doppiamo inserire tutto ciò che
costituisce chiaramente la nostra pagina web
(scritte,tabelle,immagini,animazioni,chat,forum,links,ect). viene aperto
<BODY> subito dopo la chiusura di </HEAD> e chiuso alla fine,dopo aver messo
tutte le altre informazioni necessarie alla pagina che state realizzando,
</BODY>
quindi la tua pagina web deve avere questa struttura portante:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
A questo punto anche solo
così avreste una pagina web! Certo una pagina web del tutto bianca e vuota, ma
pur sempre una pagina web ^_^!
CONSIGLIO:
Se utilizzate frontpage
ovviamente il programma stesso vi farà trovare questa struttura ad ogni
documento che aprite e non dovrete toccare l'html della pagina se non è
strettamente necessario, ma se usate il blocco note (BRAVI E TEMERARI SEMPRE
PIU', COMPLIMENTII!!) ricordatevi di salvare la pagina
del blocco note che avete
realizzato con la giusta estensione. Per esempio così:
lamiapaginaweb.htm
indicando nella casella dei file la voce "tutti
i tipi di files". Vi
ricordo che l'estensione htm vi permetterà di rendere visibile la vostra
pagine a ogni tipo di
browser mentre con l'estensione
html potrebbero esserci problemi.
---------------------------------------------------------
Cosa scriviamo dentro il tag
Head?
abbiamo visto che una
pagina web è composta da dei tags fondamentali che hanno una loro apertura <>
e una loro chiusura </> ovviamente tra l'apertura e la chiusura di ogni tags è necessario scrivere le informazioni
necessarie perchè la nostra pagina abbia una consistenza oltre che una base.
---------------------------------
Partiamo dalla testata del
nostro documento <HEAD> è qui che vanno inserite,abbiamo detto, tutte le
informazioni necessarie al browser e ai webmaster (quindi anche a voi si si
^_^) e altri tag e script utili per abbellire le nostre paginette.
dentro HEAD vanno posti tutti i così detti META-TAGS,
ci sono diversi meta tags che forniscono appunto delle informazioni per
esempio servono per indicare l'autore della pagina web (TU ^_^) oppure il GENERATOR
(generatore) della tua pagina (il blocco note o il front page per esempio)
oppure servono per indicare le keywords,cioè
le chiavi di lettura necessarie per la ricerca della tua pagina web dai motori
di ricerca, inoltre uno dei tag più importanti posto all'interno di HEAD è il
tag <TITLE>
che fornisce il titolo alla tua pagina web.
Adesso vedremo uno per uno questi tags:
<TITLE>
qui
dentro devi mettere
il titolo della tua pagina
web per esempio "la mia prima
pagina web"</TITLE> e sarà il titolo che comparirà all'apertura del browser
nella
barra dell'intestazione blu in alto alla tua pagina explorer, inoltre
sarà il titolo con il quale verrà "registrata" la tua pagina dal tasto
INDIETRO o AVANTI del
browser e infine il titolo con cui verrà memorizzata la
pagina tra i
PREFERITI nel caso in cui qualcuno salvasse la tua pagina tra di
essi.
Per cui ti
CONSIGLIO di scegliere
bene il nome: corto,semplice e che sintetizzi la tua pagina!
<TITLE>il nome della tua pagina web</TITLE>
------------------------------------------
I meta-tags
esistono varissimi tipi di
meta tags che come abbiamo spiegato sopra possono avere una grande utilità
per la gestione e il riconoscimento delle tue pagine web per cui non vanno
sottovalutate,anche se potrebbero anche essere omesse.
-------------------------
1) Chi è l'autore della
pagina web che si sta visitando??
questa informazione non
verrà resa visibile al comune visitatore della tua pagina web,ma è la firma
del webmaster nell'HTML
del suo lavoro, per cui anche tu se vuoi puoi "firmare" il tuo lavoro
attraverso questo tag:
<META
NAME="author" content="qui
scrivi il tuo nome">
------------------------------------------------------------
2) Con che strumento si è generata la pagina web che si sta visitando?
anche questa informazione non verrà resa visibile al comune visitatore che se
ne infischia del codice html, ma è uno strumento utile al browser
e agli altri webmaster che potrebbero volere sapere se la bellissima pagina
web che stanno visitando è stata fatta con il blocco note o se con un front
page, e indicarlo tra le
informazioni potrebbe
dare un tocco di professionalità ^_^ attraverso questo meta tag:
<META
NAME="GENERATOR" content="blocco
note">
------------------------------------------------------
3) Quali sono le parole
chiave del tuo sito?
questo tag potrebbe essere molto importante per far
conoscere il tuo sito web e diffonderlo nel mondo
di internet, fornire le parole chiave quelle che
sintetizzano i contenuti del tuo sito potrebbero aiutare eventuali visitatori a trovare ciò
che cercano proprio nel tuo sito, se ciò che cercano è contenuto nelle tue
parole chiave!
Inserisci allora queste "parole chiave" attraverso questo tag:
<META
NAME="KEYWORDS" content="qui
scrivi le parole chiave per descrivere sinteticamente il tuo sito separate
dalla virgola">
--------------------------------------------------
4) Quali sono i contenuti del
tuo sito?
questo tag consente di scrivere una breve descrizione
della tua pagina web,anche questa utile ai motori di ricerca e a chi cerca
qualcosa nel tuo sito per conoscerne in breve i contenuti
ed è la descrizione che comparirà
nei motori di ricerca
alla fine dell'eventuale ricerca.
attraverso questo tag:
<META
NAME="DESCRIPTION" content="scrivi
qui la descrizione del tuo sito">
-----------------------------------------------------------
5) Hai bisogno di far
aggiornare continuamente il tuo sito?
questo tag è utile per chi ha dei cambiamenti periodici
nella propria pagina
web nel giro di pochi minuti (per esempio se vi sono
delle news in tempo reale o se volete che si vedano gli ultmi messaggi
lasciati nel la vostra tagboard,ect) e che quindi necessitano di un aggiornamento
periodo, infatti questo tag genera un aggiornamento automatico
ogni "tot" di tempo stabilito da voi stessi. attraverso questo tag:
<META
NAME="refresh" content="10">
10=
il numero dei secondi entro i quali la pagina verrà aggiornata.
Potete associare ai minuti un URL
(indirizzo web) che possa inviare automaticamente l'utente dalla vostra pagina
a un'altra pagina da voi prescelta.
e allora dovrete scrivere così:
<META
NAME="refresh" content="10; url=indirizzositochevoletevoi.htm">
e così ogni 10 secondi chi entrerà nella vostra pagina verrà inviato
automaticamente nell'altra pagina.
CONSIGLIO:
non esagerate nell'uso di questo tag, un aggiornamento troppo veloce (pochi
secondi) potrebbero
stancare il vostro visitatore
che non avrebbe nemmeno il tempo di leggere e si ritroverebbe continuamente a
capo pagina (o nell'altra pagina nel caso associate all'aggiornamento un nuovo
url) e allora probabilmente deciderà di chiudere la pagina ^_^''. Per cui
usate questo meta-tag
solo se veramente necessario
al miglioramento e alla navigabilità del vostro sito.
-------------------------------------------------------------------------
RIEPILOGO DELLA TUA PAGINA
WEB FINORA:
<HTML>
<HEAD>
<TITLE>la mia prima
pagina web</TITLE>
<META NAME="author" content="il
tuo nome">
<META NAME="GENERATOR" content="blocco
note">
<META NAME="KEYWORDS" content="parole
chiave del tuo sito">
<META NAME="DESCRIPTION" content="la
descrizione del tuo sito">
<META NAME="refresh" content="10; url=indirizzositochevoletevoi.htm">
</HEAD>
<BODY>
</BODY>
</HTML>
-------------------------------------------------------------------------------
questa è la spina dorsale
di una pagina web, all'interno di body poi dovranno essere inseriti tutti i
tags necessari ad
arricchire e migliorare
la tua pagina, si aggiungeranno script,javascript,fogli di
stile,tabelle,elenchi,ect....
Nella pagina successiva troverai tanti script utili per arricchire la tua
pagina web.
-------------------------
<<
| << premessa |
| >> tags 1-2 | | >>
links utili |
