NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Kritika webu eisstudio.cz

Jak se ti líbí web?
1 hlasů
Přejít na web:
http://eisstudio.cz

Při vložení tohoto webu do kritiky web získal od našeho robota následující hodnocení:

Kladných hodnocení: 6; Varování a poznámky: 5; Kritické chyby: 4.
Stránka obsahuje mnoho zbytečných chyb. Většinu nalezených chyb je možné jednoduše opravit. Pokud si s něčím nevíte rady, použijte Český neoficiální validátor HTML stránek

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Jakub Vaněk (Bubavanek)
Člen
Avatar
Jakub Vaněk (Bubavanek):25.8.2019 0:12

Zdravim, mohl bych poprosit o kritiku webu? Rad bych se dozvedel co vsechno je spatne a jak to pripadne vylepsit. Nejsem zadny koder ani grafik. Na firme me poprosily o web a tak jsem behem dvou tydnu precetl kde co a nejak splacal toto. Tak vas prosim budte mirni.

Moc dekuji za vsechny postrehy a napady.

 
Odpovědět
25.8.2019 0:12
Avatar
Milan Turyna
Tvůrce
Avatar
Milan Turyna:25.8.2019 1:01

Kontroluji web nyní z mobilu (huawei y6 prime 2018) a povsimnul jsem si par veci.

  • textova "nerovnost" (menu je male, text o hodne veci atd.)
  • spatna optimalizace obrazku (jestli vubec nejaka) obrazky se mi nacitali prilis dlouho, a internet mam na mobilu jako kazdy bezny uzivatel, na pocitaci to bude pravdepodobne bez problemu (zalezi na internetu klienta)
  • footer nema plnou sirku (naprave strane zbyva kousek)

A mozna bych udelal vetsi letakovy box, ale to uz je vec nazoru, kontroluji to jenom zlehka na mobilu, zitra bych rad napsal podrobnejil nejakou kritiku, popripadne radu k zlepseni.

Nahoru Odpovědět
25.8.2019 1:01
Řeš pouze to, co dokážeš ovlivnit.
Avatar
Jakub Vaněk (Bubavanek)
Člen
Avatar
Odpovídá na Milan Turyna
Jakub Vaněk (Bubavanek):25.8.2019 9:42

Děkuji za kritiku.

  • web neni zrovn responzivni, v tom nejak tapu. Takze text se mi jakztak povedl prizpusobit, ale s ostatnim si nevim moc rady. Snazil jsem se to celkove udelat jednoduche jen par barevnych odstinu, zadna divocina (krome footeru, ten musim nejak upravit)
  • to je pravda, obrazky jsem nijak neoptimalizoval. Popravde ani nevim jak :-). Ted jsem si vsiml, ze i v sekci obchodni zastoupeni to mam rozbity. Kdyz obrazek rozkliknu a chci prechazet na dalsi, tak se mi zobrazuji dvakrat za sebou stejne obrazky.
  • toho jsem si taky vsimnul a dela mi to i u menu, bohuzel nevim co s tim. Sirka menu i footeru, by mela byt nastavena na 100%.

S tim letakovym boxem jsem asi nepochopil jak to myslis. Pokud myslis ze bych je mel jako celkove zvetsit, tak ano na mobilu by to bylo urcite lepsi. Na PC uz asi ne. A jak rikam neni to responzivni, takze ani nevim jak bych to udelal.

Kazdopadne dekuji za kritiku, pokusim se jeste studovat a nejak to opravit. Ale mam v planu to preklopit do php, aby se dali letaky pridavat lehceji, nez pokazde hrabat do kodu. Ale o tom si budu muset jeste neco precist.

 
Nahoru Odpovědět
25.8.2019 9:42
Avatar
Milan Turyna
Tvůrce
Avatar
Milan Turyna:25.8.2019 10:25

Responzivitu na webu můžeš udělat přes media-queries ale k zjednodušení práce, bys mohl využít na frontend například bootstrap, a nebo nějaký jiný css framework.. Co se týče tich letáku, tak jsem to myslel tak, že by měli být větší na mobilu, na počítači je to v pohodě.

Vidím že také nemáte <meta name="viewport" content="initial-scale=1.0, width=device-width">, který je k lepší čitelnosti na mobilu, i když co jsem koukal tak u Vás by bylo pokud chcete mít responzivvní web, asi nejlepší web celý překopat, jelikož jsem přes devTools, tam ten tag přidal, a byl jsem rád že jsem viděl slovo textu..

Co se týče PHP a tich letáků, tak na to by stačil udělat jednoduchý uploader kde by jste nahrál PDF, a to PDF by se vždy přejmenovávalo, na nějaký stejný text aby se to staré přepsalo. A pokud chcete dělat aktualizace i miniatur letáků, tak by se hodil uploader miniatur. A odkaz na pdf by se nemusel měnit ručně jelikož by furt PDF na jednom místě, se stejným názvem, ale jiným obsahem. Snad se chápeme.

Jak udělat nějaký jednoduchý upload-system můžete najít na https://www.w3schools.com/…e_upload.asp možná to je i někde tady nějaký český návod, ale to si nejsem jistý.

Z mého pohledu, vám doporučuji k dosáhnutí responzivního webu, bootstrap, ale to je jen můj osobní názor, je to efektivní, jednoduché, a při udržení nějakého "stylu webu" by to mohlo vypadat celkem pěkně.

Když jsem se koukal na sekci obchodní zastoupení tak tam vidím, že dáváte obrázky mapy, podle mě by bylo lepší, kdyby jste využil Google API, a dal tam přímo mapu a přímo s označením. I když nevím jestli se tam dá označit část mapy podle sebe. Jak si je přidat do stránky najdete zde: https://developers.google.com/…/embed/start.

A ještě bych jak máte footer a text: Vytvořil ©Jakub Vaněk 2017 pro Eis Studio Pardubice
tak bych oddělil copy znak od jména Jakub Vaněk, takhle: Vytvořil © Jakub Vaněk 2017 pro Eis Studio Pardubice.

Jinak jenom taková rada, ještě k tomu footeru, jak máte jméno, které odkazuje na odkaz mailto:jakub91@sez­nam.cz tak bych spíše napsal email a na něj dal tento odkaz, aby i lidi kteří nepoužívají systémové emaily (nevím jak na linuxu, a ostatních platformách) každopádně se na windowsu zapíná pošta, a lidi si jí musí zapnout, a až potom si zkopírovat email, a pro starší systémy by to bylo ještě lepší.

Jinak jak jsou různě odkazy v nabídce, tak tam bych dával target blank, kvůli tomu aby se otevřela stránka v novém okně, byla by pak větší pravděpodobnost že se zákazník/uživatel na stránku vrátí, a nezůstane na té přesměrované stránce. Jinak jak máte úvod na index.html a jak je tam nadpis a pod ním ještě "mini nadpis" tak ten bych dal pomocí font-weight o trošku hubenější, a nebo ho jenom zvětšil ale zůstal by tlustý stejně jak písmo dole, nějak mi ty dvě tlusté věty nesedí.

Jinak ještě do kontaktů bych dal taky mapu na tu adresu hradec králové, aby lidi se mohli rovnou podívat na cestu, kdyby tam potřebovali se dostat a zkontaktovat někoho, tak aby se jim ušetřil čas.

Nahoru Odpovědět
25.8.2019 10:25
Řeš pouze to, co dokážeš ovlivnit.
Avatar
Jakub Vaněk (Bubavanek)
Člen
Avatar
Odpovídá na Milan Turyna
Jakub Vaněk (Bubavanek):25.8.2019 11:48

Uf, dekuji za vycerpavajcici odpoved. Az budu doma na PC, tak se na to urcite mrknu.
Zkusim to tedy asi pres BS kompletne predelat.

Urcite piste kdokoli dalsi pripominky, budu jen rad.

 
Nahoru Odpovědět
25.8.2019 11:48
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:26.8.2019 8:30
  • BT urcite.
  • Ja bych k logu napsal, cim se firma zabyva. 1-5 slov.
  • Tim padem muzes nabidnout jako prvni stranku nabidku zakaznikovi a ne nudne povidani. Coz je stranka Produkty.
  • Stranka Nabidka je takova zvlastni, pak. Nabidka jsou vlastne produkty. Asi to spojit, nejak.
  • Mimochodem, bylo by fajn, kdyz na neco v menu kliknu, aby zustalo odrolovano zhora. A nebo tam uz nebyl ten obrazek zeleniny. A nebo tu zeleninu zmensit a dat vedle loga. Neco ve stylu panorama mesta. A nebo mit ten obrazek pro kazdou stranku jiny, mozna az pod menu.
  • Ten copyright je spatne formatovany. Jeste jsem nevidel davat C doprostred vety. a mezi C a jmeno nemas mezeru.

Jinak si myslim, ze je to celkem obsahove je to prehledne, jednoduche. Mozna by to chtelo k produktum njake blizsi info. Mozna fotky jidla. Vyrobci asi zakaznika moc nezajimaji. Otazkou je, kdo je zakaznik. Jestli obchody, pak je mozna spis zajimaji znacky. Mne jako osobu zajima spis jidlo.

Editováno 26.8.2019 8:32
 
Nahoru Odpovědět
26.8.2019 8:30
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:26.8.2019 8:35

Jo, pokud bys s tim BT nevedel, zeptej se klidne na foru. Ja to resim tak, ze si z dokumentace zkopiruji html kod, troschu doupravim a mam poreseno. Nalinkuji bootstrap.css, pod nej nalinkuji muj.css, ktery doupravi treba barvicky. Dost blbe se tam v dokumentaci hledaji ruzna menicka. Pripadne se da najit neco googlem.

 
Nahoru Odpovědět
26.8.2019 8:35
Avatar
Jakub Vaněk (Bubavanek)
Člen
Avatar
Odpovídá na Peter Mlich
Jakub Vaněk (Bubavanek):27.8.2019 20:38

Tak jsem tedy stáhnul bootstrap a prokousávám se tím. Stáhnul jsem nějakou šablonu a tu se snažím upravit. Tak ten bootstrap snad líp pochopím, včetně toho grid systemu či co.

  • ředitel chtěl ty kecy na první stránce
  • názvy stránek jsou takovy divny, ale nejsem si jisty jak lepe to formulovat.
  • to odrollovaní se asi udělá nějak pomocí JS že :), asi nějakej on click event na položku menu?? Vůbec netuším :)
  • jo ten copyright předělám

koncový zákaznící jsou většinou maloobchodní řetězce, ale i soukromníci. O fotky jsem je na firmě prosil, zatím jsem nic nedostal, takže pracuju s tím co mám. A pro většinu stávajících zákazníků, je důležitější leták.

 
Nahoru Odpovědět
27.8.2019 20:38
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:28.8.2019 7:54

'to odrollovaní' - to se da resit kotvou u odkazu stranka.htm#nad_me­nu, <a id="nad_menu"></a>

Bootstrap je dobre pouzitelny metodou copy-paste.

https://getbootstrap.com/…ntroduction/#…
Zkopirujes si template a das tam sve adresy pro css, js. Pripadne js vubec nepridavej.

https://getbootstrap.com/…layout/grid/#…
Pro layout ti pro zacatek staci neco takoveho. Ze tam je nejaky radek row a sloupec col. Container je nekdy lepsi pouzit uvnitr a misto toho pouzit neustralni div s vlastnimi styly.

tlacitka - https://getbootstrap.com/…nts/buttons/

menu - https://getbootstrap.com/…onents/navs/
https://getbootstrap.com/…ents/navbar/
https://getbootstrap.com/…utton-group/
https://getbootstrap.com/…s/dropdowns/
https://getbootstrap.com/…/pagination/

U bootstrapu jde spis o to, ze maji uz nejak promysleny layout a ruzne marginy. Zrovna navigace tam stoji za prd. Ale html kod je pouzitelny. Hlavne, neni treba moc vymyslet. To se mi na tom libi. Jenom si to pak prebarvuji. Zkopiruji z ne-minifikovane verze css a upravim.
https://www.rar.cz/
https://www.rar.cz/…_threads.php?…
Neni to zazrak, ale bracha to tak barevne chtel :) Ale puvodni stranky, kazda pouzivala jinou strukturu html pro stejny prvek, tak se to trochu sjednotilo.

 
Nahoru Odpovědět
28.8.2019 7:54
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 9 zpráv z 9.