Co jsou HTML a CSS?
HTML a CSS jsou dvě hlavní technologie pro tvorbu webových stránek.
Co je HTML？
HTML je zkratka pro Hypertext Markup Language, jazyk pro popis struktury webových stránek.
Struktura HTML se skládá ze dvou částí: hlavy a těla. Hlava popisuje informace požadované prohlížečem, zatímco tělo obsahuje konkrétní popisovaný obsah.
Co je CSS？
CSS je zkratka pro Cascading Style Sheets, jazyk pro popis prezentace webových stránek.
Technologie CSS se používá při tvorbě webové stránky k dosažení přesnější kontroly nad rozvržením stránky, písmem, barvou, pozadím a dalšími efekty, díky čemuž je webová stránka krásnější a dynamičtější.
Související článek: „Webové stránky se používají při tvorbě webových stránek: Pokud chcete například postavit dům, potřebujete:
- Cihly (HTML), abyste postavili konstrukci domu
- Malbu (CSS), aby byl dům krásný
Jak dlouho trvá naučit se HTML a CSS?
Naučení základů HTML+CSS netrvá dlouho, ale naučit se je dobře používat nějaký čas zabere. Základní značky a popisky lze pochopit zhruba za jednu až dvě hodiny. Pokud se ale chcete naučit pokročilé HTML a CSS animace, zabere to více času.
Pravdu nedokážu přesně říct, kolik hodin tomu budete muset věnovat, ale je pravděpodobné, že se budete muset učit tak dlouho, dokud budete navrhovat. Koneckonců technologie se v průběhu let mění a aktualizují.
Chcete-li zvládnout HTML a CSS, musíte se věnovat celoživotnímu učení, protože všechny tyto obory jsou velmi rozsáhlé, čím více se budete snažit, tím více se naučíte. Abyste však mohli začít, přejděte dolů, kde najdete zdroje o základech HTML a CSS. Podělili jsme se také o některé zdroje pro pokročilé pro ty, kteří chtějí náročnější materiál.
Související článek:
Kde se naučit základy HTML？
W3schools je dost možná nejlepší web pro začátky s HTML. Její obsah pokrývá základy HTML, CSS, JavaScriptu, Pythonu a dalších jazyků. Všechny kapitoly jsou jednoduché, s příklady a interaktivními testy. Nepřeháním – učím se HTML už nějakou dobu a musím říct, že tento web je můj nejoblíbenější. Pro začátečníky má W3Schools strukturované výukové programy a hřiště, které nabízejí slušnou výuku. A co je na tom nejlepší? Všechny výukové programy jsou zdarma!
Nejlepší výukové programy HTML pro začátečníky
HTML.com
To je web vytvořený speciálně pro začátečníky, kteří se chtějí naučit HTML. Zahrnuje vše, co potřebujete vědět o jazyce HTML. Postupujte podle jejich návodů krok za krokem a během několika minut – nikoli hodin – získáte znalosti HTML k vytvoření svých prvních webových stránek!
Na webu najdete také úplný seznam (se stručným popisem) všech atributů a značek (v abecedním pořadí) používaných v HTML a nejnovější přírůstky v HTML5. Kliknutím můžete zobrazit podrobnosti o každé vlastnosti, příklady kódu a další prvky.
Učte se HTML
Jedná se o interaktivní výukový web online pro výuku HTML. Obsah zahrnuje nejen HTML a CSS, ale také výukové programy programovacích jazyků, jako je Python, Ruby, JavaScript a C++.
Základní výukový program vás provede vytvořením stránky pomocí rámce Bootstrap CSS.
Pokročilé výukové lekce vám poskytnou hlubší porozumění jazykům HTML a CSS.
HTML cheat sheet
HTML (Hypertext Markup Language) urazil od roku 1991, kdy jej vynalezl Tim Berners-Lee, dlouhou cestu. HTML5 je nejnovější verze podporovaná moderními webovými prohlížeči. Tento tahák HTML obsahuje úplný seznam všech prvků HTML včetně popisu, příkladů kódu a živých náhledů. Posuňte se dolů a procházejte všechny značky HTML podle abecedy nebo podle jejich kategorií, případně si jej stáhněte ve formátu PDF.
Bezplatné kurzy HTML pro začátečníky
Codecademy
Codecademy je jedním z nejlepších online kurzů pro výuku HTML. Všichni víme, že čtení článků nebo sledování některých videí na YouTube nestačí. Musíme co nejvíce trénovat.
Metoda učení na CodeCademy je velmi zajímavá. Neposkytuje tradiční výuková videa o programování ani nemá žádné „učitele“. Místo toho pečlivě rozebírá původní složitý kurz na velmi jednoduché části a provádí uživatele různými užitečnými radami.
Uživatel musí zadat správný kód do příkazového řádku a uložit, čímž je celý proces učení ukončen. Tento online kurz je vhodný spíše pro začátečníky. Pokud si každý den vyčleníte trochu času na procvičování, můžete snadno získat mistrovství nad zvoleným programovacím jazykem.
Udemy
Udemy je masivní poskytovatel online kurzů a nabízí programy o HTML a CSS. V těchto kurzech se dozvíte, jak vytvářet responzivní webové stránky pomocí HTML5 a CSS3, jak se začátečníci naučí HTML5 a jak se naučit HTML za hodinu.
Téměř všechny poskytované výukové programy jsou vytvořeny pro začátečníky. Kurzy nejsou zdarma. Poplatky začínají na 11,99 USD. Myslím si však, že placené kurzy mají některé výhody, které v bezplatných kurzech nemusí být k dispozici, například certifikace a individuální vedení učitelem.
Udacity
Udacity nabízí online videokurzy se speciálním instruktorem, který vysvětluje základy HTML a CSS. Bezplatné kurzy nemají certifikáty, pohledy na projekty a kariérní poradenství. Pokud se však chcete naučit jen základy HTML, bezplatné kurzy vám postačí.
Další bezplatné kurzy tvorby webových stránek: 10 nejlepších online kurzů pro webové vývojáře
Nejlepší výukový kurz CSS pro začátečníky
Tutorialspoint pro CSS
Tutorialspoint poskytuje vše, co potřebujete vědět o CSS. Zahrnuje výukové programy od základních úvodů až po techniky CSS na vysoké úrovni, stejně jako kompletní výukové programy o CSS3. Kromě toho je zde k dispozici mnoho nástrojů CSS a zdrojů pro výuku CSS. Je to opravdu velmi komplexní zdroj pro výuku CSS.
CSStutorial.net
Webové stránky se skládají ze tří hlavních částí:
1. Učebnice CSS. Úvod do CSS
Pokrývá základy a některé elegantní vývojové techniky
2. Kompletní výukový kurz CSS
Tento výukový kurz je velmi komplexní a poskytne vám solidní základy programování CSS. Můžete jej ihned použít při své vlastní práci s webovým designem!
3. Další zdroje CSS
Články o webovém designu CSS a aktivní fórum CSS, kde můžete klást otázky
Po projití těchto tří částí můžete vytvořit čistou webovou stránku CSS.
Následující tři webové stránky jsou navíc také skvělým místem pro učení CSS.
Https://css-tricks.com/
https://developer.mozilla.org/en-US/docs/Learn/CSS…
Ukázky a články o rozvržení CSS
Http://learnlayout.com/display.html
https://developer.mozilla.org/en-US/docs/Learn/CSS….
Https://www.smashingmagazine.com/2018/05/guide-css…
Https://medium.freecodecamp.org/css-grid-a-simple-…
3 nejlepší knihy pro výuku HTML a CSS pro začátečníky
HTML a CSS: Design a tvorba webových stránek
Tuto knihu doporučuji pro výuku HTML a CSS pro začátečníky. Autor kombinuje pojmy se skutečným postupem vývoje, díky čemuž čtenáři dobře porozumí jazyku HTML a CSS. Obsah knihy je jasný, stručný a přehledný. V této knize jsem našel exkluzivní výukové programy (ne, na YouTube není vše), které mi pomohly zlepšit mé dovednosti. Pokud to se začátkem kariéry v oblasti webdesignu a tvorby webových stránek myslíte vážně, tato kniha by neměla chybět ve vaší sbírce.
Chytřejší způsob, jak se naučit HTML & CSS: Naučte se ho rychleji. Zapamatujte si ho déle. (2. díl)
Každá kapitola knihy je krátká a srozumitelná. Každá kapitola vychází z předchozích kapitol a je doplněna interaktivními testy, což je velmi užitečné při upevňování naučeného. Na studium máte 10 minut, na vypracování testu 20 minut. To je vše, co potřebujete. Vřele doporučuji!
Murach’s HTML5 and CSS3, 4th Edition
Tato kniha je skvělým začátkem pro ty, kteří se učí HTML nebo CSS. Ukáže vám, jak zkombinovat základní koncepty a vytvořit nejběžnější věci, které lidé na webových stránkách chtějí, například víceúrovňové nabídky.
Ačkoli se díky online zdrojům, jako je W3school, můžete snadno učit, přečtení této obsáhlé knihy je také nezbytné. Shromažďuje a organizuje roztroušené zdroje, které najdete na internetu – vše v jedné praktické příručce.
Pro každého, kdo chce vytvářet webové stránky, je tato příručka snadno čitelná a v knize je mnoho B&W ilustrací, které usnadňují její pochopení.
Závěr
Výše uvedené kurzy pokrývají všechny znalosti, které začátečníci potřebují k tomu, aby se naučili HTML a CSS.
Nezapomínejte však, že dobrý nástroj pro tvorbu webových stránek zvýší efektivitu vaší práce, proto ho určitě používejte.
Nezáleží na tom, v jakém oboru pracujete. Pokud chcete zvládnout technologie, je neustálé učení a vytrvalost jedinou cestou k úspěchu. Pokud se chcete stát webovým front-endovým vývojářem, výuka a kurzy HTML a CSS, o které jsem se podělil, vás dostanou tam, kam chcete. Doufám, že vám pomohou stejně, jako pomohly mně.
Další články o front-endovém vývoji：
30 nejlepších & bezplatných online webů pro výuku kódování pro začátečníky
Průvodce pro začátečníky – jak se stát vývojářem iOS a vydělávat na tom
11 nejlepších nástrojů pro vývojáře Androidu, které vám pomohou začít s vývojem pro Android
.