Inserció de pel·lícules Flash a pàgines web  
 
 
     
  L'objectiu final de tota pel·lícula Flash és la seva publicació i difusió per Internet perquè pugui ser visualitzada o experimentada per diferents usuaris i usuàries que, en el nostre cas, és l'alumnat dels centres. Per això, en aquesta darrera pràctica del curs, aprendreu a integrar els fitxers SWF dins d'una pàgina web per tal de publicar-la posteriorment.  
     
  Els objectius d'aquesta pràctica són:  
     
 
  • Optimitzar la biblioteca agrupant els elements en carpetes i eliminant els elements no utilitzats.
  • Inserir pel·lícules SWF dins de documents HTML per a la seva consulta a Internet.
 
     
Desenvolupament de la pràctica  
   
Seguiu treballant amb la pel·lícula llengues.fla que heu fet a la pràctica anterior.  
     
  Ara ja teniu tots els fotogrames amb el contingut necessari per dotar d'interactivitat la vostra aplicació. Afegiu-hi els scripts corresponents.  
     
   » Situeu-vos en el fotograma 1 de la capa accions.  
     
   »  Obriu el panell Acciones i situeu-vos a l'àrea de treball.  
     
 

 » Inseriu l'script necessari per aturar la pel·lícula. Escriviu: stop();

  
     
 
  • D'aquesta manera, quan s'obri la pel·lícula s'aturarà en el primer fotograma i podreu controlar-la.
 
     
   »  Desbloquegeu la capa Menú.  
     
   »  Seleccioneu el botó Català amb un clic.  
     
 

 » Al panell Acciones, inseriu l'acció necessària per fer que el capçal lector vagi al fotograma 2 quan feu un clic al botó:

  
     
 
on (release) {
  gotoAndStop(2);
}  
 
     
   »  Seleccioneu el botó Castellà amb un clic.  
     
 

 » Inseriu l'acció necessària per fer que el capçal lector vagi al fotograma 3 quan feu un clic al botó:

  
     
 
on (release) {
  gotoAndStop(3);
}  
 
     
   »  Seleccioneu el botó Llengües estrangeres amb un clic.  
     
 

 » Inseriu l'acció necessària per fer que el capçal lector vagi al fotograma 4 quan feu un clic al botó:

  
     
 
on (release) {
  gotoAndStop(4);
}  
 
     
   »  Proveu la pel·lícula amb Ctrl+Retorn.  
     
     
  Optimitzar la Biblioteca  
     
  Depenent del nombre d'enllaços que hàgiu creat, tindreu un nombre major o menor d'elements a la biblioteca.
És molt possible que tingueu botons, gràfics, clips de pel·lícula... que heu utlitzat en algun moment del disseny i després els hàgiu rebutjat perquè no us han agradat o n'heu trobat altres de millors. Aquests elements no els esteu utilitzant, però els teniu a la Biblioteca.		  
     
  En el menú desplegable de la part superior dreta de la Biblioteca hi ha una opció que us permet seleccionar-los i esborrar-los.  
     
   » Obriu la Biblioteca amb Ctrl+L  
     
   »  Obriu el menú desplegable de la part superior dreta de la Biblioteca i seleccioneu l'opció Seleccionar elementos no utilizados. En cas que en tingueu algun, quedarà ressaltat.  
     
   » Esborreu els elements ressaltats prement la tecla Supr o clicant a la paperera de la part inferior de la Biblioteca .  
     
 
  • Ara agrupareu els que us queden per tal que us resulti més còmoda la seva manipulació posterior.
 
     
   »  Creeu una carpeta nova prement sobre la icona i anomeneu-la menú.  
     
   » Arrossegueu els botons Català, Castellà i Llengüa estrangera a sobre de la carpeta menú i deixeu anar.  
     
 
  • Els tres botons han quedat dins la carpeta.
 
     
   »  Creeu tres carpetes més. Una amb el nom Català, una altra amb el nom Castellà i la tercera amb el nom Estrangeres.  
     
   »  Arrossegueu els botons i els gràfics a la seva carpeta corresponent.  
     
  Us ha de quedar, aproximadament, així:  
     
   » Deseu la pel·lícula.  
     
  Integració d'una pel·lícula Flash en un fitxer HTML  
     
  Cada vegada és més normal veure pàgines web que inclouen elements Flash. En aquesta part de la pràctica inserireu una pel·lícula SWF dins d'un fitxer HTM.  
     
 
  • Recordeu que l'objectiu d'aquesta pràctica no és aprendre a utilitzar el Dreamweaver, sinó inserir una pel·lícula SWF dins d'un document HTML. Per això, la pàgina HTML on heu d'inserir la pel·lícula ja la teniu feta dins la carpeta interficie.zip que us heu descarregat a l'ìnici del mòdul.
 
     
   »  Executeu el Dreamweaver i obriu el fitxer inici.htm que és a la carpeta interficie.  
     
  Observeu l'estructura de la pàgina web. Consta de:  
     
 
  • Una taula de 4 files i una columna.
  
     
 
    • A la primera fila hi aniria el menú de navegació de la web. La tercera fila és per distribuir els espais de la pàgina i que es vegi millor. Aquestes files es reconeixen per tenir el fons de la cel·la de color beige, i no cal que hi feu res.
  
     
 
    • A la tercera fila és on heu d'inserir la pel·lícula SWF que heu creat. Es reconeix per tenir el fons de la cel·la de color groc.
 
     
 
  • Al final de la pàgina, normalment, s'hi posen els enllaços a altres pàgines molt consultades. En el cas de les pàgines web de centres i/o personals del professorat, poden ser enllaços a la XTEC, a l'edu365, a la pàgina inicial del vostre centre... Per això teniu una altra taula. En aquest cas està dividida en 4 cel·les, però, evidentment, es pot dividir en el nombre que us vagi millor. També es reconeix per tenir el fons de la cel·la de color groc.
 
     
   »  Situeu-vos a la tercera fila.  
     
   »  Activeu el menú Insertar | Media | Flash, o cliqueu la icona  
     
   »  Seleccioneu el fitxer llengues.swf i cliqueu a Aceptar.  
     
 
  • Ja teniu la pel·lícula inserida. Dreamweaver i Flash s'entenen perfectament i s'encarreguen de posar el codi necessari perquè tot funcioni.
 
 

 » Deseu la pàgina web.

 » Visualitzeu el resultat final en el vostre navegador: premeu F12 o activeu el menú Archivo | Vista previa en el navegador.