NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 14 - Obtékání v HTML - Float, Stín

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
Avatar
Václav Dachs
Člen
Avatar
Odpovídá na Josef Mašek
Václav Dachs:8.1.2022 22:53

Pod článkem je tlačítko: "Stáhnout web (lekce 10).zip, tam můžeš kouknout jak má výsledný zdrojový kód vypadat. Jo a když chceš do komentu vložit kód, nevkládej printscrean, ale klikni si na ikonu </> (slouží pro vkládání kódu) a kód do vzniklého oddílu zkopíruj. 😀

Odpovědět
8.1.2022 22:53
S úsměvem jde všechno lépe :-)
Avatar
Mirek Nikel
Člen
Avatar
Mirek Nikel:18.1.2022 15:24

Je to dost nepřehledné, jedeme, postupujeme a jsme na konci a náš výsledek se autorovu nepodobá, jak by měl. Nutné se dopátrat kde a co autor změnil aby náš výsledek byl stejný, to se v článku nedočteme...

 
Odpovědět
18.1.2022 15:24
Avatar
Václav Janča
Člen
Avatar
Václav Janča:27.1.2022 21:42

No, když jsem se tu začal design učit, byl autorem Honza. Krok po kroku bylo vše vysvětleno, každý krok jsem chápal, až jsem se poměrně snadno dostal k finálnímu výsledku. Vynikající pro naprostého začátečníka kódem nepolíbeného. Nemusel jsem se nezbytně nikam jinam dívat nebo hledat další návody. Teď je autorem David, kterého si vážím a jehož schopnost vysvětlit různé programovací jazyky a postupy úplným začátečníkům, právě způsobem "krok po kroku", obdivuji. Asi má pravdu v tom, že tak jak byl tutoriál napsán Jenem, již není úplně aktuální podle moderních konvencí. Bohužel mi však tutoriál v současné podobě přijde pro naprosté začátečníky velice náročný. Konkrétně od odstavce "Flexbox" (včetně). Až do této kapitoly šel člověk postupně, a najednou musí začít studovat 9. lekci následujícího tutoriálu, aby alespoň rámcově pochopil co vlastně má udělat a hlavně proč. Pokud bych nyní začínal, zde bych asi skončil a buď se věnoval jiným tutoriálům na zdejším webu nebo bych to úplně vzdal s tím, že na to nemám. Dokonce bych si dovolil říct, že by pro mě bylo snad lepší naučit se nejdříve Hobiho tutoriál tak jak byl, s tím že takto se to již nedělá (podobně jako se učím v jiných tutoriálech nejprve procedurální a pak teprve funkcionální a objektové programování) a pak bych si své vědomosti postupně rozšiřoval. Vím, že se mi to mluví, když jsem sám žádný takový návod nenapsal. Na druhou stranu, mám určité zkušenosti s učením dětí a dokonce krátkou zkušenost i s mentálně postiženými a z této pozice si snad mohu dovolit upozornit na to, že co se jeví odborníkovi jednoduché, snadno pochopitelné, může být pro nezkušeného leckdy oříšek. Jinak cítím velký respekt k celému projektu a hlubokou vděčnost za to, co jsem se zde dosud naučil prakticky zadarmo. Je za tím obrovské množství práce. Zde ale, by to chtělo možná ještě trochu doladit, vzhledem k tomu, že právě tímto tutoriálem (alespoň myslím) spousta lidí začíná. Jistě, do budoucna se musí každý naučit samostatnosti, ale jak jsem již zmínil, nevím jestli bych u IT vydržel, kdyby mě Hobi až do konce mého prvního webu nevedl "za ručičku".

Editováno 27.1.2022 21:44
 
Odpovědět
27.1.2022 21:42
Avatar
Matej Quarda
Člen
Avatar
Odpovídá na Václav Janča
Matej Quarda:28.1.2022 12:53

Díky za ta slova. Vidím to naprosto stejně a i ve stejném místě (Flexbox) jsem zatím skončil, protože se v tom topím a nikde nevidím na blízku záchranný kruh. Sice nemám zkušenost s výukou dětí, ale za to dospělých ano a jsem taktéž toho názoru, že mi v mnoha místech chybí odpověď na otázku "proč?" a těch míst je nyní moc. Zcela přesné je pak vyjádření, že co přijde profíkovi jako naprosto samozřejmé, je pro totálního začátečníka jeden velký otazník. Znám to ze svého oboru, který je taktéž specifický a když jsem měl za úkol školit nové kolegy, byl to vždycky boj o to, oprostit se od toho "vždyť to přece ví každý" a jít cestou "tohle prostě nemusí umět, protože jim to nikdo neřekl, tak jim to budu muset vysvětlit já".
Rád bych se ve schopnostech nějak posunul, ale momentálně před sebou vidím jen obrovskou hromadu dřeva, přes kterou přelezu jen horko těžko.
A ještě jeden příklad. Na pokročilém příkladu z lekcí 6-9 jsem si vylámal zuby, protože jsem se nikde nedozvěděl, že vlastnosti stínů se dají nějak řetězit a jaké to řetězení může mít a má efekt.

Editováno 28.1.2022 12:54
 
Odpovědět
28.1.2022 12:53
Avatar
Dominik Bican
Člen
Avatar
Odpovídá na Josef Mašek
Dominik Bican:11.2.2022 19:39

Ahoj Pepo, měl jsem také obrázek vlevo, tak jsem si stáhl jejich verzi a pomohlo opravdu to, když jsi obrázek neměl uvnitř odstavce, takže párový tag <p> a </p> prostě odstraň a nech tam vložený jen samotný obrázek takto:

<img src="obrazky/avatar.jpg" alt="Programátor HoBi" />
 
Odpovědět
11.2.2022 19:39
Avatar
Bc.Mahmoud Alqimah
Člen
Avatar
Bc.Mahmoud Alqimah:16.2.2022 17:08

Ja od lekce 9 nic nerozumím !

Odpovědět
16.2.2022 17:08
Mody
Avatar
Oldřich Tylšar
Člen
Avatar
Oldřich Tylšar:23.2.2022 14:58

Článek je nedodělaný. Začíná se tu s layoutem pomocí FLEX, kde se něco napíše, a poté se to uzavře větou "Výsledek bude vypadat takto, byť zatím není plná funkcionalita flexboxu patrná:" a tím končí poslední zmínka o FLEXu, mám tedy ve svém kódu něco, o čem nic nevím. Pak následuje float, ok. A pak GRID, který je velmi okleštěný a nevysvětlený. Tento článek by stál za revizi a nebo možná sloučení do manuálu na který odkazuje. Nerad hate-uju, ale tady to bohužel není dobré.

 
Odpovědět
23.2.2022 14:58
Avatar
Adam Tyrpak
Člen
Avatar
Adam Tyrpak:25.2.2022 12:06

Kolegové co komentovali mají pravdu. Návod je nově předělaný do "moderního" formátu, nicméně spousta věcí zůstává nevysvětlena a půl hodiny jsem se snažil přijít na to, proč mám ten obrázek vlevo (nechtěl jsem si to usnadnit pomocí komentářů). A kdybych půl hodiny neluštil z jiných stránek jak vlastně grid funguje a že pokud v class ".domu-article" upravím přímo "img", musím ho také vypustit z odstavce, nikdy bych pomocí tohoto článku nepřišel na to, kde mám chybu. Ano, teď zpětně to dává smysl, protože je o tom zmínka u vysvětlení, jak funguje selektor

article > header {}

. Ovšem pokud bych si to nenašel na jiné stránce, nikdy by mě nenapadlo, že to tak funguje všude a že pokud upravím pouze "img", tak ho musím vypustit z odstavce...

Návod nedokončený a podle mého názoru většina začínajících lidí by skončilo už u předchozího článku. Všechno rychle, nedovysvětlené a špatně pochopitelné... Určitě by to chtěli revizi.

Odpovědět
25.2.2022 12:06
Selhání není propast nebo překážka. Jsou to dveře k novým možnostem, které bychom bez ponaučení z chyb neměli šanci o...
Avatar
Martin Libich
Člen
Avatar
Martin Libich:7.3.2022 14:49

Souhlas se všemi výše uvedenými kritiky. Takže nebudu znovu rozepisovat, co již bylo řečeno. Tak se rovnou zeptám na CSS styl, co přesně dělá "span" v tomto:

grid-row-end: span 2;

(Chápu číslo 2, jakože v mřížce je uvedený obrázek na 2 řádku, ale co to span dělá)?

Odpovědět
7.3.2022 14:49
Pokud se ráno probudím, je vše v pořádku
Avatar
Gabriela Feiková
Člen
Avatar
Gabriela Feiková :7.3.2022 16:08

Já měla ve finále obrázek uprostřed mezi 2 větami, když se zkoušelo obtékání - obrázek v textu/obklopen textem .

Je tu upomínka na:

  • Zkusme si to s naším avatarem (později tuto část kódu smažeme a nahradíme float technologií grid).
  • když obrázek stylujeme přímo v CSS, odebrat vlastnosti height a width

Ale už není nikde zmíněno, vrátit obrázek zpět nakonec pod </section>, a někoho to prostě nenapadne (jako třeba můj případ). Přijde mi to někdy vysvětlené jako páté přes deváté.

Také se v tom už začínám ztrácet 😕 Občas zbytečně řeším nějakou prkotinu velmi dlouho. Pro úplné začátečníky je to složité, a je těžké si to pak zapamatovat.

 
Odpovědět
7.3.2022 16:08
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 250.