Universitatea Pedagogică de Stat „Ion Creangă” din Chișinău

Examen la disciplina „Tehnologii Web”, masterat

Varianta 9

Atenție! Subiectele 2, 3, 6, 7, 10, 12 sunt practice. Răspunsurile la celelalte subiecte trebuie să fie explicații cu exemplificări.

1. Formatarea textului. Nivele de titlu. Linii orizontale. Eticheta <Font>. Stiluri fizice. Stiluri logice. 2 p

Nivele de Titlu (<h1> până la <h6>)

În HTML, titlurile sunt folosite pentru a structura ierarhic informația. Există șase nivele de titluri, unde <h1> este cel mai
important și <h6> cel mai puțin important. Aceste nivele sunt utilizate pentru a crea o ierarhie în conținutul paginii.

<h1>Titlu de nivel 1</h1>

<h2>Titlu de nivel 2</h2>
<h3>Titlu de nivel 3</h3>
<!-- ... până la ... -->
<h6>Titlu de nivel 6</h6>
Linii Orizontale (<hr>)

Elementul <hr> este folosit pentru a insera o linie orizontală și este utilizat pentru a separa secțiuni distincte ale conținutului
<p>Textul de deasupra liniei orizontale</p>
<hr>
<p>Textul de sub linie orizontală</p>
Eticheta <font>
Fontul unui text poate fi precizat utilizînd marcajele <FONT> şi </FONT>. El poate fi caracterizat
de următoarele atribute:
 face (precizează familia de caractere şi poate avea ca valoare una sau mai multe constante
delimitate prin virgule, cum ar fi arial, serif, cursive, monospace, fantasy etc.);
 color (precizează culoarea fontului);
 size (specifică mărimea caracterelor şi poate avea ca valoare constantele 1, 2, ..., 7 sau +1, +2,
... (mărind astfel dimensiunea caracterelor faţă de dimensiunea curentă), sau –1, –2, ...
(micşorînd astfel dimensiunile caracterelor faţă de dimensiunea curentă));
 weight (determină grosimea caracterelor, avînd valori posibile 100, 200, ..., 900).
Stiluri Fizice
Stilurile fizice afişează acelaşi text la fel în orice program de navigare. Pentru stabilirea stilului fizic se
utilizează marcajele:
 <B>, </B> – text cu caractere îngroşate (bold);
 <I>, </I> – text cu caractere înclinate (italic);
 <U>, </U> – text cu caractere subliniate;
 <TT>, </TT> – text cu caractere monospaţiate;
 <BIG>, </BIG> – text cu caractere mai mari cu o unitate decît cele curente;
 <SMALL>, </SMALL> – text cu caractere mai mici cu o unitate decît cele curente;
 <SUB>, </SUB> – text cu caractere aliniate ca indice;
 <SUP>, </SUP> – text cu caractere aliniate ca exponent;
 <STRIKE>, </STRIKE> (sau <S>, </S>) – text cu caractere tăiate de o linie.
Stiluri Logice (<u>, <s>, <mark>)
Stilurile logice depind de modul de configurare a programului de navigare şi ţin cont de rolul
textului în cadrul paginii web. Pentru ele se utilizează următoarele marcaje:
 ✓ <EM>, </EM> – text evidenţiat (de regulă, italic);
 ✓ <STRONG>, </STRONG> – text importat (de regulă, bold);
 ✓ <KBD>, </KBD> – text cules de la tastatură (de regulă, font cu grosime fixă);
 ✓ <CODE>, </CODE> – text de program pentru calculator (de regulă, font cu grosime fixă);
 ✓ <DFN>, </DFN> – text-definiţie (de regulă, italic);
 ✓ <VAR>, </VAR> – identificator de variabilă;
  ✓ <ADDRESS>, </ADDRESS> – text-adresă;
 ✓ <CITE>, </CITE> – text-citată.
2. Ce pseudoclasă CSS definește un stil la element când mouse-ul este deasupra lui? 2 p
Pseudoclasa CSS care definește un stil pentru un element atunci când mouse-ul este deasupra lui este :hover. Această
pseudoclasă este folosită pentru a aplica stiluri specifice atunci când cursorul mouse-ului se află deasupra unui element. Este
utilă pentru a crea efecte de hover sau pentru a evidenția anumite elemente atunci când utilizatorul interacționează cu pagina
web.
Exemplu de utilizare a pseudoclasei :hover în CSS:
a:hover {
color: blue; /* Schimbă culoarea textului când mouse-ul este deasupra unui link */
}

.button:hover {
background-color: #ffcc00; /* Schimbă culoarea fundalului când mouse-ul este deasupra unui element cu clasa 'button' */
}

#myElement:hover {
border: 1px solid red; /* Adaugă o bordură roșie când mouse-ul este deasupra unui element cu id-ul 'myElement' */
}
În acest exemplu, stilurile definite în interiorul blocurilor de reguli CSS vor fi aplicate doar atunci când mouse-ul este
deasupra elementelor selectate (a, .button, #myElement).
3. Care etichetă HTML5 adaugă o aplicaţie externa (SWF, PDF) in pagina web? 2 p
Tag-ul <embed> se foloseste pentru a adauga in pagina aplicatii cu continut interactiv, cum sunt prezentarile flash SWF,
plug-inuri, sau fisiere cu imagini.

Poate sa foloseasca aceste atribute:

 height (height='pixeli') - Inaltimea cadrului in care e afisat continutul, in pixeli.
 width (width='pixeli') - Lungimea cadrului in care e afisat continutul, in pixeli.
 type (type='MIME_type') - Tipul MIME al continutului.
 src (src='url') - Adresa URL a fisierului.
4. CSS. Clase de stiluri. 2 p

5. CSS. Proprietăți pentru fonturi 2p

6. Descrieți semnificația următorului cod html: 2 p

<html>
<head> <title> Varianta 9 </title> </head>
<frameset cols = "40%,*" border = "0">
<frame src = "p1.html">
<frameset rows = "*,*">
<frame src = "p2.html"><frame src = "p3.html">
</frameset>
</html>
7. Scrieţi codul HTML care va afişa următorul tabel: 3 p

B C
A
D E
F G
html>
<body>
<table border="1">
<tbody>
<tr>
<td colspan="1" rowspan="2" style="text-align:center; width:100px" bgcolor="#faf298">A</td>
<td style="text-align:center; width:150px" bgcolor="lightblue">B</td>
<td colspan="2" rowspan="1" style="text-align:center; width:250px">C</td>
</tr>
<tr>
<td colspan="2" rowspan="1" style="text-align:center; width:250px">D</td>
<td style="text-align:center; width:150px" bgcolor="lightgreen">E</td>
</tr>
<tr>
<td style="text-align:center; width:100px">F</td>
<td colspan="3" rowspan="1" style="text-align:center; width:380px">G</td>
</tr>
</tbody>
</table>
</body>
</html>
8. Operaţii asupra şirurilor de caractere în JavaScript 3p
9. Evenimente JavaScript 5p
Un eveniment este o acțiune asupra aplicației provocată de utilizator (vizitatorul paginii
web) sau survenită în urma altui eveniment.
Evenimente JavaScript

10. Creaţi o aplicaţie Web care va calcula cel mai mare număr din 10 numere precizate de utilizator. 7p

11. Structuri decizionale PHP 3p

12. Scrieți o aplicaţie PHP care va prelua dintr-un formular numele, prenumele şi data de naştere a unei persoane, apoi va
stoca într-un fișier numele, prenumele şi vârsta acestei persoane. 7p
Barem

Nota 1-4 5 6 7 8 9 10
Punctaj 0-9 10 - 18 19 - 24 25 - 29 30 - 34 35 - 37 38 - 40

Şeful catedrei ITI

Dr. hab., prof. univ. Liubomir Chiriac

------------------------------------------