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 |