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

Prodej webu audiny.cz

5 000 Kč

0 příhozů

Adult Inzerce – pro pracující dívky

9 900 Kč

0 příhozů

Kreativní Omalovánky – prodej digitálních produktů

20 000 Kč

0 příhozů

WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití

200 €

0 příhozů

💸 Srovnavač půjček abpujcky.cz

50 000 Kč

0 příhozů

Poptávky Více

Hledám grafika na úpravu hotového webu

Hledám někoho na správu kampaní FB, Google, grafiku a případně i úpravy webových stránek ve WP (elementor, divi)

Hledám grafika na tvorbu reklamního banneru

Koupím affiliate web, generující příjem

Redesign wordpress webu

Pracovní nabídky Více

VBA, MS Access expert (call on TUESDAY 17. 12., 1000 CZK – 3000 CZK for call)

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

1 000 - 3 000 Kč

Systémový Administrátor

Software Architect

Práce z domu

180 000 Kč

Hledáme React Native vývojáře na externí spolupráci

Práce z domu, Praha

Python developer

Praha

130 000 - 150 000 Kč

Nabídky Více

🔥Programování (Symfony, Node.js, React), Grafika, Soc. Sítě | 350Kč/h

Nabídka na copywriting služby

Inzerce v novinách Nefrit na rok 2025 pro Zlínský kraj

⭐ Akce: napsání 5⭐ pozitivních recenzí pro Vaší firmu/eshop ❗ Pouze za 140Kč/recenze ❗

ŠÉFREDAKTORKA.CZ – Copywriting a obsah na míru