Curs HTML CSS. Crearea site-urilor după standardele W3C

Cursurile HTML și CSS v-or forma o bază importantă pentru studierea tehnologiilor web!

✔ Acestea vor fi primul pas pentru a deveni:

• Web designer
• Programator JavaScript
• Programator Frontend
• Programator backend
• Specialist SEO

✔ După finalizarea cursurilor, ve-ți dobândi cunoștințe și abilități de bază în HTML și CSS. Ve-ți putea crea pagini web, proiecta meniuri, plasa corect fotografii, imagini și alte elemente ale site-ului.
Când lucrați cu stiluri în CSS, puteți utiliza cadre și metainformații. De asemenea, ve-ți primi sfaturi, privind alegerea unui hosting și asistență tehnică a site-ului web.

✔ Acest curs este primul și cel mai important pas, către studirea tehnologiilor web moderne!

La finalul cursului, veți fi capabil să:

• Diferențiați în linii generale diferite standarde HTML/XHTML
• Creați pagini web cu cele mai importante elemente: antete, paragrafe cu text, imagini, referințe
• Verificați corectitudinea codului paginii
• Creați un mini site cu pagini legate între ele
• Aplicați tebelele de stiluri CSS
• Încorporați pagini externe prin tehnologia cadrelor
• Aplicați posibilități noi din HTML5 și CSS3
• Adăugați modificări in codul paginilor existente

Instructorii cursului

Esinenco Dorin

Mihail Vidrasco

Toţi instructori →

Programa cursului HTML

Modul 1. Introducere, Noțiuni de bază

• Apariția și dezvoltarea tehnologiilor web
• Noțiunea de server, browser, pagină și site
• Ce reprezintă domeniu și hosting
• Cum este construită o aplicație web modernă
• Ce reprezintă frontend-ul unui site
• Ce este un limbaj de marcare (ML)
• Limbaje populare de marcare la moment
• Funcțiile unui limbaj de marcare
• Tehnologiile XML, HTML, XHTML prin comparație
• Evoluția limbajului HTML, standardele actuale
• Lucrare practică
  • Exemplu practic de înregistrare domeniu şi hosting gratuit
  • Cum public un mini site?

Modul 2. Structura documentului

• Din ce este compus un document HTML
• Cum este interpretat codul HTML
• Ce reprezintă un element HTML
• Marcajul prin tag-uri
• Atributele elementului
• Valoarea encapsulată
• Ierarhia structurii paginii web
• Noțiunea de element copil/părinte
• Elementul !DOCTYPE
• Tipuri de specificații HTML/XHTML
• Lucrare practică
  • Exemple practice de aplicare a spațiilor şi simbolurilor speciale
  • Ce reprezintă setul de caractere?

Modul 3. Clasificarea elementelor HTML

• Categoriile principale de elemente HTML
• Elemente de bază
• Antetele
• Corpul documentului
• Boxe
• Texte și rânduri
• Elemente universale
• Liste
• Tabele
• Cadre
• Elemente grafice
• Ancore și referințe
• Clasificarea atributelor elementelor
  • Lucrare practică
  • Utilitare pentru developer în browserele moderne

Modul 4. Structurarea unei pagini web

• Scheletul și standardul specificat
• Construcția corectă a antetului
• Structurarea corectă a corpului documentului
• Reguli de îmbinare ale elementelor
• Reguli de aplicare ale atributelor
• Clasificarea erorilor
• Validitatea codului
• Interpretarea corectă a mesajelor de validare
• Lucrare practică
  • Exemple de erori des întâlnite
  • Exemplu practic de validare
  • Cum analizez codul unei pagini?
  • Autocorecția codului în browserele moderne

Modul 5. Bazele aranjării conținutului în pagină

• Ce reprezintă aranjarea în pagină
• Aranjarea implicită a elementelor
• HTML în machetare, posibilități și restricții
• Tehnici noi și învechite
• Machetarea tabelară
• Machetarea în boxe
• Macheta fixă
• Macheta fluidă
• Macheta adaptivă și responsivă
• Lucrare practică
  • Exemplu cu machetă tabelară fixă și fluidă

Modul 6. HTML, limbaj semantic

• Încărcătura semantică
• Unde se aplică datele structurare semantic
• Elemente și atribute noi din HTML5
• Tehnologii noi HTML5
• Marcarea semantică a documentelor HTML5
• Microformatarea
• Standardele de microdate
• Schema.org în detalii
• Alte microformate: RDF, XFN, etc
• Lucrare practică
  • Exemplu cu structurare semantică HTML5 și Schema.org
  • Validarea codului, testarea datelor structurate

Modul 7. CSS, noțiuni introductive

• Ce reprezintă stilizarea, tabele de stiluri
• Apariția și evoluția limbajului CSS
• Funcțiile CSS
• Domeniile de aplicare ale CSS
• Versiunile CSS2 și CSS3
• Sintaxa CSS
• Comentarii
• Atribute de stil, detaliere
• Valori de stil, detaliere
• Clasificarea atributelor de bază
• Modelul boxă și linie
• Unități de măsură
• Scheme de culori
• Moștenirea proprietăților
• Lucrare practică

Modul 8. CSS, Metode de aplicare ale stilurilor

• Stilul încorporat (inline)
• Stilul globalizat (global)
• Stilul extern
• Avantajele și neajunsurile fiecărei metode
• Lucrare practică
  • Cum pot fi inspectate stilurile în browser practic

Modul 9. CSS, Metoda inline

• Sintaxa
• Atributul style
• Modificarea stilului pentru fiecare element în parte
• Atribute de stil și atribute ale elementului, avantaje și neajunsuri
• Domeniul de aplicare a metodei de stil încorporat
• Lucrare practică
  • Exemplu de atribuire a stilurilor inline unui element HTML

Modul 10. CSS, Metoda globală

• Sintaxa
• Elementul style
• Principiile de globalizare
• Selectorul elementelor
• Tipuri de selectori
• Selectarea după tag
• Clasă de stiluri
• Identificarea
• Pseudo clasele
• Combinarea selectorilor
• Lucrare practică
  • Exemple de atribuire stiluri globale

Modul 11. CSS, Metoda de conectare a stilurilor externe

• Sintaxa
• Elementul link
• Elementul style, importarea stilurilor
• Formatarea fișierelor de tip CSS
• Avantajele metodei
• Conectarea fișierelor multiple
• Exemple de atribuire stiluri externe

Modul 12. Moștenirea și cascadarea proprietăților

• Schema implicită
• Stilurile browser
• Stilurile autor
• Stilurile utilizator
• Schema priorităților stilurilor
• Regula celui din urmă
• Regula celui mai apropiat
• Modificarea priorității
• Lucrare practică
  • Exemple de atribuire stiluri prin diverse metode
  • Exemplu de alcătuire corectă a codului, îmbunătățiri
  • Crearea unei simple machete cu boxe și stiluri
  • Ce tehnologii CSS mai există pe piață? 

Cursuri recomandate conform specialităţii

Pentru a deveni un profesional vă recomandăm să studiaţi paralel şi:

• Designer UX/UI. Proiectarea interfetelor utilizator
• JavaScript (ECMA). Nivel începător. Iniţiere în limbajul şi mediul de dezvoltare
• JavaScript (ECMAScript) junior. Bazele dezvoltării frontend-ului web
• PHP.Bazele creării site-urilor
• MySQL
• SEO a motoarelor de cautare – optimizarea, promovarea paginilor web

Asiguraţi-vă viitorul acum – înscrieţi-vă la cursuri!