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
Pregătirea preliminară:
Pregătirea obligatorie: Finisarea cu succes a cursului Pregătirea de bază la PC. Windows şi Internet pentru începători sau pregătirea echivalentă.
Pregătirea recomandată (nu-i obligatorie): Limba Engleza pentu IT (elementary) sau pregătirea echivalentă.
Să primiţi o consultaţie despre pregătirea provizorie necesară pentru curs puteţi la numărul 069 41 41 99 или 022 844 644
Pregătirea obligatorie este siguranţa învăţării calitative. Aceasta este menţionată cu alt nume de curs al centrului (pregătirea preliminară obligatorie). Vă sfătuim să citiţi programul acestui curs şi să decideţi dacă aveţi cunoştinţe şi experienţă în domeniul dat. Dacă dumneavoastră cunoaşteţi mai puţin decât 85-90% din programul obligatoriu, vă recomandăm să treceţi neapărat cursul de pregătire preliminară obligatorie. Numai după aceasta o să puteţi să terminaţi cursul cu Brio.
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!
Comentarii
Curs foarte folositor si foarte bine explicat de instructor,Multumesc instructorului Vidrasco Mihail.