Liceul Simion Stolnicu,oraul Comarnic

Lucrare pentru atestarea competenelor

profesionale
Specializare:Matematic-Informatic
Tema: Curioziti despre corpul uman

Profesor coordonator:

Elev:

Peticil Elena

Cojocaru Andreea Larisa

Anul 2013

Cuprins

1.Argument..3
2.Fundamente teoretice..4
3.Descrierea aplicaiei.10
4.Codul surs..16
5.Bibliografie..24

Argumentul

Corpul uman este o mainrie care ntrece cu mult orice form, orict de avansat, a tehnologiei
moderne. Pcat c noi, care ne folosim n fiecare zi de aceast tehnologie ultraperformant, care
este corpul, nu prea tim cte lucruri minunate poate el s fac.
Corpul uman a fost obiectul cercetrilor nc din vechime. Nici pn n prezent nu a ncetat s
uimeasc oamenii de tiin, care gsesc aceast "mainrie" construit perfect, pn n cele mai
mici detalii.
Obinuim s credem c lumea const doar n ceea ce vedem i n mecanismele pe care le
cunoatem. De multe ori, ns, chiar i organismul i mintea noastr sunt pline de mistere.
Lucrurile ascunse, pe care nu le tiam despre noi i existena noastr, devin cu adevrat uluitoare
atunci cnd le aflm semnificaia.
Am avut curiozitatea de a afla aceste mistere. Din acest motiv am ales aceast tem foarte
interesant din punctul meu de vedere.
Sunt de prere c,fiecare om ar trebui s tie cteva lucruri, cteva curioziti despre corpul
uman. Noi ne putem astfel mbunti cunotiinele i putem face o impresie bun atunci cnd
suntem ntrebai de cineva, un anumit lucru.
Totodat,putem face o impresie bun atunci cnd suntem ascultai sau dm o lucrare la
biologie.Profesorul o s fie cu siguran impresionat cnd va vedea c tu tii mai multe lucruri.
n general, la coal nu se predau aceste curioziti.
Mi-am ales aceast tem i pentru faptul c voi susine prob scris la biologie,la bacalaureat.
Sper c aceste lucruri mi vor da o mn de ajutor i voi reui s iau o not bun.
Sfatul meu este s inem cont de aceste curioziti, pentru c, pn la urm, corpul uman este cel
care reprezint persoana, att la exterior ct i la interior. El ne adpostete toate lucrurile, care
mpreun, ne formeaz pe noi!
3

Fundamente teoretice

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea
paginilor web ce pot fi afiate ntr-un browser (sau navigator). Scopul HTML este mai degrab
prezentarea informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii
documentului.
HTML apare n anul 1989 la CERN (Centrul European de Cercetari Nucleare de la Geneva) , iar
dezvoltatorul initial este Tim Berners-Lee. Scopul acestuia a fost facilitarea accesului rapid la
informaiile tehnice cuprinse n manualele de utilizare a calculatoarelor.
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura
pagin, utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun
exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin care
coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indicaii de redare.
Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea
faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la
scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul
i autorul documentului, informaii structurale despre cum este mprit documentul n diferite
segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi
legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).
HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor
de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de
HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi
Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa
fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz un
cod HTML care este de multe ori de proast calitate.

HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fi PHP,
JSP sau ASP. Multe aplicaii ca sistemele de gestionare a coninutului, wiki-uri i forumuri web
genereaz pagini HTML.
HTML este de asemenea utilizat n e-mail. Majoritatea aplicaiilor de e-mail folosesc un editor
HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a e-mail-urilor de
acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i multe liste de mail le
blocheaz intenionat.
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care st la baza
paginilor web. Paginile HTML sunt formate din etichete sau tag-uri i au extensia .html sau .htm
.n marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> i alta de
nchidere </eticheta>, mai exist i cazuri n care nu se nchid, atunci se folosete <eticheta />
browserul interpreteaz aceste etichete afind rezultatul pe ecran. HTML-ul nu este un limbaj
case sensitiv (nu face deosebirea ntre litere mici i mari). Pagina principala a unui domeniu este
fisierul index.html respectiv index.htm Aceast pagin este setat a fi afiat automat la vizitarea
unui domeniu. De exemplu la vizitarea domeniului www.nume.ro este afiat pagina
www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori: <eticheta
atribut="valoare"> ... </eticheta>

HTML se utilizeaz din 1990, cunoscnd cteva versiuni de dezvoltare, fiecare dintre acestea
mbuntind performanele limbajului. Ultima variant (la data elaborarii acestui ghid) este
HTML 4.01. ce include facilitaile versiunilor anterioare (tag-uri de marcare, tag-uri pentru
hiperlegturi, antete, paragrafe, liste, elemente de meniu, formatare caractere, imagini in-line i
tag-uri pentru schimbul de date dinamic ntre utilizatori), adugnd facilitai i extensii pentru
numere, tabele i elemente de control.

Componenta unui document HTML este:

1. versiunea HTML a documentului ;
2. zona head cu etichetele <head> </head> ;
3. zona body cu etichetele <body> </body> sau <frameset> </frameset> .
<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

HTML

4.01

Transitional//EN"

"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Pagina

personala

</head>
<body>
................
</body>
</html>

lui

Ion!</title>

Web Page Maker este un editor HTML cu o interfat grafic, care permite
crearea de pagini web fr a cunoate sintaxa HTML.
Cu Web Page Maker putem aduga toate elementele pe care le poate conine o pagin web :
imagini , sunete , tabele , linkuri , flash , video , iframe , javascript , butoane i aa mai departe .
Web Page Maker face parte din categoria de programe pentru fcut saituri , WYSIWYG(what
you see is what you get) ,n traducere , ceea ce vezi e cea ce obii .Web Page Maker suport i
funcia drag and drop pentru imagini , deci putem trage cu mausul imaginea direct n program .
Pe lng astea , programul permite utilizarea foilor de stil n cascad , adic CSS , pentru modul
n care vor fii afiate elementele ntr-o pagina web .Un alt lucru destul de folositor este
includerea unor template-uri predefinite , adic site-uri web gata construite , singurul lucru care
trebuie s l facem este s le adaptm cerinelor noastre .Cnd am terminat structura site-ului
web, nu rmne dect salvarea i publicarea lui .Putem salva proiectul ntr-un fiier .wss , sau l
putem exporta n fiiere .html .
Tot cu Web Page Maker putem uploada prin ftp coninutul site-ului , pe un host , sau dac dorim
chiar pe calculatorul personal , dac l folosim ca server web .Dac nainte de a publica site-ul
web , dorim s l vizualizam , Web Page Maker dispune de o opiune , prin care putem ncrca
site-ul ntr-un browser , pentru o previzualizare .

PhotoScape este un program de editare grafic dezvoltat i eliberat de Mooii. Este

utilizat de doi ani, avnd diverse funcii care se dezvolt continuu. Versiunea 3.1 a adugat
opiunea Splitter, care mparte o poz n mai multe pri, a adugat 5 efecte de film cum ar fi
Cross Process, Velvia, Provia, Portra i Agfa.

Funcii:
Observator
Aceast funcie are rolul prezentrii fotografiilor. Acest lucru este posibil prin inspectarea
folderelor, prezentate n partea stng. Totodat, imaginile pot fi observate prin setarea
slideshow-ului.

Editor
-Schimbarea dimensiunilor pozelor
Cteodat este nevoie ca o anumit imagine s aib o dimensiune mult mai mic sau, dimpotriv,
mai mare dect imaginea original. Prin PhotoScape dimensiunile imaginilor se pot modifica
prin reducerea pixelilor de la 100 pn la 1280 px.Totodat programul poate altera dimensiunile
prin: ajustarea lungimii, ajustarea limii , ajustarea nlimii.
-Ajustarea culorii i strlucirii
Aceast funcie modific strlucirea obiectelor dintr-o anumit imagine i culorile prezente.
Imaginea poate fi modificat prin 15 metode:

contrast enhancement

reducerea reflexiei colore

curbe de culori

adncire

colorizare

curbe de saturaie

luminare

color enhance

curbe ale luminii

ntunecare

dilatare

white balance

decolorare

erodare

color balance

-Corecia luminii din fundal(backlight correction)

Aceast funcie lumineaz obiectele care sunt ntunecate. Are dou setri:

Prima este reprezentat de semnul +

A doua este reprezentat de semnul +/-

-Cadre
Un cadru reprezint o estetizare a imaginii prin nrmarea ei. Aceast operaie poate fi fcut
prin aplicarea unor cadre reale sau cadre sub forma unor abloane.
-Bule de dialog
Bulele de dialog pot fi introduse ntr-o poz pentru a exprima o idee, sentiment sau un gnd.
Acestea pot fi schiate de un text sau chiar de o anumit imagine. Ele variaz n forme i culori.
-Modul mozaic
Acest modul poate fi utilizat pentru mascarea unui obiect a crui prezen nu este dorit ntr-o
imagine. Este asemntor cu protecia unor persoane sau cenzura utilizat de televiziune.
-Adugare text
Aceast opiune permite ca un text s fie inserat ntr-o imagine.
-Crop
Aceast funcie are rolul de evideniere a unei poriuni dintr-o poz prin decuparea acesteia. Poate fi
executat manual sau cu ajutorul scalei de decupare.

Descrierea aplicaiei

Prima pagin a proiectului meu numit index.html este aceasta:

10

Ea conine o imagine de fundal repezentativ pentru tema proiectului ,o bar de navigaie,

alctuit din opt butoane care fac legatura ntre pagina pricipal i paginile secundare ale siteului.

n partea superioar a paginii principale se afl titlul site-ului, inserat cu ajutorul meniului
Marguee .
Tot in partea superioar se afl inserat un text ntr-o form, Multi-Line Text Box.Acestea sunt
separate de o linie orizontal.

11

n partea inferioar am inserat o linie vertical cu o poza.

12

n aceast pagin am inserat text si sub el am fcut legatura ntre o imagine i un link (Un
videoclip interesant despre corpul uman).

13

n paginile secundare am prezentat curiozitai despre componentele corpului nostru i despre

activitaile noastre.
n fiecare pagin secundar am inserat o imagine de fundal , text, alte imagini,animaii i am
facut legatur ntre text i un link.

14

Textul ,animaia si imaginile le-am editat, realiznd borduri.

n a doua pagin secundar am inserat din nou bar de navigare i am facut legatura cu paginile
corespunztoare.

15

Codul sursa

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<meta name="generator" content="Web Page Maker">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight:
normal;}
/*----------Para Styles----------*/
16

DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>

<style type="text/css">
a.corp.uman.net:link{color:#003366;text-decoration: none;}
a.corp.uman.net:visited{color:#003366;text-decoration: none;}
a.corp.uman.net:hover{color:#003366;text-decoration: none;}
a.corp.uman.net:active{color:#003366;text-decoration: none;}
</style>

<script language="JavaScript1.4" type="text/javascript">

<!-function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//-->
</script>

<script language="javascript" type="text/javascript">

<!-function MM_swapImgRestore() {
17

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length2);i+=3)
if

((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;

x.src=a[i+2];}
}

//-->
</script>

<style type="text/css">
div#container
{
position:relative;
18

if(!x.oSrc)

x.oSrc=x.src;

width: 1043px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
body {text-align:center;margin:0}
</style>

</head>
<body background="file:///C:/Documents and Settings/USER/Desktop/Curiozitati despre orpul
uman.files/1.jpg" Link="#000000" VLink="#000000" ALink="#000000" style="backgroundrepeat:repeat-y;background-position:top center;">
<div id="container">
<div

id="nav10d"

style="position:absolute;

left:2px;

top:487px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav10','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb

Page

Maker/docO72VU/NavRP0NS0a.gif',1)"

href="Celula

umana.html"><img

name="nav10"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS0a.gif')"

alt=""

Page
border=0

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page

Maker/docO72VU/NavRP0NS0i.gif"></a></div>
<div

id="nav11d"

style="position:absolute;

left:2px;

top:539px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav11','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS1a.gif',1)" href="Capul.html"><img name="nav11"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS1a.gif')"

alt=""

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS1i.gif"></a></div>
19

Page
border=0
Page

<div

id="nav12d"

style="position:absolute;

left:2px;

top:591px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav12','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS2a.gif',1)" href="Trunchi.html"><img name="nav12"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS2a.gif')"

alt=""

Page
border=0

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page

Maker/docO72VU/NavRP0NS2i.gif"></a></div>
<div

id="nav13d"

style="position:absolute;

left:2px;

top:643px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav13','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS3a.gif',1)" href="Membre.html"><img name="nav13"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS3a.gif')"

alt=""

Page
border=0

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page

Maker/docO72VU/NavRP0NS3i.gif"></a></div>
<div

id="nav14d"

style="position:absolute;

left:2px;

top:695px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav14','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS4a.gif',1)" href="Muschii.html"><img name="nav14"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS4a.gif')"

alt=""

Page
border=0

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page

Maker/docO72VU/NavRP0NS4i.gif"></a></div>
<div

id="nav15d"

style="position:absolute;

left:2px;

top:747px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav15','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS5a.gif',1)" href="Oasele.html"><img name="nav15"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS5a.gif')"

alt=""

20

Page
border=0

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page

Maker/docO72VU/NavRP0NS5i.gif"></a></div>
<div

id="nav16d"

style="position:absolute;

left:2px;

top:799px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav16','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS6a.gif',1)" href="Pielea.html"><img name="nav16"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS6a.gif')"

alt=""

Page
border=0

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page

Maker/docO72VU/NavRP0NS6i.gif"></a></div>
<div

id="nav17d"

style="position:absolute;

left:2px;

top:851px;

z-index:0"><a

onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav17','','file:///C:/DOCUME~1/USER/LOCALS~1/Temp/W
eb Page Maker/docO72VU/NavRP0NS7a.gif',1)" href="Activitati.html"><img name="nav17"
onLoad="MM_preloadImages('file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web
Maker/docO72VU/NavRP0NS7a.gif')"

alt=""

src="file:///C:/DOCUME~1/USER/LOCALS~1/Temp/Web

Page
border=0
Page

Maker/docO72VU/NavRP0NS7i.gif"></a></div>

<div id="text2" style="position:absolute; overflow:hidden; left:213px; top:486px; width:693px;

height:400px; z-index:1">
<div class="wpmd">
<div><font color="#000080" face="Script MT Bold" class="ws24">Corpul uman este o
masinarie care intrece cu mult orice forma, oricat de avansata, a tehnologiei moderne. Pacat ca
noi, care ne folosim in fiecare zi de aceasta tehnologie ultraperformanta, care este corpul, nu prea
stim cate lucruri minunate poate el sa faca.</font></div>
<div><font color="#000080" face="Script MT Bold" class="ws24"><BR></font></div>
<div><font color="#000080" face="Script MT Bold" class="ws24">Poate ca urmatoarele
informatii va vor trezi interesul si va vor creste dorinta de a va cunoaste pe voi insiva cu
adevarat.</font></div>
</div></div>
21

<div id="marquee1" style="position:absolute; overflow:hidden; left:40px; top:0px; width:807px;

height:76px; z-index:2">
<marquee width="807" height="76">
<div class="wpmd">
<div><font color="#000080" face="Script MT Bold" class="ws48" style="backgroundcolor:#FFFFFF;"><U>Curiozitati despre corpul uman</U></font></div>
</div></marquee>
</div>
<div id="hr1" style="position:absolute; overflow:hidden; left:0px; top:446px; width:1043px;
height:38px; z-index:3">
<hr size=23 width=1043 color="#969696">
</div>
<textarea

name="textarea1"

style="position:absolute;left:27px;top:164px;width:123px;height:54px;z-index:4">Bine ai venit!
Sper sa iti placa cele ce vei vedea in urmatoarele pagini!</textarea>
<div id="image1" style="position:absolute; overflow:hidden; left:320px; top:895px; width:373px;
height:228px;

z-index:5"><a

src="file:///C:/Documents

href="http://www.youtube.com/watch?v=rPayY26jS58"><img

and

Settings/USER/Desktop/Curiozitati

despre

orpul

uman.files/766.bmp" alt="" title="" border=0 width=359 height=214 style="border:#808080 7px

double"></a></div>
<div id="hr2" style="position:absolute; overflow:hidden; left:0px; top:1414px; width:1025px;
height:65px; z-index:6">
<img border=0 alt="hr" src="file:///C:/Documents and Settings/USER/Desktop/Curiozitati despre
orpul uman.files/uyt.bmp">
</div>

</div>

</body>
</html>
22

Bibliografie

http://ro.wikipedia.org/wiki/HTML

http://ro.wikipedia.org/wiki/Photoscape
Meniul Help al programului Web Page Maker

23