Aici sunt prezentate diferențele dintre versiunile selectate și versiunea curentă a paginii.
Both sides previous revision Previous revision Next revision | Previous revision | ||
module:11-basic-web-dev:lectie-01 [2014/02/21 22:18] mariana |
module:11-basic-web-dev:lectie-01 [2014/05/23 23:37] (curent) mariana [Exerciții] |
||
---|---|---|---|
Linia 226: | Linia 226: | ||
===== Exerciții ===== | ===== Exerciții ===== | ||
- | Urmați linkul de aici [[http://codepen.io/mateioprea/pen/hlutG]] pentru exerciții. Există și un bonus pentru cei ce termină toate celelalte exerciții. Pentru a putea modifica codul scris, trebuie să apăsați pe butonul "Fork" din stânga sus. | + | Urmați linkul de [[http://codepen.io/mateioprea/pen/hlutG | aici]] pentru exerciții. Există și un bonus pentru cei ce termină toate celelalte exerciții. |
+ | ===== Temă ===== | ||
- | + | Realizați o pagină HTML în care să aveți cel puțin o imagine, o listă (ordonată sau neordonată, la alegere) și un link. Pagina poate să fie despre voi, despre ceva ce vă place vouă și vreți să-l prezentați colegilor, sau despre un subiect interesant. | |
- | + | ||
- | <hidden> | + | |
- | + | ||
- | === Tutorial === | + | |
- | - Prezentare componente ale programarii web - HTML, CSS, JS. Prezentare interfata codepen.io | + | |
- | - Exemplu initial in HTML | + | |
- | - Scurta introducere in HTML. Structura unei pagini HTML (taguri html, head, body etc.) | + | |
- | - taguri de baza: <p>, <div>, <b>, <i>, <h1>, <h2>, <em>, <a> etc. | + | |
- | + | ||
- | === Task-uri === | + | |
- | - mai multe task-uri pe acelasi schelet (de adaugat paragrafe, de aplicat formatari: <b>, <i>, <u> | + | |
- | - headings <h1>, <h2>... | + | |
- | - imagini | + | |
- | + | ||
- | === Tema === | + | |
- | - le dam cum sa arate o pagina si sa scrie ei codul pentru ea. | + | |
- | + | ||
- | === Recapitulare === | + | |
- | - test grila din taguri si elemente de baza | + | |
- | + | ||
- | </hidden> | + |