Rady začínajícím tvůrcům stránek

Moderátor: Mods_senior

Uživatelský avatar
Myloš
Moderátor
Master Level 8.5
Master Level 8.5
Příspěvky: 6976
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž

Rady začínajícím tvůrcům stránek

Příspěvekod Myloš » 11 pro 2008 00:04

Rady začínajícím tvůrcům
aneb než dáte své stránky k hodnocení

Tento návod jsem rozdělil do třech kapitol:

  1. Na co myslet – převážně pozitivně laděná doporučení; budete-li je mít při své tvorbě na paměti, máte docela slušnou šanci, že se budou návštěvníci na vašich stránkách cítit dobře, že naleznou to, co hledali, jakož i to, co chcete, aby nalezli.
  2. Čeho se vyvarovat – zde se naopak dočtete o nejčastějších prohřešcích, kvůli kterým lidé ze stránek odcházejí.
    Přestože jste možná řadu níže uvedených nectností na mnohých stránkách potkali, uvědomte si, že to, co je běžné, ještě nemusí být nutně normální, dobré, správné… Buďte lepší než ostatní (ani amatér nemusí být diletant a bastlíř).
  3. Užitečné odkazy – to nejdůležitější, co vám při tvorbě stránek může pomoci.
Rozsah tohoto návodu je kompromisem – snažil jsem se postihnout vše důležité a zároveň jsem měl na paměti, že by měl být co nejkratší, abyste si všechno snadno zapamatovali. Narazíte-li ovšem na něco, o čem se domníváte, že by tu opravdu být mělo a není, napište mi sem odpověď, případně mi pošlete SZ nebo e-mail, budu rád, stejně jako za připomínky k případným chybám.
Myloš




I. Na co myslet

Stránky nevytváříte proto, abyste je zarámovali a vystavili v Ermitáži; stránky slouží k tomu, aby na nich návštěvník snadno nalezl patřičné informace. Měl by se na nich cítit dobře; zmatený návštěvník brzy ztratí trpělivost, odejde a už se nikdy nevrátí. Jako doporučení vám tedy kladu na srdce následující body:
  1. Nenuťte uživatele přemýšlet (slogan jsem si vypůjčil z názvu knihy Steve Kruga). Pokud k tomu nemáte závažné důvody, snažte se zachovávat následující zvyklosti:
    • Podtrhávejte odkazy (v menu to většinou není nutné).
    • Nikdy naopak nepodtrhávejte to, co není odkaz.
    • V běžném textu označujte navštívené odkazy (a:visited).
    • Děláte-li menu nebo nadpisy pomocí obrázků, přinejmenším nezapomínejte na jejich alt="alternativní popisky".
  2. Obsah stránky logicky strukturujte (nadpisy, odstavce, seznamy…); k tomu vám budiž nápomocné správné „hygienické návyky“, totiž srozumitelná sémantika.
     
  3. Méně je více – čím je stránka rozsáhlejší, tím méně z ní návštěvník přečte, což platí začasté nikoli procentuálně, nýbrž absolutně. U příliš dlouhých stránek se totiž často stane, že je návštěvník vůbec nebude číst; takové stránky radši rozdělte na několik podstránek.
    Obrázek
     
  4. Dostatečný barevný kontrast textu a pozadí. Pakliže jako pozadí používáte obrázek, neměl by znesnadňovat čitelnost:
    Obrázek

    Ani v případě obrázkového pozadí nezapomeňte definovat patřičně kontrastní barvu pozadí (hodí se v případě, když prohlížeč z jakéhokoli důvodu nenačte obrázky).
    S čitelností také souvisí velikost textu; jistěže si mohou návštěvníci mikroskopická písmenka zvětšit, ale proč jim to neusnadnit?
     
  5. Datová velikost stránek – přestože je v současnosti (konec roku 2008) rychlý internet běžným standardem, není 100% platnou skutečností (někteří jedinci jsou například závislí na velmi pomalém GPRS). Snažte se proto stále ještě o to, aby byly vaše stránky datově co nejúspornější.
    Jsou sice situace, kdy to jinak nejde (například fotogalerie), ale za normálních okolností se snažte, aby kompletní stránka (zejména včetně obrázků) nepřesáhla řekněme 100 kilobajtů. Pro obrázky proto používejte pouze formáty JPG (v náhledech bez EXIFů) a PNG (možno-li 8bitové, tedy v tzv. „indexovaných barvách“) případně GIF. Pro náhledy velkých fotek pak používejte vždy zmenšeniny (atributy width a height obrázek datově nezmenší). Konečně formátu BMP se varujte jak čert kříže.
     
  6. Mějte na paměti módy prohlížečů (vykreslovací režimy) – mnohdy nepochopitelná odlišnost chování prohlížečů je zapříčiněna prvním řádkem kódu: <!DOCTYPE HTML PUBLIC…
    Informace o této problematice naleznete například na www.jakpsatweb.cz/css/mody-prohlizecu.html.




II. Čeho se vyvarovat

  • Všeho, co na sebe strhává pozornost. Jsou to zejména:
    • Zvuky (Poslouchám vlastní hudbu, v místnosti někdo spí, za zády mi sedí šéf… a do toho se najednou ozve obtěžující hudba o kterou nestojím.)
      Když už opravdu nemůžete jinak a stránka ozvučená být skutečně musí, nechte zvuky defaultně vypnuté a na stránku umístěte „klikátko“ pro jejich zapnutí. Myslím si ovšem, že je stejně zapne málokdo.
    • Animace a jezdící texty – strhávají na sebe neustále pozornost a návštěvník se nemůže soustředit na to, kvůli čemu na stránkuj přišel.
      Přesto lze za určitých okolností animaci použít – coby dočasný indikátor právě probíhající akce, jako je odesílání zprávy, načítání obrázku, průběh uploadu…
  • Přehnaného počtu barev a vůbec přemíry jakýchkoli zvýraznění, protože bude-li zvýrazněné všechno, v konečném důsledku nebude zvýrazněné nic a výsledkem bude přeplácaná nepřehlednost.
     
  • Zbytečného (pro návštěvníka neužitečného) balastu (viz bod „Méně je více“ z předchozí kapitoly).
    Sem patří především:
    • Počítadla návštěvnosti – to zajímá vás, ale málokterého příchozího. Ostatně návštěvnost se na řadě hostingů dá sledovat v administraci.
      Nemůžete-li přeze všechno bez počítadla být, umístěte ho alespoň na nějaké odlehlé místo (třeba do patičky) a snažte se, aby na sebe příliš neupozorňovalo.
    • Kolik lidí (a kdo) je online – to je vhodné pro fórum a zejména pro chat, ale na běžných stránkách či blogu je to zcela zbytečné.
    • Většina anket (mají beztak často mizivou vypovídací či informační hodnotu).
    • Hodiny – chci-li vědět, kolik je, podívám se a) na svoje hodinky, b) na budík, c) na hodiny na stěně, d) do systémové lišty na monitoru.
      Výjimkou může být nanejvýš stránka věnovaná srovnání časů v jednotlivých světových pásmech.
    • „Dnes má svátek Brünhilda“ – Chci-li vědět, kdo má svátek, stačí otevřít kalendář nebo noviny, případně prohlížeč se stránkou novin anebo nějakého portálu.
      Jedině snad provozujete-li květinářství – pak návštěvník uvítá upozornění na to, že má koupit babičce kytku.
    • Samoúčelné kalendáře – například na stránce kapely má kalendář svoje místo, pakliže odkazuje na data koncertů, ale kalendáře, které na nic (důležitého) neupozorňují, jsou opravdu balast.
    • Další zbytečné informace, které s daným webem nesouvisejí: ikonky validity (validní stránka může být velmi nepřístupná a nepoužitelná; a naopak – stránka, na které se cítíte dobře, může být nevalidní), zejména pak frajeřinky typu
      váš prohlížeč je JESPR („jediný správný prohlížeč“) a vaše I. P. adresa je I. P. Pavlova…
  • Rámce (frameset) jsou zastaralou, dnes namnoze zbytečnou technologií – více viz www.jakpsatweb.cz/ramy-problemy.html. Výjimku může tvořit <iframe>, pokud do něho umístíte navigaci (menu) a nikoli vlastní obsah stránky (viz www.jakpsatweb.cz/include.html#iframe).
     
  • Kapitolou pro sebe sama je flash. Je to mocná technologie, pomocí níž můžete vytvořit úžasné webové aplikace, které byste jako HTML/CSS/javascript těžko sestavovali; namátkou vynikající Adobe Kuler; taktéž pro online přehrávače je flash dobrou volbou. Pokud se však flashe chytí začátečník, vznikají často velmi špatně použitelné, nepřístupné weby. Nevytváříte-li tedy webové aplikace flash vyžadující (nebo nejste-li vynikajícími grafiky, kteří mají problematiku přístupnosti v malíčku), držte se radši tradičních prostředků (HTML/CSS a případně nějaký ten javascript).
     
  • Posledním varováním budiž odstrašující formulace:
    „Stránky jsou optimalizované pro prohlížeč XY ve verzi N při rozlišení a×b, zapnutém javascriptu, povolených cookies, přítomných fontech BCD a EFG a nainstalovaném pluginu Fň.“

    Stránky nutně nemusejí ve všech prohlížečích stejně vypadat, ale musejí být ve všech běžných prohlížečích (ke konci roku 2008 to jsou IE 6, IE7, Firefox 3.x a Opera 9.x, případně Chrome, Konqueror a Safari) funkční do té míry, aby návštěvník dokázal přečíst všechny texty, zhlédnout fotky, stáhnout patřičné soubory a procházet stránky (menu, mapa webu…).
    Návštěvníka totiž vůbec nezajímá, pro jakou technologii jste stránky odladili, ale to, jestli je může (plusminus komfortně) používat. Nikdo (výjimky potvrzující pravidlo nechť prominou) si nebude instalovat jiný operační systém, prohlížeč, fonty či pluginy, málokdo bude měnit rozlišení (a s LCD už tuplem ne). Jak už jsem napsal, návštěvníka zajímá pouze jediné: „Fungují stránky v mém prohlížeči? Jsou použitelné a přehledné?“ a v opačném případě je opustí a nikdy se nevrátí. Ruku na srdce – pro koho stránky děláte? Pro návštěvníky, nebo pro sebe?
    Ona hrůzyplná formulace „optimalizováno pro…“ snad měla své ospravedlnění před léty, v době IE 4 a NN 4 (odpočívejž, ó strašný, v kuchyni) – ladit stránky pro oba zároveň bývalo v určitých ohledech opravdu utrpení.
    V současnosti, kdy většina prohlížečů ctí většinu současných standardů, však výše uvedený „disclaimer“ shledávám pustou výmluvou diletantů, bastlířů a lemplů, kterým jejich stránky náhodou v některém prohlížeči fungují a oni tak „vznešenými slovy“ zastírají svoji lenost či neschopnost. K tomu se váže moje poslední rada (subjektivně odpozorované pravidlo):
    Funguje-li stránka ve FF a Opeře, ale v IE (a to především v jeho 6. verzi; pozor však na vykreslovací režimy prohlížečů) jsou s ní problémy, bývá povětšinou slušně napsaná a chyba je na straně Microsoftu (takovou stránku lze ale dobře odladit například pomocí podmíněných komentářů).
    Je-li stránka naopak primárně odladěná pro IE a ve Firefoxu či Opeře se chová problematicky, chyba bývá častěji mezi klávesnicí a židlí.
    Konečně budete-li stránky v průběhu práce ladit ve více prohlížečích zároveň, neublíží vám to.




III. Užitečné odkazy





//Ltb: přidáno do PC-HELP rozcestníku



Reklama
  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • BAZAR rady nápady
    od Jaroslav2089 » 21 lis 2018 18:38 » v Rady s výběrem hardwaru a sestavením PC
    20
    473
    od petr22
    21 lis 2018 22:59
  • NEVIM SI RADY S GRAFIKOU
    od svatochlup » 11 lis 2018 11:09 » v Rady s výběrem hardwaru a sestavením PC
    11
    530
    od xbs
    12 lis 2018 15:41
  • Už si nevím rady
    od jarryner » 09 úno 2019 18:00 » v Internet a internetové prohlížeče
    11
    723
    od jarryner
    12 úno 2019 16:03
  • Neviem si dať rady.
    od WarWax_SK » 28 led 2019 21:00 » v Vše ostatní (hw)
    14
    585
    od WarWax_SK
    31 led 2019 14:09
  • sestavené PC - rady - do 40K ,-
    od Thepredator » 12 úno 2019 18:26 » v Rady s výběrem hardwaru a sestavením PC
    9
    313
    od xbs
    12 úno 2019 22:15

Zpět na “Ostatní články”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 0 hostů