PDA

View Full Version : [PILLOLE] Sola Lettura


..::{I AnOnImO I}::..
28-12-2002, 19:48
------------------------------------------------------------------------------------

Come evitare il ridimensionamento delle immagini in Explorer 6?

Per evitare che le immagini di una pagina Web siano ridimensionate automaticamente da Explorer 6 basta inserire il seguente meta tag tra i tag <HEAD> </HEAD> della pagina Web
<meta http-equiv="Autosize" content="Off" />
Il comando avrà effetto su tutte le immagini della pagina Web.

------------------------------------------------------------------------------------

Disabilitare il tasto destro del mouse

Per disabilitare l'utilizzo del tasto destro del mouse in una pagina HTML è sufficiente inserire in un punto qualsiasi della vostra pagina il seguente codice:

<SCRIPT LANGUAGE="JavaScript1.1">

<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Spiacenti, il tasto destro del mouse e' disabilitato");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// End -->

</script>

------------------------------------------------------------------------------------

Come giustificare il testo di una pagina

Si può giustificare a sinistra il testo di una pagina web utilizzando il seguente CSS:

<DIV style='text-align:justify'>

.. Testo ..

</DIV>

Ricordiamo che da studi di usabilità il testo giustificato risulta meno leggibile per l'utente rispetto al testo formattato in modo normale (detto "a bandiera").

------------------------------------------------------------------------------------

Aprire un link in una finestra pop-up

Per inserire nella propria pagina un link ad una finestra pop-up (o pop up) si fa ricorso solitamente a Javascript. I metodi principalmente utilizzati sono due. Il primo viene utilizzato se nella pagina sono presenti più link destinati ad aprire una finestra pop-up, il secondo invece è utilizzato quando il link da aprire è solamente uno.

1. Inserire tra i tag <HEAD> </HEAD> del documento il seguente codice che provvederà ad inizializzare la funzione.

<script type="text/javascript">
function apri(url) {
newin = window.open(url,'titolo','scrollbars=no,resizable= yes, width=200,height=200,status=no,location=no,toolbar =no');
}
</script>

Nel corpo della pagina andrà inserito il riferimento al link in questo modo:

<a href="javascript:apri('pagina.htm');">Apri la pop-up</a>

Naturalmente al link pagina.htm andrà sostituito il link che si desidera aprire.

2. Il secondo metodo è un Javascript in linea da utilizzare senza nessun altro riferimento.

<a href="javascript:;" onClick="window.open('pagina.htm', 'titolo', 'width=400, height=200, resizable, status, scrollbars=1, location');">Apri la popup</a>

Agendo sui parametri width e height si definiscono le dimensioni della finestra (rispettivamente larghezza e altezza). Gli altri parametri vengono utilizzati per le opzioni di visualizzazione.

------------------------------------------------------------------------------------

Validare il codice HTML

Per verificare se il proprio codice HTML è conforme agli standard del World Wide Web Consortium (W3C) è possibile utilizzare il validatore W3C disponibile all'indirizzo http://validator.w3.org/.

In questo validatore è possibile scegliere fra differenti tipi di documenti scelti tra due specifiche standardizzate: HTML e XHTML.

------------------------------------------------------------------------------------

Disabilitare la Image Toolbar di Explorer 6

È possibile disabilitare la visualizzazione della "Image Toolbar" in Explorer 6 (la barra con i quattro pulsanti utile per salvare, spedire o stampare l'immagine) attraverso due metodi.
Se si vuole che l'opzioni riguardi tutte le immagini della pagina bisognerà inserire il seguente metadato tra i tag <HEAD> del documento:

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">


Se si vuole disabilitare la visualizzazione solamente per una singola immagine, lasciando che le altre nella stessa pagina vengano visualizzate con la Image Toolbar, bisognerà aggiungere al tag IMG la seguente porzione di codice: GALLERYIMG="yes", come nell'esempio successivo:

<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="yes">

------------------------------------------------------------------------------------

Tasti di scelta rapida per pagine Web

Con l'HTML 4 è possibile inserire nella pagina Web dei "tasti di scelta rapida" in modo da favorire un accesso facilitato alle risorse del sito. Ciò è possibile con l'attributo accesskey che può essere aggiunto ad elementi come A, AREA, BUTTON, INPUT, LABEL, TEXTAREA.

Poniamo che si volesse assegnare al link pagina.html il tasto di scelta rapida d. Basterà inserire, durante la scrittura del link, questa istruzione:

[/quote]<A accesskey="d" href="pagina.html">pagina.html</A>[/quote]

Su sistemi Windows basterà premete ALT+d per accedere al link, con la pressione del tasto Invio il link sarà seguito. In Netscape 6 non sarà necessario premere il tasto Invio.

Potete sperimentare questo sistema sulla visualizzazione di queste pillole: utilizzando i tasti ALT+p (+Invio) visualizzerete la pillola precedente, utilizzando ALT+s (+Invio) visualizzerete la pillola successiva.

------------------------------------------------------------------------------------

Cambiare il puntatore del mouse sui link

Per modificare l'aspetto del puntatore del mouse quando questo è posizionato sui link basta utilizzare la seguenti sintassi:

<A HREF="#" STYLE="cursor: sw-resize"><B>Nome link</B></A>

Alla sintassi colorata in rosso si potranno sostituire i seguenti attributi:

Auto, Crosshair, Default, Hand, Move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help.

Per approfondimenti si rimanda alla Guida ai Css (http://www.html.it/css/)

------------------------------------------------------------------------------------

Come inserire link all'interno della stessa pagina

Si possono ottenere dei link interni nelle pagine web attraverso un utilizzo un po' diverso del tag <A [...]> (Ancora) normalmente utilizzato per i link ipertestuali.

Nel punto che desideriamo linkare (quello dove verremmo condotti dopo il clik) dovremmo inserire l'istruzione

<A NAME="nomeancora">testo</A>

Il link che invece dovrebbe condurre al punto di cui sopra sarà formattato seguendo la seguente sintassi

<A HREF="#nomeancora">Vai a testo</A>

------------------------------------------------------------------------------------

Che cos'è il WML?

Il Wireless Markup Language (WML) è il linguaggio di marcatura che consente di realizzare siti WAP, visualizzabili cioè nei telefonini cellulari e in tutti quei dispositivi che contengono un browser WAP. Per saperne di più leggi la guida di WAPitalia all'indirizzo http://wapitalia.html.it/wml/index.html .

------------------------------------------------------------------------------------

Come visualizzare sul browser la descrizione di un link?

Spesso è utile associare al link una breve descrizione da visualizzare quando il mouse vi passa sopra. Per ottenere ciò basta far seguire al tag HREF il tag TITLE in questo modo:

<A HREF="www.html.it" ' title='"Il portal del web publishing italiano. Guide e tutorial per webmaster.">HTML.it</A>

Il risultato sarà quello rappresentato nell'immagine qui sotto:

http://pro.html.it/images/pillola01.gif

------------------------------------------------------------------------------------

Avviare la stampa di un documento da una pagina Web

Puoi stampare una pagina premendo un tasto presente in un documento HTML. Trovi tutte le spiegazioni e l'esempio pratico all'indirizzo http://www.html.it/mailing/archivio/26/index.html.

Per visualizzare una versione stampabile di una pagina web utilizzando i CSS segui invece le istruzioni dell'articolo Stampe perfette di pagine web con i CSS (http://pro.html.it/articoli/id_108/idcat_8/).

------------------------------------------------------------------------------------

Immagine che segue il puntatore del mouse

È possibile che un'immagine o un testo seguano il mouse in ogni suo movimento sullo schermo grazie ad alcuni script già pronti all'uso:

http://www.html.it/mailing/archivio/51/index.html
Un'immagine a piacere che segue il mouse in ogni suo movimento sulla pagina del browser. La distanza dell'immagine può essere stabilita a piacere.

http://www.html.it/mailing/archivio/67/index.html
Semplice testo a scelta che segue il mouse con effetto elastico.

http://www.html.it/mailing/archivio/68/index.html
Immagini che seguono il mouse con effetto "traccia" per scomparire quando il mouse si ferma.

------------------------------------------------------------------------------------

Aprire i link della pop-up nella finestra principale

Nel caso in cui una pagina apra automaticamente un'altra finestra (come spesso accade per la pubblicita' di certe comunità), è possibile fare in modo che i link della finestra secondaria vengano caricati nella principali. In questo modo si evita che pagine vengono caricate in finestre di piccole dimensioni.

Per farlo devi semplicemente utilizzare un codice Javascript. Trovi tutte le spiegazioni alla pagina http://www.html.it/mailing/archivio/06/index.html

------------------------------------------------------------------------------------

Come creare un quiz personalizzato in HTML

Puoi creare un quiz con risultato finale personalizzato per ogni utente in base alle risposte date? In altri termini realizzare ciò che HTML.it fa nelle pagine dei test: http://www.html.it/test.

Devi semplicemente utilizzare un codice Javascript misto all'HTML classico. Trovi tutte le spiegazioni alla pagina http://www.html.it/mailing/archivio/36/index.html

------------------------------------------------------------------------------------