Come creare effetti speciali per un sito web

August 24

Come creare effetti speciali per un sito web


sito Web gli effetti speciali possono contribuire a rendere il vostro sito si distinguono da altri siti, intrattenere i visitatori e attirare l'attenzione su parti specifiche della pagina. Scopri come utilizzare i cursori personalizzati, scorrere il testo e fa un immagine sul tuo sito lampeggiano. Incorporare questi metodi nella vostra prossima riprogettazione del sito per attirare immediatamente l'attenzione e coinvolgere i lettori in modi nuovi.

istruzione

Come utilizzare i cursori personalizzati

1 Accedi al tuo host web utilizzando il browser Internet o un programma FTP, come Cyberduck (per Mac) o WinFTP (per PC Windows). Creare una nuova cartella sul disco di hosting principale. Assegnare un nome alla cartella "cursore".

2 Scarica un cursore personalizzato (vedi Risorse). Rinominare il file "custom.cur" e caricarlo nella cartella "cursore" nella directory host web.

3 Utilizzare un editor di testo standard e aprire il file pagina web in cui si desidera utilizzare il cursore personalizzato. Digitare il seguente codice dopo il tag <body>, se si desidera utilizzare il cursore personalizzato su tutta la pagina: <body style = "cursor: url ( 'cursore / custom.cur')">. In alternativa, digitare il seguente codice prima di un paragrafo specifico se si desidera utilizzare il cursore in una sola sezione della pagina: <p style = "cursor: url ( 'cursore / custom.cur')">.

4 Salvare il file di paging modificato sul vostro drive di web hosting. Avviare il browser e accedere al tuo sito. cursore del computer modificato con un cursore personalizzato.

Come creare testo a scorrimento

5 Aprire la pagina Web in un editor di testo.

6 Digitare il seguente codice in cui si desidera visualizzare lo scorrimento del testo: <marquee direzione = "right"> yourtext </ marquee>. Modifica "yourtext" per le parole che si desidera scorrere. Cambiare la direzione di "sinistra", "destra", "up" o "down" per regolare la direzione in cui il testo scorre.

7 Salvare il file nella directory di web hosting.

8 Avviare il browser Web e accedere alla pagina di appena modificato. Viene visualizzata una piccola scatola con testo scorrevole. Questo è un modo accattivante per attirare l'attenzione su un annuncio o di avvertimento.

Come fare una immagine lampeggiante

9 Aprire la pagina Web in un editor di testo.

10 Digitare il seguente codice dopo il tag <head> nel codice HTML: <script type = "text / javascript">

function changeImg(){
document.getElementById("imgId").src = (document.getElementById("imgId").src.indexOf("PIC1.gif") == -1)?"PIC1.gif":"nopic.gif";
}
window.onload = function(){
var xTimer = window.setInterval("changeImg()",2000);
}
&lt;/script>

11 Cambiare "PIC1.gif" per il nome dell'immagine nella vostra pagina web che si desidera a lampeggiare. Salvare il file nella directory di web hosting.

12 Avviare il browser e visualizzare la pagina. L'immagine ora lampeggia.

Consigli e avvertenze

  • Molti web designer rifuggire da utilizzare effetti speciali, perché alcuni utenti potrebbero trovare loro distrazione e fastidioso.