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>
<tr> <td rowspan="3">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
</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/i
ndex.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/i
ndex.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/i
ndex.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/i
ndex.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/i
ndex.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/i
ndex.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/i
ndex.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/i
ndex.cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash"
></embed>
</object>
</p>
</div>
</body> </html>

bgcolor="#445673"

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

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

S-ar putea să vă placă și