Come rendere le immagini di scorrimento su una pagina web

February 21

Come rendere le immagini di scorrimento su una pagina web


Se si vuole progettare un sito accattivante utilizzando le vostre immagini, considerare la possibilità di scorrere le immagini sulla pagina. Anche se questo effetto è in genere fatto utilizzando un Flash player oppure codice JavaScript, è possibile utilizzare HyperText Markup Language (HTML). Non solo fa uso di HTML meno righe di markup per raggiungere questo effetto, ma il codice più leggero è meno probabile che rallentare il pagina quando viene caricato in un browser. Capire come applicare HTML per spostare le immagini attraverso la pagina web e portare l'attenzione alle vostre foto.

istruzione

1 Accedi al tuo account host Web e caricare le immagini nella stessa directory dove i file del sito web risiedono. Questo è in genere fatto cliccando su "Pannello di controllo" o una funzione "cPanel", cliccando sul pulsante "public_html" o cartella "Public_WWW" e poi cliccando sul pulsante "Sfoglia", "Apri" o "pulsante che visualizza nella pagina Carica". Annotare il percorso URL dei file di immagine dopo il processo di caricamento è completo (per esempio, "http://www.site.com/images/picture.gif").

2 Avviare il programma di editor di testo e aprire la pagina Web che si desidera aggiungere le immagini di scorrimento a.

3 Posizionare il cursore nella zona in cui si desidera visualizzare le immagini. Digitare i seguenti tag tendone:

<Marquee>

</ Marquee>

Il tendone si applica un comportamento di scorrimento per il contenuto posizionato tra questi elementi.

4 Posizionare il cursore tra i tag tendone e immettere un codice sorgente di immagine seguita dall'indirizzo URL della foto dal passaggio precedente. Includere immagini aggiuntive inserendo l'indirizzo in un tag immagine separata. Per esempio:

<Marquee>

<Img />

<Img />

</ Marquee>

5 Inserire l'attributo alt per ogni immagine per descrivere ciò che la foto è. Inoltre, digitare le dimensioni dell'immagine desiderata (se si preferisce) per controllare quanto piccolo o grande appare l'immagine. Per esempio:

< "Foto del mare" altezza img alt = = larghezza "50" = "75" />

6 Salvare il file e caricarlo di nuovo al vostro host web per pubblicare le immagini di scorrimento.