HTML
Corso di base per creare pagine Web
Regole da rispettare per non far scappare i visitatori :
- Ricordate sempre la regola dei 30 secondi : se la pagina da voi creata non viene visualizzata entro 30 secondi, l'85% dei visitatori se ne va.
- Create pagine iniziali che non superino i 90 Kb, chiare e precise, con poche immagini, con dettagliate informazioni su cosa contiene il sito.
- Costruite pagine web tenendo conto dell'uso che si dovrà fare dei documenti e dei collegamenti, fornendo in ogni pagina un link per scrivervi, utilizzando il tag <A HREF="mailto:xxxxxx@xxxxx.xxx">.
- Accertatevi che l'immagine di sfondo che utilizzate non interferisca con il testo ed utilizzate sempre uno sfondo uniforme.
- Attenti alle leggi sul copyright : valgono anche sulla rete e quindi non utilizzate materiale di altri senza il loro permesso, così come non dovete creare e fare collegamenti se prima non lo avete richiesto ai legittimi proprietari dei siti che citate.
- Se vi piace l'aspetto di un sito, nella vostra navigazione su Internet, selezionate il comando HTML del browser per vedere come è stato realizzato.
- Evitate di pubblicare informazioni di carattere strettamente personale,quali indirizzo o telefono o altro che non sia strettamente inerente al sito.
- Da sondaggi e studi effettuati su Internet, gli utenti scorrono in genere solo il 25% del sito : create quindi qualcosa che attiri il visitatore e che lo tenga ancorato al sito, evitando immagini pesanti da scaricare per non annoiarlo nella attesa.
- Progettate le pagine per risoluzioni ottimali a 800x600 e che siano visibili con il più alto numero di visualizzatori.
- Se l'indirizzo della vostra home page è troppo lungo, o difficile da ricordare, ricorrete a siti che vi permettano il re-indirizzamento al vostro, creando una Url di facile memorizzazione, tipo il sito : www.cjb.net.
- Non fornite link che escono dal vostro sito senza chiarire dove il visitatore verrà portato e perchè viene allontanato.
Comandi e Tag per creare le pagine:
<HTML>...</HTML> Tag di apertura e chiusura html <HEAD>...</HEAD> Tag di apertura e chiusura dell' intestazione della pagina web <TITLE>...</TITLE> Apre e chiude il titolo della pagina, quella che i motori di ricerca trovano e classificano <BODY>...</BODY> Corpo del testo di tutta la pagina html TESTO TESTO FORMATTATO <P ALIGN=right> Testo allineato al bordo destro della pagina <P ALIGN=left> Testo allineato a sinistra della pagina <P ALIGN=center> Testo allineato al centro della pagina <BGCOLOR=".."> Definisce un colore per lo sfondo <BACKGROUND="."> Definisce un'immagine per lo sfondo <TEXT> Definisce un colore per il testo <LINK> Definisce un colore per i link non visitati <VLINK> Definisce un colore per i link visitati <ALINK> Definisce un colore per i link attivi <BR> Crea un'interruzione di linea con "a capo" <H1>...</H1> Dimensione del carattere GRANDE <H2>...</H2> Dimensione del carattere MENO GRANDE <H3>...</H3> Dimensione del carattere NORMALE <H4>...</H4> Dimensione del carattere PICCOLO-MEDIO <H5>...</H5> Dimensione del carattere PICCOLO <H6>...</H6> Dimensione del carattere PIU' PICCOLO <B>...</B> Testo in grassetto <BIG>...</BIG> Testo in carattere grande <BLINK>...</BLINK> Testo che lampeggia <I>...</I> Testo in corsivo <SMALL>..</SMALL> Testo in carattere piccolo <STRIKE></STRIKE> Testo barrato sopra il carattere <SUB>...</SUB> Testo in pedice <SUP>...</SUP> Testo in apice <TT>...</TT> Testo in telescrivente <U>...</U> Testo con carattere sottolineato <FONT SIZE="3"> Dimensione del carattere, da 1 a 7, in ordine crescente; necessita tag </FONT> <FACE="Arial"> Specifica il tipo di carattere <UL>...</UL> Per scrivere una lista non ordinata <TYPE="disc"> Lista numerata con pallino pieno <TYPE="square"> Lista numerata con quadratino pieno <TYPE="circle"> Lista numerata con pallino vuoto <OL>...</OL> Per scrivere una lista ordinata <OL TYPE="1"> Lista numerata 1-2-3..necessita tag </OL> <OL TYPE="i"> Lista numerata i-ii-iii..necessita tag </OL> <OL TYPE="A"> Lista numerata A-B-C..necessita tag </OL> <OL TYPE="a"> Lista numerata a-b-c..necessita tag </OL> IMMAGINI MISURE E ORIENTAMENTO <WIDTH> Definisce la larghezza dell'immagine <HEIGHT> Definisce l'altezza dell'immagine <IMG SRC="1.gif"> Definisce quale immagine usare<ALIGN="CENTER"> Centra l'immagine sulla pagina <ALIGN="RIGHT"> Allinea a destra l'immagine sulla pagina <ALIGN="LEFT"> Allinea a sinistra l'immagine sulla pagina <ALT="Ritratto"> Descrive l'immagine mentre viene caricata <ALIGN="TOP"> Allinea l'immagine in alto <ALIGN="MIDDLE"> Allinea l'immagine centrale in verticale <ALIGN="BOTTOM"> Allinea l'immagine con l'estremo inferiore <ALIGN="TEXT TOP"> Allinea l'immagine al testo più in alto <ALIGN="ABSMIDDLE"> Centra l'immagine in verticale con la metà della linea di testo <ALIGN="BASELINE"> Allinea la base dell'immagine con la base della linea <ALIGN="ABSBOTTOM"> Allinea la base dell'immagine con lo estremo inferiore della linea HSPACE - VSPACE Allinea l'immagine al testo più in alto MULTIMEDIA COMANDI DI ESECUZIONE<A HREF="1.wav"> Inserire un collegamento audio <A HREF="1.mid"> Inserire un collegamento audio <loop=1/2/infinite> Numero di volte che viene ripetuto il suono <EMBED SRC="1.mov"> Inserire un collegamento video <AUTOPLAY=TRUE> Tipo di start del collegamento video <TYPE="video/indeo"> Tipo del collegamento video <CONTROLLER=TRUE> Tipo del controller del collegamento video <BGSOUND SRC="1.mid"> Suono di fondo per Microsoft Explorer <EMBED SRC="1.mid"> Suono di fondo per Netscape Navigator COLORI CODICI IN ESADECIMALEBIANCO #FFFFFF NERO #000000 ROSSO #FF0000 VERDE #00FF00 BLU #0000FF MAGENTA #FF00FF CIANO #00FFFF GIALLO #FFFF00 ACQUAMARINA #70DB93 VERDE SCURO #2F4F2F BLU CHIARO #C0D9D9 VERDE CHIARO #32CD32 ARANCIONE #E47833 ROSA #BC8F8F AZZURRO CIELO #236B8E TURCHESE #ADEAEA VIOLETTO #4F2F4F THISTLE #D8BFD8 ORO #DBDB70 MARRONE #8E236B GRIGIO CHIARISSIMO #DDDDDD GRIGIO CHIARO #A8A8A8 GRIGIO MEDIO #545454 GRIGIO SCURO #454545 GRIGIO SCURISSIMO #333333 TABELLE CARATTERISTICHE<TABLE>...</TABLE> Apertura e chiusura del blocco di una tabella <TR>...</TR> Apertura e chiusura tabella <TD>...</TD> Apertura e chiusura celle <ALIGN=top> Tabella centrata in alto <ALIGN=left> Tabella allineata a sinistra <ALIGN=right> Tabella allineata a destra <ALIGN=center> Tabella centrata <BORDER=0> Bordo invisibile della tabella <BORDER=1> Bordo visibile della tabella <BORDER=VOID> Nessun bordo esterno <BORDER=ABOVE> Solo bordo superiore <BORDER=BELOW> Solo bordo inferiore <BORDER=HSIDES> Solo bordi inferiore e superiore <BORDER=VSIDES> Solo bordi sinistro e destro <BORDER=LHS> Solo bordo sinistro <BORDER=RHS> Solo bordo destro <BORDER=BOX> Mostra riquadro completo ( default ) <BORDER=RULES> Controlla i bordi tra cella e cella <BORDER=NONES> Nessun bordo esterno <BORDER=BASIC> Solo bordi divisori tra le sezioni <BORDER=ROWS> Solo bordi divisori tra le righe <BORDER=COLS> Solo bordi divisori tra le colonne <BORDER=ALL> Tutti i bordi esterni attivati ( default ) <BORDERCOLOR=#..> Specifica il colore del bordo <HEIGHT> Esprime il valore in altezza della cella <WIDTH> Esprime il valore in ampiezza della cella FRAMES COMANDI<FRAME>...</FRAME> Comando di apertura e chiusura dei frames <FRAMESET>...</FR..> Apertura e chiusura del set del frame <NOFRAMES>...</NOF..> Comando per la visualizzazione nei browser che non supportano i frames <COLS="..."> Divide lo schermo in due cornici a colonne <ROWS="..."> Divide lo schermo in due cornici a righe <IFRAME>...</IFRAME> Cornice galleggiante <FRAME NAME> Denomina il frame COLLEGAMENTI COMANDI<A HREF="link1.htm"></A> Collegamento ad una pagina interna al sito <A HREF="http://.."></A> Collegamento ad una pagina esterna al sito <TARGET="principale"> Bersaglio del collegamento <TARGET="main"> Bersaglio del collegamento <A HREF="mailto:..."></A> Collegamento ad una casella di posta <A HREF="suono.wav"></A> Collegamento ad un suono
Script:
<SCRIPT language=vbscript>
for i=1 to 10
MsgBox ("scrivi quello che vuoi")
Next
</SCRIPT>
ripete da 1 a 10 i messaggi che scrivi tra le parentesi prima di aprire la pagina internet del sito web
Script:
<SCRIPT language=vbscript>
MsgBox ("scrivi quello che vuoi")
</SCRIPT>
il messaggio singolo che scrivi tra le parentesi viene scritto prima della apertura della pagina del sito
Script:
<SCRIPT language=vbscript>
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
MsgBox ("scrivi quello che vuoi")
</SCRIPT>
i messaggi che scrivi tra le parentesi vengono scritti prima di aprire la pagina del sito e non se ne vanno se non premi sul box del messaggio
Caratteri Speciali:
© = simbolo del Copyright
® = simbolo della Registrazione
Link utili per costruire pagine web:
Ugo Buraglia ©2008