Lavorare con immagini, suoni e video durante la creazione di un sito web

Questo articolo presenta le tecniche per l'aggiunta di immagini, suoni, video ed elementi alle pagine web. Scoprire come aggiungere immagini e mappe di immagini alle pagine web, link e incorporare audio e file video, e utilizzare un suono di sottofondo che suona quando il Web viene visualizzata la pagina.

Formati di file immagine, audio e video

È possibile scegliere tra diversi formati di file per le immagini, suoni e video. Fortunatamente, è possibile creare più pagine Web che utilizzano solo i formati che si descrivono nelle seguenti sezioni.

Formati di file immagine

Anche se decine di diversi formati di file di immagine esiste, solo due sono ampiamente usati per le immagini pagina web: GIF e JPEG. Immagini GIF: GIF, che sta per Graphics Interchange Format, è stato originariamente utilizzato sulla rete online CompuServe ed è ora ampiamente utilizzato in tutto il Internet. GIF file di immagine hanno le seguenti caratteristiche:

- Immagini GIF possono avere un massimo di 256 colori diversi.

- GIF file sono compressi per ridurre le loro dimensioni. Il metodo di compressione GIF usi non riduce la qualità dell'immagine.

- Una immagine GIF può includere un colore trasparente, che, quando vengono visualizzati in un browser Web, consente lo sfondo della pagina Web attraverso.

- Immagini GIF possono essere interlacciate, che permette al browser Web per visualizzare rapidamente una versione grezza di immagine e poi visualizzare le versioni progressivamente meglio l'immagine.

- Il formato GIF supporta una semplice tecnica di animazione che consente di memorizzare diverse immagini distinte nello stesso file. Il browser Web visualizza l'animazione visualizzando l'uno dopo l'altro le immagini in sequenza. Il formato GIF è la scelta migliore per la maggior parte grafica Web che sono stati creati con i programmi di disegno o pittura, e che non contengono un gran numero di colori diversi. È ideale per le icone, pulsanti, sfondi, le pallottole, le regole, e la grafica. Un formato chiamato PNG (Portable Network Graphics) è stato sviluppato nel 1995 come successore del formato GIF. PNG (pronunciato ping) Supporta tutte le caratteristiche del GIF e poi alcuni, e supporta i colori più di GIF. PNG non ha davvero preso piede, anche se, in modo GIF rimane il formato più diffuso l'immagine.

Immagini JPEG: JPEG, un formato sviluppato dal Joint Photographic Experts Group, è stato progettato per immagini di qualità fotografica. Ha le seguenti caratteristiche:

- Immagini JPEG possono avere né 16,7 milioni e 2 miliardi di colori. La maggior parte delle immagini JPEG utilizzare 16,7 milioni di colori, che offrono un'eccellente rappresentazione di immagini fotografiche.

- Per ridurre la dimensione dell'immagine, JPEG utilizza una speciale tecnica di compressione che riduce leggermente la qualità dell'immagine, mentre riducendo notevolmente le sue dimensioni. Nella maggior parte dei casi, si deve confrontare attentamente l'immagine originale non compresso con l'immagine compressa per vedere la differenza.

- Supporta immagini JPEG progressive che sono simili alle immagini GIF interlacciate.

- JPEG non supporta i colori di sfondo trasparente come GIF fa.

- JPEG non supporta l'animazione.

Altri formati di file immagine: Molti altri formati di file di immagine esiste. Qui sono solo alcuni:

--BMP: Windows bitmap

--PCX: Un altro formato bitmap

--TIF: Tagged Image File

--PIC: Foto di file Macintosh

Formati di file audio

Che seguono sono le più comunemente utilizzati formati di file audio:

--WAV: Lo standard di Windows per le registrazioni audio. WAV è l'acronimo di Wave.

--SND: Lo standard Macintosh per le registrazioni audio. SND sta per Sound.

--AU: Lo standard Unix per le registrazioni audio. AU sta per Audio.

--MID: I file MIDI, che non sono effettivamente le registrazioni sonore. I file MIDI sono la musica memorizzata in una forma che sintetizzatore una scheda audio può giocare. MIDI sta per Musical Instrument Digital Interface. Attenzione a non confondere i file audio con un suono si può ascoltare in tempo reale su Internet, conosciuto come streaming audio. Il formato più popolare per lo streaming audio è RealAudio. RealAudio vi permette di ascoltare un suono come viene scaricato sul computer, in modo da non dover attendere per l'intero file da scaricare prima di poter ascoltare il CD. Per ascoltare il suono RealAudio, è innanzitutto necessario installare un player RealAudio nel browser. (Potete scaricarlo gratuitamente dal sito www.real.com.)

Formati di file video

E tre i formati popolari di video vengono usati sul Web:

--AVI: Il video standard di Windows. AVI sta per Audio Video Interleaved.

--QuickTime: Lo standard Macintosh video. QuickTime file di solito hanno l'estensione MOV.

--MPEG o MP3: Uno standard indipendente. MPEG è l'acronimo di Motion Picture Experts Group. MP3 è l'abbreviazione di MPEG livello 3, un adattamento di MPEG utilizzati per l'invio di file musicali in rete. Sebbene AVI è conosciuto come un formato video di Windows e QuickTime è un formato di Macintosh, entrambi i formati così come MPEG e MP3 sono diventati cross-platform standard. Sia Netscape Navigator e Microsoft Internet Explorer possono svolgere AVI, QuickTime, MPEG e video.

Lavorare con la grafica

Se avete deciso quale grafici da inserire sulle pagine Web, what's next? Questa sezione vi mostra come inserire i tuoi file di grafica e come utilizzare le mappe di immagini. In primo luogo, ecco alcune linee guida per l'utilizzo di immagini:

- Non aggiungere tante immagini o immagini di grandi dimensioni tali che la tua pagina richiede tempi troppo lunghi per il download.

- Utilizzare l'attributo ALT con il tag per fornire un testo per gli utenti che visualizza la pagina con le immagini disattivate. Ad esempio:

- Utilizzare gli attributi HEIGHT e WIDTH con l' tag preformat tue pagine per le dimensioni corrette dell'immagine.

- Utilizzare BORDER = "0" nel tag per eliminare il bordo che appare intorno le immagini (a meno che non si desidera che i confini di apparire), in questo modo:

- Utilizzare immagini GIF trasparenti per creare immagini che si fondono perfettamente con lo sfondo della pagina. (Vedi la barra laterale, "Utilizzo di immagini GIF trasparenti," più avanti in questo articolo.) - Se volete fare i file immagine di grandi dimensioni disponibili per il download sul proprio sito Web, fornire più piccoli, le versioni di anteprima le immagini che le persone possono visualizzare in anteprima prima di decidere se per scaricare l'immagine full-size. - Tenete presente che molte delle immagini si vede visualizzata sul web sono protetti da copyright materiali che non si può semplicemente copiare e utilizzare sul proprio sito Web senza il permesso del detentore del copyright. Allo stesso modo, le fotografie, opere d'arte, e altre immagini che appaiono in riviste e libri sono protetti da copyright. Non è possibile giuridicamente la scansione di immagini protette da copyright e pubblicarle sul proprio sito web senza l'autorizzazione del titolare del copyright.

Inserimento di un grafico

Per inserire un'immagine in una pagina Web, attenersi alla seguente procedura:

1. Ottenere un file di immagine che si desidera includere nella tua pagina.Se necessario, utilizzare un programma di grafica per convertire il file nel formato che si desidera utilizzare (probabilmente GIF o JPEG). Memorizzare il file di immagine nella stessa directory del documento HTML che visualizza l'immagine. In alternativa, si può preferire di memorizzare tutte le immagini per il vostro sito web insieme in una cartella separata immagini.

2. Nel file HTML, aggiungere il tag nel punto del documento in cui si desidera venga visualizzata l'immagine. Utilizzare il SRC (source) attributofornire il nome del file di immagine. Ad esempio:

3. (Opzionale) Per rimuovere il bordo intorno all'immagine, aggiungere un BORDERattributo, come segue:

4. (Facoltativa) per fornire un testo che verrà visualizzato per gli utenti che hannodisattivato grafici nei loro browser Web, utilizzare un ALT attributo:

5. (Facoltativo) Per preformat la pagina Web con le dimensioni corrette di l'immagine, utilizzare il ALTEZZA e LARGHEZZA attributi, come segue:

Utilizzando le mappe immagine

Un image map è un grafico in cui determinate regioni della grafica servire come link ad altre pagine web. Ad esempio, se si sta creando un sito Web su Il Mago di Oz, è possibile utilizzare un'immagine mappa che mostra i caratteri dei link alle pagine di questi personaggi. Per creare una mappa immagine, è necessario utilizzare alcuni tag HTML: , E . Per creare una mappa immagine, attenersi alla seguente procedura:

1. Trovare o creare un grafico che può servire come una mappa immagine.L'immagine deve avere le regioni distinte, che fungerà da link della mappa.

2. Utilizzare un programma di grafica per visualizzare l'immagine, quindi determinare la forma rettangolare confini.

3. Tipo una serie di e tags. Nel tag, utilizzare il NOMEattributo di fornire un nome per la mappa immagine, come questo:

4. Tra le e tag, digitare un tag per ogni rettangolari area dell'immagine che fungerà da collegamento. Nel tag,hanno le seguenti caratteristiche:

= "RECT SHAPE" COORDS = "start a sinistra, in alto inizio, fine x da sinistra, dall'alto in fine x" href = "url" Ad esempio:  

5. Digitare un tag. Utilizzare il SRC attributo al nome del file di immagine e il USEMAP attributo di fornire il nome della mappa immagine di cui il attributo, in questo modo:

Assicuratevi di digitare un segno numerico (#) prima il nome della mappa immagine nella attributo USEMAP tag. Ma non si utilizza il simbolo # quando si crea il nome nella

 È nato prima? 

Utilizzare l'attributo titolo nelle tag per creare le descrizioni comandi che vengono visualizzati quando l'utente si ferma brevemente il puntatore del mouse su un'area mappa immagine. Ad esempio:

Ricordo che alcune persone di configurare il proprio browser in modo che essi non scaricare e visualizzare le immagini. Ogni volta che si utilizza una mappa immagine, assicurarsi di fornire collegamenti di testo anche come alternativa alla mappa immagine. In caso contrario, gli utenti che visitano la pagina con le immagini disattivato non sarà in grado di navigare nel sito.

Aggiunta di suoni

È possibile inserire un file audio in una pagina Web come un link, come un suono incorporato, o come una parte dello sfondo della pagina (in modo che il suono viene riprodotto automaticamente ogni volta che la pagina viene visualizzata). Le sezioni seguenti mostrano come usare i tag HTML necessari per ciascun metodo.

L'inserimento di un link ad un file audio

Il vantaggio di collegare a un file audio è che il file audio non viene scaricato sul computer dell'utente fino a quando l'utente fa clic sul link file audio. Per inserire un link a un file audio, attenersi alla seguente procedura:

1. Ottenere un file audio che si desidera collegare al vostro sito Web e il luogo il file audio nella stessa directory come il documento HTML che contengono il link.In alternativa, si può preferire per memorizzare tutti i file audio per il sito Web nella propria cartella.

2. Aggiungere un tag, un testo descrittivo, e un tag HTML file come segue:

Clicca qui per riprodurre il suono.

Assicurarsi di digitare il nome del file audio nel HREF.

Incorporare un file audio

È possibile incorporare un suono in una pagina Web utilizzando un tag:

L'attributo SRC fornisce il nome del file audio. Il browser Web visualizza il suono controlli necessari per permettere all'utente di riprodurre il suono.

Utilizzando suoni di sottofondo

Un suono di sottofondo viene riprodotta automaticamente ogni volta che un utente visualizza la pagina web. Per aggiungere un suono di sottofondo a una pagina, attenersi alla seguente procedura:

1. Ottenere un file audio che si desidera utilizzare come un suono di sottofondo e inserire il file audio nella stessa directory del file HTML.

2. Aggiungere un attributo dopo l' tag. Utilizzare il SRC attributoal nome del file audio che si desidera essere effettuati:

3. Se si desidera che il suono di ripetere più volte, aggiungere il LOOP attributoin questo modo:

È possibile digitare qualsiasi numero in LOOP per indicare quante volte il suono dovrebbe essere ripetuta. Oppure si può digitare loop = "infinite" per riprodurre il suono più volte fino a quando la pagina viene visualizzata. Alcune persone preferiscono ascoltare le unghie trascinato su una lavagna di fastidiosi rumori di fondo che il gioco più e più volte. Se si vuole che la gente a visitare il suo sito più di una volta, evitare l'utilizzo di loop = "infinite".

Lavorare con i video

È possibile inserire un file video in una pagina Web come un link o un oggetto incorporato. Le sezioni seguenti mostrano ogni metodo.

L'inserimento di un link a un file video

Per inserire un link a un file video, attenersi alla seguente procedura:

1. Individuare un file video che si desidera aggiungere un link alla tua pagina web.

2. Aggiungere un tag, un testo descrittivo, e un tag HTML file come segue:

Clicca qui per scaricare un film.

Fornire il nome del file video in HREF del tag. Quando l'utente fa clic sul link, il download del browser Web il file e riproduce il video.

Incorporare un video

Utilizzare il tag per inserire un video su una pagina web. Attenersi alla seguente procedura:

1. Individuare un file video che si desidera incorporare in una pagina web.

2. Nel documento HTML per la pagina Web, aggiungere un tag specificandoil nome del file video nel SRC attributo, in questo modo:

3. Se si desidera modificare le dimensioni della superficie utilizzata per visualizzare il video,aggiungere il ALTEZZA e LARGHEZZA attributi, come questo:

4. Se si desidera che il video da riprodurre automaticamente non appena finisce scaricare, add AUTOSTART = "TRUE" al tag:

---

Disclaimer:Il nostro sito non è responsabile per il contenuto di questo articolo. Webarticles è una risorsa gratuita di informazioni.
Importante: In questo articolo "Lavorare con immagini, suoni e video durante la creazione di un sito web" è stato tradotto da un software automatico. Ci dispiace per eventuali errori di ortografia che possono essersi verificati. Grazie per la vostra comprensione.

---