Incorporació del text extern al web
 
 
     
  Objectius pràctica 2  
     
 
  • Organització dels arxius i components del web
 
 
  • Creació del text extern.
 
 
  • Etiquetes HTML suportades per Flash Player 7
 
 
  • Incorporació del text a les pàgines del web
 
 
  • Pràctica complementaria
 
 
    • Treball amb un full d'estils CSS extern
 
     

 

Estructura de carpetes  
   
Creeu una altre carpeta amb el nom text. Dins la carpeta text tindreu l'arxiu les_meves_variables.txt. Recordeu que dins la carpeta imatges estaran cadascuna de les imatges que es carregaran a cada pàgina del web.
 
     
 
 
  Estructura dels quadres de text dinàmic  
     
  Obriu l'arxiu fla de la pràctica anterior on ja teniu posats els quadres de text dinàmics on anirà a parar el text de cada pàgina del web.  
     
 
Els quadres de text de les vuit pàgines tindran nom de instància i les seves característiques les podeu veure a la següent imatge:
 
     
   
     
  A la capa text_variable tindreu vuit quadres de text dinàmic:  
     
 

pagina1_txt | pagina2_txt | pagina3_txt | pagina4_txt | pagina5_txt | pagina6_txt | pagina7_txt | pagina8_txt

 
     
  A la capa text_repetit tindreu dos quadres de text dinàmic:  
     
 

nom_txt | curs_txt

 
     
   Creació de l'arxiu de text  
     
 

Obriu el bloc de notes per crear l'arxiu de text que contindrà la informació del web. És recomanable fer servir l'opció ajuste de línea. Anomeneu-li les_meves_variables.txt. El seu contingut tindrà la següent estructura:

 
     
  pagina1=
&pagina2=
&pagina3=
&pagina4=
&pagina5=
&pagina6=
&pagina7=
&pagina8=
&nom=
&curs=
 
     
  Fixeu-vos que l'arxiu de text és un conjunt de parelles nomVariable= valor d'aquesta variable. El símbol & és obligatori per poder agafar totes les variables.  
     
 
 
     
  Tingueu en compte que no podeu deixar cap espai en blanc abans del signe = . Fixeu-vos a més a més que heu d'intercalar etiquetes HTML per crear efectes en el text (negreta, enllaç, etc ). De totes maneres, no és obligatori. Més endavant trobareu explicades les etiquetes HTML que es poden fer servir amb el Flash MX 2004.  
     
  Aquí teniu l' exemple de com pot ser ser el fitxer les_meves_variables.txt.  
     
  pagina1= <b>La roca del Puigdalí (1)</b>
En una època molt llunyana, es creia que en una roca que hi havia al Puigdalí existia un gran tresor. Fins que un dia, tres joves decidits es disposaren a esbrinar-ho.Se n’anaren cap el lloc amb les eines adients per a burjar fins que sortís a la llum el tresor que ambicionaven, i tant i tant van picar, que la roca començà a esberlar-se per fer pas als minyons.
El que anava tot primer, ben segur que va veure aleshores quelcom esgarrifós, ja que cridà espaordit : «Valga’m Déu». Acabat de dir-ho, i sentint-se un tro esfereïdor, tot va ésser qüestió de segons. Al mateix temps tots tres joves sortiren projectats pels aires fins que aterraren a les muntanyes veïnes.
<p><i><b><a href="http://www.xtec.es/serveis/crp/b7990112/llegend/amer2.htm"target="_
blank">Llegendes de la Selva</a></b></i></p> <p><i><b><a href="createtextfield_text_extern.swf"target="_
blank">Exercici fet</a></b></i></p>

&pagina2= <b>L’ogre del castell d'Estela (2)</b>
A l’antic castell d’Estela, ja desaparegut, hi habitava un ogre que tenia ben esverada la comarca. Quan sortia de la fortalesa, tothom anava cuitat per amagar la mainada, perquè l’ogre ferotge embadocava els infants, se’ls enduia al castell i se’ls menjava de viu en viu.
Sembla que aquesta fera tenia una minyona la qual, quan ell no sortia, feia anar a cercar una criatura, i l’obligava a coure-la, doncs si li mancava aquest plat de carn humana tendra era capaç de fer-ne de més grosses, encara.
Ningú no sap quina fi va tenir aquesta bèstia, però el més segur és que morís d’una fartanera.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/amer1.htm" target="_blank">Llegendes de la Selva</a>

&pagina3= <b>La vall dels àngels (3)</b>
Es veu que durant l'època de la Marca Hispànica, el propi Carlemany, amb el seu seguici, va realitzar una inspecció de tot el territori que es trobava sota el seu domini.
En arribar a la vall del Ter pujà a la muntanya del Puig de Frou; i en veure als seus peus la confluència de les valls de la riera d'Osor, del Ter i del Brugent quedà meravellat per la seva bellesa; tant, que exclamà:
- Sembla la Vall dels Àngels!
D'aquesta manera fou batejada la vall d'Anglès. L'actual nom -Anglès- no és més que una derivació de l'original -Àngels-
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/angles1.htm" target="_blank">Llegendes de la Selva</a>

&pagina4= <b>Donya Guillermina (4)</b>
Conten els vells que, fa molts anys, tempestes furioses assolaven els camps d’aquestes contrades, i s’esfondraven humils cabanes. Aquests terrabastalls s’atribuïen a Donya Guillermina, dama il·lustre però gran pecadora, condemnada a viure entre el runam del castell de Montsoriu. Durant molt de temps, ningú no gosava de pujar-hi, ja que els esperits infernals defensaven la solitud de l’ànima en pena, i no hi havia valent que s’arribés en el cim de la muntanya. Esfereïdors bruels de bous, cants tètrics de galls, bels d’ovelles i bramuls d’altres animals es confonien amb la cridòria terrorífica de les bruixes i d’ànimes en pena tan punt arribava el capvespre. A més, les boires s’escampaven arreu i envoltaven el castell que assolia, aleshores, un aspecte misteriós i espaventable.
La gent de la contrada ja no sabia que fer. La seva vida esdevenia un seguit de desgràcies causades pels mals esperits de Montsoriu, fins que determinaren de fer quelcom per acabar amb aquell malviure.
Arribada la nit que finia el termini, es deixà sentir a la banda del castell un baladreig esglaiador, ensems que negres núvols es bellugaven pel damunt de Montsoriu, sense que aquesta vegada descarregués la tempesta. Era el moment que Donya Guillermina, obeint l'ordre del bisbe, es precipitava seguida dels seus seguidors a les profunditats de l'abisme, on romandrien eternament.
No gaire lluny del castell, hi ha una roca anomenada «Donya Guillermina». En ella, diu la llegenda, hi posà el peu la dama per donar-se impuls i llançar-se a l'espai. Però deixà per sempre més marcada a la roca la seva petja.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/arbuci2.htm" target="_blank">Llegendes de la Selva</a>

&pagina5= <b>L’hereu Riera (5)</b>
Diu que «L’Hereu Riera», un jove ric i ben plantat , mentre es trobava ballant per les festes de Sant Maurici, li digueren que la seva promesa s’estava morint. Aleshores, el xicot anà a més córrer cap a casa la xicota i, en veure-la tan extenuada, demanà de tot cor al Sant Crist que hi havia a la capçalera del llit, que li atorgués el do del seu guariment. Diu que la donzella sanà i que l’Hereu Riera, foll d’alegria, despenjà la imatge, la col·locà a terra i es posà a ballar saltant damunt la creu bo i tenir cura de no trepitjar-la. Això donà lloc als típics passos de la Dansa de l’Hereu Riera.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/caldes2.htm" target="_blank">Llegendes de la Selva</a>

&pagina6= <b>La dama roja (6)</b>
La nit de Sant Joan, tan bon punt toquen les primeres batallades de la mitjanit, una dama mig nua apareix dalt de la torre més alta del castell de Montsoriu, anomenada de l'Heura. Els seus formosos cabells lliures li suren per damunt de les espatlles i el front alterós rep la frescor de la nit. És la Dama Roja del castell.
A la mà esquerra porta una llàntia encesa que il·lumina el rostre pàl·lid i a la dreta, els seus dits envolten un corn de caça que aplica als seus llavis, deixant escoltar tres perllongats tocs que s'escampen per la suau fressa de la nit. Des del coll de Castellar es deixa sentir responent el darrer toc, un altre corn de caça, a la recerca del responsable dels primers. En poca estona, apareix un cavaller vestit de nit, amb un cavall negre, que en arribar a la torre, pren a la Dama Roja del castell de Montsoriu, per muntar-la a la gropa i marxar al galop desapareixent en la doble foscor de la nit i de les boscuries.
Diuen que aquesta escena es repeteix cada any, la nit de Sant Joan.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/arbuci5.htm" target="_blank">Llegendes de la Selva</a>

&pagina7= <b>El pelegrí de Tossa (7)</b>
Fa uns cinc-cents anys, Tossa de Mar era un poblet petit i tranquil. Estava envoltat de muntanyes per tots costats menys per la part del mar.
Molt poques vegades la gent de Tossa viatjava a d'altres pobles doncs no hi havia carreteres i el camí s'havia de fer per la muntanya o bé pel mar, i era molt llarg i pesat.
Un dia, va arribar a la platja un vaixell molt gros que venia d'un país molt llunyà. Per tal de poder descansar uns dies, els mariners van baixar a terra i van instal·lar-se en unes habitacions que el senyor del castell els va cedir.
Un dels mariners que estava malalt i tenia molta febre va morir el dia següent. De mica en mica d'altres mariners i alguna gent del poble van anar-se posant malalts i tots es morien al cap de pocs dies. Una epidèmia de pesta, malaltia molt perillosa i mortal en aquell temps, havia arribat d'aquesta manera al poble.
Una dona que va decidir fugir del poble per por a la malaltia, en arribar al mas de can Serra es va trobar amb un jove que li va recomanar que tornés a Tossa i comuniqués a les autoritats que demanessin ajut a Sant Sebastià i que resessin a la imatge del sant que tenien arraconada a l'església.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/coloma3.htm" target="_blank">Llegendes de la Selva</a>

&pagina8= <b>El turó del mal sopar (8)</b>
Encalçat per les tropes i malfiat per por a una possible delació, en Serrallonga, acompanyat de la seva amiga Joana Massissa, es va amagar en un turó, proper a l'església parroquial de Querós, avui un illot del pantà de Susqueda.
Allà, en Serrallonga es va barallar, per alguna raó desconeguda, amb elements de la seva quadrilla que van aparèixer sobtadament mentre ells i la dona sopaven.
Amb això era imminent l'arribada dels soldats del lloctinent Duc de Cardona, que l'encalçava.
Conta la memòria popular que Serrallonga va arreplegar fortament per la cintura la seva companya, va agafar embranzida i, ajudant-se del brancam, va fer un bot i va saltar a l'altra banda del braç del riu Ter.
S'escapolí pels pèls dels uns i dels altres.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/osor2.htm" target="_blank">Llegendes de la Selva</a>


&nom= <b>IES Germans Marx </b>

&curs=<b>Juliol 2005</b>

 
     
  Etiquetes HTML suportades pel Flash MX 2004  
     
 
En aquesta nova versió s'ha ampliat el nombre d'etiquetes HTML disponibles. Una nova etiqueta molt important és <img> que us permetrà incorporar en un quadre de text dinàmic una imatge externa (GIF o JPG sense compressió progressiva) o una pel·lícula SWF o movie clips.

Podreu controlar el marge entre la imatge que carregueu i el text que l'envoltarà fent servir CSS. Més endavant tindreu una pràctica complementaria per aprendre l'ús de CSS i Flash.

Aquesta és una llista de les etiquetes que podreu fer servir:
 
     
  Anchor <a> Es fa servir per crear hipervincles. Admet href per indicar el URL i target per especificar la finestra de destí a la qual es descarregarà la URL.
Exemple:
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/coloma3.htm" target="_blank">Llegendes de la Selva</a>

target obre una nova finestra del navegador amb l'enllaç.
 
       
  Negreta <b>
Per posar en negreta una part del text.
Exemple:
<b>La dama roja (6)</b>
 
       
  Salt de línia<br>
Per inserir una línia en el bloc de text sense generar un nou bloc de paràgraf després de la frase en negreta.
Exemple:
<b>La dama roja (6)</b><br>La nit de Sant Joan, tan bon punt..
 
       
  Font <font>
Serveix per definir una font o llista de fonts. Es pot fer servir color en hexadecimal i size per especificar el tamany.
Exemple:
<font "Arial, Helvetica, sans-serif", color="#666666", size="12">Texto</font>
 
       
  Imatge <img> Permet inserir arxius GIF, JPG (sense compressió progressiva), arxius SWF i movie clips en un quadre de text dinàmic. Admet els següents paràmetres:
 
  • src (source/origen): És l'únic atribut obligatori. Es fa servir per indicar l'URL de la qual es descarregarà la imatge/pel·lícula o el nombre del movie clip en la llibreria.
 
  • width (ample)
 
 
  • height (alt)
 
 
  • aling (alineació). Per l'alineació solament es por especificar left (esquerra) i right (dreta). El valor per defecte és left
 
 
  • hspace (espaciat horitzontal). Permet controlar l'espai que separarà esquerra/dreta entre el text i la imatge.
 
 
  • vspace (espaciat vertical). Permet controlar l'espai dalt/baix entre el text i la imatge.
 
  Exemple:
<imag src:"foto.gif" >
     
  Cursiva <i> Per convertir text en cursiva.
Exemple:

<i>La dama roja (6)</i>
     
  Item de llista <li> Aquesta etiqueta genera un cercle al davant de la frase.
Exemple:
<li>La dama roja </li>
     
  Paràgraf <p> Crea un nou paràgraf. Suporta els següents atributs:
 
  • aling ( alineació): Els valors són left (esquerra), right (dreta) i center (centre).
    Exemple:
    <p align="right">La dama roja </p> : En aquest cas el paràgraf quedarà alineat a la dreta.
 
  • class(classe): Serveix per especificar la classe de l'estil CSS. Sortirà a la pràctica complementaria.
    Exemple:
    <p class="titol">La vall dels àngels (3)</p>
   
  Span <span> Està disponible per fer-se servir amb CSS i suporta l'atribut class de la mateixa manera que <p>. Es fa servir molt poc.
Exemple:
<span class="titol">La vall dels àngels (3)</span>
     
  Subrayat <u> Per subratllar una paraula o una frase.
Exemple:
<u>La dama roja (6)</u>
   
  Podeu fer proves amb aquestes etiquetes en el vostre arxiu txt.
 
  Incorporació del text al web  
   
Afegiu al primer fotograma clau de la capa accions el següent codi que està en negreta.  
   
  //per no tenir cap problema amb el signes d'accentuació
System.useCodepage = true;
////////////////////////////////////////////////////////////////
//Creem un objecte per carregar les imatges anomenat carrega_imatges
carrega_imatges = new MovieClipLoader();
carrega_imatges.loadClip("imatges/pagina1.jpg", "contenidor_mc");
//////////////////////////////////////////////////////////////////////////////
/* creem un nou objecte
carrega_textos que carregarà les variables de l'arxiu extern les_meves_variables.txt */
carrega_textos = new LoadVars();
//carregem les variables de l'arxiu de text
extern dins de l'objecte creat abans
carrega_textos.load("text/les_meves_variables.txt");
/*creem una funció que formatejarà els camps de text dinàmics */
carrega_textos.onLoad = function() {

/*el quadre de text tindrà contorn i serà de color "0xcccccc".
Podreu canviar el color del contorn perquè el quadre de text té nom de instància i, per tant, tindrà les propietats de qualsevol instància*/
pagina1_txt.border = true;
pagina1_txt.borderColor = "0xcccccc";


/*Treballar amb instàncies de quadres de text sempre us donarà moltes més possibilitats que si no feu servir. Per exemple, amb el següent script podríeu posar el quadre de text amb un fons de color. Amb la pràctica hi trobareu moltes més possibilitats
pagina1_txt.background = true;
pagina1_txt.backgroundColor = "0xcccccc"; */

//a la pàgina 1 apareixerà el text corresponent a la variable pagina1
pagina1_txt.htmlText = carrega_textos.pagina1;
/*al quadre de text nom_txt posareu el valor de la variable nom*/
nom_txt.htmlText = carrega_textos.nom;
/*al quadre de text curs_txt posareu el valor de la variable curs*/
curs_txt.htmlText = carrega_textos.curs;
};
 
     
  Programació al fotograma amb l'etiqueta pagina2 (fotograma 8)  
     
  carrega_imatges.loadClip("imatges/pagina2.jpg", "contenidor_mc");
//////////////////////////////////////////////
pagina2_txt.border = true;
pagina2_txt.borderColor = "0xcccccc";
pagina2_txt.htmlText = carrega_textos.pagina2;
 
     
  Programació al fotograma amb l'etiqueta pagina3 (fotograma 16)  
     
  carrega_imatges.loadClip("imatges/pagina3.jpg", "contenidor_mc");
//////////////////////////////////////////////////
pagina3_txt.border = true;
pagina3_txt.borderColor = "0xcccccc";
pagina3_txt.htmlText = carrega_textos.pagina3;
 
     
  Podeu completar el codi dels següents fotogrames clau fins la pàgina vuit.  
     
  Enregistreu el resultat amb el nom nonusuari_web_p2.fla.

El resultat ha de tenir la següent aparença:
 
 
     
  Pràctica complementaria. Càrrega de CSS externs  
     
  Què és CSS  
     
 
CSS són les sigles de Cascade Style Sheets (fulls d'estil en cascada). És una tecnología desenvolupada per separar, en un document web, la seva aparença del seu contingut.
 
     
  Estructura de carpetes  
     
Creeu una carpeta més i anomeneu-la estils_css. Dins la carpeta estils_css posareu l'arxiu CSS que anomenareu full_estils.css.  
   
 
 
     
  Creació del full d' estils  
     
 

Obriu el Dreamweaver o qualsevol altre editor. Creeu el fitxer anomenat full_estils.css i deseu-lo dins la carpeta anomenada estils_css. Aquest arxiu css

Si voleu més informació sobre la creació de arxius CSS ho podeu consultar al curs pàgines web avançades amb Dreamweaver. El contingut de l'arxiu de l' exemple és el següent i el podeu descarregar full_estils.css

 
     
  estil_web {
font-family:Arial;
font-size:12px;
color: #666666;
}
//color de l'hipervincle i indicació de que no sigui subrayat
a:link {
color: #283E09;
text-decoration: none;
}
//format de l'hipervincle en ser assenyalat. Canviarà el seu color i estarà subrayat
a:hover {
color: #993366;
text-decoration: underline;
}
//classe (class) anomenat titol. Serà negreta i un color diferent al text normal.
.titol {
font-weight: bold;
color: #283E09;
}
/*classe (class) nomenada centrat. Serà negreta i del mateix color que la classe titol */
.centrat {
font-weight: bold;
color: #283E09;
text-align: center;
}
 
     
  Aquest full d'estils és molt simple. Amb la pràctica es pot sofisticar molt més. És important dominar aquesta eina de productivitat.  
     
  Observeu que les classes porten un punt al davant
.titol
.centrat
 
     
  Creació del arxiu de text  
     
 

Obriu el bloc de notes per crear un arxiu txt que posarem a una carpeta que anomenareu text.

L'arxiu txt l'anomenareu les_meves_variables_css.txt, el posareu a la carpeta text i el seu contingut serà semblant al següent:

 
     
  pagina1= <p class="titol">La roca del Puigdalí (1)</p><br>En una època molt llunyana, es creia que en una roca que hi havia al Puigdalí existia ungran tresor. Fins que un dia, tres joves decidits es disposaren a esbrinar-ho.Se n’anaren cap el lloc amb les eines adients per a burjar fins que sortís a la llum el tresor que ambicionaven, i tant i tant van picar, que la roca començà a esberlar-se per fer pas als minyons.
El que anava tot primer, ben segur que va veure aleshores quelcom esgarrifós, ja que cridà espaordit : «Valga’m Déu». Acabat de dir-ho, i sentint-se un tro esfereïdor, tot va ésser qüestió de segons. Al mateix temps tots tres joves sortiren projectats pels aires fins que aterraren a les muntanyes veïnes.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/amer2.htm"target="_
blank">Llegendes de la Selva</a>

&pagina2= <p class="titol">L’ogre del castell d'Estela (2)</p><br>A l’antic castell d’Estela, ja desaparegut, hi habitava un ogre que tenia ben esverada la comarca. Quan sortia de la fortalesa, tothom anava cuitat per amagar la mainada, perquè l’ogre ferotge embadocava els infants, se’ls enduia al castell i se’ls menjava de viu en viu.
Sembla que aquesta fera tenia una minyona la qual, quan ell no sortia, feia anar a cercar una criatura, i l’obligava a coure-la, doncs si li mancava aquest plat de carn humana tendra era capaç de fer-ne de més grosses, encara.
Ningú no sap quina fi va tenir aquesta bèstia, però el més segur és que morís d’una fartanera.
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/amer1.htm" target="_blank">Llegendes de la Selva</a>

&pagina3= <p class="titol">La vall dels àngels (3)</p><br>Es veu que durant l'època de la Marca Hispànica, el propi Carlemany, amb el seu seguici, va realitzar una inspecció de tot el territori que es trobava sota el seu domini.
En arribar a la vall del Ter pujà a la muntanya del Puig de Frou; i en veure als seus peus la confluència de les valls de la riera d'Osor, del Ter i del Brugent quedà meravellat per la seva bellesa; tant, que exclamà:
- Sembla la Vall dels Àngels!
D'aquesta manera fou batejada la vall d'Anglès. L'actual nom -Anglès- no és més que una derivació de l'original -Àngels-
<a href="http://www.xtec.es/serveis/crp/b7990112/llegend/angles1.htm" target="_blank">Llegendes de la Selva</a>
....................................
&nom= <p class="centrat">IES Germans Marc </p>
&curs= <p class="centrat">Juliol 2005</p>
 
     
  Observeu la manera con en es fa servir una classe, per exemple a classe .titol
 
  <p class="titol">La roca del Puigdalí (1)</p><br>  
  class="titol" ha de ser dins d'una etiqueta paràgraf <p>. Fixeu-vos que no es posa el punt del davant.  
     
  De la mateixa manera cridareu a la classe .centrat per centrar el text  
  <p class="centrat">IES Germans Marc </p>  
     
     
  Incorporació del text i del full d'estils  

   
Poseu al primer fotograma clau de la capa accions el següent codi. Teniu en negreta el codi nou.  
   

System.useCodepage = true;
/* col·loquem el full d' estils a una instància de l'objecte TextField.StyleSheet();
. Aquesta instància l'anomenareu carrega_estils*/
carrega_estils = new TextField.StyleSheet();
/*posem a la instància carrega_estils el full d'estils full_estils.css de la carpeta estils_css*/
carrega_estils.load("estils_css/full_estils.css");
// creem un nou objecte LoadVars() que contindrà les variables txt
carrega_textos = new LoadVars();
//agafem l'arxiu les_meves_variables_css.txt que conté les variables de text
carrega_textos.load("text/les_meves_variables_css.txt");
// inserim el text a la pàgina1 aplicant-li els estils del full d'estils
carrega_textos.onLoad = function() {
//associem el full d' estils al camp de text pagina1_txt
pagina1_txt.styleSheet = carrega_estils;
// assignem el color del contorn del quadre de text
pagina1_txt.border = true;
pagina1_txt.borderColor = "0xcccccc";
//apliquem el full d' estils al quadre de text pagina1_txt de la pàgina1
pagina1_txt.htmlText = "<estil_web>"+carrega_textos.pagina1+"</estil_web>";
//associem el full d' estils al camp de text nom_txt
nom_txt.styleSheet = carrega_estils;
//apliquem el full d'estils i el text al quadre de text nom_txt
nom_txt.htmlText = "<estil_web>"+carrega_textos.nom+"</estil_web>";
//farem el mateix amb el camp curs_txt
curs_txt.styleSheet = carrega_estils;
curs_txt.htmlText = "<estil_web>"+carrega_textos.curs+"</estil_web>";
};

 
 
   
  Poseu al fotograma clau de la capa accions de la pàgina 2 el següent codi  
     
pagina2_txt.styleSheet = carrega_estils;
pagina2_txt.border = true;
pagina2_txt.borderColor = "0xcccccc";
pagina2_txt.htmlText = "<estil_web>"+carrega_textos.pagina2+"</estil_web>";

 
 

 

 
  Al fotograma corresponen a la pàgina 3 hi posareu  
     
  pagina3_txt.styleSheet = my_ss;
pagina3_txt.border = true;
pagina3_txt.borderColor = "0xcccccc";
pagina3_txt.htmlText = "<estil_web>"+my_lv.pagina3+"</estil_web>";
 
     
 
Feu el mateix amb la resta de pàgines
 
     
  Al final us ha de quedar una web com la que surt a la figura  
     
 
     
  Enregistreu el resultat amb el nom nonusuari_web_p2_complementaria.fla.  
     
  L'aparença és la mateixa que sense CSS però, amb la pràctica, comprovareu l'utilitat de saber fer servir CSS. Simplement canviant el CSS es canviarà el format de tot un web.