Starší komentáře ke článku: suz

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: Lukáš Mačí

Datum vložení: 17.9.2003 7:24:48

Tak jsem si dneska přivstal, abych se na mohl podívat, co se tu dnes kritizuje :-)
=== Chvála ===
1) Ocenil bych přístup autora, který se snaží o beztabulkový layout, použití stylů, atd.
2) Je k dispozi tisková verze, i když nevím, proč je omezena šířka textu. Je to zbytečné a při větší délce to akorát požere víc papíru :-)
=== Kritika ===
1) Jelikož používám nejraději Mozillu, otevřu stránku a ejhle... říkám si, takhle to asi vypadat nemá. To samé v Opeře. V IE je to asi tak, jak to vypadat má, ale jen při velikosti okna, která je stejná nebo větší jako šířka dokumentu.
2) Použité barvy a vůbec design mi přijde takový smutný, neútulný, suchý (ale to je věc názoru.)
3) Text nejde v zvětšit (popř. s problémy jako je oříznutí textu, atd.)
4) Kód stránky
- jeden tag [meta] nemá zbytečně uzavírací lomítko (stačí jen projet validatorem a je to ke zjištění)
- u odkazů, kde není PHPSESSID jediným parametrem je občas použit ampersand místo znakové entity & (další zbytečná chyba, na kterou lze přijít validatorem)
Formátování
- nadpisy - na hlavní stránce je tag h1 použit na vítání. Já toho moc zastáncem nejsem, podle mě by měl tag h1 být použit jako hlavní nadpis stránky a podle toho by se měl vyvíjet text pod tím. V tomto případě mi to přijde použití jen na formátování. Naopak "Základní informace" bych rozhodně nadpisovým tagem označil.
- příliš často je použit tag [br /], i když by správnější mělo být používání odstavců [p]
Takže bych se zamyslel nad rozdílem mezi formátováním a značkováním. Přiřadit správné značky jednotlivým částem stránky a ty teprve zformátovat pomocí CSS (samozřejmě umístěné v externím souboru, občas se v kódu vyskytuje zbytečné formátování pomocí style). Například v aktualitách je zbytečně do divu uzavřená samotná h3. Vždyť je možno naformátovat rovnou ten nadpis...

Kámen úrazu
nejhorší, co podle mě je na stránce, je zpracování menu. Zbytečně použitý JavaScript a tabulka jako blázen. Rozhodně bych to předělal do CSS. Zkusil jsem udělat takovou malou ukázku na <a href='http://maciweb.net/priklady/ikwmenu.htm' target='_blank'>http://maciweb.net/priklady/ikwmenu.htm</a>

Řekl bych, že autor vykročil správným směrem, jen to dotáhnout a malinko zkrášlit :-)

Avatar

Autor komentáře: Richard Palát

Datum vložení: 17.9.2003 13:44:59

Ty amersandy namisto entit bude vkladat spatne nastaveny jazyk, ve kterem je to napsane. Pokud nejsou v browseru zapnute cookies, cpe se cislo session do komand lajny jako posledni parametr a jsou s tim problemy. Kdysi jsem to taky pouzival ale kvuli totalnimu nepochopeni problemu na strane poskytovatele hostingu jsem od toho upustil (proste to odmitli prenastavit ze strachu, ze by to starsi browsery nepochopily). Pro zajimavost, google se nikdy na strance nedostal dale nez na index.
Jakmile jsem od sessions upustil, zacal google chodit vsude.

/* R.Palat, <a href='http://www.najedno.cz' target='_blank'>http://www.najedno.cz</a> */

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 17.9.2003 14:05:01

To se ale přeci dá obejít vlastní funkcí pro vkládání sessions ;-)

Avatar

Autor komentáře: Leo

Datum vložení: 17.9.2003 18:35:21

Opravte mou nevedemost, ale i kdyz si napisu vlastni system sessions, a budou vypnuty cookies, tak musis ID dat do vsech odkazu a bude v URL, ne? :-). Leo

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 17.9.2003 18:37:22

To ano, myslel jsem to tak, že můžete to id doplňovat do odkazů vlastní proměnnou (která bude prázdná, když budou cookies k dispozici) a tím pádem si tam také sám dáte potřebný formát znaku. Je to práce navíc, ale dost bezproblémová ;-)

Avatar

Autor komentáře: Leo

Datum vložení: 17.9.2003 18:46:57

Aha, chapu, slo o ten znak ne o Google, Leo

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 17.9.2003 19:04:26

Google bohužel ve své neskonalé nafoukanosti "zakázal" řetězec "id" s výmluvou na sessions, ale jaksi mu nedošlo, že tenhle řetězec se por session id nepoužívá ;-)

Avatar

Autor komentáře: Adelaide

Datum vložení: 17.9.2003 7:32:29

Po dlouhé době jde o jeden z lepších webů i co se týče kódu, To menu mně trochu zpočátku překvapilo, vypadalo to, jak rozhozená obrazovka, než si člověk zvykne. Co bych vyčetla ( při letmém pohledu) je ten školácký nápis a logo, ty stínované efekty se naprosto nehodí k moderně pojatému menu. Sjednoťte písmo v hlavičce (adresa) a zbytku textu . Pokud si nastavím písmo VELKÉ tak se text Rozúčtování energií vloží až pod menu.

Avatar

Autor komentáře: Hermit

Datum vložení: 17.9.2003 9:11:10

Tak jako vzdycky tak to sjedu jedna dve
- naprosto odlisne zobrazovani v Op a Moz naproti IE
- title je pred kodovanim stranky
- menu je delany tak trosku podivne
- zbytecne temekr kvuli kazdy kravine [br]
- u img je zbytecny border, to by melo urcit css jestli ramecek ci ne
- dale co se mi nelibi je zarovnani na levo a vsude okolo prazdne misto (ve vetsim rozliseni nez je 800x600 to vypada vazne divne)
- neoddelena paticka - splyva s okolnima informacema
- pak taky nechapu nektere konstrukce v kodu (pravdepodobne preklepy) typu <P><P><div align="center"><B>Správa účelových zariadení<br />Slovenská akadémia vied</B><h1>ponúka</h1>ústavom v areáli SAV na Dúbravskej ceste č.9 nasledovné činnosti:</div></P>
Jedna se o ty dve /p/ vedle sebe a nasledujici zbytecny /div align../ Stacilo by pouzit to zarovnani jenom u /p/ a takovych prapodivnosti je pouzito vic
- dale dve a vice /h1/ na strance je dle me chyby, protoze hlavni nadpis je vzdy jen jeden
Suma sumarum prace jakz takz ujde, oproti jinym vytvorum zde uverejnenym urcity nadprumer, jinak nic moc

Avatar

Autor komentáře: Hermit

Datum vložení: 17.9.2003 9:20:07

tak jsem to nak nevychytal zmizeli nektery tagy, jsem to hlava derava
<I>- pak taky nechapu nektere konstrukce v kodu (pravdepodobne preklepy) typu </I> dyztak se podivaejte do kodu na <a href='http://nanete.sk/suz/?op=view&page=4' target='_blank'>http://nanete.sk/suz/?op=view&page=4</a> nebo i jinam

Avatar

Autor komentáře: Ludek

Datum vložení: 17.9.2003 11:19:46

Barvy se me libej.. Co pokulhava je to menu, je fakt divny;)

Avatar

Autor komentáře: $rel

Datum vložení: 17.9.2003 12:32:51

to menu je fakt divny...nejen js, ale i to graficke rozlomeni v pulce, css priklad zde uvedeny to resi mnohem elegantneji. vyhledavani nehleda v tel.seznamu.

ke grafice: chybi mi uzavreni napravo svislou carou, to by vyresilo i text na patce, ktery se takhle vznasi divne v prostoru. pismo nahore nemusi byt v tnr, kdyz je vsechno arial, grafika hlavicky nic moc, neurazi, ale nenadchne.

Avatar

Autor komentáře: karel

Datum vložení: 17.9.2003 14:11:17

Stranky sou takovy..........takovy divny. Potrebovaly by nejakej peknej napad. Nedavno sem narazil i na takovou lehkou obdobu csszengaden, kde se kazdy muze dosytosti vyradit. <a href='http://www.synopsypromotion.com' target='_blank'>http://www.synopsypromotion.com</a>
Zkuste. :)

Avatar

Autor komentáře: Adelaide

Datum vložení: 17.9.2003 15:42:06

to synopsypromotion :-) stačí si zvětšit písmo na největší a celý levý sloupec Vám upadne dolů

Avatar

Autor komentáře: Adelaide

Datum vložení: 17.9.2003 15:43:01

Dodávám v 800*600

Avatar

Autor komentáře: karel

Datum vložení: 17.9.2003 17:01:54

To je divny, protoze me ta lista pada az pri 640*480 s max. pismem.

Avatar

Autor komentáře: Bořek

Datum vložení: 17.9.2003 17:17:10

Ono to samozřejmě záleží na tom, co znamená 800x600. Někdo má třeba ve Windows navigační lištu vpravo (je to jen a jen jeho věc) a pak to spadne i při 800x600. Na tomto je krásně vidět definice v CSS, kdy se bere v potaz něco jako "uživatel si může mít okno velké jak chce" tímto výsledkem.
Ale na druhou stranu je pravda, že jiné řešení, než třeba alá Pixy patrně neexistuje. Jenže tam si zase musíte horizontálně scrollovat, takže si vyberte. V tomto případě je to skoro "Prašť jako uhoď".
Vedou se o tom spory, co je lepší, ale v tomto případě si myslím, že je to jedno, obé má plusy a mínusy, a vždycky to buď bude při malém rozlišení hubenej sloupec nebo budete scrollovat až někam do Ruska - výběr je na autorovi...
Osobně se ale hlásim spíše k první možnosti. Scrollovat horizontálně je "vopruz" ;-)

Avatar

Autor komentáře: Vita

Datum vložení: 17.9.2003 20:40:37

hmmm ;) Mate k dispozici width, min-width, max-width. Definovat sirku muzete v px, em/ex nebo %. Reseni je vic, ne jedno.

Avatar

Autor komentáře: Bořek

Datum vložení: 17.9.2003 21:53:14

Já jsem samozřejmě myslel <B>principielně</B> jen dvě řešení :-) Při zmenšení okna (nebo od začátku malém okně) prohlížeče jsou dvě možnosti: buď obsah zúžit automaticky podle okna a nebo nikoliv (jestli použít em jednotky, zároveň s min-width, tj. určit jak dalece se okno musí zmenšit, aby se automaticky zužoval obsah a pak už ne atd. je už jen na způsobu, jak to udělat).

Mimochodem velmi zajímavé by bylo udělat rozměry v em jednotkách a použít min-width a max-width v %, jenže to zatím nepodporuje vůbec MSIE, takže se tím nezabývám.

Avatar

Autor komentáře: Hlada

Datum vložení: 22.9.2003 10:51:25

Zkuste menit hodnotu promene - skin. treba <a href='http://www.synopsypromotion.com/artists.php?skin=0' target='_blank'>http://www.synopsypromotion.com/artists.php?skin=0</a> nebo skin=3.
:o))))))

Avatar

Autor komentáře: samuel szabo

Datum vložení: 17.9.2003 15:48:02

Pekny den.

ad <I>Lukáš Mačí</I>:
Menil som scripty hned rano - asi pocas pisania tvojho prispevku.. (enity, metatag)

O tom ze to vyzera v inych prehliadacoch zle viem. Asi ma ukamenujete ale web je robeny pre niekolko ludi, ktory vsetci maju IE, takze som si inymi prehliadacmi ani starosti nerobil.
Vdaka za ukazku menu. Hladal som sposob ako ho vyriesit pomocou css ale tak ako si to spravil ma vobec nenapadlo.. :/ Trosku som ho upravil a pouzil. Tym sa vyriesil problem so zobrazovanim v Mozille. Teda aspon mne.. Vdaka za pomoc.

ad <I>Hermit</I>
web je uplne cely aktualizovavany klientom. Tj: aj nadpisy, texty stranok, polozky menu. Stranky sa pridavaju z wordu, ktory na robenie stranok zrovna nie je ten pravy.. Vela z tych prebytocnych tagov script odstrani ale zase nemoze spravit uplne vsetko. Stale tam ostanu chybycky krasy..
kodovanie+title - Nepozornost. Dakujem..

Avatar

Autor komentáře: Lukáš Mačí

Datum vložení: 17.9.2003 16:03:51

Jsem rád, že jste menu použil. Zkuste celé CSS trochu doladit. Je to zbytečné... Vždyť to je na práce na chvilku.
A ohánět se s tím, že stránky jsou jen pro pár nejbližších, to je alibismus a ne korektní přístup ke tvorbě webu.
Používání wordu k získaní kódu na aktualizaci, to je opravdu nešťastné řešení!

Avatar

Autor komentáře: Lukáš Mačí

Datum vložení: 17.9.2003 16:05:42

Jo, ještě k tomu menu, nepoužívejte čtyři pevné mezery za sebou, a nastavte raději padding-left. Tohle nevypadá hezky ;-)

Avatar

Autor komentáře: samuel szabo

Datum vložení: 17.9.2003 17:21:21

Odladovanim sa budem zaoberat vecer. Cez den mam dost na ponahlo a proste nesiham.

K wordu: Ako inak si moze niekto pohodlne zmenit stranky? Editor mam aj v administracii, ale klient to chce robit offline.. On spravi obycajny dokument s tabulkami a pod. a iba to skopiruje, script odstrani vsetok ten zbytocny bordel az na nejake drobnosti a html kod sa ulozi.. Ine riesenie neviem ci vobec existuje..
(tel. zoznam upravuje excelom (*.csv))

Avatar

Autor komentáře: Libor

Datum vložení: 18.9.2003 20:58:08

To menu je ted opravdu lepsi, jeste bych tu spodni linku protahl k pravemu okraji (v lince s pravou hranou aktualit), takhle mi to prijde trosku rozhozeny.

Avatar

Autor komentáře: Hermit

Datum vložení: 17.9.2003 22:21:49

Tak jsem se na to podival doma znova a rozdil je videt, ale ta paticka je stale, no jak to rict, strasne rusiva neni to moc dobre udelany, alespon vycentovat tak nak doprostred a mozna bych pouzil pismo monospace, ale to uz je spis o citu nez o kodu.
Dale /hr/ je spatne umisteny v kode, lepsi je pouzit u paticky odsazeni od zhora a udelat horni caru u paticky v css.
Jinak stale nechapu i kdyz jste to vysvetloval Wordem, konstrukce <h3><a href="./?op=view&page=1"title="Úvodná stránka"><span>Úvodná stránka</span></h3> Co brani udelat zaklad kvalitne (to co se nemeni) a zbytek ozelet

Avatar

Autor komentáře: Lukáš Mačí

Datum vložení: 18.9.2003 7:54:05

Za ten span v konstrukci menu můžu já, jestli jsi se díval na moji ukázku. Ten span je tam kvůli tomu, aby se mohla vlevo od menu měnit jiná barva než pod odkazem, jak to měl strůjce suz webu v javascriptu. Když vymyslíš, jak měnit barvu margin-left či jiné řešení, můžeš ho dát ke zkouknutí. Mě to jinak než s tím spanem nenapadlo.
Ještě jsem to dneska trochu dodělal, aby se měnila jiná barva při odkazu z h3. ;-)

Avatar

Autor komentáře: Hermit

Datum vložení: 19.9.2003 9:33:43

Bral jsem v uvahu tu verzi co jsem videl v konecny fazi, ne tu tvoji, ta bych rek, ze je dobra, ale asi bych ji taky trosku udelal jinak
Jinak bych to udelal zcela jednoduse levy border tloustka treba 10 zeleny, po hoveru stale tloustka 10 modry
To je jen tak pro predstavu Ted se mi to nechce psat presne, jelikoz jsem to vcera doma vytvoril a inteligentne jsem se odpojil jeste pred tim nez jsem to nekam hodil, modem je holt strasne drahej :)

Avatar

Autor komentáře: Lukáš Mačí

Datum vložení: 19.9.2003 16:22:40

O téhle variantě se změnou borderu jsem taky uvažoval, ale v tom webu byl okolo odkazu pevný rámeček a barva se měnila vedle něj vlevo, takže by se muselo měnit něco jako margin-left, aby border zůstal stejný kolem celého odkazu. Jen proto tam ten span je...
Musím se přiznat, že já bych teda takovou ptákovinku k menu asi nedal :-)

Avatar

Autor komentáře: Hermit

Datum vložení: 22.9.2003 8:52:34

Tak tady je ta slibovana ukazka
<a href='http://www.frintasaddlery.com/test/menu/' target='_blank'>http://www.frintasaddlery.com/test/menu/</a>
Stejny mouchy jako ta tvoje IE = ignoruje, Opera = spatne, Mozilla = dobre

Avatar

Autor komentáře: samuel

Datum vložení: 15.5.2005 10:33:14

Stránku je možné nájsť na adrese http://suz.sav.sk Adresa uvedená pri stránke už neexistuje. Bola to len "testovacia" stránka.

Zpět na článek | Úvodní stránka Interval.cz