Liceul "Ștefan D.

Luchian" Ștefănești

Proiect de certificare
a competenţelor profesionale

Specializarea:
MATEMATICĂ - INFORMATICĂ

Candidat : Îndrumator de proiect :

Doloca Bogdan Iulian Prof. Prisacaru Iustina

Sesiunea Iunie 2020

Liceul "Ștefan D. Luchian" Ștefănești

 TEMA LUCRĂRII :

Prezentarea şi compararea sistemelor de operare

MEDIUL DE PROGRAMARE :

PAGINI WEB

1
 Cuprins

Argument…………………………………………………………………………….... Pag.3

CAPITOLUL I - SCURT ISTORIC......................................................................... Pag.5

I.1.1 Ce este HTML-ul?......................................................................................... Pag.4

I.1.2 Scrierea documentelor HTML…………………………………………………… Pag.4

I.1.3 Index.html………………………………………………………………………….. Pag.4

I.1.4 Tag-uri……………………………………………………………………………… Pag.4

I.1.5 Structura documentelor HTML…………………………………………………... Pag.5

CAPITOLUL II - PREZENTAREA TEORETICĂ A APLICAŢIEI………………….. Pag.8

II.1.1 Definirea unui site………………………………………………………………... Pag.8

II.1.2 Crearea Index.html……………………………………………………………..... Pag.9

II.1.3 Crearea MENIU-lui……………………………………………………………..... Pag.9

II.1.4 Codurile de program pentru paginile realizate………………………………... Pag.10

Pag.15

CAPITOLUL III - Norme de securitatea muncii în laboratorul de informatică.

III.1 Prevederi generale………………………………………………………………... Pag.15

III.2 Norme specifice de securitate a muncii în laboratul de informatică………….. Pag.16

III.3 Noţiuni de ergonomia muncii……………………………………………………... Pag.17

Pag.18

BIBLIOGRAFIE......................................................................................................
Pag.18

2
 Argument

Timp de 4 ani in care am studiat tehnologia informaţiei si a comunicaţiei (TIC) am avut

acces la informaţii de actualitate asupra unor materiale, cum ar fi manualul de informatică clasa
a-XII-a şi a informaţiilor colectate de pe internet şi nu în ultimul rând am fost îndrumat de
profesor care m-a coordonat. Cunoştinţele teoretice şi practice dobândite au oferit cadrul necesar
pentru realizarea lucrării cu tema de proiect intitulată: PREZENTAREA ŞI COMPARAREA
SISTEMELOR DE OPERARE in scopul realizării atestatului .

De ce această temă de proiect ?

Deoarece are o deosebită importanţă atât în industrie cât

şi în viaţa de zi cu zi. Mulţi utilizatori de calculatoare nu cunosc sau nu sunt decişi în alegerea
unui sistem de operare perfect calculatorul personal. Acest material este un ghid de prezentare
cât şi de comparare a unor din cele mai cunoscute sisteme de operare , 5 la număr şi anume :
Windows 98, Windows XP, Windows VISTA,UNIX/LINUX şi nu în ultimul rând Windows 7 .

Am ales să lucrez cu instrumentul Macromedia Dreamweaver MX deoarece este un

program HTML de editare a design-ul, codificarea şi dezvoltarea paginilor de internet, website-
urilor şi aplicaţiilor pe internet.
Caracteristicile de editare vizuală în Dreamweaver îţi permite crearea rapidă de pagini
fără a scrie un şir de coduri în notebook ş.a. Poţi vizualiza toate elementele sau însuşirile site-
ului şi să le preiei dintr-o fereastră uşor de folosit într-un document. Poţi canaliza fluxul de lucru
prin crearea şi editarea imaginilor în Macromedia Fireworks şi apoi prin importarea lor directă în
Dreamweaver sau prin adăugarea de obiecte Macromedia Flash pe care le poţi crea direct in
Dreamweaver.
Tehnologia Macromedia Roundtrip HTML importă documentele HTML codificate
manual fără reformatarea codului; pot apoi să reformatez codul în stilul preferat de formatare.

Planificarea şi organizarea cu grijă a site-ului de la început imi poate economisi timp pe

viitor. Organizarea site-ului nu înseamnă numai hotărârea locului în care fişierele stau ci şi
examinarea cerinţelor site-ului, profilurile utilizatorilor şi scopul site-ului. În plus, trebuie să am
în vedere cerinţele tehnice cum ar fi accesul utilizatorilor precum şi restricţiile de căutare, de
alimentare şi de descărcare. În momentul în care mi-am organizat informaţia şi am stabilit
structura, pot începe să creez site-ul.

3
• Stabilesc strategia folosită şi ce probleme să am în vederea planificării site-ului.

• Folosesc tabloul Dreamweaver Site pentru a stabili structura organizaţională a site-ului

meu. În tabloul site-ului pot adăuga, şterge şi redenumi uşor fişierele şi dosarele pentru a
modifica organizarea după cum este necesar. Pot începe crearea unor pagini simple care
pe parcurs se vor transforma în proiecte mai complexe. Creez noi pagini goale sau pagini
bazate pe proiecte de pagini predefinite in fereastra de dialog a noului document.

4
 Capitolul I
SCURT ISTORIC

I.1.1 Ce este HTML-ul?

HTML este prescurtarea HyperText Markup Language. HTML este cea mai populară
limba a web-ului. Pagini şi site-uri web sunt scrise in HTML. Cu HTML şi WWW, poţi aduce în
acelasi loc texte, sunete, poze, şi link-uri. Documentele HTML pot fi compuse şi editate pe orice
tip de calculator.

I.1.2 Scrierea documentelor HTML.

Trebuie găsit un host (gazdă) pentru a plasa site-ul sau pagina web, trebuie începută
crearea paginilor. Când lucrezi cu HTML este foarte indicat de a avea 2 copii ale documentului.
O copie trebuie să fie pe spaţiul alocat de host iar a doua pe hard, astfel problemele cu căderile
de curent, pierderea conexiunii la internet neafectând munca depusă. Este recomandată crearea
unui director pe hard disk pentru a pune în el documentele HTML, imaginile, sunetele care doriţi
să apară pe site.

I.1.3 Index.html

Pagina principală trebuie denumită "index.html", majoritatea serverelor fiind setate să

recunoască pagina principală după această denumire. În cazul în care "index.html" nu
funcţionează ca pagină principală, trebuie contactată persoana care administrează server-ul şi
întrebată ce denumire are server-ul setat pentru a recunoaşte pagina principală.

I.1.4 Tag- uri.

Un document HTML poate avea caractere bold, italice, mici şi mari.

Pentru a crea propoziţia de mai sus, codul HTML va arăta aşa:
Un document HTML poate avea caractere <b>bold</b> , <i>italice</i>, <font size=-
2>mici</font>si<fontsize=+2>mari</font>
Bine, bine...dar ce înseamnă aceste "<"si">" ?

Când scrii un anumit lucru între aceste două semne, creezi un lucru cunoscut sub numele
de tag. De exemplu, tag-ul <b> dă comanda de a incepe scrierea cu caractere bold, şi tagul </b>
dă comanda de a opri scrierea cu caractere bold. Tag-ul cu semnul slash(/) este cunoscut ca tag

5
de închidere. Cele mai multe tag-uri necesită şi un tag de închidere, dar nu toate.

I.1.5 Structura documentelor HTML

Un document HTML este format dintr-un set de marcaje ( tag-uri ) sau controale HTML
care transmit comenzi către browser pentru a afişa pagina într-un anumit mod.Un tag de început
<nume element> şi un tag de sfârşit </nume element>
Orice document HTML Începe cu notaţia <html> şi se termină cu notaţia </html>.
Între cele două marcaje <html> şi </html> vom introduce două secţiuni:
-secţiunea de antet <head>...</head>
-corpul documentului <body>...</body>. Blocul <body>...</body> cuprinde conţinutul propriu-
zis al paginii HTML, adică ceea ce va fi afişat în fereastra browser-ului.

Un document HTML foarte simplu ar fi :

<html>
<head><title>index</title></head>
<body>

Prima pagina WEB aceste comenzi se scriu În Notepad

</body>
</html>

Documentul se scrie în Notepad şi apoi se salvează în dosarul unde sunt toate documentele
cu care se lucrează pentru crearea paginii WEB.

1. Se crează dosarul WEB, iar în acest dosar se mai crează dosare cu numele imagini
respectiv sunet, documentaţie, pagini.
2. Se deschide Notepad astfel: START – TOATE PROGRAMELE - ACCESSORII -
Notepad
3. Se scriu comenzile de mai sus, se salvează cu numele index .html În dosarul WEB
4. La deschiderea documentului index.html se activează automat browser-ul Internet
Explorer şi În fereastra lui apare scris Prima pagina WEB (ceea ce am scris În
secţiunea <body>............</body>)
5. Pentru modificarea paginii (schimbare aspect, introducere texte, imagini, etc) se
activează meniul Vizualizare iar din acest meniu se activează comanda Sursă moment în
care se deschide Notepad cu documentul index.html , iar aici se fac modificările dorite.

6
 6. Pentru a vizualiza efectul modificărilor în bara de butoane a browser-ului Internet
Explorer se activează butonul REÎMPROSPĂTARE .
Personalizarea aspectului textului din pagina WEB.
Pentru personaliza un text sau porţiuni din text acestea se plasează între 2 tag-uri şi in funcţie de
sintaxa tag-ului textul sa va modifica. În continuare voi prezenta câteva sintaxe de tag-uri
(punctele din interior reprezintă un anumit text sau porţiune de text)
<B> ..... </B> -textul este scris ÎNGROŞAT
<I> ........ </I> -textul este ÎNCLINAT
<U> ..... </U> - textul este SUBLINIAT
<S> ..... </S> - textul este BARAT (tăiat cu o linie orizontală)
<STRONG>.....</STRONG> - textul este EVIDENŢIAT puternic
<SUB> ...</SUB> - textul este scris ca INDICE
<SUP>...</SUP> - textul este scris ca EXPONENT
<BIG> ... </BIG> -textul scris este MĂRIT
<SMALL> ... </SMALL> -textul scris este MICŞORAT
<PRE> ... </PRE> - formatul textului rămâne aşa cum a fost editat
<BLOCKQUOTE>...</BLOCKQUOTE> -textul este scris ca paragraf(este identat stânga sau
dreapta si este scris înclinat)
Următoarele etichete permit scrierea fragmentului de text cu caractere monospaţiate ( de tipul
celor folosite de o maşină de scris ):
• <CODE>...</CODE> ( " code " înseamnă cod sau sursă);
• <KBD>...</KBD> ( kbd vine de la " keyboard " = tastatură);
• <TT>...</TT> ( tt vine de la " teletype " = teleprinter).
<FONT COLOR=cod culoare FACE= tip font SIZE=mărime font > text de modificat
</FONT> stabileşte culoarea, corpul de literă utilizat şi mărimea fonturilor textului de
modificat
<FONT SIZE=+n sau FONT SIZE=-n>............</FONT> - stabileşte mărimea textului cu n
mai mare sau mai mic decăt fontul de bază din tag-ul BASEFONT)
<FONT WEIGHT="100">................</FONT> -stabileşte grosimea fonturilor la 100 (valorile
pot fii 100 , 200 .....900) - unde 100 este cel mai subţire
<Hn>...</Hn> -scrie un paragraf nou cu mărimea n (unde n ia valori de la 1 la 6) , 1 reprezintă
valoarea cea mai mare ). Înainte şi după H se lasă automat un rând liber.
<CENTER>....</CENTER> -aliniază textul la CENTRU
<P ALIGN=LEFT>...</P> -aliniază un paragraf la STÂNGA
<P ALIGN=RIGHT>...</P> - aliniază un paragraf la DREAPTA

7
<NOBR>...</NOBR> -scrie textul pe o singură linie

CAPITOLUL II
PREZENTAREA TEORETICĂ A APLICAŢIEI

II.1.1 Definirea unui site

Aplicaţia începe prin definirea unui site ( vezi Figura nr. 1 ) în care se vor salva
documentele .html pe care eu l-am numit Istratesite şi de asemenea vom introduce toate
celelalte foldere care conţin informaţiile necesare construirii aplicaţiei.

Figura nr. 1

8
II.1.2 Crearea index.html
Crearea paginii principale , respectiv index.html, va începe cu deschiderea aplicaţiei
Macromedia dreamweawer MX ( vezi Figura nr. 2). Folosim frame-urile, adică mai multe
ferestre, fiecare din ele reprezentând câte o pagină html pe care le salvăm, cu nume diferite, dar
împreună purtând denumirea de index.html.

Figura nr. 2

9
II.1.3 Crearea MENIU-lui.
Pe pagina din mijloc, am utilizat butoane flash MENIU, din bara de meniuri, denumindu-
le corespunzător cu legăturile ( Hyperlink-urile ) dorite ( vezi Figura nr. 3 ), dar cu deschiderea
paginilor respective, în mainFrame ( pagina principala )

Figura nr. 3

Următoarele pagini se fac cu opţiunile File – New – Basic Page – Create

( vezi Figura nr. 4 ).

Figura nr. 4
10
 În paginile nou create, am înserat tabele în care am introdus imagini şi de asemenea am
creat hyperlink marcând textul si folosind opţiunea Make Link, după care am ales calea cu
respectiva pagină.html privind informaţii despre acestea.
Culoarea de pe fundalul paginilor (background), am selectat-o, cu click dreapta pe fundal-
proprietăţile paginii, iar din fereastră am ales opţiunea background color.

II.1.4 Codurile de program pentru paginile realizate

Codurile de program pentru paginile realizate au fost scrise după cum urmează:
INDEX:
<html>
<head>
<title>Atestat pentru certificarea competentelor profesionale</title>
</head>
<frameset rows="107,*,37" cols="793*" framespacing="0" frameborder="NO"
border="1">
<frameset rows="*,60" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="Documentatie/pagini/sus.html" name="topFrame" scrolling="NO"
noresize >
<frame src="Documentatie/pagini/mijloc.html" name="bottomFrame1"
scrolling="NO" noresize>
</frameset>
<frame src="Documentatie/pagini/principala.html" name="mainFrame">
<frame src="Documentatie/pagini/jos.html" name="bottomFrame" scrolling="NO"
noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>

11
Pagina/ frame-ul de sus:
<html>
<head>
<title>sus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<body bgcolor="#33CCFF"><font color="#333366"><center>
<font size="4" face="Algerian"><strong> <font color="#333366" size="5">Prezentarea
Şi compararea sistemelor de operare</font></strong></font>

</center></font></body>
</html>

Index.html cuprinde toate paginile create mai sus iar imaginea obţinută este ( vezi
Figura nr. 5 ):

Figura nr. 5

12
 Realizarea butoanelor flash intr-o pagină:
Butoanele au fost realizate folosind legăturile cu Macromedia Flash oferite de programul
Macromedia Dreamweaver MX alegând opţiunea Media-Flash button, iar Link (legatură) am
ales pagina contact.html, cu deschidere in main frame (pagina principală) ( vezi Figura nr. 6 ).

Figura nr. 6

13
Aspectul unor pagini de legătură (Hyper Link) ( vezi Figura nr. 7 si Figura nr. 8 ):

Figura nr. 7

Figura nr.8

14
 CAPITOLUL III

NORME DE SECURITATEA MUNCII ÎN LABORATORUL DE INFORMATICĂ

În Ordinul Nr. 310/07.08.1996, al Ministerului Munciiş Protecţiei Sociale sunt prevăzute

normele specifice de securitate a muncii pentru prelucrarea automată a datelor, inclusiv
activităţile desfăşurate la videoterminale pentru prevenirea riscurilor specifice acestor activităţi:
vizuale, posturale, mentale, mecanice, electrice, electromagnetice, chimice. ( Exemplu: obosirea
ochilor, dureri de coloană, electrocutări…etc)

III.1 Prevederi generale

Cum ar fi:
• Dotarea celor ce lucrează cu mijloace specifice de protecţie a vederii.
• Instruirea personalului în utilizarea echipamentelor de calcul.
• Efectuarea obligatorie a instructajului de protecţie a muncii
• Activităţile vor fi astfel oragnizate încât lucrul în faţa ecranului să alterneze cu alte
activităţi; în cazul in care nu e posibil, se vor acorda pauze suplimentare.

III.2 Norme specifice de securitate a muncii in laboratul de informatica

1. Este strict interzisă consumarea de alimente în laboratorul de informaticaă (seminîe,

dulciuri,sucuri) cât şi folosirea tastaturii cu mâinile murdare.
Este strict interzisă sustragerea de materiale din laboratorul de informatică .
2. Nu utilizaţi echipamentele de calcul îinainte de începerea activităţii fără instrucţia
profesorului ori de câte ori se va modifica sau organiza locul de lucru (staţia) sau folosirea unor
echipamente care nu le cunoaşteţi sau nu v-au fost prezentate.
3. Este interzisă mutarea, lovirea sau demontarea aparatelor(mouse,tastatură), detaşarea
carcaselor, efectuarea reglajelor sau accesul la componentele interne ale
calculatoarelor,manevrarea mufelor si a cablurilor de legatură dintre componentele
calculatorului.
4. Este intezisă îndepartarea sigiliului de pe calculator, sau folia protectoare de pe monitor.
Nici un utilizator nu va interveni la tablouri electrice, prize, ştechere.
5. Este strict interzisă folosirea dischetelor şi Cd-urilor în laboratorul de informatică fără
aprobarea administratorului( verificarea cu programe antivirus )

15
 Nu aveţi voie sa modificaţi fişierele de configurare şi a celor al căror rol nu este
cunoscut.

III.3 Noţiuni de ergonomia muncii.

Definiţie
Ergonomia este acea disciplină care studiază relaţiile dintre om, maşina şi mediul de
lucru.
Studiile ergonomice arată că poziţia de lucru este foarte importantă deoarece previne apariţia
disconfortului şi afecţiunilor profesionale.
De aceea trebuie să ţinem cont de următoarele indicţii :
1. trebuie să ne asigurăm ca biroul si scaunul au poziţia corectă ( antebraţele şi coapsele
trebuie sa fie orizontale ).
2. coatele trebuie ţinute aproape de corp, astfel încât braţul să formeze un unghi drept cu
antebraţul, spatele drept, lipit de scaun.
3. nu sprijiniţi încheieturile pe masă, deoarece limitează mişcările.
4. tastele se lovesc scurt, după care degetele revin intr-o poziţie relaxantă , de aşteptare la
terminarea unui cuvânt, sau grup de cuvinte.
5. tastatura trebuie astfel aşezată încât între braţ şi antebraţ să fie un unghi drept.
6. ecranul, suportul de documentare şi tastatura trebuie să fie amplasate la distanţe
aproximativ egale faţă de ochi, 60 cm, 50 cm.
7. potriviţi înălţimea scaunului astfel încât să ajungeţi la tastatură fără a depărta antebraţele
de corp.
8. centrul ecranului trebuie să corespundă unei direcţii de privire înclinate între 100 şi 200
sub planul orizontal care trece la nivelul ochilor.

16
 BIBLIOGRAFIE

1. MACROMEDIA , CONCEPTE, EXEMPLE, STUDII DE CAZ. COSMIN VÂRLAN .

EDITURA POLIROM, IAŞI 2004

2. MANUAL DE INFORMATICĂ CLASA A XII A, PAGINI HTML, MARCEL ANDREI

HOMORODEAN, SIMONA PETRESCU, EDITURA NICULESCU 2004

3. WWW.MACROMEDIA.COM

17