Kritika webu http://mainos.cekuj.net/

Michal Kuba

Tvůrce

Michal Kuba:2.3.2015 21:56

Ahoj.
Pomalu finišuji se svou maturitní prací a rád bych vás poprosil o konstruktivní připomínky, zejména k designu. Můžete ozkoušet funkčnost, ovšem ne všechny funkce možná nebudou dobře pracovat. Nadále chci tento server rozvíjet, zaplatit si lepší doménu a propagovat stránku a zanést do povědomí alespoň zlomku uživatelů internetu.

Děkuji.

Odpovědět

2.3.2015 21:56

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:3.3.2015 1:36

Projel jsem to tak zběhle, funkcionalitou je to na první vzhled ok.
Ale pokud ho chceš rozvíjet dál, tak určitě předělej design na moderní.

PS: Proč všichni co znám dělají web doma, a já ho budu muset dělat ve škole v pspadu nebo vs 2010 web developer, bez připojení k netu a celkově na to bude 6hodin? To je de*ilita.

Editováno 3.3.2015 1:37

Nahoru Odpovědět

3.3.2015 1:36

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:3.3.2015 6:19

Ahoj, Michale,
nejprve ti chci pochválit rozvržení stránky, je opravdu dobře, přehledně udělané. Na druhou stranu samotný design dost pokulhává a to v několika bodech:

barevná paleta působí zastarale (všimni si, že velké weby jako Google, seznam, atlas, atd. mají bílé pozadí, je k tomu důvod )
patičkový font se užívá pouze při tisku, protože se lépe čtou řádky, na web bych užil spíše bezpatičkový font
při menším rozlišení mi menu a logo lítá jak si chce
pokud to opravdu nepotřebuješ, tabulky nepoužívej

No, musím na autobus, potom možná ještě něco dopíšu.

Nahoru Odpovědět

3.3.2015 6:19

Neaktivní uživatelský účet

Michal Kučera

Člen

Michal Kučera:3.3.2015 7:44

V mojem malém rozlišení logo není vůbec celé a menu je rozskočené, musíš myslet i na takové, co mají malej komp

Nahoru Odpovědět

3.3.2015 7:44

Lidé jsou jako stromy, když do nich sekáš sekerou, umřou.

Michal Kuba

Tvůrce

Michal Kuba:3.3.2015 20:06

Jsem rád, že alespoň rozvržení je dobré Patky jsem oddělal, nějak vymyslím to přizpůsobení na menší rozlišení.. úplně si nejsem jist jak, ale zkusím některé šířky a výšky změnit z pixelů na procenta, že?
Tabulky myslíš viditelné? Nebo na úvodní stránce to, že ty jednotlivé čtvrce jsou vlastně v tabulce?

Nahoru Odpovědět

3.3.2015 20:06

Michal Kuba

Tvůrce

Michal Kuba:3.3.2015 20:45

Ještě bych se chtěl zeptat, zda nevíte, jak vytvořit navigaci mapující historii pohybu. Aby se zobrazovalo například pět posledních navštívených částí webu. Obrázek snad bude pochopitelnější (je to jen foto, tohle tam ve skutečnosti není)..

Jde to udělat přes PHP nebo jak? Děkuji

Nahoru Odpovědět

3.3.2015 20:45

Jan Vargovský

Tvůrce

Jan Vargovský:3.3.2015 20:48

Protože všichni ostatní na to mají celý rok doma. Ty si zase posedíš pár hodin ve škole a nemusíš celý rok nic řešit (pro mě lepší varianta, když rozumíš tomu co děláš).

Sorry za OT.

Nahoru Odpovědět

3.3.2015 20:48

Ori I

Člen

Ori I:3.3.2015 20:52

to Neaktivní uživatel: nuž tak ak bez netu bez bootstrapu, jquery, ach, to ti nezávidím

a teraz k téme, pokiaľ to má byť maturitná práca, tak sa snažím o validitu. (poväčšine to sú alt atribúty pri obrázkoch

taktiež pomerne neopodstatnené použitie HTML5 tagov, napríklad article na homepagy ako wrapper pre obsah.

to čo bolo spomenuté hore vyššie

Nahoru Odpovědět

3.3.2015 20:52

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:3.3.2015 22:01

Na jednu stranu to je lepší, na druhou bude mě bolet zadek od těch nepohodlných židlí

PS: Michal Kuba Pro maturitní práci si hlídej určitě tagy v headu (description, keywords), dal samozřejmě v obrazcích alt jak už bylo řečeno.
Ten article je snad jen chybka která se omylem vloudila

Ale jinak nevím, ale hodnotit se bude asi víc PHP nebo ne?

Nahoru Odpovědět

3.3.2015 22:01

Neaktivní uživatelský účet

Lava

Člen

Lava:4.3.2015 13:22

Je mi to velmi luto, vidno, ze sa snazis a za to ti patri vsetka cest Nemozem vsak dat viac ako 1 hviezdu a to z niekolkych dovodov

Dizajn z roku 2002. Nikde nie je napisane, ze musi byt biele pozadie, aby si mal dve hviezdy. Odporucam sa inspirovat nejakymi inymi webmi.
Ikony musia byt rovnakeho typu. Nemoze sa stat, aby jedna ikona bola v ciernom kruhu, ina modra, ina zasa roztiahnuta, ze je rozmazana a ina lacno "orezana" v skicari
Polozky menu nesedia. Posledna polozka menu sa mi zarovnava pod cele menu. Treba to upravit, idealne na percenta
Defaultne modre a fialove visited odkazy su hnusne a vzdy aj boli. V sucanosti sa uz viacmenej nerobia rozdiely medzi a:link a a:visited. A podciarkovanie v hoveri by som datoval do roku 2008 maximalne. Takze odkazom pridat nejake pekne farby a nech sa menia len pri hoveri
Je pekne, ak sa dodrziava standardna sirka webu. Tie ikony mam na skoro 100%, menu na kus menej. Do footera kde je tvoje meno sa neostychaj hodit aspon 20px padding
Kontaktny formular: Urcite odstranit ten hnusny send button. Teda aspon mu zmensit sirku standardnych inputov. To sa da dosiahnut pomocou selektora input[typt="submit"]. Ta ikona gigantickej ciernej obalky sa tam prinajmensom nehodi a nahradil by som ju nejakou adresou, alebo cim. Tiez by som zjednotil farby inputov a textarea-y
Nejnovejsi inzeraty hadze internal server error

Nahoru Odpovědět

4.3.2015 13:22

Aspartám, sacharín, to je môj vitamín

Michal Kuba

Tvůrce

Michal Kuba:4.3.2015 20:29

Jedna hvězda mi nevadí, rady a poznámky jsou skvělý!
Co se týče ikon u kategorií, zrovna jsem čekal až mi kámoš dodá várku zbylých čtyř (už jsou všechny stejně udělané).

S designem jsem nikdy nebyl příliš kamarád, právě proto mi stejnej kamoš trochu pomáhal něco doladit, nevím ale jak pozměnit kompletně barvu pozadí (nevím na jakou).

Co se týče položek v menu tak si s tím nevím dlouho rady.. Zkusím přidat kus CSS jestli z toho bude vidět nějaká chyba a případná úprava:

nav ul{

   list-style-type: none;
   background: #CEA151;
   min-height: 35px;
   /*min-width: 960px;*/
   min-width: 80%;

}


nav ul li {
    padding: 5px 30px;
    margin: 0px 15px;
    float: left;
   border-right: 1px solid grey;
   min-height: 20px;
   min-width: 5%;

}
nav ul li a:hover{
    color: #257ea4;
}

nav ul li a {
    text-decoration: none;
    font-size: 20px;
    font-family: Calibri, Arial;

  padding: 5px 30px;
    line-height: 10px;
    display: block;
    color: #fff;
    transition:.3s;

}

Odkazy jsem změnil všechny na černou barvu, při hover zbělají. Stejně tak u tlačítka reagovat jsem odstranil podtržení a nastavil to stejně, navíc jsem odkaz trochu odsadil oproti jménu autora.

Do patičky jsem přidal padding aby to bylo prostornější.

S formulářem si trošku pohraju. U textarea jsem zatím nastavil, aby se při chybové hlášce nevymazal její obsah --> každého by naštvalo zadat dlouhou zprávu nebo inzerát a například kvůli nevyplněnému městu by se mu text inzerátu smazal.

Nevím proč ti nejnovější inzeráty nejdou :/

Jediné tedy co, tak nevím jak poladit procentuálně to menu, aby se nikdy takto nerozpadlo při menším rozlišení.

Nahoru Odpovědět

4.3.2015 20:29

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:4.3.2015 22:06

Jestli to je maturitní práce, tak bych to už ani nijak neřešil. Z tohohle budou skoro všude odvařený.

Nahoru Odpovědět

4.3.2015 22:06

Neaktivní uživatelský účet

Michal Kuba

Tvůrce

Michal Kuba:4.3.2015 22:34

Trošku z toho, že budou všichni odvaření tak cítím ironii.. Ale předělal jsem teď trochu design a to i barvy pozadí a hned se to i mě více líbí.. zkuste se podívat třeba: mainos.cekuj.net

Jinak i potom, co snad odmaturuji nebo alespoň dokončím dlouhodobou práci obhajobou tak chci na projektu dále pracovat a vylepšovat co se dá.. Proto také chci tu kritiku - kdyby to bylo pouze pro školní účely tak to tolik nehrotím

Nahoru Odpovědět

4.3.2015 22:34

Neaktivní uživatel

Člen

Neaktivní uživatel:5.3.2015 19:35

Na tvé stránce je hodně obrázků, které neobsahují alternativní popisek, takže se vyhledávače a hlasové čtečky vůbec nedozví, co na obrázcích je. <code>Správně je:
<ims src="slozka/obrazek.png" alt=Alternativní podpis></code>

Nahoru Odpovědět

5.3.2015 19:35

Neaktivní uživatelský účet

Neaktivní uživatel

Člen

Neaktivní uživatel:5.3.2015 19:36

A ještě něco: nemáš tam nadpis <h1> který je dle mého důležitej ale jinak dobrý

Nahoru Odpovědět

5.3.2015 19:36

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:5.3.2015 21:04

né ims ale img
vkládej to jako zdrojový kód ..

Nahoru Odpovědět

5.3.2015 21:04

Neaktivní uživatelský účet

Michal Šmahel

Člen

Michal Šmahel:5.3.2015 21:05

Je, ale v některých případech se prostě nehodí.

Nahoru Odpovědět

5.3.2015 21:05

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:5.3.2015 21:22

Ironie v tom nebyla. Úroveň IT na většině škol je k breku.

Nahoru Odpovědět

5.3.2015 21:22

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:5.3.2015 21:25

Všechny hodnoty html atributů musí být v uvozovkách

Nahoru Odpovědět

5.3.2015 21:25

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:5.3.2015 21:33

A není to alternativní podpis

Nahoru Odpovědět

5.3.2015 21:33

Neaktivní uživatelský účet

Jan Lupčík

Tvůrce

Jan Lupčík:5.3.2015 21:34

Zkus to, dej si ke svým obrázkům alt Daniel Vítek.

Editováno 5.3.2015 21:35

Nahoru Odpovědět

5.3.2015 21:34

TruckersMP vývojář

Lava

Člen

Lava:6.3.2015 9:08

To neni pravda, musia byť v úvodzovkách iba vtedy, ak ide o viacslovné pomenovanie...

napr. <img src=images/obrazek.png> je v pohode
ale <img alt=Obrazek> je tiež v pohode
ale <img alt=Obrazek dva> neni v pohode, tu už musia byť úvodzovky <img alt="Obrazek dva">

Keď dáš úvodzovky všade, nič sa nestane, ale tiež sa nič nestane, ak v jednoslovných atributoch nebudú

Nahoru Odpovědět

6.3.2015 9:08

Aspartám, sacharín, to je môj vitamín

Lava

Člen

Lava:6.3.2015 9:22

Najlepšie bude, ak z <li> spravíš display:block a necháš ich vedľa seba floatovať. Nadradený atribút <ul> by kvôli tomu mal mať overflow:hidden; alebo za posledným floatovaným <li> by malo nasledovať ukončenie floatovania pomocou clear:both, inak ti to bude robiť blbosti.

Ako spraviť, aby odkazy nepresahovali, to je možné hneď niekoľkými spôsobmi:

1. Nastaviť percentuálne šírky: Ak používaš border-box, bude ti všetko pekne sedieť. Floatovaným <li> nastavíš určitú percentuálnu hodnotu, ktorej sa budú prispôsobovať. Všetky odkazy tak budú mať rovnakú šírku. Čiže ak máš v menu 4 odkazy a vieš, že ich nebude viac, môžeš kľudne nastaviť <li> css vlastnosť width:25%, ak ich máš 5, môžeš nastaviť 20%. Ak ale nepoužívaš border-box, musíš si tieto šírky vystihnúť pomocou chrome developer tools. Pri border-boxe (vlastnosť box-sizing CSS) sa ti budú bordery, aj paddingy prispôsobovať (marginy nepoužívať), pri content-boxe (což je vychodzia hodnota, ak nemáš nastavený border-box) sa ti nebudú paddingy ani bordery prispôsobovať a bude ti to každú chvíľu presahovať.

ul **{
box-sizing:border-box;
overflow:hidden;
}**

ul li **{
box-sizing:border-box;
width:25%; /*ak máš 4 položky menu...*/
float:left;
display:block;
}**

ul li a **{
text-align:center;
display:block;
color:#fff;
background:#414141; /*Farby si doplníš podľa nálady, rovnako aj ul li a:hover */
}**

2. Nenastavovať width vôbec: A oddelenie jednotlivých položiek menu dosiahnuť pomocou paddingov a borderov (ako to vyžaduje grafický návrh). To znamená, že z vyššie uvedeného kódu vyhodíš ten width:25%; a do selektora ul li a vložíš {padding:0 40px}, čím dosiahneš, že odkazy v menu budú od seba oddelené o 40px z obidvoch strán (Čiže v skutočnosti medzi nimi bude 80px [40px+40px]). Nevýhoda je tá, že to nebude na celú šírku, výhoda je tá, že v budúcnosti môžeš pokojne pridávať niekoľko nových položiek menu, kým ich počet nebude taký, že budú presahovať. Ak by začal presahovať, jednoducho znížiš hodnotu paddingu na 0 30px a ešte ti tam zas čosi vojde.

3. Existujú ešte rôzne iné fušerské spôsoby, napr. taký, že ti javascript podľa počtu položiek vyráta šírku jednej položky v pixeloch, toto riešenie je však cba.

Nahoru Odpovědět

6.3.2015 9:22

Aspartám, sacharín, to je môj vitamín

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:6.3.2015 17:30

To že to funguje neznamená, že to tak může být.

Nahoru Odpovědět

6.3.2015 17:30

Neaktivní uživatelský účet

Tonda Kozák

Člen

Tonda Kozák:6.3.2015 19:17

Pleteš se, v určitých případech (zjednodušme to na: když je hodnota jednoslovná) se uvozovky psát nemusí.
http://www.w3.org/…/syntax.html#…

Nahoru Odpovědět

6.3.2015 19:17

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:7.3.2015 11:02

Ok, tak tohle jsem nepostřehl. V tom případě se Lava omlouvám

Nahoru Odpovědět

7.3.2015 11:02

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:7.3.2015 11:05

Ne že by to měnilo něco na tom, že se mi to nelíbí, že s tím nesouhlasím nebo že to určitě nebudu používat

Nahoru Odpovědět

7.3.2015 11:05

Neaktivní uživatelský účet

Tonda Kozák

Člen

Tonda Kozák:7.3.2015 17:51

Můžeš s tím nesouhlasit, můžeš o tom vést spory, ale to je asi tak vše, co s tím lze dělat. <i>(Cimrman)</i>
:-)

Nahoru Odpovědět

7.3.2015 17:51

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:7.3.2015 18:52

To je taky vše, co s tím hodlám dělat

Nahoru Odpovědět

7.3.2015 18:52

Neaktivní uživatelský účet