You are on page 1of 22

COLEGIUL NATIONAL VLADIMIR STREINU ATESTAT LA INFORMATICA 2008

TEMA: Muzica: Reamonn

ELEV: NITA SIMONA

PROFESOR: STANICA MARIAN

CLASA a XII-a B

CUPRINS

1. Importanta proiectului..2 2. Realizarea proiectului......3 3. Codul sursa...7 4. Bibliografie..20

Importanta proiectului

Prin realizarea acestui proiect am incercat sa combin doua lucruri care imi plac foarte mult: calculatorul si muzica. Trupa preferata este trupa Reamonn de origine germana, iar prin acest site am incercat s-o prezint, sa fac cunoscute melodiile acesteia si cine doreste sa asculte o parte din melodiile trupei. In acest site se aduna cunostntele acumulate la orele de informatica pe parcursul acestor 4 ani.

Realizarea proiectului

Pentru realizarea acestui site am folosit programul Macromedia Dreamweaver, Photo Scape pentru ajustarea imaginilor. Pentru realizarea acestui site am folosit programul Macromedia Dreamweaver 8 urmand urmatorii pasi: Pentru realizarea paginei de inceput am folosit comanda File New- Basic page- Html

Pentru inserarea unui buton: Insert- Media-Flash Button

Pentru inserarea unei imagini: Insert-Imagine

Pentru formatarea textului si a paginii: Page Properties

Butoanele au fost create cu ajutorul Macromedia fiind generate de acesta din baza sa de date.

CODUL SURSA
Codul sursa Reamonn.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Reamonn</title> <style type="text/css"> <!-body,td,th { color: #FFFFFF; font-size: 36px; font-weight: bold; font-style: italic; } body { background-color: #000000; } .style1 {font-size: 16px} --> </style></head> <body> <marquee> Reamonn </embed> <div align="center"></div> </marquee> <p align="center">&nbsp;</p> <p align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="file:///C|/Documents and Settings/Simona/Desktop/Reamonn/reamonn[1].jpg" width="100" height="20"> <param name="BGCOLOR" value="#000000" /> <param name="movie" value="button1.swf" /> <param name="quality" value="high" /> <embed src="button1.swf" width="100" height="20" quality="high" pluginspage="" type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 " width="100" height="20"> <param name="movie" value="button20.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <embed src="button20.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#000000"></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="file:///C|/Documents and Settings/Simona/Desktop/Reamonn/05.jpg" width="100" height="20"> <param name="BGCOLOR" value="#000000" /> <param name="movie" value="button18.swf" /> <param name="quality" value="high" /> <embed src="button18.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="file:///C|/Documents and Settings/Simona/Desktop/Reamonn/Reamonn_15_500_375_Universal.jpg" width="100" height="20"> <param name="BGCOLOR" value="#000000" /> <param name="movie" value="button17.swf" /> <param name="quality" value="high" /> <embed src="button17.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="file:///C|/Documents and Settings/Simona/Desktop/Reamonn/Reamonn14.jpg" width="100" height="20"> <param name="BGCOLOR" value="#000000" /> <param name="movie" value="button2.swf" /> <param name="quality" value="high" /> <embed src="button2.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 " width="100" height="20"> <param name="movie" value="button21.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <embed src="button21.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#000000"></embed> </object> </p> <p> </p> <embed src='http://www.crazyprofile.com/slide_show/ssfd02.swf' width='936' height='374' flashvars='pic=284354&fldr=Nov-2007&race=-23' quality='high' wmode='transparent' align='middle' allowscriptaccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/> </embed><br>

<div><a href='http://www.reamonn.com/' target='_blank'><font face='verdana' size=1></font></a></div></div> </body> </html>

Codul sursa Trupa.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Trupa</title> <style type="text/css"> <!-body,td,th { color: #0000CC; } body { background-color: #000000; background-image: url(wow.jpg); } h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 10px; color: #00CC33; } .style2 {font-size: 18px} .style3 {font-size: 18px; color: #FFFFFF; } --> </style></head> <body> <div align="left"> <div align="center"> <pre><img src="rea.jpg" width="287" height="287" /></pre> <div align="left"> <pre> <img src="philipp.jpg" width="287" height="287" /> <img src="uwe.jpg" width="287" height="287" /></pre> <img src="sebi.jpg" width="287" height="287" align="left" /></div> </div> <div align="right"> <div align="left"> <div align="right"> <div align="justify"> <div align="right"> <pre> <img src="gomez.jpg" width="287" height="287" /> </pre> </div> </div> </div> </div> </div> <div align="center"> <div align="left"></div>

10

</div> </div> <p align="center" class="style3"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 " width="127" height="34"> <param name="movie" value="button25.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#663399" /> <embed src="button25.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="127" height="34" bgcolor="#663399"></embed> </object> </p> <p align="left" class="style3">&nbsp;</p> <p class="style2">&nbsp;</p> </body> </html>

Codul sursa Poze.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Poze Reamonn</title> <style type="text/css"> <!-body,td,th { color: #37B517; } body { background-color: #000033; margin-left: 78px; margin-top: 34px; margin-right: 170px; margin-bottom: 53px; } .style1 { color: #14949A; font-size: 36px; font-family: "Comic Sans MS"; } --> </style></head> <body> <div align="center"> <p align="center" class="style1">Poze </p> <p align="right" class="style1">&nbsp;</p> <p align="left" class="style1"> <a href="poza1a.html"><img src="super.jpg" width="94" height="98" border="0" /></a> <a href="poza2.html"><img src="super1.jpg" width="89" height="99" border="0" /></a> <a href="poza3.html"><img src="super3.jpg" width="93" height="98" border="0" /></a> <a href="poza4.html"><img src="super4.jpg" width="94" 11

height="97" border="0" /></a> <a href="poza5.html"><img src="reamonn.jpg" width="92" height="97" border="0" /></a> </p> <p align="left" class="style1"><a href="poza6.html"><img src="reamonn[1].jpg" width="87" height="96" border="0" /></a> <a href="poza7.html"><img src="reamonn_232.jpg" width="96" height="97" border="0" /></a> <a href="poza8.html"><img src="reamonn-tonight-1-1566.jpg" width="86" height="95" border="0" /></a> <a href="poza9.html"><img src="1.jpg" width="92" height="96" border="0" /></a> <a href="poza10.html"><img src="05.jpg" width="99" height="100" border="0" /></a></p> <p align="left" class="style1"><a href="poza11.html"><img src="CIMG1143reaklein.jpg" width="93" height="99" border="0" /></a> <a href="poza12.html"><img src="reamonn9.jpg" width="90" height="98" border="0" /></a> <a href="poza13.html"><img src="Reamonn12.jpg" width="96" height="107" border="0" /></a> <a href="poza14.html"><img src="Reamonn14.jpg" width="91" height="108" border="0" /></a> <a href="poza15.html"><img src="Reamonn15.jpg" width="91" height="108" border="0" /></a></p> <p align="left" class="style1"><a href="poza16.html"><img src="Reamonn19.jpg" width="99" height="104" border="0" /></a> <a href="poza17.html"><img src="Reamonn20.jpg" width="97" height="105" border="0" /></a> <a href="poza18.html"><img src="Reamonn30.jpg" width="93" height="107" border="0" /></a><a href="poza24.html"><img src="ReamonnP1010455.jpg" width="101" height="106" border="0" /></a><a href="poza23.html"><img src="ReamonnP1010452.jpg" width="98" height="102" border="0" /></a></p> <p align="left" class="style1"><a href="poza19.html"><img src="Reamonn_15_500_375_Universal.jpg" width="95" height="101" border="0" /></a> <a href="poza20.html"><img src="Reamonn_17_303_404_Universal.jpg" width="90" height="101" border="0" /></a> <a href="poza21.html"><img src="reamonn_ray250hoch_250.jpg" width="91" height="96" border="0" /></a> <a href="poza22.html"><img src="reamonn+01.jpg" width="98" height="98" border="0" /></a><a href="poza30.html"><img src="559904186_973a9ef457_o.jpg" width="96" height="109" border="0" /></a></p> <p align="left" class="style1"><a href="poze25.html"><img src="ReamonnP1010456.jpg" width="91" height="109" border="0" /></a> <a href="poza26.html"><img src="ReamonnP1010468.jpg" width="84" height="104" border="0" /></a> <a href="poza27.html"><img src="ReamonnP1010475.jpg" width="100" height="105" border="0" /></a> <a href="poza28.html"><img src="reagarvey.jpg" width="101" height="105" border="0" /></a> <a href="poza29.html"><img src="rea245.jpg" width="100" height="104" border="0" /></a></p> </div> <div align="left"><span class="style1"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version =5,0,0,0" width="100" height="20"> <param name="movie" value="button27.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000033" /> <embed src="button27.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#000033"></embed> </object> </span> </div> </body> 12

</html>

Codul sursaDiscografie.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- DW6 --> <head> <!-- Copyright 2005 Macromedia, Inc. All rights reserved. --> <title>Discografie</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="file:///C|/Program%20Files/Macromedia/Dreamweaver %208/Configuration/BuiltIn/StarterPages/mm_entertainment.css" type="text/css" /> <style type="text/css"> <!-body,td,th { font-family: Comic Sans MS; font-size: 24px; } .style1 {color: #0099FF} a:link { color: #FF9999; } a:hover { color: #6666FF; } .style6 { color: #37B517; font-family: "Comic Sans MS"; font-size: 36px; } --> </style></head> <body bgcolor="#14285f"> <div align="center"></div> <table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF"> <tr bgcolor="02021e"> <td colspan="2" rowspan="2" nowrap="nowrap"><img src="reamonn[1].jpg" width="298" height="272" /></td> <td width="563" height="262" nowrap="nowrap" id="logo" valign="bottom"><div align="right"><span class="style1"><img src="reamonn.jpg" width="250" height="250" /></span></div></td> <td width="97">&nbsp;</td> </tr> <tr bgcolor="02021E"> <td height="74" valign="top" id="tagline"><p class="style6">&nbsp;</p> <p class="style6"> Discografie</p></td> <td width="97">&nbsp;</td> </tr> <tr> <td height="2" colspan="4" bgcolor="#000000"><img src="file:///C|/Program %20Files/Macromedia/Dreamweaver%208/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr>

13

<td height="12" colspan="4"><img src="file:///C|/Program%20Files/Macromedia/Dreamweaver %208/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr> <td colspan="4" bgcolor="#0066CC"><img src="file:///C|/Program %20Files/Macromedia/Dreamweaver%208/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr> <td height="51" colspan="5" id="dateformat">&nbsp;</td> </tr> <tr> <td width="178" valign="top">&nbsp;</td> <td colspan="2" valign="top"><br /> <table border="0" cellspacing="0" cellpadding="2" width="645"> <tr> <td colspan="7" class="subHeader">&nbsp;</td> </tr> <tr> <td width="22%" height="110"><img src="discografie/getimage[o].jpg" width="106" height="103" /></td> <td width="3%">&nbsp;</td> <td width="22%" height="110"><img src="discografie/getImage[1a].jpg" alt="small product photo" width="100" height="100" border="0" /></td> <td width="3%">&nbsp;</td> <td width="22%" height="110"><img src="discografie/getImage[1b].jpg" alt="small product photo" width="100" height="100" border="0" /></td> <td width="3%">&nbsp;</td> <td width="16%" height="110"><p><img src="discografie/getImage[1c].jpg" alt="small product photo" width="100" height="100" border="0" /></p> </td> </tr> <tr> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[1d].jpg" alt="small product photo" width="100" height="100" border="0" /></td> <td>&nbsp;</td> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[1e].jpg" alt="small product photo" width="100" height="97" border="0" /></td> <td>&nbsp;</td> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[2a].jpg" alt="small product photo" width="100" height="100" border="0" /></td> <td>&nbsp;</td> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[2b].jpg" alt="small product photo" width="100" height="100" border="0" /></td> </tr> <tr> <td colspan="7">&nbsp;</td> </tr> <tr> <td height="110"><img src="discografie/getImage[3].jpg" width="100" height="100" /></td> <td>&nbsp;</td>

14

<td height="110"><img src="discografie/getImage[3a].jpg" width="100" height="100" /></td> <td>&nbsp;</td> <td height="110"><img src="discografie/getImage[3b].jpg" width="100" height="86" /></td> <td>&nbsp;</td> <td height="110"><p><img src="discografie/getImage[5].jpg" width="100" height="100" /></p> </td> </tr> <tr> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[5b].jpg" width="100" height="91" /></td> <td>&nbsp;</td> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[6].jpg" width="100" height="100" /></td> <td>&nbsp;</td> <td class="detailText" valign="top" nowrap="nowrap"><img src="discografie/getImage[7].jpg" width="100" height="100" /></td> <td>&nbsp;</td> <td class="detailText" valign="top" nowrap="nowrap"><a href="javascript:;"></a><img src="discografie/getImage[8].jpg" width="100" height="100" /></td> <td width="9%" height="45">&nbsp;</td> </tr> <tr> <td colspan="7"><div align="center"> <p>&nbsp; </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 " width="100" height="20"> <param name="movie" value="button26.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#003366" /> <embed src="button26.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#003366"></embed> </object> </p> </div></td> </tr> </table> </td> <td>&nbsp;</td> </tr> <tr> <td width="178">&nbsp;</td> <td width="140"><div align="center"></div></td> <td width="563">&nbsp;</td> <td width="97">&nbsp;</td> </tr> </table> <br /> </body> </html>

15

Codul sursaVersuri.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Verusri</title> <style type="text/css"> <!-body,td,th { color: #003399; } body { background-image: url(Originals/5.jpg); } .style2 {font-size: x-large} .style5 {color: #FFFFFF} .style6 {color: #0033FF} a:link { color: #003399; } a:visited { color: #003399; } .style7 { color: #FFFFFF; font-weight: bold; font-size: xx-large; } .style10 {color: #FFFFFF; font-weight: bold; } --> </style></head> <body> <div align="left" class="style2"> <pre><em> <span class="style7"> Versuri</span> <span class="style10"> Sky ++ </span> Tuesday</span> <span class="style10">++Beautiful

<span class="style5"> <span class="style6"><a href="7th son.html">1.</a></span></span></em><span class="style6"><a href="7th son.html">7th Son</a> </span> <span class="style5"> <a href="intro.html">1.Intro</a><a href="come and go.html"></a> <a href="supergirl.html">2.Supergirl</a> <a href="beautiful sky.html">2.Beautiful Sky</a><a href="c inside.html"></a> 16

<a href="swim.html">3.Swim </a> <a href="star.html">3.Star</a><a href="serpentine.html"></a> <a href="everytime she goes away.html"></a> <a href="if i go.html">4.If I go</a> down </a><a href="flowers.html"></a> <a href="falling down.html">4.Falling

<a href="josephine.html">5.Josephine</a> <a href="alright.html">5.Alright </a> <a href="she's a bomb.html"></a><a href="la trieste.html"></a> <a href="head in my hands.html">6.Head in my hands</a> <a href="valentine.html">6.Valentine</a><a href="life is a dream.html"></a> <a href="torn.html">7.Torn</a> <a href="strong.html">7.Strong</a> <a href="just another night.html"></a> <a href="new world.html"></a> <a href="stripped.html">8.Stripped</a> <a href="promised land.html">8.Promised Land</a> <a href="starting to live.html"></a> <a href="only when you sleep.html"></a> <a href="waiting there for you.html">9.Waiting there for you</a> <a href="pain.html">9.Pain</a> <a href="l.a. skies"></a><a href="picture of heaven.html"></a> <a href="just a day.html">10.Just a day</a> <a href="angels fly.html">10.Angels Fly</a> <a href="sometimes.html"></a> <a href="sunshine baby.html">11.Sunshine baby</a> <a href="come to me.html"></a> <a href="a little bit of sunshine.html">12. A Little Bit Of Sunshine</a></span> <span class="style5"><a href="out of reach.html"></a></span> <span class="style5"> <a href="the only ones.html"></a></span>

<em><span class="style10"> ++ WISH ++ </em> <span class="style5"> <a href="wish.html">1.Wish</a> and go.html">1.Come And Go</a> <a href="starship.html">2.Starship</a> <a href="serpentine.html">3.Serpentine</a> away.html">3.Every Time She Goes Away</a>

++Dream No.7++

</span>

<a href="come

<a href="c inside.html">2.C Inside</a> <a href="everytime she goes

</span><span class="style5"><a href="promise(you and me).html">4.Promise(you and me)</a> <a href="flowers.html">4.Flowers</a> <a href="she's a bomb.html">5.She's a bomb</a> Trieste</a> <a href="la trieste.html">5.La <a

</span><span class="style5"><a href="tonight.html">6.Tonight</a> href="life is a dream.html">6.Life Is A Dream</a> </span>

17

<span class="style5"><a href="just another night.html">7.Just Another Night</a> href="new world.html">7.New World</a></span> <span class="style5"><a href="starting to live.html">8.Starting to live</a> href="only when you sleep.html">8.Only When You Sleep </a><a href="sometimes.html"><a href="out of reach.html"> </a> <a href="l.a. skies">9.L.A. Skies</a> <a href="picture of heaven.html">9.Picture Of Heaven </a> <a href="sometimes.html">10.Sometimes </a> <a href="come to me.html">11.Comte to Me</a> <a href="out of reach.html">12.Out of Reach</a></span> <span class="style5"><a href="the only ones.html">13.The Only Ones</a></span> <a

<a

</pre> <div align="center"> <pre> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version =5,0,0,0" width="100" height="20"> <param name="BGCOLOR" value="#000000" /> <param name="movie" value="button28.swf" /> <param name="quality" value="high" /> <embed src="button28.swf" width="100" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed> </object> </pre> </div> <pre>&nbsp;

</pre> </div> </body> </html>

Codul sursaEvenimente.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> <!-body { background-color: #006699; 18

} .style1 {font-size: xx-large} .style3 { color: #FFFFFF; font-size: 18px; } .style2 { font-size: 24px; color: #FFFFFF; } --> </style></head> <body> <p>&nbsp;</p> <p align="center" class="style1">EVENIMENTE </p> <p align="center" class="style1"><img src="ZIAR[1].jpg" width="356" height="257"></p> <p align="center" class="style1"><span class="style3">Noua melodie OPEN SKIES a fost aleasa pentru filmul &quot;Der Rote Baron&quot;.</span></p> <p align="center" class="style2">&nbsp;</p> <p align="center" class="style3"> Toti cei cinci membrii ai trupei sunt membrii facebox. </p> <p align="center" class="style3">&nbsp;</p> <p align="center" class="style3">Pe 12.06.2008 concert live laBruxelles. </p> <p align="center" class="style1">&nbsp;</p> <p align="center" class="style1">&nbsp;</p> <p align="left" class="style1">&nbsp;</p> </body> </html>

Codul sursaVideoclipuri.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Videoclipuri</title> <style type="text/css"> <!-body { background-color: #000000; } .style1 { color: #00CCFF; font-size: xx-large; font-family: Geneva, Arial, Helvetica, sans-serif; } body,td,th { color: #00CCFF; font-family: Geneva, Arial, Helvetica, sans-serif; } .style4 {font-size: 30px} a:link { 19

color: #00CCFF; } a:visited { color: #00CCFF; } --> </style></head> <body> <p>&nbsp;</p> <p align="center" class="style1">Videoclipuri</p> <p>&nbsp;</p> <p class="style4"><a href="Reamonn-tonight.html">1. Tonight </a></p> <p class="style4"><a href="reamonn-supergirl.html">2.Supergirl</a></p> <p align="left" class="style4"><a href="Reamonn-set me free.html">3. Set me free</a></p> <p align="left" class="style4"><a href="reamonn-star.html">4.Star</a></p> <p align="left" class="style4"><a href="reamonn-josephine.html">5.Josephine</a></p> <p align="left" class="style4"><a href="reamonn-alright.html">6.Alright</a></p> </body> </html>

20

Bibliografie

www.reamonn.com

http://www.flickr.com/

http://music.yahoo.com/Reamonn/

21

22