Exemplu Documentatie

Colegiul Naţional de Informatică
“Grigore Moisil” Braşov
Lucrare pentru atestarea competenţelor

profesionale
Profesor indrumător : Crăciun Alexandra
Elev : Agreşeanu Vlad – Ştefan

Clasa : a XII-a C
Mai 2009
Cuprins
Motivaţia alegerii temei si utilitatea aplicaţiei
2
Motivul alegerii acestei teme a fost pasiunea pentru aviaţie ,
respectul pentru cei care şi-au dedicat viaţa si au contribuit la
dezvoltarea acestui domeniu.
Această lucrare se adreseaza tatălui meu care a fost unul din
OAMENII ce şi-au închinat viaţa Aviaţiei Române .
Aplicaţia este utilă tuturor utilizatorilor internetului pentru a se

informa asupra ISTORIEI AVIAŢIEI ROMÂNE. Aplicaţia prezintă o scurtă
istorie a celor mai renumiţi inventatori ai aviaţiei române .
Aplicaţia prezintă urmatoarele opţiuni :
- Scurt istoric :
• Traian Vuia
• Aurel Vlaicu
• Henri Coandă
- Imagini :
• Avioane
• Schiţe
• Inventatori
3
Structura aplicaţiei
Organizare :
Home
Contact
Istorie Galerie
Istorie Aurel Istorie Henri

Istorie Traian
Vlaicu Coandă
Vuia
Date biografice Date biografice
Date biografice
Viaţa de Viaţa de Traian Vuia Aurel Vlaicu Henri Coandă
Viaţa de
inventator inventator
inventator
Detalii tehnice de accesare
4
Meniului programului cuprinde patru opţiuni : “ Meniu “ , “
Galerie “ , “ Istorie “ , “ Contact “ .
Alegerea opţiunii MENIU deschide pagina principală a site-ului
şi cuprinde toate adresele către paginile site-ului .
La alegerea opţiunii GALERIE se deschide un set de adrese către

toate prezentările photo din pagină . La apăsarea unei adrese , este
deschis , cu ajutorul efectului pop-up , câte un slide-show de poze .
La alegerea opţiunii ISTORIE se deschide un submeniu cu

adrese către cei trei inventatori cuprinşi in proiect . Fiecare inventator
are o scurtă prezentare a inovaţiei ( 2 – 3 pagini ).
La alegerea opţiunii CONTACT este deshisă o pagină prin

intermediul căreia se pot lăsa opinii despre acest site si poate fi
contactată persoana administratoare care se ocupă de proiect .
5
Acest proiect are o interfaţa uşor de utilizat , cu un aspect
plăcut , culorile folosite in nuanţe calde , care nu agasează
utilizatorul . Site-ul cuprinde adrese uşor de gasit , adrese care fac
legătura între toate informaţiile oferite .
Codul sursă
1. Meniu :
<head>
<title>Istoria Aviatiei - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

</style>

</head>
// Alegerea culorii de background ,a fontului si introducerea textului in

cuprinsul layout-ului
9
<body style="background-color:#FFFFFF;">
<div class="style3" id="apDiv1">
<p class="style4"> Dorinta omului de a zbura cred ca s-a manifestat
odata cu propria sa aparitie dar nu s-a fructificat decat dupa mii de ani. Izvoarele
documentare scrise si orale cuprind multe date si imagini referitoare la incercarile si
posibilitatile omului de a imita zborul pasarilor si, mai mult chiar,de a strabate distanta de
la pamint pina la cel mai familiar astru, atit de intilnit in poezii si basme, luna.</p>
</div>
<p>“Putine natii din lume se pot mandri ca au contribuit<br />
la progresul aviatiei , cat a reusit natia romana…”<br />
Henri Coanda</p>
</div>
<div id="apDiv3">
<p class="style4"> "Ma duc mama departe,la Paris,dar lasa mama<br />
sa nu-ti para rau ca am sa viu de acolo in zbor<br />
sau n-am sa mai vin niciodata acasa...”<br />
<br />
</p>
</div>
<p><br />
Gheorghiu, Constantin C. -Aurel Vlaicu,un precursor al aviatiei romanesti - Gheorghiu,
Constantin <br />
C.;Zaganescu, Florin --Din istoria industriei romanesti Aviatia Salca, Horia -Contributii
romanesti in aviatieDeliu, Gheorghe –Mecanica aeronavelor <br />
-Colectia de reviste “Aeromagazin”</p>
</div>
<span class="style2">

</span>
<div class="style2" id="Table_01">
<div id="home-01_">
<img id="home_01" src="images/home_01.jpg" width="800" height="134"
alt="" /> </div>
<div id="home-02_">
alt="" /> </div>
<div id="home-03_">
alt="" /> </div>
<div id="home-04_">
alt="" /> </div>
<div id="home-05_">
alt="" /> </div>
<div id="home-06_">
10
alt="" /> </div>
<div id="home-07_">
alt="" /> </div>
<div id="home-08_">
alt="" /> </div>
<div id="home-09_">
alt="" /> </div>
<div id="home-10_">
alt="" /> </div>
<div id="home-11_">
alt="" /> </div>
</div>
<span class="style2">

</span>
</body>
</html>
2. Galerie :
<head>
<title>Galerie</title>
<!—
body {
background-image:url(back.jpeg);
margin-left: 250px;
margin-right: 250px;
}
#Table_01 {
position:absolute;
left:251px;
top:1px;
11
width:800px;
height:800px;
}
#Atestat-01_ {
position:absolute;
left:0px;
top:0px;
width:800px;
height:133px;
}
#Atestat-02_ {
position:absolute;
left:0px;
top:133px;
width:705px;
height:667px;
}
#Atestat-03_ {
position:absolute;
left:705px;
top:133px;
width:67px;
height:63px;
}
#Atestat-04_ {
position:absolute;
left:772px;
top:133px;
width:28px;
height:667px;
}
#Atestat-05_ {
position:absolute;
left:705px;
top:196px;
width:67px;
height:46px;
}
#Atestat-06_ {
position:absolute;
left:705px;
top:242px;
width:67px;
12
height:61px;
}
#Atestat-07_ {
position:absolute;
left:705px;
top:303px;
width:67px;
height:53px;
}
#Atestat-08_ {
position:absolute;
left:705px;
top:356px;
width:67px;
height:72px;
}
#Atestat-09_ {
position:absolute;
left:705px;
top:428px;
width:67px;
height:41px;
}
#Atestat-10_ {
position:absolute;
left:705px;
top:469px;
width:67px;
height:77px;
}
#Atestat-11_ {
position:absolute;
left:705px;
top:546px;
width:67px;
height:254px;
}
-->
</style>
</head>
13
// Alegerea culorii de background ,a fontului şi introducerea textului in
<div id="Table_01">
<div id="Atestat-01_">
<img id="Atestat_01" src="images/Atestat_01.jpg" width="800"
height="133" alt="" />
</div>
</div>
<img id="Atestat_03" src="images/Atestat_03.jpg" width="67" height="63"
alt="" />
</div>
</div>
alt="" />
</div>
alt="" />
</div>
alt="" />
</div>
alt="" />
</div>
alt="" />
</div>
alt="" />
</div>
14
</div>
</div>
</body>
</html>
3. Istorie :
<head>
<title>Atestat</title>

</style>
</head>

<div id="Table_01">
<div id="istorie-01_">
<img id="istorie_01" src="images/istorie_01.jpg" width="800"
</div>
</div>
<a href="../Home/home.html"><img src="images/istorie_03.jpg"
alt="" name="istorie_03" width="70" height="60" border="0" id="istorie_03"
/></a> </div>
</div>
18
</div>
</div>
<a href="traianvuia1.html"><img src="images/istorie_07.jpg" alt=""
name="istorie_07" width="148" height="38" border="0" id="istorie_07" /></a>
</div>
</div>
<a href="Aurelvlaicu1.html"><img src="images/istorie_09.jpg"
/></a> </div>
<a href="../Galerie/Atestat.html"><img src="images/istorie_10.jpg"
/></a> </div>
<a href="Henricoanda1.html"><img src="images/istorie_11.jpg"
/></a> </div>
</div>
</div>
<a href="istorie.html"><img src="images/istorie_14.jpg" alt=""
name="istorie_14" width="70" height="40" border="0" id="istorie_14" /></a>
</div>
</div>
</div>
19
</div>
</div>
</body>
</html>
4. Contact:
<head>
<title>Atestat</title>
<!—
#Table_01 {
position:absolute;
left:225px;
top:0px;
width:800px;
height:800px;
}
#contct-01_ {
position:absolute;
left:0px;
top:0px;
width:800px;
height:134px;
}
#contct-02_ {
position:absolute;
left:0px;
top:134px;
width:705px;
height:417px;
}
#contct-03_ {
position:absolute;
left:705px;
top:134px;
width:70px;
20
height:60px;
}
#contct-04_ {
position:absolute;
left:775px;
top:134px;
width:25px;
height:666px;
}
#contct-05_ {
position:absolute;
left:705px;
top:194px;
width:70px;
height:51px;
}
#contct-06_ {
position:absolute;
left:705px;
top:245px;
width:70px;
height:58px;
}
#contct-07_ {
position:absolute;
left:705px;
top:303px;
width:70px;
height:75px;
}
#contct-08_ {
position:absolute;
left:705px;
top:378px;
width:70px;
height:40px;
}
#contct-09_ {
position:absolute;
left:705px;
top:418px;
width:70px;
height:56px;
21
}
#contct-10_ {
position:absolute;
left:705px;
top:474px;
width:70px;
height:69px;
}
#contct-11_ {
position:absolute;
left:705px;
top:543px;
width:70px;
height:257px;
}
#contct-12_ {
position:absolute;
left:0px;
top:551px;
width:175px;
height:249px;
}
#contct-13_ {
position:absolute;
left:175px;
top:551px;
width:110px;
height:12px;
}
#contct-14_ {
position:absolute;
left:285px;
top:551px;
width:420px;
height:249px;
}
#contct-15_ {
position:absolute;
left:175px;
top:563px;
width:110px;
height:237px;
}
22
body {
background-image: url(../back.jpeg);
}
#apDiv1 {
position:absolute;
left:655px;
top:149px;
width:249px;
height:328px;
z-index:1;
}
.style1 {
font-weight: bold;
}
.style2 {color: #43432a}
.style3 {color: #43432a; font-style: italic; }
-->
</style>

</head>
<div id="Table_01">
<div id="contct-01_"><img id="contct_01" src="images/contct_01.jpg"
width="800" height="134" alt=""
/></div>
<div id="contct-02_">
<img id="contct_02" src="images/contct_02.jpg" width="705"
height="417" alt="" /> </div>
<a href="../Home/home.html"><img src="images/contct_03.jpg"
alt="" name="contct_03" width="70"
height="60" border="0" id="contct_03" /></a> </div>

23
<a href="../Galerie/Atestat.html"><img src="images/contct_06.jpg"
alt="" name="contct_06"
width="70" height="58" border="0" id="contct_06" /></a> </div>

<a href="../Istorie/istorie.html"><img src="images/contct_08.jpg"
alt="" name="contct_08"
width="70" height="40" border="0" id="contct_08" /></a> </div>

<a href="contct.html"><img src="images/contct_10.jpg" alt=""
name="contct_10" width="70"
height="69" border="0" id="contct_10" /></a> </div>

</div>

<div class="style1" id="apDiv1"><form method="post"
action="mailto:youremail@email.com">
<p>Nume: </p>
<p>
<input type="text" size="20" maxlength="40" name="name">
</p>
<p>Pareri :</p>
<p>
24
<textarea rows="5" cols="20" wrap="physical"
name="comments"></textarea>
</p>
<p>
<input name="Reset" type="reset" value="Reset" />
<br />
<input name="Submit" type="submit" value="Trimite">

</p>
</form></div>
</p>
</div>
</body>
</html>
Resurse Hard şi Soft necesare
Rularea acestui program implică puţine resurse hard si soft

.Calculatorul şi componentele sal reprezintă resursa hard principală .
Resursa soft utilizată este explorerul GOOGLE CHROME.
Probleme de browser
Pe masura ce vom aprofunda folosirea CSS-ului, veti descoperi ca

nu toate browserele interpreteaza la fel stilurile. CSS-ul va fi
interpretat diferit de browsere, ceea ce va va cauza dureri de cap.
Exista totusi metode de rezolvare a acestor metode pe care le vom
explica la momentul potrivit.
25
Bibliografie
-Gheorghiu, Constantin C.
-Aurel Vlaicu,un precursor al aviatiei romanesti - -Gheorghiu,
Constantin
-C.Zaganescu, Florin -- Din istoria industriei romanesti Aviatia
Salca
-Contributii romanesti in aviatie Deliu, Gheorghe –Mecanica
aeronavelor
-Colectia de reviste “Aeromagazin”
26

Exemplu Documentatie

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Exemplu Documentatie

Hochgeladen von

Copyright:

Verfügbare Formate

Colegiul Naţional de Informatică

“Grigore Moisil” Braşov

Lucrare pentru atestarea competenţelor

Profesor indrumător : Crăciun Alexandra

Elev : Agreşeanu Vlad – Ştefan

Motivaţia alegerii temei si utilitatea aplicaţiei

Aplicaţia este utilă tuturor utilizatorilor internetului pentru a se

Aplicaţia prezintă urmatoarele opţiuni :

Istorie Aurel Istorie Henri

Detalii tehnice de accesare

La alegerea opţiunii GALERIE se deschide un set de adrese către

La alegerea opţiunii ISTORIE se deschide un submeniu cu

La alegerea opţiunii CONTACT este deshisă o pagină prin

// AŞEZAREA IN PAGINĂ A DIV-urilor

// Alegerea culorii de background ,a fontului si introducerea textului in

// AŞEZAREA IN PAGINĂ A DIV-urilor

// AŞEZAREA IN PAGINĂ A DIV-urilor

// Alegerea culorii de background ,a fontului şi introducerea textului in

// AŞEZAREA IN PAGINĂ A DIV-urilor

// Alegerea culorii de background ,a fontului şi introducerea textului in

height="60" border="0" id="contct_03" /></a> </div>

width="70" height="58" border="0" id="contct_06" /></a> </div>

width="70" height="40" border="0" id="contct_08" /></a> </div>

height="69" border="0" id="contct_10" /></a> </div>

<input name="Submit" type="submit" value="Trimite">

Resurse Hard şi Soft necesare

Rularea acestui program implică puţine resurse hard si soft

Pe masura ce vom aprofunda folosirea CSS-ului, veti descoperi ca

Das könnte Ihnen auch gefallen