Lo sapevi che .....
Puoi visualizzare il codice HTML del tuo documento utilizzando un bottone
all'interno della pagina stessa?
Per farlo devi utilizzare questo codice:
<FORM>
<INPUT TYPE="BUTTON" VALUE="Codice sorgente" onClick= 'window.location =
"view-source:" + window.location.href'
</FORM>
Lo sapevi che .....
Puoi aprire due diverse finestre con un click su un solo link?
E' sufficiente utilizzare un semplicissimo comando Javascript:
Devi sostituire i link alle pagine interne o ad altri siti Web ai riferimenti di
sito1 e sito2.
Puoi inserire una piccola icona nella barra degli indirizzi di Internet Explorer diversa da quella fornita di default? Si', proprio l'immagine presente alla sinistra dell'URL visitato.
Per farlo non servono ne' Javascript ne' CGI, ma basta semplicemente creare un'icona di nome "favicon.ico" (senza virgoletta) ed inserirla nella root principale del tuo sito. Per root intendiamo il livello piu' basso della gerarchia di cartelle del sito.
Attenzione pero', l'icona "favicon.ico" non deve essere un'immagine BMP con estensione rinominata in .ico, ma un'icona creata con un programma apposito (per esempio, il celebre Microangelo).
Infine e' necessario che il sito in questione sia aggiunto ai preferiti di MsIe. In questo modo l'icona personalizzata sara' visibili sia nella barra degli indirizzi, sia accanto ai titoli dei preferiti.
Puoi caricare automaticamente un'altra pagina dopo un certo numero di secondi?
Farlo e' molto semplice grazie al Meta-tag "refresh":
Dove CONTENT="5 e' il numero di secondi entro il quale la nuova pagina sara' caricata; e dove url=http://www.****.it" e' l'URL che verra' caricata. E' possibile sostituire file dello stesso sito (per es. url=pagina.htm").
Come tutti i Meta-tag, anche refresh va inserito tra gli elementi <HEAD> del documento.
Puoi fare in modo che i link di una pagina acquistino la classica sottolineatura solo quando il mouse vi passa sopra?
E' un effetto che si ottiene grazie alle proprieta' dei fogli stile, ed e' molto semplice da realizzare. E' sufficiente inserire tra i tag <HEAD> del documento il seguente codice:
Questo effetto si ottiene con Ms Internet Explorer 4 o successivo, mentre Netscape 4 si limita a non visualizzare la sottolineatura, ne' quando il link e' attivo ne' quando e' inattivo.
Puoi fare in modo che i visitatori impostino l'URL del tuo sito come loro home page predefinita di Internet Explorer? Si', proprio la pagina richiamata ogni volta che si apre il browser Microsoft. Farlo e' molto semplice, basta inserire il codice seguente nel punto della pagina che preferisci e sostituire a "http://www.html.it" l'URL completa del tuo sito:
<a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.html.it');"> Imposta come home page di MsIe </a>
Puoi sostituire ai punti visualizzati di default dai browser in presenza di elenchi con immagini gif o jpg?
La proprieta' list-style consente di sostituire i punti elenco standard di HTML con immagini in formato GIF. E' possibile applicare tali punti a tutto l'elenco o soltanto ad una parte di questo.
<style type="text/css">
UL { list-style-image:URL(punto.gif) }
</style>
Nell'esempio di codice l'immagine visualizzata al posto dei classici punti neri e' "punto.gif".
Con i fogli di stile puoi scegliere la distanza da un carattere e l'altro?
L'attributo Letter-spacing stabilisce la distanza tra le singole lettere all'interno dei tag che lo aprono e chiudono. I valori sono espressi in misure em. Si tratta di un'unita' di misura pari alla grandezza della lettera m, ma puo' essere usato anche con decimali.
<DIV STYLE="font-family:arial; letter-spacing:1em">
Web publishing.
</DIV>
Puoi caricare una pagina HTML a tutto schermo con MsIe attraverso la sola pressione di un tasto? Per farlo e' sufficiente inserire nel corpo del documento il seguente codice:
<script>
<!--
function fullwin(){
window.open("pagina.htm","","fullscreen,scrollbars")
}
//-->
</script>
<form>
<input type="button" onClick="fullwin()" value="A tutto schermo">
</form>
Dove a "pagina.htm" devi sostituire il nome del documento che intendi raggiungere.
Puoi creare un link testuale o d'immagine attraverso il quale i visitatori possono aggiungere l'URL e il nome del tuo sito ai preferiti di MsIe?
Farlo e' molto semplice, basta inserire il seguente codice nell'intestazione del documento (tra gli elementi ):
<script language="JavaScript1.2">
var bookmarkurl="http://www.nometuosito"
var bookmarktitle="titolosito"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</script>
Infine nel punto del documento che ritieni opportuni inserisci il seguente codice:
<a href="javascript:addbookmark()">
Aggiungi questo sito ai preferiti di MsIe
</a>
Puoi fare in modo che i link di una pagina cambino colore di background quando il mouse vi passa sopra? Farlo e' molto semplice e si realizza grazie alle proprieta' dei fogli di stile. Il codice che segue va inserito tra i tag del documento:
Questo effetto si ottiene solo con Ms Internet Explorer 4 o successivo.
Puoi eliminare la distanza che Netscape e MsIe impongono tra gli elementi della pagina e i bordi? Per farlo e' sufficiente inserire all'interno del marcatore
quattro differenti valori:
TopMargin e LeftMargin hanno effetto su MsIe, mentre MarginWidth e MarginHeight hanno effetto su Netscape.
Puoi rendere fissa l'immagine di sfondo di una pagina Web nonostante lo scroller?
Questo effetto e' limitato a Ms Internet Explorer e si ottiene grazie la seguente codice:
Dove "sfondo.gif" e' l'immagine di sfondo del documento e bgproperties imposato su "fixed" e' la proprieta' che rende fisso lo sfondo. Gli utenti Netscape non incontreranno alcun messaggio di errore, ma soltanto una pagina con il classico sfondo che "scrolla" insieme al resto del documento
Con i fogli di stile puoi rendere maiuscole o minuscole le lettere di un documento?
L'attributo text-transform permette di manipolare le minuscole e le maiuscole del testo grazie a tre parole chiave: uppercase, capitalize e lowercase.
uppercase rende maiuscole tutte le lettere dell'elemento;
capitalize rende maiuscola solo la prima lettera di ogni parola;
lowercase rende minuscole tutte le lettere dell'elemento.
Questa la corretta sintassi da adottare (sostituire ad "uppercase" le altre due parole chiave):
<DIV STYLE="font-family:arial; text-transform:uppercase">
Web publishing
</DIV>
Con i fogli di stile puoi stabilire distanze differenti tra una riga di testo e l'altra?
L'attributo line-height definisce la distanza verticale tra le varie linee di testo. I valori sono espressi in percentuali o in unita' assoluti em. Tali valori sono direttamente proporzionali alla grandezza del testo (font-size). Per cui, nell'esempio che segue, essendo il valore assoluto line-height impostato su 2 e il testo su 14px, la distanza sara' 28px (14px * 2em).
<DIV STYLE="font-family:arial; font-size:14px; width:400px; line-height: 2em">
Web publishing&alt;
Web publishing
</DIV>
Nei fogli di stile (CSS) puoi utilizzare la misurazione in pixel (px) o punti (pt)?
L'unita' di misura del testo su documenti per il Web avviene per Pixel (px) e Punti (pt). Se sullo schermo questa differenza non ha conseguenze concrete, durante i processi di stampa e' importante utilizzare l'una o l'altra. La misurazione in punti (pt), al contrario di quella in pixel, e' indipendente dalla risoluzione della stampante e mantiene dunque una buona rispondenza anche su carta. Meglio, dunque, utilizzare misurazioni in punti (pt). Ecco un esempio:
<STYLE>
H1 { font-size:12px }
</STYLE>
<STYLE>
H1 { font-size:12pt }
</STYLE>
I frame in line (IFrame) sono stati standardizzati da HTML 4?
IFRAME consente agli sviluppatori di inserire frame all'interno della pagina come se si trattasse di oggetti qualsiasi. In altri termini, i frame in linea non devono necessariamente essere inseriti ai bordi della pagina (come per i frame tradizionali) ma in qualsiasi punto del documento. Dunque, e' possibile creare vere e proprie finestre all'interno della pagina, con contenuti indipendenti dal resto del documento.
L'esempio che segue mostra come creare un frame in linea:
<IFRAME src="documento.htm" width="200" height="200"
scrolling="auto" frameborder="1">
Il tuo browser non supporta i Frame in linea.<br>
<A HREF="documento.htm">Clicca qui</A>
</IFRAME>
Nell'esempio "documento.htm" e' il file HTML richiamato all'interno del frame; width e' la larghezza e height l'altezza del frame. Lo scroller e' automatico e il bordo e' pari ad un pixel. Il resto e' l'avviso di mancata compatibilita' per i browser che non supportano il tag Iframe.
Netscape non supporta Iframe, mentre MsIe lo supporta perfettamente dalla versione 4.
Puoi fare in modo che la tua pagina non venga ricaricata dalla cache?
Devi utilizzare i seguenti meta Tag:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
Come per l'elemento IMG anche per i collegamenti ipertestuali è possibile definire un testo di commento, attivato quando il mouse passa sull'area di link. Questa la sintassi:
<A HREF="http://www.nome sito" TITLE="Commento</A>
Puoi allegare un file in attach ad un form HTML? Devi utilizzare
&alt;INPUT TYPE='file'> all'interno di un form.
Questo ti permette di selezionare un file.
Per spedire piu' file devi inserire un numero corrisopndente di &alt;INPUT TYPE='file'>.
Per cambiare il colore dei pulsanti standard devi utilizzare questo codice:
Questo codice e' compatibile esclusivamente con i browser che supportano i CSS.
Puoi spedire una mail da una pagina web a diverse persone contemporaneamente?
Con Ms Internet Explorer 4 o successiva, e Netscape Navigator 4 o successivo.
Per esempio, se vuoi spedire un messaggio a pippo@server.it, pluto@server.it e paperino@server.it devi utilizzare questo codice:
<FORM ACTION="mailto:pippo@server.it?cc=pluto@server.it&cc=paperino@server.it">
Puoi distanziare le immagini dagli altri elementi della pagina sia dal lato superiore che laterale?
Devi utilizzare HSPACE e VSPACE.
Con questi due attributi e' possibile stabilire la distanza in pixel dell'immagine dagli oggetti che si trovano ai quattro lati della stessa.
HSPACE definisce la distanza dai lati destro e sinistro dell'immagine degli oggetti piu' vicini (testo, immagini, applet ecc.).
VSPACE definsice la distanza dai lati superiore e inferiore dell'immagine degli oggetti piu' vicini (testo, immagini, applet ecc.). Questa la corretta sintassi:
Questi attributi risultano utili quando si vuole distanziare l'immagine dagli oggetti piu' vicini.
L'attributo background-repeat consente di ripetere l'immagine di sfondo cosi' come accade per il tag BODY di HTML. Puo' assumere diversi valori:
repeat (l'immagine viene replicata per verticale e orizzontale)
repeat-x (replica l'immagine solo per orizzontale)
repeat-y (replica l'immagine solo per verticale)
Ecco un esempio:
<DIV STYLE="position:absolute; top:100px; left:100px; width:400px; height:400px;
background-image: url(sfondo.jpg); background-repeat: repeat-y">
Web publishing
</DIV>
Esiste un modo per distanziare le lettere l'una dall'altra.
HTML, infatti, permette di inseire solo uno spazio da tastiera, mentre per piu' di uno devi utilizzare un carattere speciale di questo tipo (non-breaking space):
& n b s p ;
Puoi utilizzare un bottone dei form per creare un link?
E' sufficiente utilizzare questo codice:
Sostituisci a http://www.****.it il link che preferisci
Puoi permettere ai visitatori del tuo sito di chiudere una finestra del browser utizzando un semplice link. Per farlo e' sufficiente inserire questo codice:
<a href="javascript:self.close()">Chiudi</a>
Il browser ti chiedera' conferma della chiusura della finestra.
In una pagina divisa in frame puoi fare in modo che il titolo presente nella parte superiore del browser si modifichi in base alla pagina visualizzata. I documenti HTML, infatti, assumono come titolo quello del frame principale (chiamato frameset).
In altri termini il browser assume il titolo del frame che si sta visualizzando, in base a quanto inserito in TITLE.
Questo il codice da inserire nell'HEAD del frame che si vuole dia il titolo alla pagina:
Il codice ha effetto solo per pagine divise in 2 frame e non funziona con Netscape 4 (funziona, invece, con la versione 6 di Netscape).
E' possibile anticipare il caricamento delle immagini della pagina successiva mentre si sta visualizzando la pagina corrente. In altri termini, date due immagini, e' possibile che mentre si visualizza la prima il browser carichi le immagini della seconda in modo che il passaggio di pagina sia piu' veloce.
Per fare questo e' necessario inserire nella prima pagina il seguente codice:
var immagineUno=new Image()
immagineUno.src="immagine.gif"
Dove "immagine.gif" e' il nome dell'immagine che si intende precaricare.
E' possibile inserire piu' immagini anche se ne consigliamo al massimo tre, e possibilmente quelle che staranno piu' in alto nel documento della seconda pagina.
E' possibile eliminare la linea tratteggiata che circonda i link attivi su Internet Explorer. E' sufficiente utilizzare questo codice:
Se invece si vuole eliminare il bordo blue alle immagini che sono anche dei link ad altre pagine e' sufficiente impostare border su un valore pari a 0 (zero).
Puoi evitare che le tue pagine siano visualizzate all'interno di altri frame.
Questa condizione si verifica quando altri siti ineriscono un link alle tue pagine limitandole all'interno di frame.
La soluzione e' molto semplice: devi inserire un target="_top" in ogni link.
Pagina completamente relizzata dalla Zinasoft
Se sei interessato alla relizzazione di una pagina web per la tua azienda, contattaci
cliccando sul logo.
