Sunteți pe pagina 1din 12

Lucrare de atestat

Creator: Bob Camelia Eleva in clasa a-XII-a B CNAM-Dej Profesor indrumator: Hozai Silvia

Dej 2008

1.Cerinte de sistem
- Sistem de operare : Windows 98, NT sau XP cu Internet Explorer 6, sau mozilla firefox 2.0, flash player 8; - Procesor cu frecventa de lucru la cel putin 0.8 GHz; - 128 Mb memorie RAM - Placa video cu minimum 16 Mb memorie video - 100 Mb spatiu liber - Rezolutie monitor de 1024x768 cu adancime de culoare pe 32 biti(minim); - CD-ROM 32X;

2.Alegerea programelor pentru elaborare


-am ales aplicaiile Adobe Photoshop CS 2.0 (pentru editarea imaginilor), Macromedia Dreamweaver 8 (pentru o modificare usoara a codului html) deoarece conin structuri ce pot fi modificate cu uurin i deoarece ofer i posibilitatea publicrii pe un Web Site gazd.

3.Proiectarea
n faza de proiectare, am ales paginile ce vor fi incluse, fotografiile, au fost elaborate prile scrise. Toate elementele au fost grupate n directorul My Web, n locaiile specifice.

4.Elaborarea
- Cu ajutorul aplicaiei alese, s-au creat paginile necesare i au fost incluse elementele de text, imagine i design.

- Dup elaborarea fiecrei n parte, s-a verificat viteza de ncrcare n browser, efectundu-se modificrile necesare astfel nct s nu se depeasc o limit rezonabil. - De asemenea, s-a verificat ca dimensiunile paginilor s fie, pe ct posibil, cele ale ecranului monitorului sau s nu necesite o derulare prea ndelungat.

5.Introducere in HTML
HTML este limbajul folosit pentru a structura informatia in documentele World Wide Web. Numele sau reprezinta initialele urmatoarelor cuvinte in limba engleza: Hyper Text Markup Language. Limbajul Html este compus din instructiuni de afisare care vor fi folosite de catre browser pentru a determina cum anume sa afiseze informatia utila din document.

5.1 Editarea si vizualizarea unei pagini web


Un document HTML implementeaza o pagina web. Documentele HTML sunt simple fisiere text ceea ce permite ca editarea lor sa fie posibila prin folosirea oricarui editor de texte. In prezent exista o serie de editoare specializate pentru editarea paginilor HTML. Acestea permit realizarea de documente HTML rapid si usor doar prin apasarea a catorva butoane fara ca utilizatorul sa aiba cunostinte de HTML. Aceasta facilitate este foarte buna pentru utilizatorii incepatori, insa este foarte inportanta cunoasterea temeinica si intelegerea limbajului, deoarece dezavantajul principal al acestor unelte este ca genereaza adesea cod redundant si uneori incorect. In aceste cazuri fiind necesara interventia directa in codul generat pentru a corecta aceste neajunsuri. Exemple de astfel de editoare: Microsoft FrontPage, Macromedia, DreamWeaver, Eclipse si Bluefish etc. In acest modul se va folosi editorul de text standard care este livrat cu sistemul de operare Windows: NotePad.

5.2Tabele de forme oarecare


Un tabel trebuie privit ca o retea dreptunghiulara de celule.Cu ajutorul a doua atribute ale etichetelor <td> si <th>, o celula se poate extinde peste celule vecine. Astfel:

extinderea unei celule peste celulele din dreapta ei se face cu ajutorul atributului colspan, a carui valoare determina numarul de celule care se unifica. extinderea unei celule peste celulele dedesubt se face cu ajutorul atributului rowspan, a carui valoare determina numarul de celule care se unifica.

Sunt posibile extinderi simultane ale unei celule pe orizontala si pe verticala. In acest caz , in etichetele <td> si <th> vor fi prezente ambele atribute colspan si rowspan. <html> <head><title>tabelex_13</title></head> <body><h1 align=center>Un tabel simplu cu chenar</h1><hr>
<table border>

cell 11<br>cell 21<br>cell 31 <td>cell 12<td colspan="2" rowspan="3">cell 13 ,cell 14<br>cell 23, cell 24<br>cell 33, cell 34 <tr> <td>cell 22 <tr> <td>cell 32 <tr> <td>cell 41 <td colspan="3">cell 42,cell 43,cell 44
<tr> <td rowspan="3"> </table> </body> </html>

6.Codul surs al paginii principale (Prima pagina.html)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-.style2 {font-size: 36px} .style6 { font-size: 40px; font-weight: bold; color: #408EA8; font-family: Arial, Helvetica, sans-serif; } .style7 {font-size: 18px} .style9 {font-size: 18px; color: #FFFFFF; } .style10 {color: #FFFFFF} --> </style></head> <body background="imagini/Gunnm,_Last_Order,_Anime.jpg""> <div align="center" class="style2"> <p align="left" class="style6">ANIME <p align="left" class="style2">&nbsp;</p>

<p align="left"><span class="style9">De la primul desen pana astazi... </span> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="BGCOLOR" value="#373760" /> <param name="movie" value="button2.swf" /> <param name="quality" value="high" /> <embed src="button2.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#373760" ></embed> </object> </p> <p align="left"><span class="style9">Galerie foto </span> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button1.swf" /> <param name="quality" value="high" /><param name="BGCOLOR" value="#1E1E35" /> <embed src="button1.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#1E1E35" ></embed> </object> </p> <p align="left"><span class="style9">Galerie video

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button3.swf" /> <param name="quality" value="high" /> <param name="BGCOLOR" value="#1E1E35" /> <embed src="button3.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#1E1E35" ></embed> </object> </span></p> <p align="left"><span class="style9">Seriale: Inuyasha</span><span class="style7"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button4.swf" /> <param name="quality" value="high" /> <param name="BGCOLOR" value="#383865" /> <embed src="button4.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#383865" ></embed> </object> </span></p> <p align="left" class="style7">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style10">&nbsp;Yuyu Hakusho</span>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button5.swf" /> <param name="quality" value="high" /><param name="BGCOLOR" value="#2F344F" /> <embed src="button5.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#2F344F" ></embed> </object> </p> <p align="left" class="style7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;<span class="style10">&nbsp;&nbsp;Full metal panic </span> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button6.swf" /> <param name="quality" value="high" /> <param name="BGCOLOR" value="#383865" /> <embed src="button6.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#383865" ></embed> </object> </p>

<p align="left" class="style7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;<span class="style10">&nbsp; Naruto</span> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button7.swf" /> <param name="quality" value="high" /><param name="BGCOLOR" value="#445673" /> <embed src="button7.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#445673" ></embed> </object> </p> <p align="left" class="style7"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;<span class="style9">Kiddy Grade </span> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=5,0,0,0" width="103" height="24"> <param name="movie" value="button8.swf" /> <param name="quality" value="high" /><param name="BGCOLOR" value="#445673" /> <embed src="button8.swf" width="103" height="24" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#445673" ></embed> </object>

</p> </div> </body> </html>

7.Bibliografie

site-ul www.wikipedia.org 2. site-ul www.animewallpapers.com 3. site-ul www.youtube.com


1.

8.Cuprins:

1.Cerinte de sistem 2.Alegerea programelor pentru elaborare 3.Proiectarea 4.Elaborarea 5.Introducere in HTML 5.1 Editarea si vizualizarea unei pagini Web 5.2 Tabele de forme oarecare 6.Codul sursa al paginii principale (Prima pagina.html) 7.Bibliografie 8. Cuprins