Exemplu documentatie

Colegiul Naţional de Informatică“Grigore Moisil” Braşov

Lucrare pentru atestarea competenţelorprofesionale

Profesor indrumător : Crăciun Alexandra

Elev : Agreşeanu Vlad – ŞtefanClasa : a XII-a C

Mai 2009

Cuprins

Cuprins..................................................................................................................................................2Motivaţia alegerii temei si utilitatea aplicaţiei............................................................3Structura aplicaţiei........................................................................................................................4Detalii tehnice de accesare......................................................................................................5Codul sursă.........................................................................................................................................6Resurse Hard şi Soft necesare..............................................................................................26Bibliografie........................................................................................................................................27

2

Motivaţia alegerii temei si utilitatea aplicaţiei

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 :

Detalii tehnice de accesare

Home

Istorie Galerie Contact

Traian Vuia Aurel Vlaicu Henri Coandă

Istorie Traian Vuia

Date biograficeViaţa de

inventator

Istorie Aurel Vlaicu


inventator

Istorie Henri Coandă


inventator

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"><!--body { // AŞEZAREA IN PAGINĂ A DIV-urilor

background-color:#000000; }#Table_01 {

position:absolute;left:252px;top:0px;width:800px;height:800px;

}

6

#home-01_ {position:absolute;left:0px;top:0px;width:800px;height:134px;

}


}


}


}


}


}

#home-07_ {

7

position:absolute;left:706px;top:316px;width:70px;height:43px;

}


}


}


}


}body {

background-color: #000000;margin-left: 250px;margin-right: 250px;background-image: url(file:///D|/ATESTAT/atestat/back.jpeg);

}.style2 {color: #000000}#apDiv1 {

position:absolute;left:682px;top:165px;

8

width:251px;height:150px;z-index:1;

}.style3 {font-size: 9px}.style4 {

font-size: 10px;font-family: "Century Gothic";color: #34342C;

}#apDiv2 {

position:absolute;left:683px;top:307px;width:265px;height:97px;z-index:2;

}.style5 {

font-size: 10px;font-family: "Century Gothic";color: #3F3B2F;

}#apDiv3 {


}#apDiv4 {


}.style9 {font-family: "Century Gothic"}

--></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><div class="style5" id="apDiv2"> <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><div class="style4" id="apDiv4"> <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_"><img id="home_02" src="images/home_02.jpg" width="706" height="666"

alt="" /> </div><div id="home-03_">





<div id="home-06_">

10

alt="" /> </div></div><span class="style2"></span></body></html>

2. Galerie :

<head><title>Galerie</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css"><!—

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

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-06_ {position:absolute;left:705px;top:242px;width:67px;

12

height:61px;}


}


}


}


}


}


13

// Alegerea culorii de background ,a fontului şi introducerea textului in cuprinsul layout-ului

<body style="background-color:#FFFFFF;"><div id="Table_01"><div id="Atestat-01_">

<img id="Atestat_01" src="images/Atestat_01.jpg" width="800" height="133" alt="" />

</div><div id="Atestat-02_">




















14

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

3. Istorie :

<head><title>Atestat</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css"><!--


#Table_01 {position:absolute;left:224px;top:0px;width:800px;height:800px;

}

#istorie-01_ {position:absolute;left:0px;top:0px;width:800px;height:134px;

}


}

#istorie-03_ {position:absolute;left:705px;top:134px;width:70px;

15

height:60px;}


}


}


}


}


}


16

}


}


}


}


}


}


}

17

}


}body {

background-image: url(../back.jpeg);}



<body style="background-color:#FFFFFF;"><div id="Table_01"><div id="istorie-01_">

<img id="istorie_01" src="images/istorie_01.jpg" width="800" height="134" alt="" />

</div><div id="istorie-02_">



<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 id="istorie-04_">



18





<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 id="istorie-08_">



<a href="Aurelvlaicu1.html"><img src="images/istorie_09.jpg" alt="" name="istorie_09" width="148" height="35" border="0" id="istorie_09" /></a> </div><div id="istorie-10_">

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

<div id="istorie-11_"><a href="Henricoanda1.html"><img src="images/istorie_11.jpg"

alt="" name="istorie_11" width="148" height="29" border="0" id="istorie_11" /></a> </div><div id="istorie-12_">





<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 id="istorie-15_">





19

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

4. Contact:

<head><title>Atestat</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css"><!—


#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-03_ {position:absolute;left:705px;top:134px;width:70px;

20

height:60px;}


}


}


}


}


}


21

}


}


}


}


}


}


}

22

body {background-image: url(../back.jpeg);

}#apDiv1 {


}.style1 {

font-family: "Century Gothic";font-weight: bold;

}.style2 {color: #43432a}.style3 {color: #43432a; font-style: italic; }

--></style>


</head>

<body style="background-color:#FFFFFF;"><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>

<div id="contct-03_"><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><div id="contct-04_">


<div id="contct-05_">

23

<div id="contct-06_"><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><div id="contct-07_">


<div id="contct-08_"><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><div id="contct-09_">


<div id="contct-10_"><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 id="contct-11_">


<div id="contct-12_"><img id="contct_12" src="images/contct_12.jpg" width="175"

height="249" alt="" /> </div><div id="contct-13_">


<div id="contct-14_"><img id="contct_14" src="images/contct_14.jpg" width="420"

height="249" alt="" /> </div><div id="contct-15_">

<img id="contct_15" src="images/contct_15.jpg" width="110" height="237" alt="" /> </div></div>

<div class="style1" id="apDiv1"><form method="post" action="mailto:[email protected]"> <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

Documents

Transcript of Exemplu documentatie