Documentatie Sistemul Circulator

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE
Sistemul
circulator
LUCRARE PENTRU ATESTAREA
COMPETENELOR PROFESIONALE
Elev: Rosu SEbastian

Profesor ndrumtor: Negrilescu Nicolae
Liceul: Colegiul Naional Vlaicu Vod
Sesiunea: mai 2013
Cuprins:
1.
Tema site-ului pag. 3
2.
Structura aplicatiei pag. 4
3.
Detalii sursa pag. 5
4.
Despre html pag. 8
5.
Resurse de hard si soft pag. 11
6.
Modalitati de utilizare pag. 12
1. Motivul alegerii temei
Motivul pentru care am ales inima se datoreaza

faptului ca totul incepe de aici. Sunt o persoana ce
ma bazez pe sentimente si actionez odata cu ele.
Inima este creierul profund al omului!
2. Structura aplicaiei
Butonul Home- buton ce deschide pagina cu acelas nume in care gasim o

scurta enumerare a componentelor sistemului circulator.
Butonul Inima- buton ce duce spre pagina in care gasim toate informatile
despre inima de care avem nevoie plus o poza cu o sectiune in inima.
Butonul Vasele de sange- prin apasarea acestui buton se deschide pagina in
care putem gasi informatii si clasificarea vaselor de sange.
Butonul Sangele buton ce deschide pagina ce contine informatii complete
despre sange.
.
3. Detalii sursa
Structura de lucru:
-Site creat in Adobe Dreamweaver CS6
Codul sursa al paginii Index:
<html>
<head>
<title>Sistemul circulator</title>
</head>
<body bgcolor="#000000">
<center>
<TABLE BORDER="1" WIDTH="1200" cellpadding="10" cellspacing="0"
bordercolor="#FF0000" bgcolor="#f4f7eb">
<TR>
<TD background="imagini/1.jpg" height="350"> </TD>
</TR>

<TR>
<TD bgcolor="#000000" height="40">
<a href="index.html"><FONT FACE="Times New Roman, Times, Serif"
SIZE="+1" COLOR="#FF0000"> Home</FONT></a> ||
<a href="Inima.html"><FONT FACE="Times New Roman, Times, Serif"
SIZE="+1" COLOR="#FF0000">Inima</FONT></a> |
<a href="Vasele de sange.html"><FONT FACE="Times New Roman, Times,
Serif" SIZE="+1" COLOR="#FF0000">Vasele de sange</FONT></a> |
<a href="Sangele.html"><FONT FACE="Times New Roman, Times, Serif"
SIZE="+1" COLOR="#FF0000">Sangele</FONT></a></TD>
</TR>
<TR>
<TD bgcolor="#000000">
<TABLE WIDTH="100%" BORDER="1" bordercolor="#e3f0c1"
bgcolor="#000000">
<TR>
<TD width="910" bgcolor="#000000">
<h1 align="center"><u><font color="#FF0000">Sistemul
circulator</font></u></h1>
<p><font color="#FF0000"><br>
      Sistemul ciculator este format din
inimă, vasele sangvine şi limfatice care alcătuiesc o unitate
funcţională coordonată şi permanent adaptată
nevoilor organismului. </font></p>
<p>........................................................................<img
src="imagini/circulator.jpg" width="396" height="344"></p></TD>
<TD width="250" valign="top" bgcolor="#000000">
<br>
<br>
<font color="#979CA0"><br>
<br>
  <a href="Inima.html"><FONT COLOR="#939B9E" SIZE="+1"
FACE="Times New Roman, Times, Serif">Inima</FONT></a><br>
<br>
  <a href="Vasele de sange.html"><FONT COLOR="#909599"
SIZE="+1" FACE="Times New Roman, Times, Serif">Vasele de
sange</FONT></a><br>
<br>
  <a href="Sangele.html"><FONT COLOR="#878C90" SIZE="+1"
FACE="Times New Roman, Times,
Serif">Sangele</FONT></a></font><br></TD>
</TR>
</TABLE>
6
</TD>
</TR>
<TR>
<TD bgcolor="#000000" height="30"> </TD>
</TR>
</TABLE>
</center>
</body>
</html>
4. Despre HTML
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.
Specificaiile HTML sunt dictate de World Wide Web Consortium
(W3C).
Introducere
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 email. Majoritatea aplicaiilor de
email folosesc un editor HTML ncorporat pentru compunerea emailurilor i un motor de prezentare a email-urilor de acest tip. Folosirea
email-urilor HTML este un subiect controversat i multe liste de mail
le blocheaz intenionat.
Elementele de marcare
Mai jos sunt tipurile de elemente de marcare n HTML:
Marcare structural. Descrie scopul unui text. De exemplu:

<h1>Fotbal</h1>
Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai
important titlu. Marcarea structural nu are un anumit stil
predefinit, dar cele mai multe browsere web au standardizat
modul n care acestea sunt afiate.
De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i

mai mari dect restul textului.De notat c "h1" este folosit doar
o singur dat per pagin deoarece cu el este marcat titlul ei.
Marcare pentru prezentare. Descrie cum apare un text,
indiferent de funciile sale. De exemplu:
<b>ngroat</b>
Va afia textul "ngroat" cu litere groase, aldine.Not: Html a
inceput n ultimii ani s nceap s nu mai foloseasc acest gen
de tag-uri pentru c "b" nu d sens paginii, pe cnd tag-ul
"strong" (adic strong emphasis) d un neles paginii, i mai
important, asemenea tag-uri pentru prezentare doar ncarc o
pagin cu informaii i o fac astfel mai greu de ncrcat, iar
apoi dac ataezi un document CSS la pagin, o singur
modificare la CSS (de ex: de la "font-weight:italic" la "fontweight:bold" va schimba tot textul selectat, i de exemplu,
9
link-urile vor trece de la text nclinat la text ngroat, plus c n

CSS avem avantajul de a putea preciza ct de mari sau mici s
fie literele n pixeli px, n puncte pt, etc.)avem acelai
efect ca i cnd am avea de schimbat toate tag-urile de "i" de
pe pagin n tag-uri de "b", munc care chiar i la un website
mic este enorm, ce s mai vorbim de unul de genul wikipedia.
Aa c dac vrei s ncepei o carier n html sau un hobby (i
s avei succes) nu folosii aceste taguri, nu degeaba s-a
inventat CSS-ul.
Marcare pentru hiperlink. Leag pri ale unui document cu alte
documente. De exemplu:
<a href="http://ro.wikipedia.org/">Wikipedia
Romneasc</a>
Va reda Wikipedia romneasc ca hiperlink ctre un URL

specificat.
Elemente speciale (widget). Creeaz obiecte, cum ar fi
butoanele i listele.
Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS)

determin cum coninutul din interiorul marcatorului va fi prezentat.
Ceilali marcatori spun browserului ce obiecte s redea sau ce funcii
s execute.
5.Resurse de hard i soft necesare

10
Resurse minime :
1) Hardware :
- Procesor (CPU) : 500 MHz +
- Memorie (RAM): 64 MB
- Spaiu liber pe hard-disk : 30 MB
- Monitor :1024*768
- Un browser oarecare: Internet explore ,Mozilla, Opera
2) Software :
- Sistem de operare : Windows 98/XP
Resurse recomandate:
1) Hardware :
- Procesor (CPU) : 1000 MHz +
- Memorie (RAM): 128 MB
- Spaiu liber pe hard-disk : 30 MB
- Monitor : VGA 32-bit color (1024x768)
2) Software :
- Sistem de operare : Windows XP
- Un browser oarecare: Internet explorer ,Mozilla, Google
Chrome
6.Modaliti de utilizare
11
Lansarea se realizeaza accesand

fisierul index.html.
12

Documentatie Sistemul Circulator

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Documentatie Sistemul Circulator

Încărcat de

Drepturi de autor:

Formate disponibile

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

Elev: Rosu SEbastian

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

Tema site-ului pag. 3

Structura aplicatiei pag. 4

Detalii sursa pag. 5

Despre html pag. 8

Resurse de hard si soft pag. 11

Modalitati de utilizare pag. 12

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

1. Motivul alegerii temei

Motivul pentru care am ales inima se datoreaza

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

Butonul Home- buton ce deschide pagina cu acelas nume in care gasim o

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

HTML se poate genera direct utiliznd tehnologii de codare din

Marcare structural. Descrie scopul unui text. De exemplu:

De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

link-urile vor trece de la text nclinat la text ngroat, plus c n

Va reda Wikipedia romneasc ca hiperlink ctre un URL

Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS)

5.Resurse de hard i soft necesare

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

LUCRARE PENTRU ATESTAREA COMPETENTELOR PROFESIONALE

Lansarea se realizeaza accesand

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