hodnocení nových stránek

No tak, podle mě to napadne ty, kteří to používají nebo vědí, že se to používá, ale pochybuju, že většina normálních uživatelů to ví...

>>Málo koho napadne klikat na logo, když chce na hlavní stránku...

Mne to prijde naprosto intuitivni. Naopak me docela vyvadi z miry, kdyz narazim na web, kterej ma logo bez odkazu na homepage...

Tak to sem z toho Jelen, asi to nechám tak jak to je...i když je to trochu matoucí...

Pokud jde o klikací loga, považuju dokonce za neslušné je tam nemít. Ze zkušenosti vím, že BFU o jejich existenci většinou nemají ani tušení, ale patří to mezi snadno dodržitelné standardy, bez kterých se třeba já při browsení už těžko obejdu.

Sorry, že mi to tak trvá, teprv teď jsem se dostala k počítači... jdu se na to mrknout a možná budu opakovat něco z toho, co už je napsáno výš, protože bych to nestihla všechno nastudovat :-)

hořím nedočkavostí :o))).....né vážně s tím potřebuju trochu poradit...díky moc

Při načítání stránky mě strašlivě zděsil ten tabulkový bastl (v Mozille vidím okraje tabulek :-))... Grafika je moc pěkná, ale chtělo by to trochu drsnější kompresi, je toho na stahování docela dost i pro mé rychlé připojení...

Teď jdu ohlodat kód hlavní stránky...
Tag <script> by měl mít nějaký atribut, třeba type by nemusel uškodit ;-)
K metatagům bych přihodila i content-language.

CSS bych flákla do externího souboru.

Ten kód pořád vypadá jako generovaný WYSIWYGem - tohleto:
<td><img src="images/spacer.gif" alt="" height="1" width="20"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="7"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="1"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="168"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="167"></td>

<td><img src="images/spacer.gif" alt="" height="1" width="29"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="2"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="43"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="43"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="86"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="6"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="80"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="1"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="85"></td>

<td><img src="images/spacer.gif" alt="" height="1" width="86"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="45"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="41"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="4"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="8"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="1"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="7"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="20"></td>
<td></td>
... by živý člověk určitě nevytvořil... teda, doufám :-)

Vůbec skoro všechny ty obrázky patří na pozadí definované v CSS a ne do HTML.

Obvykle nadávám na formátovací tagy a atributy, ale tady to asi nemá moc cenu, protože celý ten web by musel úplně změnit filozofii: do HTML patří jenom čistá informace, všechna ta formátovací paráda je věc CSS. Mimochodem, čím větší podíl má v kódu textová informace oproti tagům, tím víc se to líbí vyhledávačům. To je taky jeden z argumentů pro beztabulkový layout. Chybí tomu <h1> a významové prvky vůbec.

Vůbec, na těchhle stránkách je všechno absolutní a na pixel pevné, a to není úplně to pravé řešení...

Docela zajímavá zkušenost je napsat neformátované sémantické XHTML, ve kterém budou akorát nějaké ty označené divy, a pak se pokoušet zpracovat ho v CSS tak, aby z něj byla opravdová stránka. Pokud už předem přemýšlíš, jak ho naformátuješ, tak to jde - a zdroják nemusí být plný zbytečností.

Pokud děláš layout s pevnou šířkou, doporučuju maximálně 780px - když má někdo rozlišení 800×600 (cca čtvrtina uživatelů), tak musí širší stránky horizontálně scrollovat, a to je hodně nepříjemné. U stránky, na které je textový box takhle mrňavý, je zbytečné takhle ztěžovat použitelnost.

Ve vnitřnostech už asi nemá cenu se dál hrabat, takže půjdu rozvrtat informační architekturu a tak :-)

V Mozille se ty položky v menu moc nepřebarvují, ale to je spíš kosmetická záležitost, detail. Ty myšonájezdní efekty v hlavičce jsou fajn, ale vidím je jenom v IE. Taky detail.

Líbí se mi, že stránky neodkazují na sebe sama. Možná, že by tam mohly být "záložky", z nichž jedna by vždycky byla zvýrazněná a neklikala, aby ty nápisy v menu byly na všech stránkách na stejném místě. Ten nedostatek prostoru je palčivý... tady je vidět výhoda elastické, textové, vertikální navigace ;-)

"Comming soon!" je jednak nepříjemné vidět (dokud ty stránky nejsou hotové, je /důkladně zažitá/ blbost na ně odkazovat...), a navíc je to gramatická chyba :-)

Odkazy v textu bych podtrhala.

Ty stránky jsou pořád značně začátečnické, ale zvenku to vypadá opravdu hezky. Je to zlepšení.

2 Freya :

:-(...vemu to popořadě :

1=>Při načítání stránky mě strašlivě zděsil ten tabulkový bastl (v Mozille vidím okraje tabulek :-))...
>>okraje vidím v Mozille taky, ale nevím co s tím.. :-(

2=>Tag <script> by měl mít nějaký atribut, třeba type by nemusel uškodit ;-)
>>To dodělám, ale raději to prý mám udělat v css a na JS se uplně vykašlat...takže to zatím nemá asi smysl. (i když přes css, to vůbec zatím nějak nechápu :-( ).

3=>K metatagům bych přihodila i content-language.
>>není problém, to dodělám..

4=>CSS bych flákla do externího souboru.
>>To se dělá jak? :-/

5=>Ten kód pořád vypadá jako generovaný WYSIWYGem - tohleto:
<td><img src="images/spacer.gif" alt="" height="1" width="20"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="7"></td>
<td><img src="images/spacer.gif" alt="" height="1" width="1"></td>
...............by živý člověk určitě nevytvořil... teda, doufám :-)
>>To mi udělal IMAGE READY, ze kterýho jsem ty rozřezaný obrázky ukládal. Poté jsem použil vygenerovaný index, kdy již byl tenhle kód..(tabulky) pak sem to doupravil přes GoLive a zbytek už jen růčo za pomocí jakpsatweb.cz...

5=>Vůbec skoro všechny ty obrázky patří na pozadí definované v CSS a ne do HTML.
>>tohle je pro mě španělská vesnice :-((. Mohla bys mi prosím konkrétně poradit, kde si můžu tento postup naštudovat? Nebo alespoň jak se tomuto postupu odborně říká...

6=>Obvykle nadávám na formátovací tagy a atributy, ale tady to asi nemá moc cenu, protože celý ten web by musel úplně změnit filozofii: do HTML patří jenom čistá informace, všechna ta formátovací paráda je věc CSS. Mimochodem, čím větší podíl má v kódu textová informace oproti tagům, tím víc se to líbí vyhledávačům. To je taky jeden z argumentů pro beztabulkový layout. Chybí tomu <h1> a významové prvky vůbec.

Vůbec, na těchhle stránkách je všechno absolutní a na pixel pevné, a to není úplně to pravé řešení... (.........................................................)
>>zmatenost, beznaděj...vůbec nevím co s tím mám dělat..... :-((((( pls helpppp!

7=>V Mozille se ty položky v menu moc nepřebarvují, ale to je spíš kosmetická záležitost, detail. Ty myšonájezdní efekty v hlavičce jsou fajn, ale vidím je jenom v IE. Taky detail.
>>jak pro koho, pro mě nepředstavitelnej problém... :-(

8=>"Comming soon!" je jednak nepříjemné vidět (dokud ty stránky nejsou hotové, je /důkladně zažitá/ blbost na ně odkazovat...), a navíc je to gramatická chyba :-)
>>já chtěl vědět jestli ty stránky jsou vůbec použitelný a další chyby na dalších stránkách by mě už totálně zničily...za chybu se omlouvám, opraveno..

9=>Odkazy v textu bych podtrhala.
>>maličkost, kterou zvládnu :-) hurrááááá, alespoň něco umím...

10=>Ty stránky jsou pořád značně začátečnické, ale zvenku to vypadá opravdu hezky. Je to zlepšení.
>>chci se to dodopravdy naučit dělat alespoň trochu líp, baví mě to, ale některým věcem prostě nerozumím... :-(
Grafika mě baví a rád si s ní hraju...takže děkuji alespoň za pochválení kabátku :-)...jinak zbytek stojí za starou belu..

1) vykašlat se na tabulky a zkusit CSS layout:
http://www.jakpsatweb.cz/clanky/skutecne-vyhody-css-layoutu.html
http://www.jakpsatweb.cz/css/css-design-position.html
http://www.pixy.cz/blogg/clanky/css-3col-layout/

2) ano, v CSS by stačilo nastavit pro <a> správné rozměry, správný display a pak měnit pozadí na :hover - např. pomocí Pixyho roloverů:
http://www.wellstyled.com/css-nopreload-rollovers.html

4) http://www.jakpsatweb.cz/css/css-prakticky.html#externi

5) background-image :-) Jde o to, že pokud ten obrázek nenese nějakou přímou informaci a je tam jen na ozdobu, patří na pozadí. Takhle:
http://www.jakpsatweb.cz/css/background-image.html

6) Pixelovou pevnost nemusíš řešit hned radikálně - ideální by bylo nenastavovat třeba velikost textu v px nebo dokonce pt (pt je na papír), ale v procentech z defaultní velikosti. To ostatní přijde časem.
http://www.jakpsatweb.cz/css/font-size.html

7) Pokud budou ty myšonájezdní věci zároveň odkazem, není nic jednoduššího, než dát jim na pozadí obrázek neaktivního prvku a na a:hover obrázek aktivního prvku, opět střídání background-image. A samozřejmě, rozměr myšonájedzdních věcí by se měl shodovat s rozněrem obrázku.

Cením si nadšení, se kterým autor přistupuje k tvorbě :-)

všechno naštuduju a možná změním i celý design, chci to mýt po všech stránkách zmáknutý...
Každopádně děkuju za rady všem, určitě je zůročím...
Teď se odmlčím a za nějaký čas se ozvu s dalším hodnocením...po kompletní překopávce webu.
Jedno vím, ale přesně, bude to rozhodně lepší....to slibuju!
Special thanks to FREYA! :-)

To vůbec není zač... jsem ráda, že si na těch stránkách dáváš záležet :-)

:-), copak na těchto...ne těch se to jaksi učím, ale "roxyman.wz.cz" už musí bejt po všech stránkách v naprostém pořádku...ty si nechávám jako hlavní trumf v rukávu. ale až budu něco umět... :-). Dřív to nemá smysl....

Zdravím, všechny!

Kamarád mi pomohl udělat novější verzi webových stránek!
Z větší části je to jeho práce a to i včetně kódu. V žádném případě se nebudu chlubit cizím peřím...Ale dost sem se od něj přiučil :).
Zřejmě je vyměním za ty původní!
Co na to říkáte?

Moje původní :
http://dj-wosa.wz.cz

Moje nové :
http://web.archa.cz/djwosa

Jsem z nich naprosto unešen, doufám, že se vám budou líbit stejně jako mě :)

Graficky se mi to líbí, ale asi bych to neďála růžový - přijde mi, že k hudbě kterou hraješ se ta barva moc nehodí. Ale to je věc názoru. Kód přenechám zkušenějším, je tam hrozně moc javascriptů a těm vůbec nerozumím. To menu bych udělala jako nečíslovaný seznam.

2 ELIS:
No ono to mělo být moderně-odvážně-křiklavě-sladěné :).
Je to o náladě, proč dělat všechny stránky tmavé....? Vždyť jsou pěkně veselé a o tom to je :-)))) .
To menu dořeším časem, jako všechno co uznám za vhodné až se to tady nakupí :).
Ale jinak díky

Jo je to fakt, myslela jsem to tak, že já bych tak svoje stránky neudělala. Ale jako takové se mi líbí, jsou pěkně sladěné a hlavně originální. Kdyby byly všechny stejné, byla by to nuda, to máš rozhodně pravdu:) Nemáš zač děkovat, jen počkej až se do tebe pustí zdejší ostřílení odborníci přes kód;)

Ano, je to graficky vymáklé disko trysko :-)

Ty obrázky jsou hezké, ale obávám se, že pokud nebude text nějak hodně přehledně upraven, budou mě rušit při čtení. Menu se v té záplavě cingrlátek ztrácí, pomohlo by mu podtržení odkazů.

Řeči o doporučeném rozlišení a prohlížeči jsou zbytečné a ještě vytváří dojem neprofesionality. Nemá smysl si tím kazit web, když to v Mozille vidím dobře a v 800×600 to taky nedělá neplechu.

Tu scrollovatelnou hlavní textovou část bych možná odlišila malinko jiným pozadím nebo nějkým decentním rámečkem. Aby bylo vidět, kde bude text při scrollování mizet. Btw, byl ten javascriptový scrollovák nutný? Nestačila by normální lišta, třeba i přebarvená? Ta je jistější...

Title by měl kromě názvu webu obsahovat i název sekce. Něco jako "dj wosa | biografie" a tak podobně. Když si to minimalizuju, jsem ráda, že se z dolní lišty dozvím nejenom, na jakém jsem webu, ale i to, kde přesně na něm jsem. A je to dobré pro SEO. Ničemu to neuškodí :-)

Co se týče kódu, na prvním řádku by měl být nikoli komentář s reklamou autora, ale definice typu dokumentu. Autor se může podepsat do speciálního meta tagu, který je k tomu určen. Metatagy je zbytečné šetřit, dobrá hlavička je narvaná dobrými doplňujícími informacemi. Už zmíněný author, keywords, description, případně robots a tuna dalších.

Trošku mě zděsila ta tuna javascriptu. Funguje to bez JS? :-/

Kód je jinak beztabulkový, což je chvályhodné, ale fatálně nesémantický, což chvályhodné není. Komplet všechno je zavřené ve spanech, většinou vycpaných jednou nedělitelnou mezerou a ničím dalším. Divy žádné. A přitom by byly často vhodnější, protože to jsou blokové prvky. Samé class a žádné id, ačkoli většina těch věcí je na jedné stránce pouze jednou.

Významové značky nejsou. Kam se poděly všechny <h> tagy, <strong> a <em>? Zato <font> a <br> jsou v kurzu :-)

Jinak, atributy width a height nemají mít nikde napsanou jednotku. Jsou v pixelech. Takže ne width="114px", ale width="114". U obrázků je povinný atribut alt.

Nejpodstatnější výhoda CSS formátování tkví v tom, že když ho odříznu, může mi při troše štěstí ze stránky zbýt pouze dokonale čistá, správně strukturovaná a zcela přístupná textová informace. Což se tady neděje ani v nejmenším.

Teď k CSS:
margin: 0px 0px 0px 0px; - zbytečně dlouhé, stačí margin:0.
font-family:Verdana, Arial; - chybí generický font. Takže font-family:Verdana, Arial, sans-serif.
font-size:14px - px si uživate IE nemůže zvětšovat. Nestačilo by font-size:small?
Některé vlastnosti jsou tam zbytečně napsané víckrát. Font-family stačí dát k body a všechno ostatní ji pak zdědí.

Jasně, vevnitř je to o kus lepší než dj-wosa.wz.cz. Ale tamty mi byly sympatičtější. Možná je to taky trochu tou růžovou :-)

Jak jsem psal : Nejni to celý moje práce, takže tam chyby zřejmě budou...

Hlavně se rozhoduju jestli je mám (ty nové) vyměnit za ty starší...proto je mám i u něj na webu...Nebo kompletně předělat ty starší (vylepšit kód a možná i malinko předělat design)...

Ale s tou barvou máte možná pravdu...je moc ružová....Je to taky tím, že autor zaexperimentoval, ale o house a underground music nic neví...proto ty divoké hřející barvy :)))
Ještě to s tím prohazováním promyslím...

Každopádně díky za zhodnocení