Autor Zpráva
Petr Tichý
Profil
Dobrý den, či spíše noc :)

Právě jsem dokončil projekt a chci s Vaší pomocí vychytat chybky a opravit nedokonalosti.
Jsem připraven se řídit vašimi opodstatněnými poznámkami a radami.

Prosím ohodnoťte všechny pohledy na web (design, kód, přístupnost, ...)

Naleznete jej na adrese: http://modrastrelka.duha.cz

Děkuji
RiZe
Profil
Mě osobně se web velmi líbí. Rozestup mezi řádky, velikost písma, typ, nadpisy atp. Jen možná zda by ten rámeček kolem obrázku tábora tvořící hlavičku neměl být stejně modrý jako hover v menu, ale je to jen můj názor. Našel jsem ale na stránce http://modrastrelka.duha.cz/vaclavice-havlovice.php chybu, a to takovou, že nefungují žádné obrázky. Sever hlásí 404 Nenalezeno. Stránky jsou opravdu validní, kód je pěkný, dobře čitelný. Takže líbí.
DJ Miky
Profil
Menu, resp. písmo v něm, by mohlo být trochu větší.

A osobně se mi nelíbí ten dvojí stín - u jednotlivých objektů a u celku.

Před nadpisy bych nechal větší mezeru, hlavně mezi seznamem a nadpisem jako na stránce http://modrastrelka.duha.cz/pristupnost.php . Je to potom moc nalepené dohromady.

Logo by mohlo být klikací (buďto to malé vpravo od menu, nebo celá ta velká hlavička).

Z hlediska SEO by bylo dobré odstranit duplicitu „/“ a „/index.php“.

Jinak se mi to opravdu líbí.

Ještě drobnost: Místo „Mozzila Firefox“ se píše „Mozilla Firefox“ (úplně dole v textu pro návštěvníky bez CSS, v titulku i v textu odkazu).
Petr Tichý
Profil
RiZe
Opraveno, dík.

DJ Miky
1, Písmo zvážím.

2, Design předělávat nebudu to pochopíš že :)

3, Rozestupy - opraveno.

4, Tam bude problém :( ale pokusím se ...

5, Nemůžu zasahovat do configu.

6, Díky :)

7, Překlep .. opraveno.
tiso
Profil
Petr Tichý
Asi by som zvolil klasické usporiadanie - klikacie logo vľavo hore, vedľa ten obrázok (alebo logo ako súčasť toho obrázku) , klasika - <h1><a><span>...
Pripomienky k menu a tieňu už napísal DJ Miky
Mistr
Profil
Petr Tichý
(1) V patičce - například ve stránce http://modrastrelka.duha.cz/pronajimame.php - se objevuje číslice u CSS v horním indexu. To je záměr?
(2) V téže stránce - tedy http://modrastrelka.duha.cz/pronajimame.php - bych se více rozepsal o bodě památky války 1866 ze sekce Zajímavosti. Rozumím, že Tobě je jasné, o jakou válku (tedy Prusko - Rakouskou, je to tak?) se jedná, ale návštěvníkům bych to připomněl.
(3) Protože se jedná o statické stránky, vychytal bych v textu i "s" a "z" apod. na koncích řádků.
(4) Postrádám nějaké mapičky. Myslím, že by se hodila lokalizace na mapě (či na Mapách).
(5) Nerad bych se mýli, ale myslím, že se již nepíše IČO, nýbrž jen - viz strana http://modrastrelka.duha.cz/kontakt.php.
(6) V téže stránce - tedy http://modrastrelka.duha.cz/kontakt.php - bych rozdělil telefonní číslo na jednotlivá trojcifří, to z důvodu přehlednosti i jednoduchosti při opisování čísla.
(7) Klikací logo zde již předhodnotitelé zmínili. Já bych se za něj přimlouval a doporučil bych, aby jím byl celý velký obrázek v hlavičce.
(8) Ve stránce http://modrastrelka.duha.cz/pronajimame.php si oprav Pronajímame na Pronajímáme.
(9) Titulní stránka v Aktualitách by, myslím, zasloužila opravu v části Webové stránky byly vytvořeny (...).
(10) Neměla by být přidána čárka ve spojení suché, leč kulturní WC (dřevěné "kadibudky")? Text pochází ze stránky http://modrastrelka.duha.cz/pronajimame.php.

Jen na závěr takové zamyšlení a žádost o radu: jak se vlastně píše název té války z roku 1866? Jedná se mi především o velká písmena. Děkuji.
Petr Tichý
Profil
Mistr

1, Byl to záměr (patička je jen jedna, bylo to tedy všude), vyměnil jsem za dolní index.
2, Obsah tak nějak neřídím já, ale dobrá připomínka.
3, Pokusím se, našel jsem jich ovšem jen pár, ještě se porozhlédnu.
4, Přibude na 100%
5, Změněno, doufám, že je to správně.
6, Stalo se.
7, Pracuje se na tom.
8, Opraveno.
9, Opraveno.
10, Opraveno

Na závěr bych rád věděl, co si o stránkách myslíte, když pomineme (je-li to vůbec možné) gramatiku.
Lexter
Profil
Na závěr bych rád věděl, co si o stránkách myslíte, když pomineme (je-li to vůbec možné) gramatiku.

Já se na gramatiku nekoukám, páč sám s ní mám opravdu až podivuhodně veliké problémy. tedy stránky se mi líbí. Osobně se na nich lehce orientuji, snad jen obrázek krajiny vlevo mi přijde trochu málo související, snad nějaké foto z tábora? Líbilo by se mi to tam více. Taky bych chtěl klikací logo. A zvětšil bych písmo v navigaci aspoň o pixel, nemám moc dobrá zrak a chvilku jsem to luštil ;)
Bubák
Profil
JPEG obrázek v hlavičce je zbytečně datově objemný, není vhodné ukládat s kvalitou 100%, běžně se používá 60-95%, jako velmi dobrý kompromis bych doporučil 85%.
Totéž platí pro fotografie, navíc u náhledů fotografií není zvykem ukládat EXIF, také zvyšuje datovou velikost.

Pro obrázkové odrážky se nepoužívá list-style-image, protože takovou odrážku každý prohlížeč vykreslí v jiném místě, ale background-image.
http://teststranek.kvalitne.cz/odrazky1/

V IE se neztmaví při hoveru náhledů fotografií rámeček.
Petr Tichý
Profil
Bubák

Komprimace je v plánu, určitě bude provedena.

Nevím, co je to EXIF? :-/

Odrážky nahradím, děkuji.

Vím, pokusím se opravit ale je to nepodstatná věc, takže si jí budu zaobírat až později.
Railbot
Profil
Petr Tichý
EXIF informace - http://www.pcsvet.cz/art/article.php?id=1752
Mistr
Profil
Petr Tichý
ad 1)
patička je jen jedna, bylo to tedy všude
Vím, vím, pak jsem si všiml.

Spíše se mi ejdnalo o skutečnost, proč to vůbec je v indexu. Osobně bych to do indexu nedával, ale jelikož je to Tvůj záměr, pak je to jasné.

ad 5)
Mělo by to být IČ. Alespoň v Seznamu to tak používáme. Ostatně podívej se na jedno z témat odborné diskuze.

Na závěr bych rád věděl, co si o stránkách myslíte, když pomineme (je-li to vůbec možné) gramatiku.
Myslím, že to jsou celkem zdařilé stránky. Sice mi třeba není úplně jasný smysl obrázku ze stránky http://modrastrelka.duha.cz/vaclavice-havlovice.php (ten datel (?) opřený o strom), věřím ale, že zúčastnění pochopí, proč je tam právě tento obrázek a ne jiný.

A právě pod tímto obrázkem máš určité odsazení. Ptám se, proč má tři různé hodnoty. Zkus schválně v Microsoft Internet Exploreru 6 Service Pack 2 porovnat vertikální odstup obrázku od textu pod ním. Získáváš tři různé hodnoty:
- největší ve stránce http://modrastrelka.duha.cz/index.php
- menší ve stránce http://modrastrelka.duha.cz/vaclavice-havlovice.php
- a úplně nejblíž (a zřejmě tak, jak to původně melo být) je to ve stránkách http://modrastrelka.duha.cz/pronajimame.php, http://modrastrelka.duha.cz/o-oddilu.php a http://modrastrelka.duha.cz/kontakt.php
Petr Tichý
Profil
Mistr
Za IČ děkuji, máte pravdu.

Datel je každoročně na plakátu a propozicím k závodu.

Roztahuje se to podle textu, který se bude v blízské budoucnosti zkracovat. Takže bude napraveno.

Byl bych rád, kdyby se ještě někdo další vyjádřil.
mirio
Profil
Teď na to koukám znova a napadlo mě, že mi tam moc nesedí barva hoveru v menu pod headerem. Nezkoušel jsi nějakou jinou alternativu?

Jinak se mi to moc líbí!
Petr Tichý
Profil
Zkoušel :), ale rozhodl jsem se pro tuto. Sám zastávám "filosofii" lepší výrazný hover než slabý či dokonce žádný.
Tomass
Profil *
pokud jde o ty modré, tak bych se ještě přimluvil, aby se <b>M</b>odrá Střelka přidala k hoveru a logu.

"v několika následujích dnech se budou nacházet v tzv. ladícím období" je dost kostrbaté, ale budiž, pokud je to dočasné.

kb se v případě obrázků píše kB.

Jinak velmi pěkné. Zrovna teď se snažím přesvědčit jiného autora něčeho podobného, že dělat stránky v MS Word není to pravé, ach jo :(
Tomass
Profil *
ale kuš, omlouvám se za ten tag, nechtělo se mně klikat a takhle to dopadlo.
Chamurappi
Profil
Reaguji na Petra Tichého:
1) Logo Modré střelky by mohlo být větší. Mimochodem, Střelka má být s velkým či malým S?
2) Nažloutlé orámování kolem horní části mi tam trošku nesedí. Jiná zabarvení vypadají hůře?
3) Horní část horní části má dolní stín kousek přes menu. Dojedu-li na položku menu myší, změní se barva pozadí na jednolitou modrou, stín v tom místě vlastně zmizí.
4) „splňuje standardy XHTML 1.0 Strict a CSS 2.1
-- a) To návštěvníky zajímá?
-- b) Standard XHTML 1.0 Strict neexistuje, to je pouhá DTD. Doporučení se jmenuje XHTML 1.0, žádné verze a podverze nemá.
-- c) CSS 2.1 je teprve pracovní návrh. Sleduješ průběžně jeho vývoj? Dodržuješ určitě verzi z listopadu 2006?
5) Při tisku se mi vytiskne i text „Poznámka: Používáte prohlížeč, který nepodporuje (nebo podporuje mizerně) kaskádové styly...“. Téhle poznámky si všimnou i vyhledávače a možná některé hlasové čtečky. Je skutečně nutné kecat návštěvníkovi do toho, jakým způsobem dokument interpretuje?
6) Ceník u pronájmu Srubové základny pod Náchodským zámkem bych dal buď do tabulky, nebo do <dl>. Struktura s jednopoložkovým <ul> zanořeným uvnitř položky jiném <ul> se mi nelíbí. Také tamní <strong> mi připadá zbytečný.
7) Kontakty bych dal do <address>.
8) <ul id="menu">? Od čeho máme element <menu>?
9) Nepochopil jsem smysl té finty, kdy všem prohlížečům vyjma starších Explorerů posíláš img.image:hover a speciálně Explorerům a.photo:hover. Ten předpis pro Explorer snad nefunguje všude?
10) V prohlášení o přístupnosti píšeš: „Tento web byl tvořen za pomocí značkovacího jazyka XHTML v jeho striktní 1.0 verzi“ -- jak to souvisí s přístupností? Většina lidí si ten web může prohlédnout jen proto, že je jim servírován jako HTML.
11) XHTML syntaxe v HTML dokumentu je možná „profesionálnější“, ale stejně fuj.

Jinak se mi toto dílko líbí.
Petr Tichý
Profil
Tomass

pokud jde o ty modré, tak bych se ještě přimluvil, aby se <b>M</b>odrá Střelka přidala k hoveru a logu.
Tuto poznámku jsem nějak nepochopil :(

"v několika následujích dnech se budou nacházet v tzv. ladícím období" je dost kostrbaté, ale budiž, pokud je to dočasné.
Jistě, že je to dočasné .)

kb se v případě obrázků píše kB.
Děkuji, napravím.

Zrovna teď se snažím přesvědčit jiného autora něčeho podobného, že dělat stránky v MS Word není to pravé, ach jo :(
Toto jsem také nepochopil. Určitě "autora něčeho podobného"? Jako že někdo vytvořil něco jako toto v MS Word? .)

Chamurappi
(1) Domníval jsem se, že oficiální název je i s velým "S". Pokud zjistím, že je to špatně tak to se naopravuji.
(2) Připadlo mi to jako vhodné oživení, světle modrá vypadala překvapivě hůře.
(3) Toho jsem si vědom. Není to ale (IMHO) zásadní chyba. Řešit to kvůli tomu obrázky? :(
(4)
a, Nezajímá :)
b, Toto jsem nikdy pořádně nepochopil , ale ten web je validní vzhledem k DTD XHTML 1.0 Strict tak jakto že nesplňuje tyto standardy?
c, Také nerozumím :( CSS 1.0 to není, jsou tam nějaké novější "zápisy". Řídím se (opět) pouze větou CSS 2.1 Valid, kterou jsem si s chutí přečetl po zvalidování.
(5) Tisk - Napravím. Ostaní - Nevidím na tom nic špatného, když návštěvníkovi doporučíte lepší prohlížeč.
(6) Bude převedeno do tabulky.
(7) Teď nevím jestli strictní XHTML podporuje <adress>?
(8) Teď nevím jestli strictní XHTML podporuje <menu>?
(9) Nejdřív jsem to řešil pomocí první definice a až nakonec kvůli nefunkčnosti podmínkou pro IE. Zápis pro IE by zřejmě fungoval všude. Máte pravdu. Zbytečně složité.
(10)+(11) Je to uvedeno, protože to souvisí s "oddělením obsahu od formy", což IMHO patří do prohlášení o přístupnosti. Víte, že tomu XHTML, HTML, text/html a text/xhtml nerozumím. Takže no comment.

Jinak se mi toto dílko líbí.
Děkuji, pochvala od zkušenějšího vždy potěší :)

for all:
Nad webem jsem strávil desítky hodin času. To vše pro dobrý pocit a dobrou referenci. Proto pochopte některé nedostatky :)
Tomass
Profil *
Petr Tichý

- písmeno M v Modrá Střelka používá jinou modrou než jaká je použita v logu.
- ano, můj kamarád se opravdu snaží vytvořit obsahově podobné stránky v MS Wordu. Ale link po mně nechtějte :)
Petr Tichý
Profil
Tomass
Zkusím se na barvu podívat.
Myslel jsem vzhledově a kvalitativně podobné stránka. Takhle se vše vysvětluje .)
Chamurappi
Profil
Reaguji na Petra Tichého:
1) V patičce máš malé s.
4a) Pryč s tím.
4b) DTD není standard. Je to předpis pro validátor. Dokument může být validní proti určité DTD, ale ne „splňovat standard DTD“. Jak se tahle specifikace jmenuje? Vidíš někde v názvu Strict?
4c) CSS 2.1 je „Working draft“, tedy dosud nedokončená specifikace.
5) Jakou má taková rada šanci na úspěch? Už ti snad někdo napsal „Díky za radu, konečně jsem si stáhnul prohlížeč, který podporuje kaskádové styly“?
7+8) Nerozumím pojmu „podporuje“. Oba dva elementy v XHTML i HTML zaručeně fungovat budou. Validita proti Strict DTD je vedlejší. Pořád mluvíš o oddělení obsahu od formy a odmítání prezentačních prvků, ale teď se pozastavuješ nad elementy typicky sémantickými. Vždyť <menu> a <address> neurčují vzhled, tak se jich neštiť.
10+11) Viz Lupa.cz, za cca šest hodin.
Honza22
Profil
Nejsem profík, takže přidám jen názor, co mi vadilo..
Na stránce http://modrastrelka.duha.cz/vaclavice-havlovice.php dole je fotogalerka, když kliknete na foto, tak naběhne ve stejném okně (v IE7 záložce) a když se chcete vrátít, tak aspoň já jsem zvyklí u obrázků kliknou na křížek, což Vás vyhodí ze stránky úplně pryč, a musíte to hledat znova...
Je to jenom můj názor, a možná blbý zvyk, ale skuste se nad tím zamyslet....
Jinak krásný a profi web....
Petr Tichý
Profil
Honza22
Zajímavé. Toto téma si vytáhnul již z hrobu :)

Je to jenom můj názor, a možná blbý zvyk, ale skuste se nad tím zamyslet....
Měl bych to zřejmě udělal pomocí JS, ale nechtělo se mi.

Jinak krásný a profi web....
Díky, díky.
Toto téma je uzamčeno. Odpověď nelze zaslat.