LICEUL TEORETIC NICOLAE BLCESCU MEDGIDIA

PROFU` PROCOPIU
LUCRARE PENTRU ATESTAREA
COMPETENELOR PROFESIONALE

ELEV: VJIAL SILVIU-DANIEL

CLASA: XIIA
PROFESOR COORDONATOR: GINA ERBAN

2016

Cuprins

1. Motivaia alegerii temei

2. Structura proiectului
3. Detalii tehnice de implementare
4. Resurse necesare
5. Modalitai de utilizare
6. Posibiliti de dezvoltare

1.Motivaia alegerii temei i utilitatea aplicaiei

Motivul alegerii acestei teme a fost pasiunea pentru acest
domeniu i respectul pentru marii fiziceni ce au revoluionat tiina
prin descoperirile lor.
Oricum nu se pune problema, fizica este una dintre cele mai
vechi discipline academice. Uneori sinonim cu filosofia, chimia i
chiar cu unele ramuri ale matematicii i biologiei, de-a lungul
ultimelor dou milenii, fizica a devenit tiin modern, ncepnd cu
secolul al XVII-lea, iar toate aceste discipline sunt considerate acum
distincte, dei frontierele rmn greu de definit.

2.Structura aplcaiei

Acas
Depre
profu`

Lecii
Optica
geometric
Efectul
procopiu

Concursul
Procopiu
Prezentare
video

Contact

Meniul paginii web, cuprinde 5 butoane: Acasa, Despre profu`,

Lectii, Concursul Procopiu, Contact.

Meniul este unul accesibil, uor de utilizat.

De asemenea, meniul se regsete i n partea inferioar a
fiecrei pagini, pentru o accesare mai uoar.

Acest proiect are o interfa uor de utilizat, cu un aspect

plcut, culorile folosite n nuane calde, care nu agaseaz utilizatorul.
Site-ul cuprinde adrese uor de gsit, adrese care fac legtura ntre
toate informaiile oferite.
Proiectul a fost realizat cu ajutorul cunotinelor de html
dobndite la orele de TIC i informatic(mulumiri doamnei
profesoare). Site-ul a fost proiectat n Photoshop CS5, avnd s fie
modificat i ntreinut apoi n Dreamweaver CS3. Pentru accesarea i
modificarea codurilor html am folosit Notepad++.
Video-ul de la seciunea Concurs Procopiu este creat in
totalitate de mine n Sony Vegas 11, ndrumat de ctre doamna
profesor, Iuliana Vasile, pe care l-am nscris la concurs, civa ani n
urm.

Meniu principal:
<div class="container_16">
<div class="grid_1">&nbsp;</div>
<div class="grid_14">
<a href="index.html"><img src="images/logo.gif" alt="profu'PROCOPIU"
width="285" height="30" class="logo" title="profu'PROCOPIU"/></a>
<ul class="navlink">
<li><a href="#" title="Acasa" class="active">Acasa</a></li>
<li><a href="about.html" title="About">Despre profu'</a></li>
<li><a href="lectii.html" title="Lectii">Lectii</a></li>
<li><a href="concurs.html" title="Concursul Procopiu">Concursul
Procopiu</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</div>

Meniu secundar:
<div class="grid_16" id="footer">
<ul class="footerlink">
<li><a href="index.html" title="Acasa">Acasa</a></li><li>|</li>
<li><a href="about.html" title="Despre profu">Despre
profu'</a></li><li>|</li>
<li><a href="lectii.html" title="Lectiile">Lectii</a></li><li>|</li>
<li><a href="concurs.html" title="Concursul
Procopiu">Concursul Procopiu</a></li><li>|</li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>

<p class="copyright"> Copyright profu'PROCOPIU. All Rights Reserved.

</p>
</div>

CSS text:
body{

a{

ul.navlink li{

margin:0;

text-decoration:none;

float:left;

padding:0 0 10px 0;

outline:0;

width:auto;

backgroundcolor:#003300;

p{

ul.navlink li a{

color:#6F6F6F;

padding:0 25px;

backgroundcolor:inherit;

color:#8EAB7F;

color:inherit;
}

p, ul, li, a, h1, h2, h3,

h4, div, form, label,
input{
padding:0;

paddingbottom:16px;
}

margin:0;

/*--------------body----------------*/

img.logo{

img{

float:left;

padding:0;

margin:42px 0 0 21px;

margin:0;

width:auto;

border:none;

display:block;

ul.navlink{

float:left;

ul{
list-style:none;

font:normal
14px/110px Georgia,
"Times New Roman",
Times, serif;

padding:0;

padding-left:31px;

margin:0;

width:auto;

backgroundcolor:inherit;
float:left;
width:auto;
}
ul.navlink li a:hover{
padding:0 23px;
color:#8EAB7F;
backgroundcolor:#2C3A26;
display:block;
border-left:solid 2px
#485C3E;
border-right:solid 2px
#485C3E;
}
ul.navlink li a.active{
float:left;
padding:0 23px;

color:#8EAB7F;
backgroundcolor:#2C3A26;
display:block;
border-left:solid 2px
#485C3E;
border-right:solid 2px
#485C3E;
width:auto;
cursor:text;
}
/*------------------------body--------------------------*/
#body{
backgroundcolor:#EFE3B1;
color:inherit;
}
.hdrpic{
background:url(../ima
ges/hdr_bg.jpg) norepeat 0 0;
height:287px;
paddingbottom:12px;
}
.hdrpic2{

background:url(../ima
ges/hdr_bg2.jpg) norepeat 0 0;

height:287px;
paddingbottom:12px;

/*---left panel---*/
h1{

font-size:30px;

.hdrpic3{

line-height:30px;

background:url(../ima
ges/hdr_bg3.jpg) norepeat 0 0;

color:#970600;

height:287px;
paddingbottom:12px;
}
.hdrpic4{

backgroundcolor:inherit;
font-weight:normal;
paddingbottom:17px;
}
h1 span{

background:url(../ima
ges/hdr_bg4.jpg) norepeat 0 0;

display:block;

height:287px;

line-height:18px;

paddingbottom:12px;

color:#000;

backgroundcolor:inherit;

.hdrpic5{

background:url(../ima
ges/hdr_bg5.jpg) norepeat 0 0;

img.pic{

height:287px;

padding:0 22px 90px

0;

paddingbottom:12px;

font-size:18px;

float:left;

p.spltxt{

p.news{

color:#000;

color:#000;

font-size:18px;

backgroundcolor:inherit;

line-height:18px;

backgroundcolor:inherit;

font-size:18px;

color:#000;

line-height:18px;

backgroundcolor:inherit;

padding-top:14px;

p.eventtxt span.april{

p.spltxt span{

color:#970600;

color:#970600;

backgroundcolor:inherit;

backgroundcolor:inherit;

display:block;

p.alquiam span{

p.eventtxt span.two{

color:#3E5036;

color:#3E5036;

backgroundcolor:inherit;

backgroundcolor:inherit;

display:block;

a.detail{

color:#3E5036;

/*---right panel---*/

backgroundcolor:inherit;

p.rghttxt{

paddingbottom:31px;

a.detail:hover{

color:#970600;

p.outpro{

backgroundcolor:inherit;

font-size:18px;

line-height:18px;

padding-top:18px;
}
img.product{
paddingbottom:31px;
}
p.tempor{
color:#3E5036;
backgroundcolor:inherit;
}
p.tempor span{
color:#970600;
backgroundcolor:inherit;
display:block;
}
/*-------------------------footer--------------------------*/
#footer{
background:url(../ima
ges/footer_bg.gif)
repeat-x 0 0;
height:97px;
margin:0;

color:#FFF6D6;

ul.footerlink{

backgroundcolor:inherit;

padding:20px 0 0
336px;

font-size:10px;

margin:0;

line-height:14px;

font-size:12px;

text-align:center;

line-height:14px;

padding-top:12px;

color:#3E5036;

width:940px;

backgroundcolor:inherit;

float:left;
}
p.copyright span{

}
ul.footerlink li{
float:left;
padding:0 4px;
width:auto;

display:block;
}
p.copyright span a{
color:#3E5036;

backgroundcolor:inherit;

ul.footerlink li a{

color:#3E5036;

p.copyright span
a:hover{

backgroundcolor:inherit;
}
ul.footerlink li
a:hover{
textdecoration:underline;
}
p.copyright{

textdecoration:underline;
}

Pagina Acasa:

Pagina Despre profu:

Pagina Lectii:

Pagina Concursul Procopiu:

Pagina Contact:

4. Resurse necesare
Rularea acestui program implic puine resurse hard si
soft.Calculatorul i componentele sal reprezint resursa hard
principal .Resursa soft utilizat este explorerul GOOGLE CHROME.

5. Modaliti de utilizare
Prin natura simplist a paginii web, dar i printr-o savoare
inefabil, proiectul surprinde o mic prezentare a conceptului profu`
Procopiu, o descriere modest a celui ce-i poart numele, cteva
lecii interactive ct i o ndrumare ctre un concurs deosebit de
ndrgit de micii fizicieni.

7. Posibiliti de dezvoltare
Pentru o prezentare mai interactiv, am decis s i predau catreda
umilului proiect, marelui fizician romn, tefan Procopiu; prin
intermediul profesorului virtual, el ndrum elevii interesai, ctre
aceast materie minunat, fizica(proiectul poate fi utilizat la orele de
pregatire de fizic.