Statický web

Získej certifikát za dokončení kurzu
0/30

Úvod do HTML

Struktura HTML stránky

Základní HTML tagy

Obrázky a odkazy v HTML

Řešené úlohy k 1.-4. lekci HTML a CSS

Tabulky v HTML

Seznamy v HTML a zopakování tabulky

Řešené úlohy k 5. a 6. lekci HTML a CSS

Úvod do CSS (kaskádových stylů)

Typové CSS selektory a zarovnání textu

Barvy v CSS

Třídní selektor a stylování textu v CSS

Stylování textu v CSS - Google fonty, velikost fontu a stín

HTML layout

Pozadí webu a velikost elementů

Řešené úlohy k 7.-13. lekci HTML a CSS

Obtékání v HTML - Float, Stín

Rámeček a boxmodel v CSS

Řešené úlohy k 14.-15. lekci HTML a CSS

Navigační menu, patička a HTML entity

Stylování hlavičky HTML stránky a flexbox

Stylování navigačního menu pomocí flexboxu

Řešené úlohy k 16.-18. lekci HTML a CSS

Fixní menu a pozicování v CSS

Meta tagy, tvorba podstránek a kontaktní formulář

Stylování tabulek v HTML a CSS

Galerie obrázků v HTML/CSS

Řešené úlohy k 19.-22. lekci HTML a CSS

Nahrání webu na internet - Webhosting, doména, FTP klient

Učební pomůcka na HTML - Tahák

Učební pomůcka na CSS - Tahák

Kvíz - Základy HTML a CSS

Diskuze – Lekce 22 - Galerie obrázků v HTML/CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře

Petr Charvát

Člen

Petr Charvát:5.10.2023 13:36

Celou dobu jsem to delal trochu jinak, aby sem si nasel reseni pro sebe podle navodu. potom layout a jeden css pro vsechno, muzu prepisovat.

Odpovědět

5.10.2023 13:36

YOLO

Pavel Mikuška

Člen

Pavel Mikuška:9.10.2023 11:23

Lightbox je pekný, ale preklikávanie medzi jednotlivými obrázkami je extrémne pomalé :/

Odpovědět

9.10.2023 11:23

ing. SARNOVSKÝ Petr

Člen

ing. SARNOVSKÝ Petr:4.11.2023 13:37

Ahoj. Neběží mi lightbox. A to jsem to "tupě opsal"?

Odpovědět

4.11.2023 13:37

ing. SARNOVSKÝ Petr

Člen

ing. SARNOVSKÝ Petr:4.11.2023 14:42

Lightbox mi začal pracovat, až když jsem smazal a znovu napsal cestu k nahledum obrazku pro reference. Jak to?

Odpovědět

4.11.2023 14:42

Emerie Koudelková

Člen

Emerie Koudelková:7.2.2024 10:41

Zdravím, při pokusu o imlementaci Lightboxu jsem měla trochu problém se sintaxí a zmizely mi náhledy, při zkoumání návodu k použití Lightboxu tam byla věc co jsem musela upravit, pravděpodobně došlo k aktualizaci a použítí "rel="lightbox[reference]"" bylo to co mi dávalo chybu v dalším odkazu na náhledový obrázek, podle návodu na githubu se má použít "data-lightbox="reference""

Odkaz na stránku s návodem v AJ: https://lokeshdhakar.com/…s/lightbox2/

Editováno 7.2.2024 10:44

Odpovědět

7.2.2024 10:41

Realita je jediné místo, které je skutečné

Lucie Králová

Člen

Lucie Králová:25.3.2024 21:30

Nevím proč ale lightbox se mi tedy rozjet nepodařilo. Je to úplně první věc, která mi bohužel nefunguje :/

Pro ty, kterým se třeba také tvořila "podtržítka" mezi jednotlivými obrázky stačí do CSS přidat:

#reference a {
text-decoration: none;
}

Odpovědět

25.3.2024 21:30

Lucie Králová

Člen

Lucie Králová:25.3.2024 21:43

Tak jsem na to přišla - moje chybka, měla jsem css, images a js soubory ve složce, která se do cesty nepropsala :))

Odpovědět

25.3.2024 21:43

Petr Hrubý

Člen

Petr Hrubý:5.5.2024 19:24

Jakože je super že vidim jak to muže fungovat ale zárověn mi přijde že je moc brzo abych chápal co se děje v tom kodu JavaScriptu.

Ocenil bych určitě vědět k čemu jsou ty další řádky v <head>...

co děla <script src="js/lightbox-plus-jquery.min.js"></script>?
v kládám tam asi nějaký kod ale o čem je? Takhle jen tupě přepisuju kod ...

nehledě na to že stale nějak nechápu k čemu jsou některý ty paramatry v <Link>

Co znamená? rel="stylesheet" ? a co type"text/css"?

Odpovědět

5.5.2024 19:24

Jaroslav Zikmund

Člen

Jaroslav Zikmund:10.5.2024 18:12

pokud se nepletu stylesheet je že se to bude stylovat podle css a text/css je že styluješ obrázky aj text v css, pokud se pletu dejte mi vědět, <script src="js/lightbox-plus-jquery.min.js"></script> co dělá toto zjistím zítra dnes je hokej

Odpovědět

10.5.2024 18:12

Jaroslav Zikmund

Člen

Jaroslav Zikmund:10.5.2024 18:26

jinak vím že co jsem nahrál na github je blbost, ale vyzkoušel jsem si mimo kurz co dělá třeba v style.css když dám div > p nebo a a doplním třeba barvy, fonty, a jiné věci třeba místo 960px, ted nwm kde uvedeno jsem dal max-content a stránka se přispůsobila podle velikosti prohlížeče

Odpovědět

10.5.2024 18:26

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 26.

Nejčastěji vyhledáváné

Diskuze – Lekce 22 - Galerie obrázků v HTML/CSS