HTML consente l'incorporamento di immagini e oggetti che possono essere utilizzati per l'interattività. HTML funziona bene con JavaScript che può essere utilizzato per influenzare il comportamento dei browser web. Oltre a JavaScript, Cascading Style Sheets (CSS) può anche essere integrato per influenzare il layout e la visualizzazione del contenuto. Quando utilizzato decentemente, gli effetti possono fornire funzionalità e migliorare l'esperienza utente e rendere un sito Web di distinguersi. Per essere efficaci, gli effetti speciali non deve rallentare il browser o irritare i visitatori.
Istruzioni
Testo a scorrimento
1
Avviare l'applicazione blocco note e digitare il tag HTML di base, come illustrato di seguito:
HTML >
< head >
< Title > questa è la mia pagina eHow < / title >
< / head >
< corpo >
Si tratta di un testo a scorrimento
< / body >
2
Salvare il file sopra come index. html sul desktop e fare doppio clic su esso per eseguire. Si noterà che viene visualizzato solo un testo statico "Questo è un testo a scorrimento".
3
Tornare indietro all'applicazione blocco note e aggiungere il testo seguente sotto il tag "< body >":
< corpo >
< Marquee > si tratta di un testo scorrevole < / marquee >
L'intero codice ora dovrebbe essere come illustrato di seguito:
< html >
< head >
< Title > questa è la mia pagina eHow < / title >
< / head >
< corpo >
< marquee > si tratta di un testo scorrevole < / marquee >
< / body >
Scorrimento immagini
4
Individuare l'immagine che si desidera scorrere su una pagina web e fare clic destro, andare su "Proprietà" e trovare l'indirizzo del registro. Utilizzare "Visualizza sorgente pagina" quando si utilizzano altri browser come Firefox e navigare verso l'indirizzo di logo.
5
Copiare il link alla pagina per il logo e tornare al documento HTML e incollarlo come illustrato di seguito:
< html >
< head >
< Title > questa è la mia pagina eHow < / title >
< / head >
< corpo >
< marquee >< img rel = "nofollow" target = blank"> http://www.google.com/images/logo.gif></marquee>
< / body >
< / html >
Questo è solo un esempio e potrebbe non funzionare correttamente. Utilizzare un reale collegamento che fa riferimento a un'immagine reale.
6
Salvare il file, torna al tuo documento e visualizzazione. È possibile modificare la dimensione, lo scorrimento di lunghezza e altri dettagli come bene.
Pulsante del mouse-Over
7
Copiare o creare due immagini, preferibilmente quelli che assomigliano a bottoni, a una cartella. Denominare le immagini "one" e "two".
8
Aprire l'applicazione blocco note e digitare il codice riportato di seguito:
< html >
< head >
< Title > questa è la mia pagina eHow < / title >
< / head >
< corpo >
< img onmouseover = "src = 'two.gif'" onmouseout = "src = 'one.gif'" >
< / body >
< / htnl >
9
Salvare il file come image.html nella stessa cartella di salvare le immagini.
Avviso Script
10
Accendi il tuo blocco note e digitare il codice riportato di seguito:
< html >
< head >
< Title > questa è la mia Pop Up pagina < / title >
< / head >
< corpo >
< a href = "http://Google.com"
onMouseOver = "alert (' questo è un Pop-Up); return true;" > fare clic su PopUp < /a >
< / body >
< / html >
11
Aggiungi il tuo messaggio di popup, testo del link e il sito Web che si desidera che il collegamento per fare riferimento.
12
Salvare il file come pop.html e fare doppio clic per eseguire.
Consigli & Avvertenze
- Il testo scorrevole può essere definire per scorrere una certa lunghezza utilizzando la "larghezza = %" tag come illustrato di seguito:
- < larghezza tendone = "30%" > questo è il mio testo di Scrolling < / marquee >
- È possibile rendere il mouse immagine più interattivo con l'aggiunta di ulteriori argomenti nel codice. Alcuni di questi includono:
- OnMouseDown = "src = 'percorso immagine'"
- OnMouseUp = "src = 'percorso immagine'"
- onmouseout = "src = 'percorso immagine'"