Documentatie-Atestat 2024 1

Liceul Teoretic “Lucian Blaga” Cluj-Napoca
Lucrare pentru obţinerea atestatului profesional la

INFORMATICĂ
Alamanahul Istoriei Europei din Secolele 20 si 21

(titlul proiectului)
Profesor coordonator, Realizator,

Morari Brândușa Golban Alex
clasa a 12-a A
Mai 2024
1
Cuprins:
1.Prezentarea temei pag 3
2.Realizarea aplicației pag 4
3.Utlizarea aplicației pag 9
4. Resurse necesare pag 14
5.Extinderi posibile ale aplicației pag 15
2
1.Prezentarea temei
Acest site prezintă mai multe repere istorice din ultimii aproape 125 de ani ai
Europei, începând cu secolul al 20-lea mergând până în zilele noastre.
Prin acest site am dorit o întelegere mai bună a celor mai importante
evenimente din ultimul secol și mai bine de atât, evenimente care au schimbat cu totul
cursul vieții, majoritatea având consecințe până in ziua de azi.
Istoria poate reprezenta o lume foarte interesantă, prezentând o adevărată
poveste de la cele mai vechi vremuri și până la zilele noastre prin eroii și ticăloșii, lideri
și persoane obișnuite care și-au lăsat amprenta în aceasta, conturând lumea în care noi
trăim azi.
În acest site sunt prezentate mai multe perioade precum Perioada Antebelică,
Primul Război Mondial, Perioada Interbelică, Al Doilea Război Mondial, Războiul Rece
și Perioada Modernă care ajută utilizatorul să acceseze și să urmărească mai ușor
site-ul
Cam așa arată prezentarea pe scurt a ceea ce apare în proiect
3
2.Realizarea Aplicatiei
Acest site a fost realizat în limbajul HTML și CSS.Pentru scrierea codului s-a
folosit aplicația VSCode, imaginile au fost preluate de pe Google, screenshot-uri de pe
Youtube și arhivă personală
Site-ul conține 8 meniuri principale, unele dintre ele având mai multe
hyperlinkuri care pot prezenta informații fie despre ani, fie despre diverse perioade de
timp dintr-o perioadă istorică.
Acestea sunt:
1. Introducere
2. O scurtă prezentare
3. Perioada Antebelică
4. Primul Război Mondial
5. Perioada Interbelică
6. Al Doilea Război Mondial
7. Războiul Rece
8. Era Globalizării
2.1. Generalități despre limbajul HTML
HTML (Hypertext Markup Language), reprezintă limbajul pe care browserele de

internet îl înțeleg și cu ajutorul căruia pot fi afișate paginile web. HTML nu este un
limbaj de programare, este un limbaj de marcare, un limbaj bazat pe SGML (Standard
Generalized Markup Language) și conceput de Tim Berners-Lee în anul 1989.
4
Un document HTML este un fișier care are extensia .htm sau .html. Pentru
editarea textului unui document HTML pot fi folosite orice tipuri de editoare de texte
(de exemplu “Notepad” din Windows), pot fi convertite din alte formate folosind
diverse editoare HTML sau pot fi create dinamic de un server WWW sau de un script.
Etape parcurse pentru crearea și accesarea unei pagini Web:

 se editează conținutul documentului HTML (paginii Web) cu un editor de text
 se salvează fișierul astfel creat cu extensia .htm sau .html
 se accesează fișierul respectiv (pagina Web) dintr-un browser (Google Chrome,
Internet Explorer), printr-un double-click pe acel fișier.
2.2 Structura documentelor HTML
Despre tagurile HTML

Tag-urile nu sunt altceva decât niște marcaje sau etichete pe care limbajul HTML le
folosește alături de texte pentru a ajuta browser-ul de internet să afișeze corect
conținutul paginii web.
Aceste tag-uri (etichete) pot fi de doua feluri:

 taguri pereche (un tag de inceput si unul de incheiere).
Exemple: <HTML> si </HTML>; <TITLE> si </TITLE>; <HEAD> si </HEAD>
 taguri singulare (nu au un tag de încheiere) Exemple: <HR>, <BR>
Să vedem tag-urile de bază pe care trebuie să le contină un document HTML:

<HTML> - cu acest tag începe orice document HTML. Prin folosirea acestui tag îi
spunem browser-ului că este vorba de un fișier HTML pentru a îl putea afișa.
<HEAD> - între aceste tag-uri sunt trecute, pe lângă titlul paginii, diverse
informații folositoare pentru browser-ul de internet, informații pe care le vom
descoperi pe parcursul acestui curs.
5
</HEAD> - acesta este tag-ul de încheiere al tag-ului <HEAD>
<TITLE> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu

documentului tău. Astfel, textul pe care îl vei scrie intre aceste tag-uri va fi afișat
in bara de titlu a documentului.
</TITLE> - este tag-ul de încheiere al tag-ului <TITLE>. Arată sfârsitul titlului

documentului.
<BODY> - odată cu acest tag Începe conținutul paginii web. Tot ce vei scrie intre
tag-urile <BODY> si </BODY> va fi afișat, de către browser, pe ecranul
monitorului.
</BODY> - ii spui browser-ului că ai terminat de scris conținutul paginii. Tot ceea

ce vei scrie după acest tag nu va mai fi afișat.
</HTML> - este tag-ul de încheiere al tag-ului <HTML>. Codul oricărui document

se termină cu acest tag.
Tag-urile (etichetele) pot fi scrise atât cu litere mari cât și cu litere mici.
2.3 Imagini în HTML
Browserele recunosc, în cadrul paginilor web, mai multe formate ale imaginilor. Cele mai
răspândite sunt cele care au una din terminațiile .jpg sau .jpeg, cele cu extensia .gif și cele
care au extensia .png. Iată în continuare câteva caracteristici ale acestor formate de
imagini:Pentru a insera o imagine într-o pagină HTML se utilizează tag-ul <IMG>
 Sintaxa:
<IMG src="URL-imagine" width="lătime" height="înaltime" alt="text alternativ"
border=“grosime chenar”>
src = sursa, locul unde se află imaginea
6
width = lăț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 = chenar (0 = lipsă bordură)
Dimensiunea imaginii poate fi modificată cu ajutorul argumentelor width și height,
aceasta căpătând dimensiuni diferite în raport cu cele originale
 Exemplu:
 <center><img src="imagini\Screenshot (34).png" style="width:1000px;
height:600px;"></center>
Center semnifică poziția centrală a pozei pusă de browser
2.4 Linkuri
Legatura (link-ul) este o etichetă foarte importantă în HTML deoarece conferă

utilizatorului posibilitatea navigării de la o pagina la alta. De obicei link-ul este subliniat
iar atunci când suntem deasupra lui cursorul îsi schimbă forma.
Link-ul este definit cu etichetele <a> și </a> și are atributele:

href - adresa fișierului destinație
target - în ce fereastra se va deschide fișierul destinație
title - mică descriere asociată legăturii afișată în momentul în care mouse-ul se află
deasupra legăturii
2.5 CSS
CSS sau Cascading Style Sheets este un standard pentru formatarea

elementelor unui document HTML. Stilurile se pot atașa elementelor HTML prin
intermediul unor fișiere externe sau în cadrul documentului, prin
elementul <style> și/sau atributul style. CSS se poate utiliza și pentru formatarea
elementelor XHTML, XML și SVGL. CSS este una dintre tehnologiile de bază utilizate în
procesul de dezvoltare web, împreună cu HTML și JavaScript.
7
CSS permite separarea și prezentarea vizuală a conținutului unei pagini web,
inclusiv culorile și fonturile disponibile. Separarea elementelor unei pagini
îmbunătățește accesibilitatea paginii și permite o mai bună flexibilitate și un control în
specificațiile caracteristicilor de prezentare.
Exemplu de CSS
Acestea sunt niște funcții pentru fiecare tag, pentru tagul u(underline), color
reprezintă culoarea textului, iar font-family reprezintă formatul scrisului.
În tagul p(paragraf) apare și font-size care reprezintă mărimea textului, în pixeli
Culorile pot fi reprezentate și sub formă de cod care începe cu #
Cu ajutorul aceastei secvențe se amenajează textul la distanță egală de margini,

text-align reprezentând alinierea textului, iar width reprezintă distanța față de margini
8
3.Utilizarea Aplicației
Accesarea se poate realiza destul de ușor, tot ce trebuie făcut este să se apese
pe linkuri-le dorite spre diverse informații
3.0.1Introducerea
O simplă pagină care introduce utilizatorul în site
Pagina de Introducere
3.1 Prezentarea
În prezentare se prezintă un fel de rezumat al Istoriei Europei în ultimii 125 de

ani,trecând câte puțin prin fiecare etapă a secolului 20 și 21, ajutându-l pe cititor să
înteleagă mai bine despre ce este site-ul
Așa arată prezentarea

9
3.2 La Belle Epoque
Se prezintă perioada de dinainte de Primul Război Mondial plus Războaiele

Balcanice și cauzele Primului Război Mondial
Prezentare La Belle Epoque
3.3 Primul Război Mondial
La început, un scurt rezumat despre Primul Război Mondial, mai sus fiind
prezenți fiecare an al Primului Război Mondial care prezintă ce s-a întâmplat în fiecare
dintre aceștia
Prezentare Primul Război Mondial
10
3.4 Perioada Interbelică
Prezentarea perioadei și fiecare decadă a acesteia prezentată cât mai pe scurt

din anul 1918 și până în 1939
Prezentare Perioada Interbelică
3.5 Al Doilea Război Mondial
La început, un scurt rezumat despre Al Doilea Război Mondial, mai sus fiind
prezenți fiecare an al celui De-al Război Mondial care prezintă ce s-a întâmplat în
fiecare dintre aceștia
11
Prezentare Al Doilea Război Mondial
3.6 Războiul Rece

din 1945 și până în 1991
Prezentare Războiul Rece
3.7 Perioada Modernă

despre anii 90 si secolul 21
12
Prezentare Perioada Modernă
4. Resurse hardware şi software necesare
Resurse Hardware:
Procesor:Intel Core i-5
Memorie RAM:32GB
13
Spațiu Liber: 31,5 GB
Resurse Software:
Sistem de operare: Windows 11(Desktop)/Windows 10(Laptop)
Internet Browser: Brave
Programe de editare imagini: Paint Net.
Resurse Hardware:
La Laptop
Procesor:Intel Core i-5
Memorie Ram:8 GB
Resurse Software:
Sistem de operare: Windows 11(Desktop)/Windows 10(Laptop)
Internet Browser: Brave
Programe de editare imagini: Paint Net.
5. Extindere posibilă a aplicației
O extindere pe care aș fi aplicat-o ar fi fost o imagine iconică a fiecărui an din

perioada 1901-2024 care să-l facă pe utilizator să treacă mai ușor prin istorie, dar și
prin evenimente
14
Exemplu:Încoronarea Reginei Elisabeta a II-a a Marii Britanii, anul 1953
15
Concertul LiveAid, Londra, Marea Britanie, anul 1985, renumit pentru donațiile foarte
mari care s-au dat pentru Etiopia, Fiind unicul concert de genul in Europa
16
6.Bibliografie
Wikipedia
Youtube(CSS, HTML și istorie)
www.w3schools.com (HTML și CSS)
Documentare(Informațiile istorice)
Google
17

Documentatie-Atestat 2024 1

Încărcat de

Informații document

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-Atestat 2024 1

Încărcat de

Drepturi de autor:

Formate disponibile

Liceul Teoretic “Lucian Blaga” Cluj-Napoca

Lucrare pentru obţinerea atestatului profesional la

Alamanahul Istoriei Europei din Secolele 20 si 21

Profesor coordonator, Realizator,

1.Prezentarea temei pag 3

2.Realizarea aplicației pag 4

3.Utlizarea aplicației pag 9

4. Resurse necesare pag 14

5.Extinderi posibile ale aplicației pag 15

Cam așa arată prezentarea pe scurt a ceea ce apare în proiect

2.1. Generalități despre limbajul HTML

HTML (Hypertext Markup Language), reprezintă limbajul pe care browserele de

Etape parcurse pentru crearea și accesarea unei pagini Web:

2.2 Structura documentelor HTML

Despre tagurile HTML

Aceste tag-uri (etichete) pot fi de doua feluri:

Să vedem tag-urile de bază pe care trebuie să le contină un document HTML:

<TITLE> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu

</TITLE> - este tag-ul de încheiere al tag-ului <TITLE>. Arată sfârsitul titlului

</BODY> - ii spui browser-ului că ai terminat de scris conținutul paginii. Tot ceea

</HTML> - este tag-ul de încheiere al tag-ului <HTML>. Codul oricărui document

2.3 Imagini în HTML

Legatura (link-ul) este o etichetă foarte importantă în HTML deoarece conferă

Link-ul este definit cu etichetele <a> și </a> și are atributele:

CSS sau Cascading Style Sheets este un standard pentru formatarea

În tagul p(paragraf) apare și font-size care reprezintă mărimea textului, în pixeli

Culorile pot fi reprezentate și sub formă de cod care începe cu #

Cu ajutorul aceastei secvențe se amenajează textul la distanță egală de margini,

În prezentare se prezintă un fel de rezumat al Istoriei Europei în ultimii 125 de

Așa arată prezentarea

Se prezintă perioada de dinainte de Primul Război Mondial plus Războaiele

Prezentare La Belle Epoque

3.3 Primul Război Mondial

Prezentare Primul Război Mondial

Prezentarea perioadei și fiecare decadă a acesteia prezentată cât mai pe scurt

Prezentare Perioada Interbelică

3.5 Al Doilea Război Mondial

3.6 Războiul Rece

Prezentarea perioadei și fiecare decadă a acesteia prezentată cât mai pe scurt

Prezentare Războiul Rece

3.7 Perioada Modernă

Prezentarea perioadei și fiecare decadă a acesteia prezentată cât mai pe scurt

4. Resurse hardware şi software necesare

5. Extindere posibilă a aplicației

O extindere pe care aș fi aplicat-o ar fi fost o imagine iconică a fiecărui an din

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