Introducere in limbajul de programare HTML. Un curs pentru incepatori
HTML (HyperText Markup Language) este un limbaj utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser (sau navigator).
2
Ce este HTML? (Hypertext Markup Language)
3
Structura documentului HTML
4
Intrebare despre Meta TAG-uri
5
Creare si editare pagini HTML
6
Titluri, Paragrafe, Un nou rand, Linie orizontala
Vă aștept la aceasta lecție să învățați cum se realizează un titlu, un paragraf și o linie orizontala
7
Formatare text in pagina html
9
Liste HTML – DL, DETAILS, Liste tip acordeon
Liste HTML - DL, DETAILS, Liste tip acordeon si informat VIDEO pentru a intelege mai bine cum functioneaza acestea
10
Adaugare imagini in pagina
O scruta lectie video in care puteti intelege mai bine cum se pot adauga imagini intr-o pagina HTML
O lectie importanta despre Crearea lilnk-urilor in format VIDEO de aproximativ 15 minute in care explic pe intelesul tuturor cum functioneaza un link intern si extern.
O lectie video in care va explic modul de realizare al unui tabel intr-o pagina HTML
13
Stilizare tabele HTML cu CSS
După ce ai învățat cum se realizează un tabel cu rânduri și coloane, cu siguranță o să vrei să îi oferi și elemente grafice cât mai profesionale.
O lectie care va ajuta sa intelegeti mai bine cum functioneaza stilurile unei pagini HTML. Modificarea grafica a unei pagini reprezinta un avantaj atat cand creati pagini de la 0 cat si atunci cand o sa doriti sa modificati elementele frafice ale unui website construit pe o alta platforma de tip CMS ( Content Management Sistem )
O lectie importanta despre cum functioneaza TAG-urile DIV si SPAN. O lectie utila atat pentru constructia paginilor HTML cat si pentru redactarea unui continut cu ajutorul unui alt editor sau o alta platforma care este compatibila cu limbajul HTML
16
Aliniere DIV-uri pe aceeasi linie
O continuare a lectiei despre DIV si SPAN
Un scrurt tutorial pentru HTML5, care sunt principalele diferențe intre vechea și noua versiune de HTML
După ce ați învățat să creeati un paragraf, un tabel și să creeati secțiuni cu DIV, o să aveți nevoie să stilizați elementele creeate cu diverse culori
19
Tag-urile iframe si object
O lecție utila în care puteți învață cum să afișați informații preluate din alte surse . Ex: harta google sau un film de pe youtube.
Scriere cod CSS
O lectie video pentru a intelege mai bine cum functioneaza codul CSS, codul interior si codul exterior si care este necesitatea acestora. Recomand urmarirea pana la final !
Un video important "Creare Foi de Stil" in format Video pentru a vedea mai usor cum se pot creea foile de stil CSS. O lectie care sper sa va ajute cat mai mult sa vedeti cum functioneaza etichetele HTML + CSS
Exista cinci familii de fonturi de baza. In aceasta lectie o sa va explic fiecare in parte cum functioneaza.
6
Configurari pentru culori si fundal
Cum se poate creea un fundal pentru o pagina web cu o culoare sau o imagine.
7
Pozitionare elemente HTML cu CSS
O lectie importanta pentru a vedea cum puteti pozitiona elementele HTML pe o pagina
8
Configurari pentru vizibilitate si mouse
Vedeti lectia Pseudo-clase CSS si in format VIDEO pentru a intelege cat mai bine cum functioneaza!
10
CSS3 – Background proprietati noi
CSS3 contine trei noi proprietati pentru background. In aceasta lectie va invit sa le exploatam impreuna!
11
CSS3 – Border proprietati noi
Vedeti in aceasta lectie cum va puteti juca cu HTML/CSS pentru a creea borduri si umbre.
12
CSS3 opacity, Transparenta
Proprietatea opacity setează nivelul de opacitate al unui element HTML, opacity permite modificarea transparentei elementului.
Cu proprietatea CSS transform se poate modifica forma, mărimea și poziția elementelor HTML.Se pot transforma elementele HTML în plan 2D sau 3D.
CSS3 transition poate fi utilizat pentru a anima proprietățile CSS, adăugând un efect de animație când se modifica proprietățile CSS ale unui element HTML, schimbând gradual de la un stil la altut.
Realizam un website de la 0 folosind tot ce am invatat in timpul cursului
1
Realizarea paginilor web si adaugarea anumitor elemente
În aceasta lecție cu ajutorul resurselor,încercam să reluam toate codurile învățate în lecțiile anteriore și să vedem încă o data cum funcționează HTML + CSS
2
Realizarea unui website personal. Pasul 1
În aceasta lecție vom construi un website personal care vă conține 5 pagini, ( Acasă, proiecte, Despre mine, Utile și contact ). La resurse găsiți site-ul deja construit și o să vă explic pas cu pas logica de construcție a site-ului. În fișierul "Structura sursei.pptx" găsiți în fiecare slide explicație pentru fiecare grup de cod din pagina!
3
Realizarea unui website personal. Pasul 2
4
Realizarea unui website personal. Pasul 3
5
Realizarea unui website personal. Video
In aceasta lectie gasiti explicat in format video fiecare cod din sursa pagini si modul de functionare.
