Unelte utilizator
module:11-basic-web-dev:lectie-01
Diferențe
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:17] mariana [3. Taguri cu atribute] |
module:11-basic-web-dev:lectie-01 [2014/05/23 23:37] (curent) mariana [Exerciții] |
||
|---|---|---|---|
| Linia 109: | Linia 109: | ||
| Haideți să scriem prima noastră pagină ''<html>'': | Haideți să scriem prima noastră pagină ''<html>'': | ||
| - | Intrați pe site-ul [[codepen.io]]. În stânga sus, aveți un buton ce se numește ''New Pen''. Apăsați-l, urmând să scriem cod în box-ul din stânga ce se numește HTML. Priviți exemplul următor. După ce l-ați înțeles încercați să scrieți și voi același lucru. | + | Intrați pe site-ul [[http://codepen.io/ | codepen]]. În stânga sus, aveți un buton ce se numește ''New Pen''. Apăsați-l, urmând să scriem cod în box-ul din stânga ce se numește HTML. Priviți exemplul următor. După ce l-ați înțeles încercați să scrieți și voi același lucru. |
| <html> | <html> | ||
| <div data-height="268" data-theme-id="4329" data-slug-hash="xHbFh" data-default-tab="html" class='codepen'><pre><code><html> | <div data-height="268" data-theme-id="4329" data-slug-hash="xHbFh" data-default-tab="html" class='codepen'><pre><code><html> | ||
| 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> | + | |
module/11-basic-web-dev/lectie-01.1393013846.txt.gz · Ultima modificare: 2014/02/21 22:17 de către mariana
Exceptând locurile unde este altfel specificat, conținutul acestui wiki este licențiat sub următoarea licență: CC Attribution 3.0 Unported
