Lect. univ. dr. Vlad Monescu Absolvent: Culcea( Ciurea) Alina Mihaela Brașov, 2020 Programul de studiu: Conversie Informatică și Tic PROIECTAREA ȘI… [305441]

LUCRARE DE ABSOLVIRE

Coordonator științific:

Lect. univ. dr. Vlad Monescu Absolvent: [anonimizat]( Ciurea) Alina Mihaela

Brașov, 2020

Programul de studiu: [anonimizat] “HAPPY AND JOY” UTILIZÂND HTML+CSS

Coordonator științific:

Lect. univ. dr. Vlad Monescu Absolvent: [anonimizat]( Ciurea) Alina Mihaela

Brașov, 2020

Cuprins

CAPITOLUL I

Introducere………………………………………………………………………………………………..4

CAPITOLUL II

Tehnologii Web……………………………………………………………………………..5

Tehnologii Web folosite……………………………………………………………….6

Limbajul HTML………………………………………………………………………..6

CSS………………………………………………………………………………………….19

[anonimizat]………………………………………………………………………………. 26

CAPITOLUL IV

Concluzii și direcții de dezvoltare…………………………………………………………..35

Bilbiografie și webografie……………………………………………………………………….36

CAPITOLUL I

[anonimizat] “Happy and Joy” [anonimizat], Internetul va deveni principalul canal de marketing. Odată cu dezvoltarea tehnologiilor web, [anonimizat].

Alegerea acestei teme a [anonimizat] 2019 am deschis grădinița și after school ,”Happy and Joy” [anonimizat]. [anonimizat], atunci este nevoie de o prezență bine promovată în acest mediu.

[anonimizat]-o [anonimizat] "prezențe online" este esențială pentru succesul companiei și pentru atragerea clienților în magazinul fizic.

[anonimizat] – a [anonimizat] a veniturilor unei afaceri. Printre beneficiile aduse de un site web sunt: [anonimizat], [anonimizat]-ul ajutând la informarea rapidă a [anonimizat] a acestora.

Realizarea unui website pentru gradiniță este o [anonimizat]. [anonimizat], mi-[anonimizat], [anonimizat], [anonimizat], [anonimizat].

CAPITOLUL II

I.TEHNOLOGII WEB

Un site web este o colecție de documente ( similar unei colecții de documente word). [anonimizat]-ul nu sunt independente unele de altele, ci sunt legate printr-un sistem ce se numește sistemul de navigație în cadrul site-ului.

Paginile site-ului sunt create cu ajutorul unui limbaj numit HTML. În spatele fiecărei pagini web stă codul HTML al paginii. Vizualizarea codului sursă HTML poate fi realizată selectând din meniul WIEW al browswer-ului opțiunea Source.

Cu ajutorul limbajului HTML pot fi incluse într-o pagina web texte, imagini, legături către alte pagini din site, sau către web, liste, tabele, formulare.

HTML nu este un limbaj de programare propriu-zis, ci un limbaj de marcare. Prin intermediul său, programatorul stabilește ce elemente vor face parte din pagina web și care va fi aspectul acestora. Acest lucru se realizează cu ajutorul unor cuvinte cheie, numite tag-uri. În afara limbajului HTML, la realizarea unui site mai pot participa și alte limbaje sau tehnologii.

CSS este prescurtarea de la Cascading Style Sheets, fiind folosit la stabilirea unui aspect unitar pentru elementele care fac parte din pagina web și modificarea cu ușurință a lor. Dacă vom crea o pagină de stiluri în care vom stabili ca titlurile care apar în site vor fi de culoarea verde și marimea de 25 pixeli, în cazul în care vom dori modificarea culorii nu va fi necesar să modificăm fiecare pagină a site-ului, fiind suficientă modificarea paginii de stiluri și toate paginile își vor modifica aspectul.

Java Script. Spre deosebire de HTML, Java este un limbaj de programare, folosindu-se împreună cu HTML. Într-o pagina scrisă în HTML se pot integra programe scrise în Java Script. Se folosesc frecvent ferestrele pop-up, meniuri dinamice, afișarea imaginilor, texte care fac scroll, verificarea formularelor.

PHP si MySql. PHP este de asemenea un limbaj de programare. Scripturile Java Script sunt executate de catre browser, iar scripturile PHP sunt executate de server. PHP se foloseste pentru a crea diverse aplicații: magazine virtuale, cataloage de produse, forumuri, motoare de căutare. Este folosit adesea împreună cu MySql. MySql este un sistem de baze de date special conceput pentru a fi folosit pe internet. Cu ajutorul lui se pot crea baze de date complexe care pot fi interogate prin intermediul programelor scrise în PHP.

II. TEHNOLOGII WEB FOLOSITE

1. Limbajul HTML

1.1 Noțiuni generale

Limbajul de marcare nu este un limbaj de programare, deci nu utilizează instrucțiuni în stocarea și accesarea informatiei. Limbajele de marcare utilizează etichete ( labels) sau marcaje (tag-uri) care definesc:

Structura unui document prin delimitarea secțiunilor documentului și a relațiilor dintre acestea;

Modul de prezentare a sectiunilor documentului.

Un document HTML se poate realiza în două moduri:

-manual, redactând codul sursă într-un editor, de exemplu Notepad;

– cu ajutorul editoarelor specializate, aplicații software pentru crearea paginilor web.

Pentru obținerea codului sursă al unei pagini web, se efectuează click dreapta pe pagină și se selectează Wiew Source. Astfel, editorul de text Notepad va deschide document HTML ce conține codul sursă al paginii web.

Paginile Web sunt sunt constituite din etichete și tag-uri în limbajul HTML care se pot scrie într-un fișier text care să fie salvat cu extensia .html. Principala pagină a unui domeniu este fișierul index.html.

HTML este un limbaj de marcare ce folosește diferite etichete pentru formatarea conținutului. Aceste etichete sunt încep cu caracterul < și se termină cu caracterul >. Cu excepția câtorva etichete, majoritatea tagurilor au tag-urile de închidere corespunzătoare. De exemplu, <html> are eticheta de închidere </html> și <body> tag are eticheta de închidere </body> etc.

<tag>

…….

</tag>

Structura unui document HTML

O pagină scrisă în HTML începe și se termină cu tagurile <html> și </html>. În interiorul acestor taguri, se găsesc perechile <head>, </head> și <body>, </body>.

<html> început document

<head> început antet

<title> Titlul </title> titlu

</head> sfârșit antet

<body> început corp document

Conținulul paginii

</body> sfârșit corp document

</html> sfârșit document

Exemplu:

Un alt element important în crearea unei pagini web îl reprezintă DOCTYPE-ul. Eticheta de declarație <! DOCTYPE> este utilizată de browserul web pentru a înțelege versiunea HTML utilizată în document. Versiunea HTML 5 și folosește următoarea declarație:

<!DOCTYPE html >

Eticheta de tip <meta> poate fi folosit pentru a specifica autorul, data publicării, data expirării, descrierea paginii, cuvinte cheie. Acest element nu are tag de sfârșit.

<meta http-equiv=’Content-Type’ content=’text/html; charset=iso-8859-2’>

<meta name=’description’ content=’Grădiniță și after school’>

<meta name=’keywords’ content=’grădiniță,after school,copiii,profesori…’>

1.2. Formatarea textului

Pentru evidențierea textului se folosesc efectele de formatare specific editoarelor de text.
Fonturilor li se poate modifica: mărimea, culoarea ( red, green, yellow), forma (normal, bold, italic), familia (Times New Roman, Arial, etc.), textul poate fi aliniat pe orizontală sau verticală, iar titlurile (header), de la 1 la 6, sunt diferite ca mărime (1 cel mai mare iar 6 cel mai mic) și folosesc etichetele <h1>, <h2>, <h3>, <h4>, <h5> și <h6>. În timp ce afișează orice titlu, browserul adaugă o linie înainte și una după aceea.

Codul Afișare

Elementul <p> oferă o modalitate de a structura textul în diferite paragrafe. Fiecare paragraf de text ar trebui să se încadreze între un tag de deschidere <p> și unul de închidere </p> , fiind cel mai comun element de bloc.

Codul Afișare

Ori de câte ori se utilizează eticheta <br />, orice urmează, începe de la un nou rand. Această etichetă este un exemplu de element gol, în care nu este nevoie de etichete de deschidere și închidere, deoarece nu există nimic de intrat între ele. Trecerea la un paragraf nou se face doar prin introducerea etichetei  <p>.

Tag-ul <br /> face parte din categoria elemente goale si nu necesită tag de sfârșit.

Codul Afișare

În HTML, eticheta <hr> introduce o linie linie orizontală și face trecerea la un rând nou.

Codul Afișare

Etichetele <div> si </div> delimitează un bloc text în vederea formatării. Unul din atributele blocului div este align care poate lua valorile:
center –  aliniere pe centru
left  – aliniere la stânga
right –  aliniere la dreapta

Atunci când dorim ca textul introdus să fie afișat exact așa cum a fost introdus (text preformatat) în fișierul sursă vom folosi perechea de etichete <pre> și </pre>.

Codul

Afișare

1.3. Liste

Pentru organizarea textului sub formă de enumerare, în HTML se folosesc trei tipuri de liste: liste neordonate, liste ordonate și liste de definiții.

Listele neordonate se folosesc pentru organizarea unui text și sunt delimitate de etichetele <ul> și </ul> iar elementele de <li> și </li>.

Codul Afișare

Elementul <ol> are atributul type , care poate lua valorile square, circle și disc.

Codul

Afișare

Listele ordonate sunt delimitate de etichetele <ol> și </ol> iar elementele de <li> și </li>.

Codul Afișare

Elementele listei pot fi particularizate folosind atributul type care poate lua valorile A (litere mari), a (litere mici), I (cifre romane mari), i (cifre romane mici), 1 (optiunea default):

Codul Afișare

Elementul <dl> (Definition Lists) – are rolul de a descrie o listă de definiții, delimitată de tag-urile <dl> și </dl>

Elementul <dt> (Definition Term) – definește termenul din listă care trebuie descris. Se utilizează tag-ul <dt>

Elementul <dd> (Definition Description) – are rolul de a reține descrierea termenului. Se utilizează tag-ul <dd> .

Codul Afișare

1.4. Linkuri

Link-ul este o etichetă foarte importantă în HTML deoarece conferă utilizatorului posibilitatea navigării de la o pagină la alta. De obicei link-ul este subliniat iar atunci când suntem deasupra lui cursorul își schimbă forma.

Elementul a ( ancora) definește începutul unei ancore și este marcat cu <a> iar sfârșitul cu </a>. O ancoră are adresa URL a unei resurse oarecare aflată pe un server și un text lămuritor (sau o imagine) asupra legăturii. Practic, se afișează, subliniat, doar textul lămuritor. Atributele unei ancore sunt:
href – adresa fișierului destinație
target – fereastra în care se va deschide fișierul destinație
title – mică descriere asociată legăturii afișată în momentul în care mouse-ul se află deasupra link-ului

Codul Afișare

Ancora se scrie tot între etichetele <a> și </a> dar cu atributul name. Pentru a face trimitere către ancoră se introduce un link cu atributul href , având ca valoare denumirea ancorei.

Codul Afișare

1.5. Imagini

Majoritatea paginilor web conțin imagini, astfel pagina fiind mult mai atractivă. Cele mai utilizate  formate de imagini în paginile web sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP (*.bmp), PNG (*.png).

Elemental folosit pentru inserarea unei imagini în pagină este <img> și are urmatoarele atribute:
src = identifică fișierul care conține imaginea respectivă
width = lațimea imaginii
height = înălțimea imaginii
alt = numele care înlocuiește imaginea până aceasta se încarcă sau când nu a fost găsită
border = chenarul

Dimensiunea imaginii afișate de browser este stabilită de atributele width si height care pot fi diferite de dimensiunile imaginii originale.

Codul

Afișare

1.6. Tabele

În cadrul unei pagini web se pot introduce și tabele, extrem de utile pentru evidențierea unor date sau pentru a delimita spațiul paginii.

Organizarea textului sub formă de tabel conduce la dispunerea acestuia pe linii și coloane, fiecare celulă păstrând informația care va fi afișată. Pentru o afișare corectă a tabelului fiecare rând va avea același numar de celule.

Elementul table – descrie un tabel, utilizând etichetele <table> și </table>

Elementul tr – descrie o linie a tabelului, care începe cu <tr> și se termină atunci când este întâlnit un nou <tr> . Opțional, se poate folosi și tag-ul </tr> pentru a închide linia curentă.

Elemenul td – descrie o celulă a tabelului. Se utilizează tag-urile <td>și </td>.

Codul

Afișare

Atributele etichetei table sunt:

Atributele etichetei td sunt:

Elementul caption permite scrierea titlului unui tabel, centrat pe mijloc. Caption se scrie între cele două tag-uri <caption> și </caption>,se adaugă imediat dupa tag-ul table .

Codul

Afișare

1.7. Cadre

Cu ajutorul cadrelor pot fi dispuse mai multe pagini web în aceeași fereastră a browser-ului. Fiecare document HTML ce generează o pagină web reprezintă un cadru, iar acestea sunt independente unele față de altele.

Eticheta <frameset> definește modul de împărțire a ferestrei în cadre, ce pot fi sau orizontale.

Atributele etichetei <frameset> sunt:

Cadrele se introduce cu perechile de etichete <frame> </frame> și au atributele:
-src fișierul sau adresa fisierului introdus
-bordercolor  culoarea chenarului conform modelului #rrggbb
-noresize dezactivează posibilitatea vizitatorului de a redimensiona cadrul
-scrolling adaugă cadrului bare de defilare cu valorile yes no și auto

1.8. Formulare

Folosind formularele webdesignerul sau administratorul site-ului poate colecta diverse informatii de la vizitatori.

Cele mai importante atribute ale etichetei <form> sunt action și method.
-action metionează adresa scriptului care interpretează formularul. Aceste scripturi pot fi scrise în limbajele PHP sau Pearl.
-method  arată metoda folosită de browser pentru transmiterea formularului. Poate avea valoarea get și post.
-get – această valoare poate permite trimiterea unor mici cantități de date.
-post – datele sunt trimise separat în cantitati mari .

Codul

Afișare

1.9. Hărți

Elementul map – descrie o hartă, utilizând două tag-uri:<map> și </map> . Între ele se găsește descrierea diverselor zone care alcătuiesc harta. Elementul are următorul atribut:

⇒ name – este numele hărtii. El trebuie trecut în atributul usemap al elementului IMG care descrie imaginea folosită ca o hartă

Elementul area – are rolul de a descrie o zonă din hartă pentru care, la executarea unui clic, se produce un anumit efect. Acest element utilizează tag-ul <area atribut>.

Principalele atribute ale elementului area sunt:

⇒ shape – descrie tipul regiunii respective;

⇒ href – adresa fișierului html sau a unei alte resurse (la fel ca la ancore).

2.CSS ( Cascading Style Sheets)

Foile de stil în cascadă, denumite CSS, sunt un limbaj simplu de design destinat pentru

simplificarea procesului de prezentare a paginilor web.

Stilurile definesc modul de dispunere a elementelor într-unul sau mai multe documente HTML. Browser-ul citește o foaie de stiluri și formatează documentul în concordanță cu specificațiile primite.

Beneficiile sintaxei CSS sunt:

CSS economisește timp, formatarea putând fi introdusă într-un singur loc pentru tot documentul

Pagina se încarcă mai repede datorită faptului că se introduce eticheta într-un singur loc

Întreținere ușoară – Pentru a face o schimbare globală, se poate schimba stilul și toate elementele din paginile web vor fi actualizate automat.

Compatibilitate cu mai multe dispozitive, foile de stil permițând optimizarea conținutului pentru mai mult decât un tip de dispozitiv.

Există mai multe tipuri și moduri de iserare a foilor de stiluri:

Foaie de stiluri externă

Acest mod de inserare este recomandat când stilul se aplică pentru mai multe pagini, cu o foaie externă putându-se schimba un întreg site. Extensia acestor fișiere este .css. Legătura paginilor HTML cu fișierele extene CSS se face prin introducerea următoarei linii:

Atributele indică următoarele:

rel – fișierul este tip styleshhet
type – tip text ce conține comenzi CSS
href – fișierul sau adresa fișierului CSS.

Foaie de stiluri internă

Acest tip de inserare se folosește pentru un singur document cu un stil unic. Pentru a define un stil intern, se folosește eticheta <style>, în secțiunea <head>,conform sintaxei:

Style -specifică unde începe și unde se termină blocul CSS iar type este folosit pentru a ascunde de browserele vechi, care nu cunosc sintaxa CSS, conținutul blocului style.

Stiluri la nivel de linie

Acest tip de stil se folosește pentru a aplica un stil unic pentru o singură apariție a unui element. Se folosește atributul style în eticheta unde vrem să aplicăm formatarea. Sunt amplasate în interiorul etichetelor HTML aflate în zona body și au sintaxa:

Elementul id se definește cu ajutorul caracterului #. Acest element necesită existența comezilor CSS în zona head sau într-un fișier extern.

Codul Afișare

Cu elementul class se pot defini diferite stiluri pentru același tip de element HTML.

Ca și la id necesită existența comezilor CSS în zona HEAD sau într-un fișier extern.

Codul

Afișare

font-family este o listă de fonturi din care browserul va folosi în ordinea în care le recunoaște (primul folosit va fi primul din listă, dacă nu este recunoscut il folosește pe al doilea și tot așa mai departe). Este recomandat ca ultima poziție din lista să fie un font generic (de exemplu serif, sans-serif sau monospace).
În situația în care numele fontului este format din două cuvinte se încadrează între ghilimele duble pentru ca browserul să le interpreteze împreună.

Codul Afișare

Cu parametrul font-size stabileste dimesiunea fontului, exprimat în pixeli (px), puncte (pt), keywords sau procente. Are o funcționare asemănătoare cu eticheta <font>.

Codul Afișare

font-weight este paramerul care stabilește grosimea caracterului putând lua valorile numerice de la 100 la 900 sau BOLD, BOLDER, LIGHTER.

Parametrul text-align poziționează pe orizontală obiecte (de exemplu text sau imagini) și admite valorile left, right și center ca și eticheta align din HTML.

Parametrul text-decoration adaugă sublinierea sau tăierea blocului text asociat și poate avea valorile underline, line-through sau none.

Codul Afișare

Parametrul color definește culoarea textului dintr-o zonă sau întreaga pagină.

Codul Afișare

background-color definește culoarea de fond și poate fi asociat oricarei etichete HTML.

Codul Afișare

Imaginile pot fi folosite ca fundal în spatele întregii pagini, a unui obiect sau a textului.
background-image asociază o imagine ca fundal unui obiect.

Codul Afișare

Folosind eticheta ol, ul, li din HTML se poate crea liste ordonate sau numerotate. Adăugând comenzi CSS în zona HEAD putem adăuga pe langă numere și cifre sau alte simboluri.

Codul Afișare

Fiecare element este încadrat într-o caseta care este compusă din următoarele elemente:

marginea (margin) este spațiul exterior chenarului până la celelalte elemente
chenarul (border) este o bordura care înconjoară elementul
completarea (padding) stabilește distanța dintre conținut și chenar
conținutul  include informația utilă (text, tabele, imagini, formulare, etc.)

border-width stabilește grosimea chenarului și poate fi exprimată în px (pixeli), pt (puncte), cm (centimetri) sau în (inci).

border-style stabilește tipul chenarului și poate fi dotted, dashed, solid, double, groove, ridge, inset și outset.

border-color stabilește culoarea chenarului și poate fi exprimată prin valoare hexazecimală sau în cuvinte.

Codul Afișare

CAPITOLUL III

DESCRIEREA SITE-ULUI

În această lucrare mi-am propus să realizez un site de prezentare pentru grădinița Happy and Joy, parcurgând următoarele etape: planificarea site-ului, scrierea codului sursă a fiecărei pagini care intră în componența site-ului, verificarea site-ului, încărcarea paginilor web pe un server, promovarea și administrarea acestuia.

În prima etapă, planificarea site-ului, am stabilit tematica site-ului, grupul țintă căruia îi este adresat și am stabilit modul de organizare a informației: logo-ul, culoarea fundalului, culoarea și dimensiunea fonturilor, culoarea link-urilor, modul de navigare al vizitatorilor, organizarea conținutului.

Scrierea codului sursă s-a realizat în HTML și CSS, imaginile încărcate fiind utilizate cu moderație, pentru a evita supraâncărcarea paginii web.

Pentru a putea publica site-ul web este necesară utilizarea unui server de Web care să stocheze pagina, iar promovarea acestuia se face prin posta electronică, bannere publicitare și prin înregistrarea site-ului pe cele mai importante motoare de căutare, Yahoo și Google.

Ultima etapă, administarea site-ului, presupune actualizarea paginilor web cât și modificarea designului în funcție de necesități.

Site-ul grădiniței HAPPY AND JOY are următoarele secțiuni:

PAGINA ACASĂ conține logo-ul ,meniul de navigare ACASĂ, DESPRE NOI, GALERIE, SERVICII, PREȚURI, CONTACT.

Tot în pagina Acasă sunt prezentate câteva informații despre curriculum, butonul AFLĂ MAI MULTE, facând legătura cu pagina SERVICII, unde sunt prezentate informațiile pe larg, codul sursă fiind:

Meniul copiilor este prezentat în pagina DESPRE NOI, butonul AFLĂ MAI MULTE din pagina Acasa, făcând legătura cu aceasta.

PAGINA DESPRE NOI prezintă misiunea școlii, cadrele didactice și informații despre meniul copiilor.

Pentru așezarea în pagină a imaginilor cu cadrele didacrice, am folosit codul sursă:

În a treia pagină, GALERIE, sunt prezentate imagini din activitățile copiilor.

În pagina SERVICII sunt prezentate informatii despre curriculum, cursurile optionale și condițiile de care beneficiază copiii grădiniței, acestea fiind realizate cu ajutorul listelor neordonate.

Tot în această pagină se regăsesc informații despre cele trei optiuni de program, scurt, mediu și lung.

Pentru realizarea programului am folosit un tabel și următorul cod:

În a cincea pagină , PREȚURI, sunt prezentate tarifele de bază pentru grădiniță și after school.

În ultima pagină, CONTACT, sunt prezentate datele de contact : numărul de telefon și adresa de e-mail. Pentru ca o persoană să ne poată trimite un email direct din pagina CONTACT, am inserat adresa de email, astfel încât cu un click pe respectiva legătură se lansează programul de trimitere a e-mail-ului, iar adesa noastră va fi trecută automat în câmpul destinatarului.

Pentru o localizare cât mai exactă, am inserat un modul de google maps cu ajutorul codului:

După această prelucrare, pagina CONTACT va arăta astfel:

CAPITOLUL IV

CONCLUZII ȘI DIRECȚII DE DEZVOLTARE

Așa cum am spus și în introducere, alegerea acestei teme a fost una firească, întrucât în seprembrie 2019 am deschis grădinița și after school ,,Happy and Joy,, iar marketing-ul online nu trebuie sa lipsească.

Văzând produsul final, site-ul, consider ca acesta și-a îndeplinit scopul aducând un plus de imagine și profesionalism afacerii pe care o dezvolt, totodată primind un feedback pozitiv din partea părinților, oferindu-le acestora posibilitatea de a afla toate informațiile necesare fără a mai fi nevoie de deplasarea la sediul grădiniței.

Această versiune a site-ului poate fi îmbunătățită, adăugând noi facilități:

Primul punct de dezvoltare ar putea fi crearea unui forum de discuții între părinți și cadrele didactice care ar fi util pentru informarea părinților despre diferite activități din cadrul grădiniței.

O altă direcție de dezvoltare ar putea fi crearea unui formular de pre-înscriere a copiilor, în special la programul after school.

Al treilea punct de dezvoltare ar putea fi crearea unei secțiuni de testimoniale, dând posibilitatea părinților de a lăsa un feedback despre activitatea noastră.

Acestea sunt doar niște idei de dezvoltare a site-ului grădiniței “HAPPY AND JOY” , dar având în vedere progresul tenologiei, mai pot apărea și altele.

Realizarea site-ului grădiniței mi-a scos în cale multe provocări, pe care am reușit mai mult sau mai puțin să le rezolv și deasemenea, am învățat multe lucruri noi care îmi vor fi de folos în cariera profesională.

BIBLIOGRAFIE ȘI WEBOGRAFIE

Cătălin Drogoreanu, “Tutorial complet HTML“,https://etutoriale.ro/articles/112/11/Tutorial-complet-HTML/, 2006

Cătălin Drogoreanu, “Tutorial complet CSS“,https://etutoriale.ro/articles/103/1/Tutorial-complet-CSS/, 2006

CSS Tutorial, https://www.w3schools.com/css/default.asp

HTML Tutorial, https://www.w3schools.com/html/

Ionescu C.Traian, Anghel Ana Magdalena, Pietraru Radu Nicolae, Olteanu Adriana, TEHNOLOGIA INFORMAȚIEI ȘI COMUNICĂRII, 2011

Mioara Gheorghe, Monica Tataram, Corina Achinca, MANUAL INFORMATICĂ PENTRU CLASA a XII-a, Editura Corint, 2007

https://manuale.edu.ro/manuale/Clasa%20a%20XII-a/Informatica/All2/A215.pdf