www.romver.ru / Полный список статей / 13 замечаний о форме и содержании

Sozdat' sobstvennuu Web-strani4ku sey4as uje stalo ne slojnee, 4em napisat' pis'mo. Mnogo4islennie slujbi, predostavlau6ie besplatniy xosting vsem jelau6im, prevratili “doma6nie strani4ki” iz 4ego-to 4rezvi4ayno ekzoti4eskogo v povsednevnost'. Vpro4em, tut est' i oborotnaa storona – videlit' svoy sayt sredi desatkov tisa4 podobnix je tvoreniy stanovitsa vse slojnee...

Na protajenii mnogix let sredi vladel'cev internet-strani4ek bituet tverdaa uverennost' v tom, 4to glavnoe v sayte – soderjanie, oformlenie je – eto ne bolee 4em dovesok. Pravda, po4emu-to podobnaa uverennost' ne me6aet samodeatel'nim Web-masteram plodit' mnogo4islennie “sayti anekdotov” i “razvlekatel'nie portali” s odnimi i temi je “zanimatel'nimi istoriami”, nadergannimi s desatka-drugogo isto4nikov.

V ob6em, teoria s praktikoy rasxoditsa kardinal'no. Mejdu tem nikto ne otmenal propisnuu istinu – xota provojaut po umu, vstre4aut-to vse-taki po odejke, to est' oformlenie Web-resursa pri vsey ego vtori4nosti imeet nemalovajnoe zna4enie s to4ki zrenia privle4enia i uderjania postoannix posetiteley. Po4emu? Vo-pervix, akkuratno oformlennaa strani4ka proizvodit blagopriatnoe vpe4atlenie i “ceplaet” glaz pri pervom pose6enii, a vo-vtorix, krasivaa i udobnaa dla pol'zovatela stranica zapominaetsa, i est' nemaliy 6ans, 4to slu4ayniy posetitel' pereydet v kategoriu postoannix. Inimi slovami, durno vipolnennaa strani4ka napominaet naspex otpe4atannuu na oberto4noy bumage slepim 6riftom gazetku dla 4tenia v elektri4ke (i kto ee nazvanie zapomnit?), a dobrotno sdelannaa Web-stranica priblijaetsa k glancevomu jurnalu, kotoriy i v ruki vzat' priatno, i vibrosit' vrode bi jalko – krasivo je vse-taki...

Na temu pravil'nogo saytostroenia v Seti su6estvuet massa umnix sovetov i poleznix rekomendaciy, zaputat'sa v kotorix mojno v s4itanie minuti. Nijesleduu6aa podborka, avlau6aasa svoeobraznim daydjestom poleznostey, avlaetsa e6e odnoy popitkoy sobrat' vmeste nekotorie zame4ania na temu “kak nado delat' sayti”. Kone4no, rass4itivat' na vseob&emlemost' rassmatrivaemix voprosov i polnoe raskritie temi ne prixoditsa, no vse-taki koe-4to umnoe nayti, veroatno, udastsa...

1. Xota progress 6agaet vpered semimil'nimi 6agami, vse je e6e nemalaa 4ast' setevix pute6estvennikov pol'zuetsa ne sli6kom bistrimi kanalami svazi i ne samimi sover6ennimi komp'uterami. Otsuda vivod: izli6ne tajelaa grafika sposobna ukrasit' sayt, odnako ona je mojet stat' pri4inoy, po kotoroy pol'zovateli ne zaxotat dojidat'sa polnoy zagruzki stranici, predpo4ta krasivomu resursu 4to-nibud' pobistree i poleg4e. Dabi po4uvstvovat' seba v 6kure bedolag, ne obladau6ix bistrim Internetom, nujno zaranee proverit' stranicu na “tajelovesnost'”. Dla etogo trebuetsa zamedlit' izli6ne rezviy komp'uter. Podobnoe varvarstvo osu6estvlaetsa dostato4no prosto.

Vo-pervix, potrebuetsa otklu4it' videlenniy kanal i podklu4it'sa k Seti 4erez modem. Vo-vtorix, nujno perevesti videoadapter v rejim otobrajenia 256 cvetov pri razre6enii 800x600 pikseley. V-tret'ix, 4erez BIOS otklu4it' vne6niy ke6 processora i, nakonec, o4istit' papku vremennix faylov internet-brauzera. Posle vsego etogo mojno poprobovat' posmotret' sobstvennuu strani4ku 4erez Internet. Esli na zagruzku Web-dokumenta u6lo bol'6e 10 sekund, to stoit podumat' ob obleg4enii dizayna. Pomimo vremeni zagruzki issledovanie sayta pozvolaet viasnit' i pro4ie ne menee interesnie podrobnosti dizayna – v nestandartnom razre6enii za predeli ekrana mogut “uplivat'” knopki navigacii, 4ast' cvetov neojidanno izmenaet svoy ottenok i tak dalee. Vse eto otnud' ne sposobstvuet ulu46eniu vne6nego vida Web-stranici. Imenno poetomu, kstati govora, rekomenduetsa pri “saytostroitel'stve” ispol'zovat' li6' 256 standartnix cvetov, ne izmenau6ix svoego vida pri lubom rejime raboti videokarti. Posmotret' pere4en' takix cvetov mojno, naprimer, po takomu adresu – http://shop.piter.com/levin/PROGRAMMS/colors/COLORS.html.

2. Samiy prostoy 6ag, napravlenniy na obleg4enie dizayna – umen'6it' koli4estvo unikal'nix izobrajeniy, ispol'zuemix dla oformlenia stranici. Esli, k primeru, ispol'zuetsa ramka, to mojno primenit' odin i tot je dekorativniy element dla vsex stranic sayta, to je samoe kasaetsa i logotipov, i knopok, i pro4ix ukra6atel'stv.

3. Kak vigladit stranica v brauzere, v kotorom polnost'u otklu4eni grafi4eskie funkcii? Vopros otnud' ne stol' glup, kak moglo bi pokazat'sa – esli v otsutstvie grafi4eskix elementov navigacia po saytu nevozmojna, to nad oformleniem Web-stranici nujno porabotat'...

4. Pravil'niy vibor formata grafi4eskix faylov – e6e odin neploxoy variant obleg4enia dizayna. Dla otobrajenia fotografiy i pro4ix mnogocvetnix izobrajeniy lu46e vsego podxodit format JPEG. Ego osobennost' – umenie soxranat' otnositel'noe ka4estvo izobrajenia daje pri visokoy stepeni sjatia isxodnoy kartinki. Eto ozna4aet, 4to zloupotreblat' podrobnostami pri podgotovke izobrajenia na sayt ne stoit. Specialisti rekomenduut ispol'zovat' sjatie isxodnogo obraza do 30-40%. Eto pozvolaet zna4itel'no sokratit' ob&em grafi4eskogo fayla pri nezna4itel'nom uxud6enii ka4estva izobrajenia. Pri etom odni risunki sjimautsa bol'6e, drugie – men'6e; nailu46iy rezul'tat polu4aetsa eksperimental'nim putem, odnako v lubom slu4ae umen'6enie ob&ema grafi4eskogo fayla ozna4aet sokra6enie vremeni zagruzki stranici.

5. Dla knopok, logotipov i pro4ix sxemati4eskix izobrajeniy vmesto JPEG lu46e ispol'zovat' fayli formata GIF. Podgotovlennie v etom formate risunki trebuut men'6ego vremeni dla dekodirovania, pritom 4to razmer fayla za4astuu okazivaetsa skromnee, 4em dla analogi4nogo izobrajenia v formate JPEG.

6. Pri podgotovke izobrajenia nujno stremit'sa k tomu, 4tobi ispol'zovat' minimal'no neobxodimiy nabor cvetov – 2, 4, 8, 16, 32, 64, 128 ili 256. Delo v tom, 4to nekotorie prilojenia (4a6e vsego dostato4no drevnie, no vse e6e ispol'zuemie nekotorimi 4udakami…) pozvolaut otobrajat' li6' nabor iz 4, 16 ili 256, 4to pri izli6nem mnogocvet'e otobrajaemoy kartinki privodit k ser'eznim iskajeniam cvetopereda4i. Esli je razme6ennaa na sayte kartinka izna4al'no podgotovlena s ispol'zovaniem ograni4ennoy cvetovoy palitri, to sayt budet vigladet' odinakovo privlekatel'no nezavisimo ot ograni4eniy, nakladivaemix pol'zovatel'skim komp'uterom. Eksperimenti s cvetom pokazivaut, 4to v bol'6instve slu4aev pri podgotovke prostix grafi4eskix elementov (knopok, ramok, liniy i t. d.) mojno oboytis' 16 cvetami. Pri etom bolee podxoda6im okazivaetsa format GIF. Esli je v rezul'tate manipulaciy s kartinkoy stanovitsa asno, 4to dla normal'noy raboti potrebuetsa ne menee 128 cvetov, to predpo4tenie pridetsa otdat' faylam formata JPEG, poskol'ku ix ob&em budet men'6e, 4em u analogi4nix GIF-izobrajeniy.

7. Pri podgotovke izobrajenia k demonstracii na Web-stranice sna4ala nujno umen'6it' ego razmer i tol'ko potom brat'sa za cvet – v etom slu4ae iskajenia isxodnogo fotoizobrajenia budut minimal'nimi.

8. Pri umen'6enii glubini cveta rekomenduetsa vipolnat' posledovatel'niy rad 6agov, sokra6aa koli4estvo ispol'zuemix cvetov s 256 do 128 i dalee do 64, 32 i 16. Takoy priem pozvolaet polu4it' lu46iy rezul'tat, nejeli ska4ok s 256 srazu do 16 cvetov.

9. Kakoy bi format ni ispol'zovalsa, rekomenduetsa ispol'zovat' razre6enie 72 dpi (72 to4ki na duym) kak naibolee podxoda6ee dla izobrajeniy, demonstriruemix na ekrane monitora.

10. Optimizacia HTML-koda takje mojet dat' svoi plodi s to4ki zrenia umen'6enia vremeni zagruzki stranici. Dla etoy celi mojno ispol'zovat' programmi, v opisanii kotorix idet re4' pro HTML optimization ili HTML compression.

11. Nel'za zabivat' pro tegi WIDTH, HEIGHT i ALT. Ix ispol'zovanie pozvolaet sotvorit' malen'koe 4udo – stranica stanovitsa dostupnoy pol'zovatelu e6e do togo, kak budet zagrujena vsa grafika celikom. Dla tex, kto spe6it, ili dla pol'zovateley s nenadejnim kanalom svazi takaa vozmojnost' budet otnud' ne li6ney.

12. Grafi4eskie elementi nujno ispol'zovat' tol'ko tam, gde eto deystvitel'no nujno. Xoro6iy Web-master v sostoanii sozdat' 4etkiy, privlekatel'niy i udobniy v navigacii sayt pri minimal'nom koli4estve izobrazitel'nix sredstv, ispol'zua ograni4enniy nabor deystvitel'no neobxodimix optimizirovannix dla ispol'zovania v Seti grafi4eskix elementov. Arkiy tomu primer – sayt anekdot.ru.

13. I poslednee, o 4em nujno pomnit' vsegda, – v Seti su6estvuut millioni stranic, a lubitel' Web-serfinga sli6kom spe6it dla togo, 4tobi razbirat'sa v izli6ne slojnoy navigacii sayta ili jdat' ego polnoy zagruzki. Otsuda moral': popularniy sayt – eto v pervuu o4ered' bistriy sayt...