Izgled web stranice slijedi jedan od dva različita pristupa:
- Raspored fiksne širine: To su izgledi gdje je širina cijele stranice postavljena s određenom numeričkom vrijednošću.
- Raspored tekućina: To su izgledi gdje je širina cijele stranice fleksibilna, ovisno o tome koliko je širok preglednik gledatelja.
Postoje dobri razlozi za upotrebu obje metode rasporeda, ali bez razumijevanja obje relativne blagodati i nedostaci svake metode, ne možete donijeti dobru odluku o tome koji ćete koristiti za svoj web stranica.
Raspored fiksne širine
Fiksni izgledi su izgledi koji započinju s određenom veličinom kako je odredio web dizajner. Oni ostaju te širine, bez obzira na veličinu prozora preglednika koji pregledava stranicu. Raspored fiksne širine omogućuje dizajneru izravniju kontrolu nad izgledom stranice u većini situacija. Često ih preferiraju dizajneri s pozadinom ispisa, jer omogućuju dizajneru da izvrši sitne prilagodbe izgleda i da ostanu dosljedni u svim preglednicima i računalima.
Raspored tekućina
Raspored tekućina izgled je koji se temelji na postocima trenutne veličine prozora preglednika. Oni se prilagođavaju veličini prozora, čak i ako trenutni gledatelj promijeni veličinu preglednika dok pregledava web mjesto. Izgledi širine tekućine omogućuju učinkovito korištenje prostora koji pruža bilo koji prozor preglednika ili Razlučivost zaslona. Često ih preferiraju dizajneri koji imaju puno informacija i prelaze ih u što manje prostora moguće, jer ostaju dosljedni u veličini i relativnoj težini stranice bez obzira na to tko pregledava stranica.
Što je ulog?
Vaša dizajn web stranica utječe na vaš odziv i prilagodljivost web mjesta. Ovisno o odabiru, sposobnost čitatelja da skeniraju vaš tekst, pronađu ono što traže ili ponekad čak koriste vašu web-lokaciju može biti od pomoći ili zapreke. Ukupan identitet robne marke vaše web lokacije također može biti ugrožen, posebno ako se standardi vaše robne marke pridržavaju logičkog modela s ispisom.
Prednosti rasporeda fiksne širine
Izgled fiksne širine koristan je u nekim okolnostima.
- Izgled fiksne širine omogućuje dizajneru izradu stranica koje će izgledati identično bez obzira na to tko ih gleda.
- Elementi fiksne širine, poput slika, neće nadjačati tekst na manjim monitorima, jer će širina cijele stranice uključivati te elemente.
- Dužina skeniranja neće utjecati na velike segmente teksta, bez obzira na to koliko je preglednik širok.
Prednosti tekućih izgleda
Raspored tekućine najbolje djeluje u drugim okolnostima.
- Izgled širine tekućine proširuje se i skuplja kako bi se ispunio raspoloživi prostor.
- Koriste se sve dostupne nekretnine, što omogućuje dizajneru da prikaže više sadržaja na većim monitorima, ali i dalje ostaje održivo na manjim zaslonima.
- Tekući rasporedi pružaju dosljednost u relativnim širinama, omogućujući stranici da dinamičnije reagira na ograničenja koja su nametnuli kupci, poput većih veličina fonta.
Nedostaci rasporeda fiksne širine
Međutim, fiksni format nije bez troškova.
- Raspored fiksne širine prisiljava vodoravno pomicanje u manjim prozorima preglednika. Većina ljudi ne voli vodoravno pomicanje.
- Ostavljaju velika prostranstva bijelog prostora na većim monitorima, što rezultira puno neiskorištenog prostora i više pomicanja okomito nego što bi inače bilo potrebno.
- Rasporedi s fiksnom širinom ne podnose dobro promjene kupaca u veličinama. Za mala povećanja veličine fonta mogu biti u redu, ali za veća povećanja izgled može postati ugrožen.
Nedostaci tekućih izgleda
Ni raspored tekućina nije bez nedostataka.
- Raspored tekućina omogućuje vrlo malo precizne kontrole nad širinom različitih elemenata stranice.
- Mogu rezultirati stupcima teksta koji su ili preširoki za udobno skeniranje ili u manjim preglednicima premali da bi se riječi mogle jasno prikazati.
- Pogreška u rasporedu tekućina kada se element fiksne širine, poput slike, postavi unutar stupca tekućine. Ako se stupac generira bez dovoljno prostora za sliku, neki će preglednici povećati širinu stupca, zanemarujući upute dizajnera, dok drugi preglednici prisiljavaju preklapanja u tekstu i slikama kako bi postigli točne postotaka.
Prednost izgleda i mješoviti pristupi
Neki dizajneri radije kombiniraju ove koncepte. Ne vole koristiti tekuće izglede za velike blokove teksta, jer ta struktura čini tekst nečitljivim na malom monitoru ili ga nije moguće skenirati na velikom. Stoga imaju tendenciju da glavne stupce stranica čine fiksnom širinom, ali čine zaglavlja, podnožja i bočne stranice stupci fleksibilniji da zauzmu preostalu nekretninu i ne izgube kapacitet većih preglednicima.
Neke web stranice koriste skripte za određivanje veličine prozora preglednika, a zatim u skladu s tim mijenjaju elemente prikaza. Na primjer, ako takvu web stranicu otvorite u vrlo širokom prozoru, na lijevoj strani možete dobiti dodatni stupac veza koje posjetitelji s manjim monitorima možda neće vidjeti. Također, zamatanje teksta oko oglašavanja ovisi o tome koliko je širok prozor vašeg preglednika. Ako je dovoljno širok, web mjesto će ga omotati tekstom, inače će ispod teksta prikazati tekst članka. Iako većini web lokacija nije potrebna ova razina složenosti, on pokazuje način na koji mogu iskoristiti veće zaslone bez utjecaja na prikaz na manjim zaslonima.