Kritika webu http://www.noze-dvorak.cz/

HTML a CSS Kritika webů - ukažte se! http://www.noze-dvorak.cz/ American English version English version

Jak se ti líbí web?
Celkové hodnocení (4 hlasů):
1.251.251.251.251.25
Přejít na web:
http://www.noze-dvorak.cz/
Avatar
L.Dvořák
Neregistrovaný
Avatar
L.Dvořák:

Ahoj koukněte se prosím na tento web který jsem dělal pro bratra. Řekněte zda vás graficky oslovil a zda je alespoň trochu přijatelný. Za všechny upozornění předem moc děkuji.

 
Odpovědět 25.10.2013 19:29
Avatar
Nahoru Odpovědět  +1 25.10.2013 19:32
Nesnáším {}, proto se jim vyhýbám.
Avatar
Fredep
Redaktor
Avatar
Odpovídá na L.Dvořák
Fredep:
#odkaz_1{
                height: 26px;
                width: 140px;
                margin-left: 30px;
                margin-top: 2px;
                font-family: "Times New Roman", Times, serif;
                line-height: 30px;
                color: yellow;
                font-size: 20px;
                font-weight: bold;
                position: absolute;
        }

        #odkaz_2{
                height: 26px;
                width: 140px;
                margin-left: 175px;
                margin-top: 2px;
                font-family: "Times New Roman", Times, serif;
                line-height: 30px;
                color: yellow;
                font-size: 20px;
                font-weight: bold;
                position: absolute;
        }

        #odkaz_3{
                height: 26px;
                width: 140px;
                margin-left: 320px;
                margin-top: 2px;
                font-family: "Times New Roman", Times, serif;
                line-height: 30px;
                color: yellow;
                font-size: 20px;
                font-weight: bold;
                position: absolute;
        }

        #odkaz_4{
                height: 26px;
                width: 140px;
                margin-left: 495px;
                margin-top: 2px;
                font-family: "Times New Roman", Times, serif;
                line-height: 30px;
                color: yellow;
                font-size: 20px;
                font-weight: bold;
                position: absolute;
        }

Měl bys velkou úsporu a méně práce, kdyby si to sjednotil...

#odkaz_1, #odkaz_2, #odkaz_3, #odkaz_4{
                height: 26px;
                width: 140px;
                margin-top: 2px;
                font-family: "Times New Roman", Times, serif;
                line-height: 30px;
                color: yellow;
                font-size: 20px;
                font-weight: bold;
                position: absolute;
}

        #odkaz_1{
                margin-left: 30px;
        }

        #odkaz_2{
                margin-left: 175px;
        }

        #odkaz_3{
                margin-left: 320px;
        }

        #odkaz_4{
                margin-left: 495px;
        }

Ale i tak máš nesmyslný a hlavě PRACNÝ návrh...
Přečti si zdejší články...

Nahoru Odpovědět  +1 25.10.2013 19:50
Týmová práce je důležitá proto, aby bylo možno obvinit z neúspěchu někoho jiného.
Avatar
L.Dvořák
Neregistrovaný
Avatar
Odpovídá na Fredep
L.Dvořák:

Moc děkuji za upozornění toho že se to dá zapsat do jednoho bloku jsem si všiml ale již to bylo celé hotové. Myslíš že je to nutné přepracovat a že to může zpomalovat načítání stránky? Články si jistě přečtu.

 
Nahoru Odpovědět 25.10.2013 20:53
Avatar
Odpovídá na L.Dvořák
Michal Žůrek (misaz):

tady nejde o rychlost ale o údržbu.

Nahoru Odpovědět 25.10.2013 21:35
Nesnáším {}, proto se jim vyhýbám.
Avatar
Lako
Člen
Avatar
Lako:

Dosti se mi líbí produkt, který nabízíte.
možná by nebylo od věci to napsat někde na začátku. Něco jako - vyrobím vám nůž na míru. nebo to nejsou vaše ambice?
Žluté písmo vypadá, tak jakoby.. amatérsky. Hlavně na tom šedém poli (menu).
Hlavička mi přijde příliš veliká, nadpis je na ní moc dole - prostě ten nic černý prostor je k ničemu..
Proč jsou ukázky prací po 4 kusech? Klidně po 20...
Ta modrá v názvech článků... no..
Celkem zlé je černobílý obr na pozadí a přes něj obrázky nožů-- udělejte to aspoň ta ať to nepřečuhuje..
Je to prostě takové neučesané celé.
Design se mi moc nelíbí. Do kódu jsem se nedíval.
Udělejte to pořádně, jinak si tím shazujete dobrý produkt.
Za kolik byste mi vyrobil takový pink ivory?

 
Nahoru Odpovědět  +1 25.10.2013 22:01
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na L.Dvořák
Honza Bittner:

Menu se dělá pomocí <ul> jednotlivé <li> jsou pak jednotlivé položky .. do <li> se ještě přidá <a> díky kterému máme odkazy ...

nemusíš dávat ID každému "tlačítku" v menu, stačí dát ID <ul>ku, je to výhodnější, méně pracnější, přehlednější.

Nestyluj to s absolutní pozicí. Dělej to tak, aby to bylo univerzální.

Všechno nemusí mít ID či class ... pokud třeba chceš označit všechny tučné texty v odstavci, stačí dát jen p b, popřípadě třeba p#mujodstavec b

;)
Nahoru Odpovědět  +1 25.10.2013 23:08
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
tomasmanhal
Člen
Avatar
tomasmanhal:

Nadpis v hlavičce a navigace mi nějak splývá s pozadím...volil bych spíše jednotnou barvu, s jemným přechodem třeba, protože ve verzi s obrázkem to opravdu zanikne a je pravda, že ta žlutá tam moc dobře nevypadá, pokud se ten obrázek na pozadí nezvolí nějak rozumně...Navigaci bych asi udělal příjemněji, je to hodně amatérské, ale pokud nemáte žádné zkušenosti s tvorbou webů, tak dobrý začátek...ten zbytek dojde později po přečtení manuálů zde na devbooku ;-)

Jinak mám dotaz...proč je poslední stránka (Kontakt) s koncovkou *.php? ...žádné php tam nevidím

Editováno 26.10.2013 11:28
Nahoru Odpovědět 26.10.2013 11:23
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
Jozef Krajčovič:

Suhlasim s Lakom nože pekne,ale design strašny. V tomto pripade cely web posobi skôr kontraproduktivne.

Takže čo by som zmenil /*určite cely web :) */:

  1. iny background, možno nejaku drevenenu texturu
  2. rozhodne preč tu žltu farbu
  3. neprezentoval by som to ako osobu, ale skor ako firmu /* je jedno, že to robi sam*/
  4. nôž s footera rozhodne preč
  5. u stranky tekehoto typu by mal podla mna byt kontaktny formular
  6. prezentacia produktov je strašna

6.1) chyba mi vzor UI pagination
6.2) ten filter si skoro nikto nevšimne
6.3) obrazok nože je na lavej strane a potom je nazov noža, čo samozrejme vyzera zle. Lepšie by to bolo nazov noža podto fotka noža + popis.
6.4) lepšia forma/ štruktura textu u jednoltiveho popisu produktu t.j. noža
idealne by to bolo na začiatku uvadzat parametre možno ako tabulku až potom nejaky popis.
6.5) fotky noža by som riešil ako slider na začitaku

  1. chyba mi cena, netreba sa bat ju uvadzat za kvalitu sa plati.

Ak ty možem odporučit tak by som to komplet prerobil. Takto sa dnes už web stranky nerobia /* aj ked to tak sice robi 75% firiem z ČR/ SR :) */

Ak chceš kludne sa možeš aj mna pytat na design.

Editováno 26.10.2013 12:46
 
Nahoru Odpovědět 26.10.2013 12:44
Avatar
sisolpes
Člen
Avatar
sisolpes:

Já bych asi v ukázkách prací přidal kolem obrázků nožů černý rámeček.
Bez něho mi to přijde takové amatérské.

Nahoru Odpovědět 26.10.2013 20:16
Alt + 2
Avatar
L.Dvořák
Neregistrovaný
Avatar
Odpovídá na Jozef Krajčovič
L.Dvořák:

Moc vám všem děkuji za návrhy a za kritiku. Z toho co jste mi zde psali jsem usoudil že tento bratrův web celý navrhnu znovu. Jsem moc rád za nabídku od Jozefa Krajčoviče že s ním mohu konzultovat design. Opravdu vám všem moc děkuji příští bratrův web bude akceptovat vaše návrhy a poznámky.

 
Nahoru Odpovědět 28.10.2013 18:14
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 11 zpráv z 11.