Documente Academic
Documente Profesional
Documente Cultură
PROFESIONALE
Coordonator:
JURCA RAUL
Clasa a XII-a MI
2019
Pagină 1 din 27
CUPRINS
Pagină 2 din 27
1.MOTIVAŢIA ALEGERII TEMEI
Motivul alegerii acestei teme a fost pasiunea mea pentru istoria poporului român și dorința de a
pătrunde mai adânc în tainele trecutului care au condus la ceea ce noi numim astăzi România.
Dorind să studiez și interpretez perioada istorică care a influențat cel mai intens destinul și actualul
statut al poporului român, am ales ca obiect de studiu istoria României restricționată la secolul al XX-lea,
întrucât această perioadă cuprinde cele mai importante evenimente care au făcut ca și în prezent să dăinuiască
conștiința și spiritul național.
Pe parcursul acestui veac, România a suportat două războaie mondiale, a realizat dorința de secole a
neamului românesc, și anume unirea principatelor istorice legate împreună de trecut și a lăsat în urmă două
regimuri democratice , fiind o adevărată putere pe scena europeană. La dobândirea acestui statut prestigios au
contribuit în special câțiva români care s-au remarcat prin munca depusă de ei, prin valorile pe care le
ascundeau și prin puterea de sacrificiu, calități care îi fac să rămână în memoria noastră ca modele si
personalități celebre ale secolului al XX-lea. Acești oameni ( șefi de stat, prim-miniștrii, politicieni, scriitori,
preoți, conducători ai armatei, soldați, cetățeni ) au demonstrat că erau oamenii potriviți la locul potrivit, fiind
în totalitate capabili să îndeplinească nevoile pe care funcțiile ocupate de ei le solicitau, rămânand și astăzi
modele pentru noi în ceea ce prevede o raportare onorabilă către stat.
Scopul realizării proiectului este informativ și demonstrativ, fiind accesibilă tuturor utilizatorilor
internetului care sunt îndemnați de curiozitate pentru a afla motivele pentru care prezentul are forma pe care
noi astăzi o deducem.
Pagină 3 din 27
2.DESCRIEREA APLICAŢIEI
Pagina principală a proiectului s-a făcut pe baza următorului cod sursă din fișierul (Schita.html):
<html>
<frameset rows="20%,80%">
<frame src="top.html" name="top">
<frameset cols="25%,75%">
<frame src="left4.html" name="left">
<frame src="var2.html" name="right">
</frameset>
</frameset>
</html>
Pagină 4 din 27
Stilizarea paginilor s-a făcut cu ajutorul selectorilor CSS(Cascading Style Sheets, stilurile pentru o
pagină fiind definite in partea de Head a documentului html.
Meniul principal a fost realizat în HTML și CSS și cuprinde 6 opțiuni, dintre care două cuprind alte
subopțiuni, generate cu ajutorul CSS-ului(drop down list) .
Alegerea opțiunii meniu deschide pagina principală a site-ului și conține toate adresele către paginile site-
ului.
{
background-color: #319df8;
Pagină 5 din 27
width: 140px;
height:330px;
padding: 40px;
border: 10px solid black;
margin: 40px;
background-image: url('poza5.jpg');
}
first {
width: 100px;
float: left;
height: 300px;
background-color:blue;
}
second {
width: 700px;
float: left;
height: 400px;
position: absolute;
right: 210px;
top: 220px;
background-image: url('poza4.jpg');
border: 10px solid black;
}
body {
font-family: "Lato", sans-serif;
}
.sidenav {
height: 73%;
width: 200px;
position: fixed;
z-index: 1;
Pagină 6 din 27
top: 55;
left: 70;
background-color: rgba(255, 255, 255, .4);
overflow-x: hidden;
padding-top: 20px;
}
.sidenav a, .dropdown-btn {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: #818181;
display: block;
border: none;
background: none;
width: 100%;
text-align:left;
cursor: pointer;
outline: none;
}
Pagină 7 din 27
.dropdown-container {
display: none;
background-color: rgba(255, 255, 255, .4);
padding-left: 8px;
}
.fa-caret-down {
float: right;
padding-right: 8px;
}
</style>
<body background="poza2.jpg">
<p>
<strong>
<div class="sidenav">
<a href="Part1.html" target="right">Introducere</a>
<button class="dropdown-btn">Evenimente istorice
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-container">
<a href="Part11.html" target="right">Marea Unire</a>
<a href="Part12.html" target="right">Al Doilea Răboi Mondial</a>
<a href="Part13.html" target="right">Instalarea regimului comunist</a>
</div>
<button class="dropdown-btn">Personalităţi
<i class="fa fa-caret-down"></i>
Pagină 8 din 27
</button>
<div class="dropdown-container">
<a href="Part3.html" target="right">Carol I</a>
<a href="Part7.html" target="right">Ferdinand</a>
<a href="Part8.html" target="right">Nicolae Iorga</a>
</div>
<a href="Part4.html" target="right">Galerie foto regii României</a>
<a href="quiz3.html" target="right">Test</a>
<a href="Part6.html" target="right">Contact</a>
</div>
</strong>
<script>
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;
Pagină 9 din 27
</script>
</body>
</html>
Prima opțiune din meniu face legătura cu pagina Part1.html, prezentând o scurtă istorie a secolului al
XX-lea.
A doua opțiune, deschide alte trei subopțiuni care deschid paginile Part11.html, Part12.html,
Part13.html , care la rândul lor prezinta câteva din marile evenimente ale secolului (în ordine, Marea Unire,
România în Al Doilea Război Mondial, România comunistă).
A treia opțiune, deschide alte trei subopțiuni care deschid paginile Part3.html, Part7.html,
Part8.html , care la rândul lor prezintă câteva mari personalități române ale vremii(în ordine, Carol I,
Ferdinand, Nicolae Iorga).
A patra opțiune face legătura spre galeria foto care prezintă cei 4 regi ai României.
Pagină 10 din 27
<html>
<head>
<title>Istoria Romaniei</title>
<style type="text/css" rel="stylesheet">
{
box-sizing: border-box;
}
.row > .column {
padding: 0 6px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.column {
float: left;
width: 20%;
}
.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 75px;
left: 0;
top: 0;
width: 100%;
height: 85%;
overflow: auto;
background-color: black;
}.modal-content {
position: relative;
background-color: #fefefe;
Pagină 11 din 27
margin: auto;
padding: 0;
width: 50%;
height:30%;
max-width: 1200px;
}
.close {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}
.mySlides {
display: none;
}
.cursor {
cursor: pointer;
}
.prev,
.next {
Pagină 12 din 27
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
img {
margin-bottom: -4px;
Pagină 13 din 27
}
.caption-container {
text-align: center;
background-color: black;
padding: 1px 3px;
color: white;
}
.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
img.hover-shadow {
transition: 0.3s;
}
.hover-shadow:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
</style>
</head>
<body background="poza2.jpg">
<br>
<br><br>
<br>
<div class="row">
Pagină 14 din 27
<div class="column">
<img src="poza9.jpg" style="width:80%" onclick="openModal();currentSlide(1)" class="hover-shadow
cursor">
</div>
<div class="column">
<img src="poza17.jpg" style="width:80%" onclick="openModal();currentSlide(2)" class="hover-shadow
cursor">
</div>
<div class="column">
<img src="poza50.jpg" style="width:80%" onclick="openModal();currentSlide(3)" class="hover-shadow
cursor">
</div>
<div class="column">
<img src="poza52.jpg" style="width:80%" onclick="openModal();currentSlide(4)" class="hover-shadow
cursor">
</div>
</div>
<div class="mySlides">
<div class="numbertext">1 / 4</div>
<img src="poza9.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">2 / 4</div>
<img src="poza17.jpg" style="width:100%">
</div>
<div class="mySlides">
Pagină 15 din 27
<div class="numbertext">3 / 4</div>
<img src="poza50.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">4 / 4</div>
<img src="poza52.jpg" style="width:100%">
</div>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="column">
<img class="demo cursor" src="poza9.jpg" style="width:100%" onclick="currentSlide(1)" alt="Carol
I">
</div>
<div class="column">
<img class="demo cursor" src="poza17.jpg" style="width:100%" onclick="currentSlide(2)"
alt="Ferdinand">
</div>
<div class="column">
<img class="demo cursor" src="poza50.jpg" style="width:100%" onclick="currentSlide(3)" alt="Carol al
II-lea">
</div> <div class="column">
Pagină 16 din 27
</div>
</div>
</div>
<script>
function openModal() {
document.getElementById('myModal').style.display = "block";
}
function closeModal() {
document.getElementById('myModal').style.display = "none";
}
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides")ș
var dots = document.getElementsByClassName("demo");
var captionText = document.getElementById("caption");
if (n > slides.length) {slideIndex = 1}
Pagină 17 din 27
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
</body>
</html>
Pagină 18 din 27
Codul după care a fost format testul de tip formular quiz este următorul:
<html>
<head>
<title>Test istoria Romaniei secolul al XX-lea</title>
</head>
<body>
<center><h1>Test istoria României secolul al XX-lea</h1></center> <p>
<form name="Test"> <p>
<b>Întrebarea 1.
<br>Cine a fost primul rege al României?<br></b>
<blockquote>
<input type="radio" name="q1" value="Ferdinand">Ferdinand<br>
<input type="radio" name="q1" value="Carol I">Carol I<br>
<input type="radio" name="q1" value="Carol II">Carol II<br>
</blockquote>
<p><b><hr>
Întrebarea 2.
<br>În ce an s-a realizat Marea Unire?<br></b>
<blockquote>
<input type="radio" name="q2" value="1918">1918<br>
<input type="radio" name="q2" value="1914">1914<br>
<input type="radio" name="q2" value="1923">1923<br>
</blockquote>
<p><b><hr>
Întrebarea 3.
<br>În ce an abdică regele Mihai?<br></b>
<blockquote>
<input type="radio" name="q3" value="1947">1947<br>
<input type="radio" name="q3" value="1946">1946<br>
<input type="radio" name="q3" value="1956">1956<br>
</blockquote>
Pagină 19 din 27
<p><b>
<hr>
Întrebarea 4.
<br>Ce politician român moare asasinat în toamna lui 1940?<br></b>
<blockquote>
<input type="radio" name="q4" value="Zelea Codreanu">Zelea Codreanu<br>
<input type="radio" name="q4" value="Iuliu Maniu">Iuliu Maniu<br>
<input type="radio" name="q4" value="Nicolae Iorga">Nicolae Iorga<br>
</blockquote>
<p><b><hr>
Întrebarea 5.
<br>În ce an a fost înfiinţat Partidul Naţional Liberal?<br></b>
<blockquote>
<input type="radio" name="q5" value="1927">1927<br>
<input type="radio" name="q5" value="1880">1880<br>
<input type="radio" name="q5" value="1875">1875<br>
</blockquote>
<p><b><hr>
Întrebarea 6.
<br>Câţi regi a avut România?<br></b>
<blockquote>
<input type="radio" name="q6" value="4">4<br>
<input type="radio" name="q6" value="3">3<br>
<input type="radio" name="q6" value="1">1<br>
</blockquote>
<p><b>
Întrebarea 7.
<br>În ce an falsificau comuniştii alegerile?<br></b>
<blockquote>
<input type="radio" name="q7" value="1946">1946<br>
<input type="radio" name="q7" value="1947">1947<br>
<input type="radio" name="q7" value="1952">1952<br>
</blockquote>
Pagină 20 din 27
<p><b><hr>
Întrebarea 8.
<br>Câţi ani a controlat Nicolae Ceauşescu?<br></b>
<blockquote>
<input type="radio" name="q8" value="26">26<br>
<input type="radio" name="q8" value="30">30<br>
<input type="radio" name="q8" value="24">24<br>
</blockquote>
<p><b><hr>
Întrebarea 9.
<br>Cine a fost prim-ministru pe vremea lui Ferdinand?<br></b>
<blockquote>
<input type="radio" name="q9" value="Nicolae Iorga">Nicolae Iorga<br>
<input type="radio" name="q9" value="Ionel Bratianu">Ionel Brâtianu<br>
<input type="radio" name="q9" value="Mihail Kogalniceanu">Mihail Kogâlniceanu<br>
</blockquote>
<p><b><hr>
Întrebarea 10.
<br>În ce an a căzut comunismul în România?<br></b>
<blockquote>
<input type="radio" name="q10" value="1989">1989<br>
<input type="radio" name="q10" value="1965">1965<br>
<input type="radio" name="q10" value="1992">1992<br>
</blockquote><p><b><hr>
Întrebarea 11.
<br>Unde au murit soţii Ceauşescu?<br></b>
<blockquote>
<input type="radio" name="q11" value="Bucuresti">Bucureşti<br>
<input type="radio" name="q11" value="Targoviste">Târgovişte<br>
<input type="radio" name="q11" value="Timisoara">Timişoara<br>
</blockquote>
<p><b><hr>
Întrebarea 12.
Pagină 21 din 27
<br>În ce an a avut loc criza dinastică?<br></b>
<blockquote>
<input type="radio" name="q12" value="1930">1930<br>
<input type="radio" name="q12" value="1926">1926<br>
<input type="radio" name="q12" value="1927">1927<br>
</blockquote>
<p><b><hr>
Întrebarea 13.
<br>Cine a fost primul preşedinte al României după revoluţie?<br></b>
<blockquote>
<input type="radio" name="q13" value="Ion Ratiu">Ion Raţiu<br>
<input type="radio" name="q13" value="Emil Constantinescu">Emil Constantinescu<br>
<input type="radio" name="q13" value="Ion Iliescu">Ion Iliescu<br>
</blockquote>
<p><b><hr>
Întrebarea 14.
<br>În ce an a fost introdus votul universal?<br></b>
<blockquote>
<input type="radio" name="q14" value="1923">1923<br>
<input type="radio" name="q14" value="1918">1918<br>
<input type="radio" name="q14" value="1952">1952<br>
</blockquote>
<p><b><hr>
Întrebarea 15.
<br>În vara cărui an au avut loc marile pierderi teritoriale?<br></b>
<blockquote>
<input type="radio" name="q15" value="1945">1945<br>
<input type="radio" name="q15" value="1937">1937<br>
<input type="radio" name="q15" value="1940">1940<br>
</blockquote>
<p><b>
<input type="button"value="Verifică-mă"onClick="getScore(this.form);">
<input type="reset" value="Şterge tot"><p>
Pagină 22 din 27
Răspunsuri corecte din 15 <input type= text size 15 name= "mark">
Scor în procentaj <input type=text size=15 name="percentage"><br>
</form> b<p>
<form method="post" name="Form" onsubmit="" action="">
</form>
</body>
<script>
var numQues = 15;
var numChoi = 3;
var answers = new Array(15);
answers[0] = "Carol I";
answers[1] = "1918";
answers[2] = "1947";
answers[3] = "Nicolae Iorga";
answers[4] = "1875";
answers[5] = "4";
answers[6] = "1946";
answers[7] = "24";
answers[8] = "Ionel Brătianu";
answers[9] = "1989";
answers[10] = "Târgovişte";
answers[11] = "1927";
answers[12] = "Ion Iliescu";
answers[13] = "1923";
answers[14] = "1940";
function getScore(form) {
var score = 0;
var currElt;
var currSelection;
for (i=0; i<numQues; i++) {
currElt = i*numChoi;
answered=false;
for (j=0; j<numChoi; j++) {
Pagină 23 din 27
currSelection = form.elements[currElt + j];
if (currSelection.checked) {
answered=true;
if (currSelection.value == answers[i]) {
score++;
break;
}}}
if (answered ===false){alert("Nu ai raspuns la toate intrebarile!") ;return false;}
}
var scoreper = Math.round(score/numQues*100);
form.percentage.value = scoreper + "%";
form.mark.value=score;
}
</script>
</html>
Ultima opțiune deschide pagina Part6.html, care închide meniul cu opțiuni,
oferind detalii despre realizator.
Pagină 24 din 27
3.DESCRIEREA TEHNOLOGIEI FOLOSITE
Proiectul a fost realizat în HTML prin programare directă în codul sursă. Până în anul 1990 accesarea
informațiilor de pe INTERNET era foarte dificilă și rețeaua nu era folosită decât de un număr restrâns de
persoane, în general oameni de știință.
Fizicianul Tim Berners-Lee a devenit celebru deoarece a inventat ‘link’-urile hypertext.Această idee
a dus la dezvoltarea unui limbaj simplu care s-a impus pe piața mondială.Acest limbaj a fost numit
Hypertext Markup Language, prescurtat, HTML.
Dar ce este de fapt limbajul HTML ? HTML-ul este un set de convenții pentru marcarea porțiunilor
de document astfel încât fiecare porțiune să apară cu format distinct atunci când documentul este accesat de
un program de analiză sintactică (parser). HTML este limbajul de marcare ce stabilește aspectul
documentelor WWW, iar prin intermediul browserelor se poate vedea documentul gata formatat.
HTML este de fapt un subset al standardului SGML (Standard Generalized Markup Language)
și include capacități care permit autorilor să insereze hiperlegături care afișează alte documente HTML când
se execută click pe ele. Noțiunea de hypertext înseamnă text păstrat în format electronic cu link-uri între
pagini.
Până în 1993, în jur de 100 de calculatoare erau echipate pentru a găzdui pagini HTML;aceste
pagini interconectate au fost denumite <WORLD WIDE WEB>
Nu mult după aceea au început să fie scrise primele browsere Web cu ajutorul cărora puteau fi
vizualizate pagini web care conțineau text și imagini.
În funcție de versiunea HTML folosită, paginile WEB sunt grupate în trei generații:
- paginile din prima generație, care foloseau versiunea 1.0, în care se edita text și 1-2 imagini.
- paginile din a două generație, proiectate cu HTML 2.0, care puteau conține și un fundal, permiteau
aranjarea datelor în tabele și posibilitatea de a comanda un produs prin intermediul Internetului.
- paginile din a treia generație care pot conține culori diferite, secvențe animate, sunete, etc.
Documentele HTML sunt exclusiv de tip text (ASCII); ele pot fi editate direct, prin comenzi
specifice sistemului de operare folosit. În WINDOWS, se poate utiliza NOTEPAD,WORDPAD sau orice alt
editor de texte.
Vizualizarea acestor documente se face cu ajutorul unor aplicății speciale, numite BROWSER-e,
care nu depind de tipul sistemului de calcul folosit, ceea ce permite independența fișierelor de tip HTML față
de platforma de lucru.
Pagină 25 din 27
Pentru descrierea documentelor WEB se utilizează anumite etichete (tag-uri) specifice pentru
fiecare element descris; acestea stabilesc structura și aspectul documentului final.
Tag-urile sunt recunoscute de browsere care stabilesc apoi modul de formatare a documentului.
Pentru delimitarea (separarea ) tag-urilor se folosesc delimitatorii “<” și “>” care încadrează fiecare eticheta.
Formă generală: <tag> pentru a marca începutul unui tag și </tag> pentru a marca sfârșitul unui
tag.
În HTML nu se face distincție între majuscule și minuscule;
Unele elemente HTML admit atribute care specifică informații suplimentare despre conținutul
elementului. Atributele elementului se precizează în cadrul etichetei de început și se aplică doar elementului
curent.
Ex. Dacă se dorește includerea unei imagini în document, se va specifică drept atribut adresa
fișierului care conține imaginea și eventual alte informații despre felul în care se va face includerea.
Avantajul major al unui browser este acela că poate suportă și alte limbaje, ca Java sau Basic, ce
completează utilitatea limbajului HTML.
Rularea acestui program implică puține resurse hard si soft. Calculatorul si componentele sale
reprezintă principala resursă hard. Resursa soft utilizată este explorerul GOOGLE CHROME sau
INTERNET EXPLORER
Funcționarea corectă depinde de foarte puțini factori la nivel hardware.
Configurația minimă necesară :
procesor la 133MHz
min. 32 MB RAM (de preferat cel puțin 64 MB)
o placă video care să suporte mai mult de 256 de culori (opțional pentru o afișare corectă
a detaliilor)
Este necesară o versiune a browser-ului care să permită recunoașterea tuturor comenzilor ( testul a
fost făcut cu Internet Explorer 6.0 ), și de asemenea este obligatoriu un flash player, sau un « patch » pentru
flash.
Pagină 26 din 27
BIBLIOGRAFIE
https://ro.wikipedia.org/wiki/Istoria_românilor
https://ro.wikipedia.org/wiki/România_în_al_Doilea_Război_Mondial
https://www.rfi.ro/politica-104177-pagina-de-istorie-intrarea-romaniei-al-doilea-razboi-mondial
https://ro.wikipedia.org/wiki/Marea_Unire
https://ro.wikipedia.org/wiki/România_comunistă
https://www.scribd.com/doc/75393404/Scurt-Istoric-Al-Comunismului-in-Romania
https://www.w3schools.com/tags/
https://ro.wikipedia.org/wiki/HyperText_Markup_Language
https://www.w3schools.com/html/html_css.asp
https://ro.wikipedia.org/wiki/Carol_I_al_României
https://ro.wikipedia.org/wiki/Ferdinand_I_al_României
https://ro.wikipedia.org/wiki/Nicolae_Iorga
http://autori.citatepedia.ro/de.php?a=Nicolae+B%E3lcescu
http://www.litera.ro/istoria-romaniei-in-imagini.html
Limbajul HTML,Ecaterina Boarna, Editura Else
Pagină 27 din 27