dijous, de gener 18, 2007

HTML (2a part) - MULTIMÈDIA (+ Etiquetes i + Atributs)

Amb lo que sabeu fins ara d'HTML i lo que fem a continuació tindreu més punts d'ancoratge per saber en què fixar-vos en el Dreamweaver. Potser amb aquestes etiquetes, a diferència de amb les anteriors no aplicarem tant els estils CSS per millorar l'aspecte però sí podrem controlar dinàmicament mitjançant les funcions javascript que incorpora el mateix dreamweaver aquests elements multimèdia.

Introducció de sons a les pàgines web.

BGSOUND
  • BGSOUND. És la etiqueta que serveix per posar un só de fons a una pàgina web. Aquesta etiqueta és propietat de Microsoft amb la qual cosa només serveix per InternetExplorer.
  • La seva sintàxi és:
    < BGSOUND src="URL d'un arxiu de música" loop="1" balance="0" volume="0" > </BGSOUND>
  • Els seus atributs principals són:
    • SRC, que igual que passa a la etiqueta IMG serveix per indicar la URL on està el recurs sonor que volem que s'escolti. Els formats d'arxius que admetia al començament eren arxius midi i WAV. Però en versions més recents del navegador Iexplorer també admet altres formats com AU i MP3
    • LOOP, que ens serveix per indicar les vegades que volem que se senti aquest só. Si posem com a valor: "infinite" aquest so es reproduirà indefinidament.
    • VOLUME, serveix per indicar el volum que volem que tingui on 0 és el valor màxim i -10.000 és el valor mínim.
    • BALANCE, amb valors entre -10.000 i 10.000 estableix la força que ha de tenir el só en un altaveu o en l'altre. 0 és el valor central.
  • Aquesta etiqueta té més atributs que els podeu veure aquí, com disabled, delay, id, class, controls, etc... Fins i tot a Internet Explorer mitjançant Javascript es pot controlar de forma interactiva aquests paràmetres.
  • Més informació aquí.
  • BGSOUND és

Lo que vé a continuació tant serveix per só com per incorporar vídeos.




Introducció de sons i vídeos a les pàgines web.

EMBED

  • EMBED. Etiqueta originària de Netscape per incorporar sons i que després Internet Explorer va assumir i perfeccionar. Aquesta etiqueta serveix per incloure a la web arxius que no són reproduibles amb les funcions bàsiques dels navegadors i que requereixen de la presència d'un plug-in (complement que no pertany a un programa i que augmenta les prestacions d'un programa).

  • Quan incorporem un objecte EMBED el navegador inclourà botons de play i stop i regulador de volum.

  • La sintàxi de la etiqueta EMBED és la següent:
    <EMBED atribut1="n" atribut2="o" > </EMBED>

  • ATRIBUTS DE LA ETIQUETA EMBED:
    • SRC, que serveix per indicar la URL del recurs multimèdia.
    • LOOP, que admet com a valors possibles un número natural, true(es reprodueix indefinidament) i false(per indicar que es reprodueix només un cop). Només serveix per NETSCAPE.
    • PLAYCOUNT, Equivalent de LOOP per Internet Explorer. Valors possibles: números naturals per indicar el número de vegades que volem que es reprodueixi.
    • TYPE, serveix per que el navegador sàpigue amb quin plugin s'ha de reproduir. Com a valors podria prendre: audio/midi, audio/wav,...
    • AUTOSTART, Amb valors true/false indica si volem que comenci reproduint-se o no.
    • PLUGINSPAGE, Per indicar la URL de la pàgina on es pot descarregar l'usuari el plugin en cas que el navegador no sàpigue reproduir el tipus d'arxiu.
    • NAME, que indica un nom per poder referir-nos a l'objecte embed mitjançant javascript.
    • VOLUME, serveix per indicar el volum amb que volem que es reprodueixi. Els valors que accepta van de 0-100, sent per defecte 50 a PC i 75 a Mac.
  • ATRIBUTS DE LA ETIQUETA EMBED QUE FAN REFERÈNCIA A LA CONSOLA
    • HIDDEN, amb valors TRUE/FALSE indica si volem que es vegi o no la consola que li permet a l'usuari regular el volum i la reproducció.
    • WIDTH, que indica en píxels o % l'amplada de l'objecte embebit.
    • ALIGN, que té com a valors top/bottom/center/baseline/left/right/
      texttop/middle/absmiddle/absbotom, a l'igual que la etiqueta IMG.
    • HSPACE, que serveix per indicar un marge horitzontal a banda i banda.



OBJECT

  • La etiqueta OBJECT es va implementar a HTML 4.0 amb la funció de l'anterior però sembla que en Netscape no es va implementar(cosa que haurem de tenir en compte amb les pel·lícules flash, sense anar més lluny) quedant restringit pràcticament a Internet Explorer.

  • La sintàxi de la etiqueta OBJECT és una mica més complexe ja que requereix d'etiquetes PARAM on es defineixen alguns paràmetres de l'objecte que incorporem:
    <object atributo1="valor1" atributo2="valor2" ... atributoN="valorN">
    <param name="nombre" value="valor">
    <param name="nombre" value="valor">

    ...

    </object>

  • ATRIBUTS: A la pàgina web aquesta us ho explica molt bé. Desarrolloweb és una pàgina molt recomenable i que us recomano per que aprengueu bé això.