Kritika stránky Csed.cz

18. 1. 2016 21:11:54

Začal jsem se učit HTML a CSS. Aktuální práce je za účelem tréninku a proto bych si chtěl vyslechnout kritiku.

1. Byl bych rád, kdyby se někdo podíval do HTML a CSS kodu a řekl mi nějaké chyby které jsem udělal.

(Jsem si vědom že si musím zlepšit strukturu HTML kodu, jelikož se mi zdá že používám špatně(chaoticky) jména elementů a atributů )

2. Byl bych rád i za kritiku k designu.

3. Stránka mi háže chybu zobrazení na mobilech, případně pokud si zmenším šířku obrazovky prohlížeče na PC a posunu se úplně doprava tak se zobrazuje chyba stránky ale nemohu najít příčinu.

Děkuji všem za postřehy.

URL stránky je www.csed.cz

PS: Responzivní design a CSS3 mě teprve čeká..

18. 1. 2016 21:11:54

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167264

Matúš Markusek

(10 hodnocení)

18. 1. 2016 22:01:56

Design sa mi naozaj páči, mám rád takéto jednoduché a prehľadné weby, no niesom grafik a tak nemám nejaké cítenie, to ti skritizuje niekto kto sa vyzná. Mne ako používateľovi sa páči, jedine mi prekážajú nadpisy, ktoré na mňa svojim pozadím pôsobia ako buttony a vyvolávajú vo mne vôľu klikať na ne.

Ku HTML kódu z mojej strany len 3 výhrady.

1. na italizovanie textu by si mal používať css a nie tag ,
2. podľa mňa nekorektné používanie asside elementu (http://html5doctor.com/understanding-aside/ i ked to je už také diskutabilné)
3. u img tagov obrázkov používaš height a width vlastnosti čo je dobre, no nezabúdaj aj na vypĺňanie alt

18. 1. 2016 22:01:56

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167263

Marek

(4 hodnocení)

18. 1. 2016 22:16:47

V kode som nikde nenašiel footer ... prečo ?

18. 1. 2016 22:16:47

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167262

Pavel

(1 hodnocení)

18. 1. 2016 23:12:17

Trochu bych si pohrál se strukturou dokumentu, tak abys vytvořil logickou hierarchii nadpisů.
Máš tam příliš moc H1 nadpisů a aside je tam chaoticky a zbytečně. Design není špatný.

<body> <header> <h1>Mé jméno je Michal Novák</h1>  </header> <main> <article> <h2>Nabídka</h2> <section> <h3>Komunikace přes skype</h3> <p>Lorem ipsum dolor sit amet...</p> </section> <section> <h3>Plánování hodin vůči Vašemu času</h3> <p>Lorem ipsum dolor sit amet...</p> <blockquote> <h1>This quoted heading will not appear in the outline</h1> <p>Lorem ipsum dolor sit amet...</p> </blockquote> </section> </article> <article> <h2>Reference</h2> <section> ..... </section> </article> ... </main> <footer role="contentinfo"> ... </footer> </body>

18. 1. 2016 23:12:17

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167261

Jakub Jeřábek

19. 1. 2016 00:23:29

U textů se špatně zobrazují české znaky. Pokud je tam vidíš dobře, je to tím, že ten font máš nainstalovaný v PC.
Na Google Fonts si musíš zaškrtnout "Latin Extended" pro české znaky.

19. 1. 2016 00:23:29

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167260

lahwin

(12 hodnocení)

19. 1. 2016 00:27:55

css
74 řádek width: 90%
152 řádek width: 90%
171 řádek width: 90%
192 řádek width: 90%
239 řádek width: 70%;
288 řádek width: 90%
318 řádek width: 60%
454 řádek width: 90%

19. 1. 2016 00:27:55

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167259

predator129

(4 hodnocení)

19. 1. 2016 08:38:41

Zdroják som nepozeral ale i tak som našiel malé drobnosti. Pri nájazde na tlačidlo kde je ten "face" sa nemení typ kurzoru, čo evokuje, že to nie je tlačidlo a nadpisy ako "nabídka, reference" na mňa pôsobia ako call action tlačidlá. Taktiež dávať "domov" do navigácie je v tomto prípade zbytočnosť radšej to daj do toho obrázku "face".

19. 1. 2016 08:38:41

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167258

Dominik Hašek

(12 hodnocení)

19. 1. 2016 09:21:27

Web se mi líbí. Ty nadpisy bych ale určitě udělal jinak, přesně jak píše predator129, taky jsem na ně hned automaticky klikal :-D

jenom takové maličkosti za mě
.slideup a{} dej z-index: 10; (podsouvá se pod některé elementy na menších rozlišeních).
.citace-background{} nechápu tam tu hodnotu overflow: auto, takorát ti dělá ten ošlivý posuvník.

Jinak jestli teprve začínáš, určitě se podívej na nějaký preprocessor pro css (třeba http://lesscss.org/). je to poměrně jedoduchý nástroj, který když se naučítš používat tak budeš od čistého css utíkat co nejdále to půjde.

19. 1. 2016 09:21:27

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167257

VOSICKA

(13 hodnocení)

19. 1. 2016 17:20:20

Matúš Markusek, Poool - Díky za rady a určitě si dám pozor na heirarchii nadpisů i na správné používání "aside"
DiscO - Ano vím že musí být na každé stránce, jen mi to nějak uniklo :-)
cech - Opraveno, díky za tip :-)
lahwin - Kde jste vzal ty procenta? Stránce jsem nedával celkovou šířku ale každému oddílu jsem přidal různou šířku (v pixelech).
predator129 - Díky za radu :-)
Toliceek - Snažím se nějak nadpisy upravit, nicméně mi tam žádný styl nadpisu nesedí :-) Budu si s tím muset ještě pohrát :-)
- .slideup je upraveno, měl jste pravdu, všiml jsem si toho na mobilu. Overflow také opravený.
- O LessCss jsem slyšel, kamarád jej používá a vychvaluje a určitě to též začnu používat

19. 1. 2016 17:20:20

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167256

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Doména – NejlepsiKurz.cz

5 000 Kč

0 příhozů

www.chat4touch.com doména pro živý chat, DA 24 již byla v provozu ale nyní je provoz přerušen, připraven pro relaunch, je možno dokoupit i web

15 000 Kč

0 příhozů

www.nahemodelky.cz , DA 24, dvoujazyčný web slouží k náboru modelek na live chat a získání nových zákazníků

8 000 Kč

0 příhozů

https://www.tvorbawebu.site

5 000 Kč

0 příhozů

Prodej webu Horoskop 24/7 – Automatizovaný portál (AI) s horoskopy pomocí ChatGPT

9 700 Kč

0 příhozů

Poptávky Více

Hledame vyvojare k vytvoreni vysokozatezoveho parseru

💼 Obchodní zástupce/kyně – Oblast vývoje software a DevOps engineering (DPP/IČO, remote) 🚀

Automatizace přeposílání emailu ,kde vybere podle zadání přílohy a přepošle

Nabídněte Vaše weby, které chcete prodat. 💸

✅ AKTUÁLNĚ: Hledáme parťáka/parťačku na dohazování webových zakázek

Pracovní nabídky Více

PHP vyvojar k zhotoveni parseru – full Remote

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

100 000 - 500 000 Kč

Vývojář interaktivních webových aplikací

Praha

Vývojář .NET aplikace (Blazor)

Práce z domu

Aplikační inženýr – L2 podpora

Práce z domu

💼 Sales Lead (Fix 40-50.000 Kč + 8 % z každého dealu, remote)

Práce z domu, Praha

80 000 - 120 000 Kč

Nabídky Více

Letecké záběry dronem – Foto & Video

✅ AKTUÁLNĚ: Hledáme parťáka/parťačku na dohazování webových zakázek

Automatický obchodní systém na finančních trzích

Zprostředkuji prodej několika webových stránek a domén

Přístup k databázi: 500 mil. kontaktů celosvětově