Curs HTML 5 și CSS 3: de la începător la avansat

La finalul acestei lecții, o să ai știi ce înseamnă limbajul HTML și care este structura unei pagini HTML.

Această lecție pune accentul pe structura unei pagini HTML, iar la finalul ei, vei ști ce înseamnă secțiunile head și body dintr-o pagină HTML.

Unul dintre cele mai utilizate editoare de text din domeniul IT, este programul Atom. La finalul acestei lecții, vei fi familiarizat cu acest program și vei ști să creezi fișiere HTML în Atom.

În această lecție, o să înveți despre noțiunea de paragrafe, titluri și subtitluri și vei ști cum să le inserezi în paginile HTML.

La finalul acestei lecții, vei ști cum să animezi paginile HTML prin inserarea de imagini și liste. De asemenea, o știi unde și în ce caz se folosesc elementele section, aside sau article și o să te familiarizezi cu inserarea, în paginile HTML, a citatelor, comment-urilor, titlurilor de cărți sau a unei adrese.

În această lecție, vei învața despre noțiunea de formatare a elementelor HTML, despre cum poți să transformi textul în italic sau boldat, cum să inserezi spații libere în text sau linii orizontale, precum și alte elemente prin care poți modifica un text dintr-o pagină.

Scopul acestei lecții este de a învață despre noțiunea de atribute în HTML, respectiv ce înseamnă acestea și care este rolul lor.

La finalul acestei lecții, o să ai deja cunoștiințele necesare pentru a stiliza elementele HTML învățate în lecțiile anterioare. O să știi cum să modifici culoarea unui text, cum să adaugi culoare de fundal unui element HTML, cum să modifici dimensiunea sau grosimea caracterelor sau cum să aliniezi un text în pagină.

În această lecție, o să înveți despre modalitatea de a selecta text, în vederea stilizării, folosind elementele div și span . O să știi nu doar cum să le inserezi în pagină, dar și în ce context să le folosești.

Dacă în lecția 5, ai învățat despre cum să inserezi imagini într-o pagină HTML, acum e momentul să cunoști mai multe modalități de inserarea a imaginilor în pagină, de exemplu, ca și imagini de fundal sau linkuri sub formă de imagini. De asemenea, o să ai posibilitatea de a influența layoutul și așezarea în pagină, prin utilizarea proprietății float.

În această lecție, vei învața despre tipurile de liste în HTML.

La finalul acestei lecții, o să știi să inserezi linkuri în paginile tale, sub mai multe forme: linkuri interne, externe, linkuri in-page, linkuri prin imagini, prin butoane sau chiar linkuri către email.

Urmărind această lecție, o să cunoști modul în care îți poți structura informațiile,prin inserarea de tabele în pagină.

La finalul acestei lecții, o să știi cum să creezi un formular și să inserezi în cadrul lui, câmpuri pentru nume, adresă de email, parolă, checkbox, inserarea de câmpuri privind data și timpul, precum și o serie de alte elemente specifice.

La finalul acestei lecții, o să știi ce înseamnă noțiunea de iframe sau cum inserezi un emoji sau un video într-o pagină HTML.

După ce ai învățat toate elementele din lecțiile anterioare, în această lecție, e momentul să cunoști câteva aspecte importante cu privire la modalitatea prin care paginile HTML își pot ajusta automat dimensiunile, astfel încât să arate bine pe orice dispozitiv, fie că este vorba de computer, laptop, tabletă sau telefon.

În această lecție, vei face treptat trecerea de la HTML la CSS, pentru a putea stiliza paginile web într-o manieră mai avansată.

La finalul acestei lecții, o să cunoști mai multe modalități prin care poți selecta un text dintr-un document HTML, în vederea stilizării. O să înveți despre universal selector, element selector, dar și despre selectorii id sau class.

În această lecție, o să înveți despre noțiunea de border și despre cele mai des utilizate proprietăți ale acestui atribut.

În această lecție, o să înveți despre proprietățile text decoration și text shadow și care este impactul lor asupra textului.

Dacă în prima secțiune, ai învățat despre cum poți introduce linkuri într-o pagină HTML, în această lecție, vei învăța despre modul în care le poți stiliza, astfel încât să arate cât mai bine în pagină.

La finalul lecției, vei deprinde cunoștiințele necesare pentru a stiliza toate tipurile de liste învățate în secțiunea HTML.

Chiar dacă datele din pagini apar mai structurate cu ajutorul tabelelor, e necesar că acestea să fie stilizate pentru a obține un layout mai atractiv.

În această lecție, o să înveți mult mai detaliat despre proprietatea float, care este destul de utilizată în stilizarea paginilor web, precum și noțiuni legate de stilizarea imaginilor din pagină sau a imaginilor de fundal.

Această lecție pune accentul pe proprietatea display, astfel încât, la finalul ei, vei dobândi tot mai multe cunoștiințe privind stilizarea paginilor și o să poți controla tot mai mult felul în care elementele sunt dispuse în pagină.

Pentru a aranja elementele HTML în pagină, într-o manieră cât mai profesională, e necesar să cunoști diferențele dintre proprietățile: display inline, display inline-block și display block. Această lecție îți pune la dispoziție toate aceste informații și o exemplificare a diferenței dintre aceste proprietăți, astfel încât să înțelegi cât mai bine modul în care le poți insera asupra unui element HTML și cum influențează acestea layoutul unei pagini.

La finalul acestei lecții, o să știi cum să aranjezi în pagină elementele HTML, folosind proprietatea position și astfel, poți influența și mai mult layoutul unei pagini.

În această lecție, o să cunoști modul în care poți controla surplusul de text pentru un element HTML.

În această secțiune, vom valorifica cunoștințele accumulate până acum, prin realizarea unui proiect despre ciocolată artizanală.

Luăm totul de la zero, începând de la crearea unui folder pe desktop, apoi, crearea paginilor site-ului în atom, inserarea tuturor elementelor HTML de care avem nevoie și stilizarea acestora.