Bun venit pe paginile blogului meu. HTML este un limbaj simplu de marcare care este folosit pentru a crea pagini web. Am spus că este simplu, astfel încât să nu fii intimidat învățând-o. Limba html Este pur și simplu perfect pentru începători - este mult mai dificil să stăpânești imediat un limbaj de programare de la zero, dar html este de fapt mult mai simplu.

În acest articol vreau să vă spun cum să învățați această limbă cel mai rapid și eficient, astfel încât într-o lună sau două să o cunoașteți perfect. Crezi că este imposibil? Am început învățarea html la sfarsitul lunii martie. La sfârșitul lunii mai știam deja 90% din etichetele necesare pentru lucru fără probleme.

Cum să înveți o limbă gratuit?

Desigur, cel mai mult invatare rapida ar trebui să găsești câteva site-uri utile. În primul rând, veți avea nevoie referință html. Chiar și programatorii experimentați îl folosesc, deoarece este pur și simplu imposibil să ții în cap zeci de etichete și atributele lor.

Din cărțile de referință pe care vi le pot recomanda - htmlbook. Acesta este un site foarte tare care colectează toate etichetele și arată rezultatul muncii lor descriere detaliata. Dar acesta este doar un ghid instrument suplimentar, cel mai mare efect poate fi obținut cu practica reală.

Cursuri interactive

Și aici vorbesc despre cursuri interactive. Aceasta este capacitatea de a scrie cod și de a vedea imediat cum este afișat. În timpul cursurilor vi se vor da sarcini. În primul rând, cele simple, de exemplu, transformarea textului într-un titlu sau realizarea unui tabel. Atunci e mai greu. În cele din urmă, vei înțelege cu ce poți face folosind HTML. Dacă crezi că trebuie să plătești pentru asta, te înșeli.

este un site minunat cu cursuri despre html și css. Primele 16-18 cursuri sunt gratuite! Dacă doriți să vă continuați studiile și să obțineți acces la cele plătite, va trebui să plătiți 300 de ruble pe lună sau 1800 pe an. Personal, am dat 300 de ruble, am terminat totul într-o lună cursuri plătiteși a beneficiat foarte mult de el.

Importanța înregistrărilor

Un alt sfat de la mine – scrie-l! Notează toate informațiile care sunt noi și importante pentru tine. Fără a-l nota, riști să nu reții cunoștințele necesare în memorie. Personal, am trei caiete generale pe raft, aproape complet pline de scris, și din când în când mă uit la ele când uit cutare sau cutare proprietate.

Studiu paralel al html și css

HTML este doar o tehnologie web care ajută la crearea structurii și aspectului unei pagini web. CSS este în întregime responsabil pentru design în dezvoltarea site-ului web. Aceste limbi trebuie învățate simultan, deoarece interacționează între ele.

Practică independentă

Odată ce ai dobândit unele cunoștințe, poți exersa pe cont propriu. Cum să o facă? Încercați să așezați un articol cu ​​imagini, un tabel, o listă imbricată, un aspect simplu de pagină cu două coloane sau altceva. Trebuie să exersezi pentru că este singura cale insufla rapid în creierul tău o înțelegere a modului în care funcționează totul. Cel mai bun lucru, desigur, este să vă găsiți un profesor în această chestiune, dar cel mai probabil va trebui să plătiți pentru asta.

Lecții de la echipa webformyself

Webformyself este un portal de internet minunat care oferă o mulțime de informații despre construirea site-ului web. Pe site-ul lor puteți găsi multe articole gratuite despre HTML, CSS și aspectul site-ului, dar au lansat și tutoriale video plătite, al căror scop este să vă transmită cunoștințe utile cât mai repede posibil.

La sfârșitul zilei, ar trebui să aveți un motiv pentru care învățați aceste tehnologii web. Acest lucru se face de obicei pentru a învăța cum să creați singur layout-uri pentru site-uri web. Dacă aveți și acest obiectiv, atunci o opțiune excelentă pentru dvs. ar fi să cumpărați acces la lecții premium de pe webformyself.com. Drept urmare, puteți obține acces nu numai la lecții despre HTML și CSS, ci și la multe altele. De exemplu, JavaScript și WordPress.

Există lecții utile, Aș dori, de asemenea, să remarc oportunitatea de a alcătui primul meu aspect folosind lecții. Acest lucru este foarte important pentru că vei primi bun antrenament, după care veți putea să vă îmbunătățiți singuri, încercând să creați alte machete pentru site-urile pe care le găsiți pe Internet.

Cât durează să înveți limbi străine?

În medie, HTML și CSS pot fi învățate foarte rapid cu abordarea corectă. De exemplu, mi-a luat câteva luni. Dacă știi de unde să obții cunoștințe, procesul de învățare poate fi accelerat de mai multe ori.

Site-uri bune cu materiale utileȚi-am dat-o - apoi depinde de tine. În principiu, resursele de mai sus sunt cele mai bune de pe Internet. De exemplu, peste o sută de mii de oameni au finalizat cursuri de la Htmlacademy și peste 87 de mii de persoane s-au abonat la actualizările Webformyself.

HTML este un limbaj de marcare hipertext, iar CSS este un limbaj pentru descrierea aspectului tuturor elementelor documentului. De ce sunt necesare aceste două limbi și de ce munca uneia este strâns împletită cu cealaltă, profesorii școlii vă vor spune într-un curs intensiv despre HTML, CSS și JavaScript. Cunoștințele dobândite în timpul instruirii vor fi utile în crearea paginilor web și a aspectului site-ului web.

Cine are nevoie de cursuri HTML online?

• Cursul de bază este destinat începătorilor și celor care intenționează să se dezvolte în domeniul web designului. Astăzi, aceasta este una dintre cele mai solicitate profesii de pe piața muncii.
• Cursul intensiv va fi de interes pentru specialiștii cu experiență. Aici puteți dobândi cunoștințe în domeniul aplicațiilor web și lucrul cu HTML 5.
• De asemenea, cursurile vor fi de interes pentru oricine dorește să se dezvolte în domeniul IT. Abilitățile dobândite în cadrul cursurilor reprezintă baza pentru angajarea de succes în continuare și vor fi un plus suplimentar pentru CV-ul dumneavoastră.

Ce cunoștințe vor dobândi studenții la finalizarea cursului?

• Absolut toți absolvenții de școală vor învăța cum să creeze pagini web și site-uri web;
• Va putea crea un formular de transmitere a datelor;
• Ei vor putea să proiecteze site-uri web.

După finalizarea instruirii, veți primi un certificat. Școala noastră cooperează cu cele mai mari companii IT din Belarus și țările CSI, așa că asistăm la angajarea tuturor absolvenților IMPRIUM.

La cursul intensiv vei invata:

• Reguli fundamentale de utilizare;
• Aspect cross-browser;
• Concepte de bază ale W3;
• Capabilitati CSS avansate;
• Dezvoltare de aplicatii web in HTML 5;
• Gestionați viteza de încărcare a paginii;
• Lucrul cu JavaScript;
• Crearea de pagini web și aplicații pentru diverse dispozitive.

Încă aveți îndoieli? Atunci imaginați-vă că pentru a studia la cursurile noastre va trebui doar să porniți internetul și să vă plonjați în lumea HTML și CSS. Puteți chiar să călătoriți în altă țară fără a vă întrerupe studiile. Acest Un nou aspect pentru furnizarea de material. Înscrie-te și vezi singur!

Această secțiune a site-ului este dedicată în întregime două limbi pentru crearea unui site, și anume HTML și CSS. Aici puteți învăța limbi străine pas cu pas, puteți învăța totul, de la elementele de bază până la cele mai dificile momente.

Această secțiune este construită pe principiul studiu pas cu pas material, prin urmare, înainte de fiecare titlu al unei lecții despre HTML și CSS, există un număr corespunzător număr de serie lecţie. Acest lucru este firesc dacă vrei să înveți totul de la elementele de bază și să nu faci mizerie în capul tău. Dacă știți deja ceva despre limbajele HTML și CSS, atunci puteți găsi și aici cunoștințele care vă lipsesc sau să aprofundați ceea ce ați învățat deja.

ÎN aceasta sectiune Au fost postate lecții despre standardele de limbaj HTML5 și, respectiv, CSS3; dacă există versiuni mai noi ale acestor limbi, acestea vor fi reflectate și în noile lecții din această secțiune și veți afla cu siguranță.

Probabil că fiecare persoană care s-a confruntat cu crearea unui site web cel puțin o dată în viață a auzit cu siguranță despre o astfel de combinație precum html și css, pot spune cu încredere că dacă vrei să faci singur site-uri, atunci nu te poți descurca fără cunoștințele acestora. două dintre lucruri.

După ce ai primit concepte generale Există în mod clar o imagine ambiguă în capul tău despre ce este html și cred că acest lucru nu este surprinzător. Este timpul să treceți direct la exersare și să creați primul dvs. document HTML.

Ca și limbajul html, CSS are propriile caracteristici, reguli și structură. În această lecție vă voi spune despre conceptele de bază ale limbajului CSS, structura, designul acestuia și vom face primul Tabel CSS stiluri și învățați cum să conectați o foaie de stil la un document html.

Selectorii din CSS sunt baza limbajului în sine, iar învățarea și înțelegerea lor este foarte importantă, așa că în această lecție vă voi spune despre mai multe tipuri de selectoare și vă voi descrie capacitățile acestora.

Un punct foarte important în crearea unui site web este lucrul cu text și, după cum înțelegeți, trebuie, de asemenea, să puteți lucra cu text în html și să știți ce etichete există și cum pot fi utilizate.

După ce ai aflat totul etichete html pentru a lucra cu text, acum este timpul să treceți direct la CSS care lucrează cu text, ceea ce vă va extinde semnificativ cunoștințele și capacitățile.

În CSS o cantitate mare tot felul de convenabile și schimbătoare calitativ aspect proprietăți și continuăm să studiem Lucru CSS cu text și în această lecție, vom aprofunda în subiectul lucrului cu text și vom analiza noile proprietăți ale textului.

Lucrul cu imagini la crearea de pe un site web, unul dintre puncte cheie, atât atunci când creați un design, cât și atunci când pur și simplu așezați sau scrieți orice materiale pentru site-ul dvs.

CSS extinde foarte mult capacitatea de a lucra cu oricare obiecte html, în această lecție aș vrea să vă povestesc în detaliu despre parametrii care pot fi aplicați imaginilor.

Am decis să acord mai multă atenție începătorilor care doresc să dobândească cunoștințe în domeniul construirii site-urilor web. Profesorul meu m-a împins să fac asta, pentru că a făcut multe greșeli în manualele de instruire. munca de laborator. Aș fi bucuros să mă uit la resursa din care au fost preluate informațiile educaționale și să las acolo câteva rânduri din opinia mea. Dar acum nu este vorba despre asta. În prima mea prelegere voi vorbi despre

Care este structura unui document HTML?

Etichetă anunță că începe structura documentului html, - care se termină. Între etichete Majoritatea informațiilor sunt stocate pentru browser și motoarele de căutare. În etichete conține titlul paginii noastre. Etichetă indică faptul că ceea ce urmează sunt informații destinate utilizatorului, Acest lucru înseamnă în mod natural că informațiile pentru utilizator se epuizează.

Acum hai să explic puțin. Toate etichetele ( tag - element de limbaj de marcare hipertext) sunt împărțite în două tipuri: „singure” și „închidere”. În plus, etichetele sunt incluse în următoarele caractere < Și > , ei sunt cei care disting eticheta din text simplu html. Să ne uităm la câteva dintre cele mai simple etichete „single”:

— o etichetă care este responsabilă pentru trecerea la o nouă linie în locul în care este instalată această etichetă. Să ne uităm la codul folosind această etichetă.

Salutare tuturor!
Și acesta este primul meu site.

Rezultatul poate fi vizualizat.

• align — Determină alinierea liniei. Poate lua valoarea stânga, centru, dreapta.
• culoare — Setează culoarea liniei.
• noshade - Desenează o linie fără efecte 3D.
• dimensiune — Setează grosimea liniei.
• width — Setează lățimea liniei.

Codați folosind eticheta

Salutare tuturor!

Un exemplu vizual poate fi găsit aici.

O altă etichetă „unică” este . Această etichetă sunt folosite pentru a stoca informații destinate browserelor și motoarelor de căutare. Motoarele de căutare caută meta-etichete pentru a obține descrieri ale site-urilor, cuvinte cheie și alte date. Aveți voie să utilizați un număr nelimitat de meta-etichete, toate trebuie să fie situate între ele Și . Parametrii oricărei metaetichete au forma „nume=valoare”, care este determinată Cuvinte cheie conţinut, Nume sau http-echiv. Deoarece metaetichetele sunt destinate mașinilor, nu fac nicio modificare vizuală, așa că voi furniza doar codul sursă:

Această linie indică faptul că creatorul paginii consideră că pagina utilizează codificarea UTF-8. În HTML5 totul a devenit mai simplu; pentru a specifica codificarea, tot ce aveți nevoie este următoarea linie:

Mai sunt și altele etichete unice (, ,
, , , ,

Acum să vorbim despre etichetele de „închidere”. Însuși numele „etichetă de închidere” indică faptul că eticheta necesită o închidere obligatorie. Acest lucru se face pentru a limita clar partea de text pe care o afectează eticheta.

Pentru exemplu clar să ne uităm la etichetă , care este folosit pentru a evidenția textul, setează fontul la aldine. Etichete Și sunt limite care definesc zona de selecție a textului. Iată codul în care au uitat să închidă eticheta din ultima linie :

Salutare tuturor!Și acesta este primul meu site.
Salutare tuturor! Și acesta este primul meu site.

După cum puteți vedea, nu este nimic complicat, acum puteți crea mai multe pagini legate între ele.

Vă permite să ocoliți această funcție și să afișați text așa cum este cerut de dezvoltator.

— definește paragraf text.  Etichetă 
Este un element bloc, începe întotdeauna pe o linie nouă, paragrafele de text care se succed sunt separate prin padding.  Cantitatea de umplutură poate fi controlată folosind stiluri.  Dacă nu există etichetă de închidere, sfârșitul paragrafului este considerat a coincide cu începutul următorului element de bloc.
..
..

- HTML oferă șase anteturi diferite niveluri, care arată importanța relativă a secțiunii de după antet.  Da, etichetă 
reprezintă cel mai important titlu de prim nivel și eticheta 
servește la indicarea titlului de nivelul șase și este cel mai puțin semnificativ.  În mod implicit, titlul de prim nivel este afișat cel mai mult imprimare mare stil îndrăzneț, titlurile de la nivelul următor au dimensiuni mai mici.  Etichete 
,…,
se referă la elementele bloc, acestea încep întotdeauna pe o linie nouă, iar după ele sunt afișate alte elemente rândul următor.  În plus, spațiul alb este adăugat înainte și după titlu.  Eticheta are un atribut alinia, care definește alinierea titlului, poate lua valorile stânga— alinierea antetului la stânga, centru- alinierea la centru, dreapta- alinierea la dreapta, justifica— alinierea după lățime (simultan de-a lungul marginilor din dreapta și din stânga).  Această valoare funcționează numai pentru anteturile care sunt mai lungi de o linie.


— este un container pentru modificarea caracteristicilor fontului, cum ar fi dimensiunea, culoarea și caracterul.  Deși această etichetă este încă acceptată de toate browserele, este considerată învechită și se recomandă renunțarea la utilizarea ei în favoarea stilurilor.  Eticheta are 3 atribute: culoare— setează culoarea textului, față— definește caracterul fontului, mărimea— setează dimensiunea fontului în unități convenționale.

— marchează textul ca citat sau notă de subsol pentru alt material.  Această evidențiere este utilă pentru schimbarea stilului textului prin CSS și este, de asemenea, folosită pentru a separa codul HTML în elemente structurale.  Browserele setează de obicei textul în interiorul containerului cu caractere inclinate.

— indică faptul că secvența de caractere este o abreviere.  Folosind atributul titlu se oferă o decodare a abrevierii, care permite acelor persoane care nu sunt familiarizate cu ea să înțeleagă abrevierea.  In afara de asta, motoare de căutare indexați versiunea full-text a abrevierei, care poate fi folosită pentru a îmbunătăți clasarea documentului.
În mod implicit, textul este inclus într-un container subliniat de o linie punctată.
Mai jos este codul în care am folosit toate aceste etichete:

 




HTMLși CSS sunt două dintre tehnologiile de bază pentru construirea de pagini Web.  HTML oferă structura pagina, CSS aspectul (vizual și sonor), pentru o varietate de dispozitive.  Alături de grafică și scripting, HTML și CSS sunt baza construirii paginilor web și aplicațiilor web.  Aflați mai multe mai jos despre:
Ce este HTML?
 HTML este limbaj pentru descriind structura paginilor Web.  HTML oferă autorilor mijloacele de a:

Publicați documente online cu titluri, text, tabele, liste, fotografii etc. 
Preluați informații online prin link-uri hipertext, cu un clic pe un buton. 
Proiectați formulare pentru efectuarea tranzacțiilor cu servicii la distanță, pentru utilizare în căutare pentru informații, efectuarea rezervărilor, comandarea produselor etc. 
Includeți foi de calcul, clipuri video, clipuri audio și alte aplicații direct în documentele lor. 

 Cu HTML, autorii descriu structura paginilor folosind markup.  Elementele limbii etichetează piese de conținut, cum ar fi „paragraf”, „listă”, „tabel” și așa mai departe.
Ce este XHTML?
XHTML este un varianta HTML care utilizează sintaxa XML, Extensible Markup Language.  XHTML are toate aceleași elemente (pentru paragrafe etc.) ca și varianta HTML, dar sintaxa este ușor diferită.  Deoarece XHTML este o aplicație XML, puteți utiliza alte XML unelte cu acesta (cum ar fi XSLT, un limbaj pentru transformarea conținutului XML).
Ce este CSS?
CSS este limbajul pentru descrierea prezentării paginilor Web, inclusiv culorile, aspectul și fonturile.  Permite adaptarea prezentării la diferite tipuri de dispozitive, cum ar fi ecrane mari, ecrane mici sau imprimante. CSS este independent de HTML și poate fi folosit cu orice marcare bazată pe XML limba limba.  Separarea HTML de CSS facilitează întreținerea site-urilor, partajarea foilor de stil între pagini și adaptarea paginilor la diferite medii.  Aceasta este denumită separarea structurii (sau: conținutului) de prezentare.
Ce este WebFonts?
Fonturi web este o tehnologie care permite oamenilor să folosească fonturi la cerere internetul fără a necesita instalare în sistem de operare.  W3C are experiență în fonturi descărcabile prin HTML, CSS2 și SVG.  Până de curând, fonturile descărcabile nu erau comune pe Web din cauza lipsei unui format de font interoperabil.  Efortul WebFonts intenționează să rezolve acest lucru prin crearea unui format de font deschis, susținut de industrie pentru Web (numit „WOFF”).


Prelegerea s-a încheiat, sper că cunoștințele dobândite vă vor fi de folos!  În următoarea prelegere vă voi spune ce stochează eticheta în sine , vom învăța cum să efectuăm tot felul de manipulări cu imagini și să ne familiarizăm cu tabelele.
La scrierea acestui articol, descrierea unor etichete a fost preluată de aici
Autor (regizor): Andrei Bernatsky 
Gen: HTML5, CSS3, web 
Durată: 25:51:27
Calitate video: PCRec 
Video: AVC/H.264, 1024x768, ~283 - 681 Kbps 
Audio: AAC, 2 canale, 106 Kbps
Descriere:
Fără exagerare, acesta este cel mai complet și mai actualizat curs de pe RuNet astăzi.  Gândește-te singur: doar secțiunea principală a cursului (excluzând bonusurile) constă din 47 de lecții video detaliate, formând un sistem practic pas cu pas.
După ce ai studiat acest sistem, vei stăpâni complet aspect adaptiv folosind cele mai recente inovații ale acestor două limbaje de marcare hipertext și foi de stil în cascadă.
În noul nostru curs, TOATE layout-urile sunt concepute imediat ADAPTIVE și CROSS-BROWSER.
Cursul este construit pe principiul „de la simplu la complex” și de la „teorie la practică”.
Nu vă voi învăța doar cum să dispuneți cele mai simple pagini web, vom lucra cu aspectul în detaliu (până la cele mai mici detalii) folosind exemplul a trei dintre cele mai populare tipuri de site-uri web de pe internetul modern, variind în complexitate:
Site cărți de vizită 
blog și... 
magazin online
PRIMA PARTE 
Aspectul unui site web pentru cărți de vizită

Lecția 2: Definirea aspectului paginii 
Lecția 3. Descrierea stilurilor antet site-ului 
Lecția 4. Descrierea stilurilor blocului principal al site-ului.  Partea 1 
Lecția 5. Descrierea stilurilor blocului principal al site-ului.  Partea 2.  Concluzie
A DOUA PARTE 
Dispunerea blogului
Lecția 1. Introducere.  Configurare pagina 
Lecția 2. Definirea marcajului antetului site-ului 
Lecția 3. Conectarea fonturilor non-standard 
Lecția 4. Descrierea stilurilor antet site-ului 
Lecția 5. Descrierea marcajului blocului principal al site-ului 
Lecția 6. Descrierea marcajului unui bloc de postări 
Lecția 7. Atribuirea stilurilor pentru un bloc de postări 
Lecția 8. Descrierea aspectului coloanei laterale 
Lecția 9. Atribuirea stilurilor coloanei laterale 
Lecția 10. Descrierea marcajului de navigare în paginare 
Lecția 11. Atribuirea stilurilor pentru navigarea în pagină 
Lecția 12. Aspectul subsolului site-ului 
Lecția 13. Finalizarea layout-ului 
Lecția 14. Adaptarea layout-ului pentru dispozitive mobile.  Partea 1 
Lecția 15. Adaptarea aspectului pentru dispozitive mobile.  Partea 2 
Lecția 16. Adăugarea efectelor CSS3 la pagină.  Partea 1 
Lecția 17. Adăugarea efectelor CSS3 la pagină.  Partea 2
PARTEA A TREIA 
Aspectul aspectului magazinului online
Lecția 1. Introducere 
Lecția 2. Conectarea unui font personalizat la o pagină 
Lecția 3. Definirea marcajului antetului site-ului 
Lecția 4. Descrierea stilurilor antet site-ului.  Partea 1 
Lecția 5. Descrierea stilurilor antet site-ului.  Partea 2 
Lecția 6. Conectarea unui glisor la o pagină 
Lecția 7. Atribuirea stilurilor și personalizarea glisorului 
Lecția 8. Descrierea marcajului blocului de știri 
Lecția 9. Atribuirea stilurilor pentru blocul de știri 
Lecția 10. Descrierea marcajului blocului „Produse populare”. 
Lecția 11. Atribuirea stilurilor pentru blocul „Produse populare”.  Partea 1 
Lecția 12. Atribuirea stilurilor pentru blocul „Produse populare”.  Partea 2 
Lecția 13. Îmbunătățirea blocului „Produse populare”. 
Lecția 14. Descrierea marcajului blocului „Despre magazin”. 
Lecția 15. Atribuirea stilurilor pentru blocul „Despre magazin”. 
Lecția 16. Descrierea marcajului blocului „Abonament”. 
Lecția 17. Atribuirea stilurilor pentru blocul „Abonament”. 
Lecția 18. Descrierea marcajului pentru subsol 
Lecția 19. Atribuirea stilurilor blocului „subsol”. 
Lecția 20. Adaptarea aspectului.  Partea 1 
Lecția 21. Adaptarea aspectului.  Partea 2 
Lecția 22. Adaptarea aspectului.  Partea 3 
Lecția 23. Adaptarea aspectului.  Partea 4 
Lecția 24. Adaptarea aspectului.  Partea 5 
Lecția 25. Concluzie
BONUS 1 
Curs premium.  Tutorial de bază HTML
Lecția 1. Introducere.  Bazele HTML 
Lectia 2. Structura HTML document 
Lecția 3. Etichete de formatare a textului 
Lecția 4. Imagini 
Lecția 5. Legături.  Link-uri imagini 
Lecția 6. Liste 
Lecția 7. Tabele 
Lecția 8. Forme
BONUS 2 
Curs premium.  Tutorial de bază CSS
Lecția 1. Metode de conectare 
Lecția 2. Teme de clasă și id-uri 
Lecția 3. Proprietățile fontului 
Lecția 4. Proprietățile textului 
Lecția 5. Context 
Lecția 6. Lățimea, înălțimea.  Eticheta Div și Span 
Lecția 7. Cadrul 
Lecția 8. Indentări 
Lecția 9. Bazele CSS.  Float, Clear, Display 
Lecția 10. Bazele CSS.  proprietatea poziției
BONUS 3 
Curs premium.  Aspect site pentru începători
Lecția 1: Definirea marcajului 
Lecția 2. Descrierea marcajului 
Lecția 3. Anteturi CSS site-ul 
Lecția 4. Zone de conținut CSS 
Lecția 5. Finalizarea aspectului
BONUS 4 
Curs premium.  HTML 5: Noțiuni de bază
Lecția 1. Structura document HTML 5
Lecția 2. Revizuirea etichetelor antet și subsol 
Lecția 3. Etichetă articol 
Lecția 4. Eticheta secțiunii 
Lecția 5. Navigare, etichete principale și secundare 
Lecția 6. Etichete figure și figcaption 
Lecția 7. Design cross-browser 
Etichete HTML 5 
Lecția 8. eticheta de intrare.  Noi tipuri de etichete în HTML 5. 
Partea 1 
Lecția 9. Etichetă de intrare.  Noi tipuri de etichete în HTML 5. Partea 2 
Lecția 10. Video HTML 5.  Inserarea unui videoclip pe un site web 
Lecția 11. HTML 5 audio.  Inserarea audio pe un site web 
Lecția 12. HTML 5 canvas.  Desen în HTML 5 
Lecția 13. Geolocalizare HTML 5.  Determinarea locației în HTML 5
BONUS 5 
Curs premium pe CSS3
Lecția 1. Lucrul cu fundaluri în CSS3 
Lecția 2. Umbre și colțuri rotunjite 
Lecția 3. Transparența fundalului, imaginii, textului și culorii în CSS 
Lecția 4: Gradienți CSS liniari 
Lecția 5. Coloane 
Lecția 6. Degrade radiale 
Lecția 7. Font 
Lecția 8. Lucrul cu text în css 3 
Lecția 9. Pseudo-clase 
Lecția 10. Selectori 
Lecția 11. Transformare
BONUS 6 
Anatomia unei pagini de destinație profitabile
Lecția 1. Anatomia unei pagini de destinație profitabile
BONUS 7 
Crearea unei pagini de destinație într-o seară
Lecția 1. Introducere 
Lecția 2. Conectarea font personalizat la pagina 
Lecția 3. Definirea marcajului antetului site-ului 
Lecția 4. Descrierea stilurilor de antet ale site-ului web 
Lecția 5. Definirea aspectului glisorului 
Lecția 6. Atribuirea stilurilor cursorului 
Lecția 7. Aspectul blocului „Features”. 
Lecția 8. Aspectul blocului „Galerie”. 
Lecția 9. Definirea aspectului blocului video 
Lecția 10. Descrierea stilurilor de bloc video 
Lecția 11. Aspectul blocului „Descărcare aplicație”. 
Lecția 12. Revizuirea aspectului.  Eliminam neajunsurile 
Lecția 13. Determinarea marcajului blocului de contact 
Lecția 14. Descrieți stilurile blocului de contacte 
Lecția 15. Dispunerea subsolului 
Lecția 16. Adaptarea glisorului 
Lecția 17. Concluzie