Opțională - PROIECTAREA ȘI DEZVOLTAREA WEB 9-B, 9-C, total 34 de ore

Eșalonarea în timp
Unități de competențe Conținut tematic Tehnologie didactică Not
ore 9B 9C
1. LIMBAJUL DE MARCARE HTML  10 ore
Introducere în designul și dezvoltarea web 1 - Activitate frontală.
Recunoașterea unui site web, a unei Prezentarea unui prototip de site, care va putea fi realizat în - Activitate
1 individuală.
pagini web, a unui URL, a unui nume cadrul disciplinei
de domeniu, a unui navigator web și a - Exercițiul.
Evaluare inițială 1 - Studiul de caz.
unui editor de cod;
Evidențierea diferențelor dintre procesul Limbajul de marcare HTML. 1 -
de design web și dezvoltare web;
Elemente HTML. liste de date 1
Exemplificarea tehnologiilor, sub formă
de limbaje formale, utilizate pentru Elemente HTML. Imagini tabele 2
procesul de proiectare, machetare
web, dar și cel de programare web;
Elementul HTML utilizat în corpul paginii web pentru 1
Identificarea caracteristicilor scripturilor
implementarea referințelor
client-side;
Argumentarea necesității instalării unui Elemente HTML utilizate în corpul paginii web pentru 1
editor de cod și a unui browser pe implementarea formularelor
calculator sau laptop.
Elemente HTML utilizate în corpul paginii web pentru 2
implementarea iframe, audio și video în HTML
2.LIMBAJUL DE LIMBAJUL DE STILIZARE CSS
STILIZARE CSS -
11
Definirea noțiunii de „responsive web 1. Metode de implementare ale stilurilor în documentele 1 - Activitate frontală.
design”, de „hamburger menu”, de web. Sintaxa de bază a definirii proprietăților de stil . - Activitate
„slider”, de „pagină de start” a unui individuală.
site; 2. Tipuri de selectori CSS. Proprietăți CSS utilizate pentru 1
- Exercițiul.
Identificarea componentelor principale stilizarea textului
-
ale unei pagini web: antet, conținut, 3. Moștenirea stilurilor. Proprietăți CSS pentru fundal și 1
subsol; stilizarea listelor
Argumentarea necesității structurării
paginii web din componente 4. Proprietăți CSS pentru stilizarea câmpurilor interioare, 1
integrabile; exterioare. Înălțimi, lățimi ale elementelor – boxmodel.
Determinarea structurii corecte de mape
5. Pseudoclase – stilizarea referințelor, pseudoelemente. 1
cu fișiere, după tipul lor, necesare
Elementele DIV, SPAN
 Unități de competențe
dezvoltării unui site web.
- Enumerarea și descrierea elementelor 1. Scripturi client-side. Introducere în limbajul de
HTML, ce pot fi utilizate în antetul
documentului web;
- Specificarea sintaxei elementelor
HTML, utilizate la definirea antetului
unui document web;
- Estimarea rolului fiecărui element
HTML, utilizat în antetul
documentului web;
- Scrierea și integrarea elementelor
HTML în antetul documentului web.
Conținut tematic Eșalonarea în timp Tehnologie didactică Not
6. Proprietăți de stil pentru elemente flotante și pentru 1
poziționarea elementelor
7. Transparența elementelor HTML, filtre, transformări, 1
gradiente
8. Tranziții, animații în CSS 1
9. Noțiunea de „responsive design”. MediaQueries 1
10. Flexbox în CSS. „Responsive web design” și flexbox 1
11. Exemplu de creare și stilizare a unui site web 1 -
3. LIMBAJUL DE PROGRAMARE JAVASCRIPT 13 ore
1 - Activitate frontală.
programare JavaScript - Activitate
individuală.
2. Obiecte predefinite JavaScript. Proprietăți și metode. 1
- Exercițiul.
Consola JS
-
3. Variabile, tipuri de date și operatori în JavaScript 1
4. DOM HTML. Accesarea și modificarea conținutului 1
documentului web prin DOM HTML
5. Funcții predefinite în JavaScript 1
6. Funcții definite de programator în JavaScript. Sintaxa. 1
Domenii de vizibilitate ale variabilelor
7. Manipulări asupra datei și orei în JavaScript. 1
Instrucțiunile condiționale din JavaScript
8. Instrucțiunile ciclice în JavaScript 1
9. Evenimente gestionate cu JavaScript 1
10. Obiectul RegExp din JavaScript 1
11. Tablouri în JavaScript 1
12. Definire obiecte în JavaScript. Proprietăți, metode 1
13. Exemplu creare slider cu JavaScript. Adăugare în site 1