Online kurz HTML, CSS I. Začiatočník

Kurz od Miroslav Reiter - 26.07.2019

Kód kurzu: HTML-CSS-WEB1

Slovenský

Online kurz HTML, CSS I. Začiatočník ťa naučí

Základy tvorby webových stránok ako doctype a kostru správne štruktúrovaného HTML kódu
Vytvárať značky a definovať štruktúru pomocou značkovacích jazykov
Formátovať text v HTML, ktorého súčasťou budú aj HTML zoznamy, odkazy, linky, nadpisy
Základy CSS, vlastnosti, selektory a ich špecifiká, kaskády, typografiu a rôzne štýly textu
Nielen sa pohybovať v pojmoch ako design blogu, základný layout, hlavička, obsah, päta, ale aj ich používať
Zvládnuť vytváranie a úpravu tabuliek a zoznamov v HTML ľavou-zadnou
Ovládať program IDE Netbeans, editor PSPad a TopStyle
Praktické tipy a triky z prostredia tvorby webových stránok, ktoré zvýšia tvoju efektivitu

Požiadavky a vstupné znalosti

Na absolvovanie tohto kurzu nie sú potrebné žiadne skúsenosti s kódovaním a programovaním
Základy práce s PC a Windows, Linux alebo Mac OS X
Základy práce s kancelárskym balíkom Microsoft Office, OpenOffice alebo LibreOffice
Základy práce s textovým editorom

Popis kurzu

Na online kurze HTML a CSS určenom pre začiatočníkov získaš základné znalosti z vytvárania webových stránok. Naučíš sa ovládať IDE Netbeans, editor PSPad a TopStyle, ktoré ti pomôžu rýchlo a efektívne vytvárať internetové stránky. Porozumieš základnej štruktúre HTML, vďaka čomu budeš vedieť vytvárať titulky, nadpisy či odstavce. Získaš znalosti z formátovania textov na stránke. Používanie obrázkov na webe je dnes samozrejmosťou, na online kurze sa dozvieš, ako získať a umiestniť obrázky na web stránku. Rozvrhnutie stránky (layout) pomocou štýlov ti nebude robiť problém.

Komu je kurz určený

Začínajúci web developeri
Online marketéri
Správcovia webstránok
Tvorcovia webstránok

Obsah online kurz HTML, CSS I. Začiatočník

I. Úvod do jazyka HTML

Prehliadače, Netbeans, Značky, Elementy, Connector, Editor, P, Br, Nadpisy, Inšpekcia, Formátovanie 2020

1:54:29

II. Pracujeme so súbormi webovej stránky

Zoznam, Ul, Ol, Li, Start, Value, Reversed, Priečinky, Obrázky, Img, Alt, Title, Vektory 2020

43:52

III. Základná štruktúra (X)HTML

CSS, ID, Style, Inline, Display, Span, Farby, Zarovnania, Bordery, Padding, Margin, Tabuľky 2020

1:57:41

IV. Základné formátovanie pomocou (X)HTML

Zvýrazňujeme text tučné alebo kurzívou
Meníme veľkosť textu
Používame neproporcionálne písmo
Používame predformátovaný text
Vytvárame horný a dolný index
Označujeme zmenený text
Vysvetľujeme skratky
Zarovnávame elementy na stred stránky

V. Obrázky

Obrázky určené pre webové stránky
Ako získať obrázky
Výber editoru obrázkov
Funkcie Uložiť pre web
Vkladáme obrázky na stránku
Ponúkame alternatívny text
Zmenšujeme obrázky
Pridávame horizontálnu linku
Pridávame ikonu webovým stránkam

VI. Odkazy

Vytvárame odkaz na inú webovú stránku
Vytvárame menné odkazy (kotvy)
Odkazujeme na menný odkaz
Vytvárame iné typy odkazov
Vytvárame klávesové skratky odkazov
Vytvárame odkazy s náhľadmi obrázkov
Rozdeľujeme obrázok pre obrázkovú mapu

VII. Ako fungujú kaskádové štýly

Vytvárame pravidlo štýlu
Zapisujeme komentáre k pravidlám štýlov
Kaskáda - keď sa pravidlá stretnú
Hodnoty vlastností

VIII. Pracujeme so šablónou kaskádových štýlov

Vytvárame externú šablónu štýlov
Pripojujeme externú šablónu štýlov
Ponúkame alternatívne štýly
Vytvárame internú šablónu štýlov
Importujeme externú šablónu štýlov

IX. Vytvárame selektory

Konštruujeme selektory
Vyberáme selektory podľa názvu
Vyberáme elementy pomocou triedy alebo identifikátoru
Vyberáme elementy podľa kontextu
Vyberáme časť elementu

X. Formátujeme pomocou kaskádových štýlov

Vyberáme typ písma
Špecifikujeme alternatívny typ písma
Vytvárame kurzívu
Priraďujeme tučnosť
Nastavujeme veľkosť písma
Nastavujeme výšku riadku
Nastavujeme všetky hodnoty písma naraz
Nastavujeme farbu
Meníme pozadie elementu
Zarovnávame text
Využívame dekoráciu textu

XI. Rozvrhnutie stránky (layout) pomocou štýlov

Vytvárame štruktúru stránok
Blokový model
Meníme pozadie
Nastavujeme výšku a šírku elementu
Šírka, vnútorný okraj a hodnota auto

XII. Zoznamy

Vytvárame usporiadaný a neusporiadaný zoznam
Volíme označenie položiek zoznamu (odrážky)
Vyberáme počiatok označovania položiek zoznamu

XIII. Tabuľky

Vytvárame rozvrhnutie stránky
Vytvárame jednoduchú tabuľku
Pridávame orámovanie
Nastavujeme šírku
Zarovnávame tabuľku na stred stránky
Zalamujeme text okolo tabuľky

Často kladené otázky

Čo je Online kurz HTML, CSS I. Začiatočník?

Online kurz HTML, CSS I. Začiatočník je populárny jazyk pre tvorbu.

Kto používa Online kurz HTML, CSS I. Začiatočník?

ESET, Verlag Dashöfer, NIKE, Siemens, ui42, T-Systems, Orange, DWC Slovakia, Martinus, Hyperia, MUZIKER, IBM

Kde sa používa Online kurz HTML, CSS I. Začiatočník?

Internetové stránky, informačné systémy a intranet, mobilné aplikácie, LMS a CMS systémy, eshopy, blogy, stránky s dokumentáciou, informačné portály a noviny

Prečo sa používa Online kurz HTML, CSS I. Začiatočník?

Skoro každá firma a organizácia má dnes internetovú stránku a webovú aplikáciu. Tie treba spravovať a ďalej sa o ne starať.

Aké sú TOP certifikácie na Online kurz HTML, CSS I. Začiatočník?

Microsoft HTML5 Application Development Fundamentals od 150 Eur. Microsoft Programming in HTML5 with JavaScript and CSS3 od 200 Eur. Spring od 250 Eur. Liferay od 250 Eur. Ethical Hacker od 600 Eur. Certifikačná skúška nie je súčasťou kurzu. Treba si za ňu priplatiť extra.

Aké programy a nástroje používa Online kurz HTML, CSS I. Začiatočník?

NetBeans, Eclipse, produkty Jetbrains, Visual Studio, Notepad++, Sublime, Atom, Vim, Adobe Dreamweaver, WinSCP, FileZilla, Git, GitHub Desktop, WAMP, XAMPP, TopStyle, Selenium

Lektori

Miroslav Reiter

Certifikácie: Microsoft certifikovaný tréner, Oracle certifikovaný tréner, Google partner tréner, ITIL, PRINCE2 tréner Referencie: IBM, Panasonic, Ministerstvo obrany SR, ČSOB, Generali, Tatra banka, Európska komisia, SPP, Pixel Federation, ESET

Všetky kurzy lektora