artemate

PROGRAMMAZIONE PER IL WEB

STORIA - SCHEMA HTML - SCHEMA XHTML - SCHEMA XML - FOGLI DI STILE

INSERIRE ELEMENTI MULTIMEDIALI - COSTRUIRE UN SEMPLICE SITO

INSERIRE ELEMENTI MULTIMEDIALI

tag per inserire file audio

1) usare bgsound all'interno di head , in questo modo il file musica si carica automaticamente nel browser:

2) comando embed da inserire in body : obsoleto per XHTML , visualizza la barra del lettore audio, con attributi "width" ed "height" che impostano la larghezza e l'altezza del player. La musica si avvia automaticamente all'apertura della pagina. Autostart è impostato di default a valore "true". impostarlo a "false" per disabilitare l'avvio automatico. attributo loop="2" per il numero delle ripetixioni, attributo hidden="true" per oscurare la visione del player ( in tal caso non disabilitare avvio automatico!). testo alternativo per elementi non supportati con il tag noembed. Esempio:
<noembed>Elemento multimediale non supportato!</noembed>. L' elemento embed non è nelle specifiche del W3C, ma che è stato a lungo utilizzato, perché supportato sia da Internet Explorer, sia da Netscape Navigator.

file supportati: mp3 .wav .midi .rmi .mpeg (per i video).avi (per i video)

esempio per file midi

<embed src="nome_midi.mid" autostart="false" loop="true" height="40" width="170"> </embed>

Facciamo un esempio che comprende la barra del volume

Facciamo un secondo esempio che comprende solo i pulsanti PLAY e STOP

2) usare object (da inserire in body ) è il tag corretto - secondo le indicazioni del W3C - per inserire elementi multimediali, tanto che nelle specifiche dell'XHTML 2 (l'evoluzione dell'HTML) persino le immagini devono essere inserite tramite questo tag. Può dare problemi di incompatibilità. gli attributi sono.

-data: questo attributo può essere utilizzato per specificare il percorso dell'oggetto da inserire nella pagina
-classid dà indicazioni sul percorso dell'oggetto, ed è utile per identificare il tipo di plugin con cui eseguire l'oggetto
-codebase serve per indicare l'URL di base, a cui il codice indicato in "data" o in "classid" fa riferimento
-type è il tipo di oggetto da inserire (più esattamente è il MIME type dell'oggetto)
-archive si può indicare una lista di URL, separati da virgola, contenti risorse relative all'oggetto inserito
-width, height se necessario, si possono indicare una larghezza e una altezza

All'interno del tag <object> è possibile specificare una sintassi alternativa per i browser che non leggono questo tag. Inoltre all'interno del tag è possibile specificare eventuali parametri necessari all'esecuzione dell'oggetto.

audio .mid o .mp3

con mid o mp3 il plugin può essere quick time player, quindi vedi il classid più avanti

audio .wav con realOne

spesso conviene indicare il tipo di plugin da utilizzare grazie all'attributo "classid". in questo esempio il lettore RealOne (se RealOne non è presente, l'utente verrà avvisato).

Quando inserite dei file audio, fate sempre caso ad essere i proprietari dei diritti d'autore, o ad avere l'autorizzazione a utilizzare la musica (o il suono) in questione.

tag per i FILMATI

Filmato wmv con Windows media player

<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"
type="application/x-oleobject" width="320" height="305"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
standby="Loading Microsoft Windows Media Player components...">
<param name="url" value="*[LINK]*">
<param name="autostart" value="true">
<param name="ShowStatusBar" value="true">

filmato .mp4 di quick time con classid

filmato .mov di quick time

altro modo con classid , per inserire un filmato .mov di quick time

Per inserire un filmato in flash .swf (cioè "Shockwave Flash"),

si utilizzare la seguente sintassi:

altro modo: ( flash versione 6)

altro modo con tag per Xhtml e flash player versione 7

altro modo con specifiche param name: ( flash versione 5)

TABELLA

<TABLE>..</TABLE> <TH>=intestazioni colonne <TR>=RIGA

esempio:tabella con due righe e tre colonne

<table border="1">
<tr><th>titolouno</th><th>titolodue</th></tr>
<tr><td>nome1</td> <td> nome2</td></tr>
<tr><td>nome3</td> <td> nome4</td></tr>
</table>

width="x" larghezza tabella o cella in pixel
width="x% "larghezza tabella o cella in percentuale
heigth="x" altezza della tabella o cella in pixel
heigth="x%" altezza della tab o cella in % dattributi di tr per allineamento testo nelle celle

align="rigth"/center/bottom (solo ie) orizzontale
valign="top"/middle/bottom (solo ie) verticale
bgcolor="#e1e1e1" colore cella o tabella
border ="0" dimensioni bordo.
cellpaddind="2" spazio nella cella fra bordo e scritta default
cellspacing ="1" spazio fra celle
<caption>inserisce una legenda centrata automaticamente</caption>
<colspan ="2" > unisce due celle in verticale
<rowspan="2"> unisce due celle in orizzontale
<table border="1" cellpadding="2" cellspacing="3"> x=0,1,5

META TAGS DA INSERIRE in head

meta comandi che non vanno inseriti nel body ma nella parte head del documento. i metacomandi più utili sono: titolo (title), descrizione (description), parole chiave (key words), codifica caratteri (charset), icona nella barra idirizzi.