15. Tvorba webu (HTML a CSS) - Napojení CSS a první úprava designu

[@f0xiar339]

Skvělé video pro začátečníky!

[@Belfa_official]

5:29 Ahoj, proč tam máš h1 { color: red; } a né h1 {color: red;} ? mě to přijde jednodušší psát takhle, má to nějaký význam to psát tak, jak jsi to napsal ty?

[@hacknisvoubudoucnost]

Určitě má. Je to kvůli čitelnosti. Až budeš u H1 mít více CSS pravidel, tak se v tom nevyznáš. Těžko se ti bude hledat, jestli někde máš nebo nemáš středník atd. Určitě to odsazuj a piš jako ve videu. Uvidíš, že to má smysl

[@Belfa_official]

@@hacknisvoubudoucnost Dobře, díky moc!

[@hacknisvoubudoucnost]

@@Belfa_official Není zač

[@Belfa_official]

@@hacknisvoubudoucnost Ještě mám jednu otázku: když mám nainstalovaný Microsoft Visual, tak mám místo Sublime textu používat víc to nebo to je fuk? Co jsem četla v komentářích, tak ty jsi na ten program přešel, tak zda jako začátečník, kterému to docela jde mám přejít na Microsoft VS nebo zůstat na Sublimu?

[@hacknisvoubudoucnost]

@@Belfa_official Můžeš mít jakýkoli editor. Určitě na HTML, CSS a JavaScript je to jedno. Na Python nejraději používám PyCharm, který je na Python určený. A na vše kromě Pythonu používám VS code, ale jestli se ti zamlouvá Sublime Text, tak můžeš zůstat u něj

[@Iam_xKo]

Zdarvím, nejde mi udělat nový soubor css. Když dám New File, tak mi to dá nový tab untititled a nikde není jak si ho pojmenovat nikde dole se mi nezobrazí žádná tabulka. Zkoušel jsem to podle 10 dílu taky mi to nešlo, tak jsem to udělal jak tam radí @Gyz Gat a to mi šlo ale jak to chci udělat nyní tak mi to vůbec nejde. Prosím o radu.

[@hacknisvoubudoucnost]

Ahoj, to je těžké říci takto na dálku. Když se zobrazí untitled, zkoušel jsi dát Ctrl + S pro uložení? Nezeptá se to na název souboru? Popř. bych zkusil odinstalovat a znovu nainstalovat Sublime Text

[@Iam_xKo]

@@hacknisvoubudoucnost Ano zkoušel jsem Crtl + S a nic, zkoušel jsem i reinstal programu a stále nic. Asi to bude jinou verzí mohl byste mi poslat jakou verzi programu máte? Já mám 3.2.2, Build 3211

[@hacknisvoubudoucnost]

@@Iam_xKo To je zvláštní, protože já mám naprosto stejnou verzi 3.2.2 a Build 3211. A když si založíte nový file a v menu na liště dáte File -> Save (popř. zkusit Save As), tak se něco stane? Vyskočí alespoň nějaká hláška, že něco nefunguje?

[@OdinThor188]

Zdar zkus: 1. Ctrl+P 2. nic nepiš jenom zmáčkni enter 3. Ctrl+N 4.Ctrl+S

[@hacknisvoubudoucnost]

@@OdinThor188 Zajímavý způsob. Díky :-)

[@davidsoncz1546]

Dobrý den, Mohu se prosím zeptat zda je sublime text stále zadarmo hází mi totiž pořád že licence musí být uhrazena k dalšímu použití

[@hacknisvoubudoucnost]

Dobrý den, dříve to bylo tak, že jednou za čas vyskočilo upozornění, jestli si člověk nechce editor koupit. Stejně ale doporučuji přejít na VS code. V ostatních kurzech v něm dělám. I tento kurz se v něm dá bez problémů absolvovat. Tady na kanálu je i návod, jak na něj - je to playlist.

[@davidsoncz1546]

@@hacknisvoubudoucnost díky už sem přešel na Vs code

[@hacknisvoubudoucnost]

@@davidsoncz1546 Super. Vyplatí se to

[@janglosik5109]

Ahoj. Mám problém. 1. zmizelo mi horní menu... 2. zobrazuje se mi to jinak. Nejde mi například přidávat "new file" mám tu lištu na levé straně šedou. Nepomohlo ani to jak jsi říkal v prvním dílu otevřít to znovu. Děkuji za radu

[@hacknisvoubudoucnost]

Ahoj, stiskni v SublimeTextu klávesu "alt" na klávesnici. Tím se objeví menu. Pak jdi do View -> Show Menu. Pokud ti stále nepůjde přidávat novou složku, tak jdi do View -> Sidebar -> Hide Side Bar. A pak znovu View -> Sidebar -> Show Side Bar. Pak to znovu vyzkoušej. Klikni pravým na složku v levém menu. Přidání by mělo jít.

[@matejmikitka112]

Dobrý den Mám problém a nevím si s ním rady. Když se snažím vytvořit nový ''File'' pro CSS tak mi tam nevyskočí kolonka jak ho pojmenovat. To znamená že po vytvoření nové složky do toho programu se jmenuje složka ''untitled'' což znamená že jsem ji nepojmenoval. Když jsem se díval do souborů a do složky kde jsem měl vše uložené nic tam nebylo. Myslíte že jste schopen mi pomoci?

[@hacknisvoubudoucnost]

Dobrý den, pokud z nějakého důvodu nejde založit složka přes SublimeText, tak bych ji založil přímo v počítači. Nebo můžete zkusit přejít rovnou na VS code editor. Řadě lidí se s ním pracuje lépe. kzbin.info/www/bejne/f4eyZWyYeJmMetk

[@matejmikitka112]

@@hacknisvoubudoucnost děkuji za pomoc:-)

[@hacknisvoubudoucnost]

@@matejmikitka112 Není vůbec zač

[@davidbartos1889]

Jj, mám stejný problém u videa 9 bylo 1. Ctr + P 2. ( Nepíšu nic) ente 3. Ctr + N 4. Ctr + S Stejně mi to nefunguje 😶

[@monikab.h.6977]

Děkuji! Děkuji za tu radost, když se objeví red nadpis. Na poprvé neúspěšně (Sublime Text vygeneroval link v odlišném znění, než je ve vašem videu), podruhé už úspěšně (zápis jsem přepsala, aby byl totožný se zápisem ve videu).

[@hacknisvoubudoucnost]

Není zač. Jsem rád, že se vám kurz líbí 🙂

[@richardhess7872]

Spojení CSS a HTML kódu mi nějak nefunguje. Nezná náhodou co tam může být špatně. Tvořím na macu a kód mám úplně stejný jako vy Davide. Děkuji za odpověď.

[@hacknisvoubudoucnost]

Zkontrolujte samotné napojení. Jestli link je správně zapsaný. Často bývá chyba v názvu souboru. Pokud je to OK, tak jen mrknout do CSS, jestli nechybí středník, závorka apod. Pak popř. otevřít index.html znovu a zkusit dát Ctrl + F5 pro znovunačtení stránky. Pročistí se tím mezipaměť prohlížeče, kde mohou být uložené původní styly. Snad to pomůže

[@ralphlauren2679]

Mně se HTML s CSS také nechtělo propojit a poté jsem přišel na to, že jsem vždy uložil okno index, ale už né okno styly a v tom byla ta chyba. Tak jen kdyby to někomu nefungovalo, i přesto, že má kod opsaný správně zkuste uložit všechna okna 🙂

[@chemia4]

Ahoj, ráda bych se poradila. Spojení css souboru s mým html dle tvého návodu nějak nefunguje. psala jsem všechno stejně.

[@hacknisvoubudoucnost]

Ahoj, mohla bys mi udělat screen nebo poslat soubory? Na to bych se potřeboval podívat. Takto na dálku nedokáži říci. Může to být drobnost - třeba chybějící písmeno nebo cokoli jiného. Stačí třeba přes uschovna.cz nebo ulozto.cz

[@chemia4]

@@hacknisvoubudoucnost Kde prosím najdu Váš mail? Uschovna chce mail příjemce.

[@chemia4]

:D tak už to funguje. Neudělala jsem nič, jen jsem si to dneska zase otevřela...asi už včera neměl ten program chuť pracovat.

[@hacknisvoubudoucnost]

@@chemia4 To je ta nepředvídatelná technika. Super, že už to funguje :-) Hádám, že tedy email již nepotřebujete

[@chemia4]

@@hacknisvoubudoucnost :D zatím ne, děkuji. I když člověk nikdy neví, kdy bude potřebovat radu svého lektora a učitele. Jak jste psal, technika je nevyzpytatelná.

[@matejsima6355]

Skvělý video! Mám jenom otázku jak se na klávesnici dají napsat ty horní uvozovky. Díky předem.

[@hacknisvoubudoucnost]

Ahoj, jestli myslíš toto " ", tak já to píší Shift + klávesa ů (vedle L)

[@matejsima6355]

@@hacknisvoubudoucnost Díky! " " " " " "

[@hacknisvoubudoucnost]

@@matejsima6355 Není zač

[@Simon-ot7sx]

Zdravím potřebuji malou radu :D všechno uplně v pohodě ale když dam link a tab nevypíše se mi to samo a musím to psát sám a stejně to nefunguje. Takže mi css zatím připojit nejde. Nevíš co s tím? :DD

[@Simon-ot7sx]

a ten link mi svítí červeně takže asi bude problém tam ale nevím

[@Simon-ot7sx]

Už jsem to vyřešil takže dobrý :D

[@hacknisvoubudoucnost]

@@Simon-ot7sx OK, super :-)

[@RamB3k]

ahoj, udělal by jsi prosím video v html rainbow text? aby měnil barvu, už jsem dělal podle jednoho tutorialu, aole vypsalo mi to asi 7 erroru v css, tak jestli by jsi na to prosim neodpovedel ci nenatocil video

[@hacknisvoubudoucnost]

Ahoj, napíši si to. Vím, jak to udělat pro dvě barvy. Pro více by to asi nebyl problém

[@viliam9334]

Ahoj, najprv som kukal Yablka (Slovák- youtuber a programator), ale nevysvetloval to jak ty :) a u teba som to pochopil o dost lepsie, rychlejsie. Na druhej strane on robil html a css vo visual studio code a html a css naraz .. co mi pride o dost lepsie. teraz neviem ktora je ta spravna cesta.. navyse subline text mi nejde tak ako tebe a vela znakov musim pisat rucne :D

[@hacknisvoubudoucnost]

Ahoj, klidně zůstaň u VS code. Je jedno, jaký editor budeš používat. V dalších kurzech na VS code přecházím. HTML není moc dlouhé, takže stejně pak je zapotřebí HTML a CSS kombinovat. Já mám raději, ať lidé plně pochopí HTML bez rozptylování CSS, aby se na to mohli soustředit. A pak postupně CSS přidávám

[@natalia7055]

Mac iPad Vajíčka Sůl 😁😁😁

[@sergeyshestakov607]

egestas integer eget aliquet nibh praesent tristique magna sit amet purus gravida quis blandit turpis cursus in hac habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit amet tellus cras