Izgled web stranice može se vršiti na dva različita načina:
- Fixed Width Layouts - Ovo su postavke u kojima je širina celokupne stranice postavljena sa određenom numeričkom vrijednošću.
- Liquid Layouts - Ovo su rasporede gde je širina cele stranice fleksibilna u zavisnosti od toga koliko je širok pregledač pregledača.
Postoje dobri razlozi za korištenje obojih metoda rasporeda, ali bez razumijevanja i relativnih prednosti i nedostataka svake metode, ne možete donijeti dobru odluku o tome koju ćete koristiti za svoju Web stranicu.
Fiksne postavke širine
Fiksni rasporedi su postavke koje počinju sa određenom veličinom, koje određuje Web dizajner . Ostaje ta širina, bez obzira na veličinu prozora pregledača koji prikazuje stranicu. Postavke fiksne širine omogućavaju dizajneru više direktne kontrole kako će stranica izgledati u većini situacija. Oni se često preferiraju od strane dizajnera sa pozadinom za štampu, jer omogućavaju dizajneru da napravi minute prilagođavanja rasporedu i da ostanu konzistentni u svim pregledačima i računarima.
Liquid Layouts
Rasporedi tečnosti su rasporede zasnovane na procentima trenutne veličine prozora pregledača. One se savijaju veličinom prozora, čak i ako trenutni pregledač mijenja veličinu svog pretraživača dok gleda stranicu. Rasporedi širine tečnosti omogućavaju vrlo efikasno korištenje prostora koji pruža bilo koji prozor web pregledača ili rezolucija ekrana. Oni su često poželjni od dizajnera koji imaju puno informacija kako bi prešli što manje prostora, jer ostanu dosledni u težini i veličini stranica, bez obzira na to ko pregleda stranicu.
Šta je u činu?
Metoda izabrana za dizajn Vašeg web sajta će uticati na više od vašeg dizajna . U zavisnosti od toga koji ste izabrali, uticati ćete na sposobnost čitača da skeniraju svoj tekst, pronađu ono što traže ili ponekad čak i koriste vašu web lokaciju. Takođe, stil izgleda će uticati na vaše napore u marketingu vaše web stranice kroz brendiranje, dostupnost nekretnina i estetiku vaše web stranice.
Prednosti fiksne širine rasporeda
- Postavljanje fiksne širine omogućava dizajneru da gradi stranice koje će izgledati identične, bez obzira ko ih gleda.
- Elementi fiksne širine, kao što su slike, neće prevladati tekst na manjim monitori, jer će širina cele stranice uključiti te elemente.
- Dužinu skeniranja neće uticati veliki segmenti teksta, bez obzira na to koliko je široki web pregledač.
Prednosti tekućih rasporeda
- Raspored širine tečnosti se širi i ugovara za popunjavanje raspoloživog prostora.
- Koriste se sva raspoloživa nekretnina, omogućavajući dizajneru da prikaže više sadržaja na većim monitori, ali i dalje ostaje održiv na manjim ekranima.
- Rasporedi tečnosti obezbeđuju konzistentnost u relativnim širinama, omogućavajući stranicama da dinamičnije reagiraju na ograničenja koja su nametnuta kupcima kao što su veće veličine fontova.
Mane do postavljanja fiksne širine
- Rasporedi fiksne širine mogu prouzrokovati horizontalno skrolovanje u manjim prozorima pregledača. I većina ljudi ne voli da se pomera horizontalno.
- Takođe mogu rezultirati velikim proširenjima prostih prostora u većim monitori, što rezultira velikom količinom neiskorišćenog prostora i više skrolovanjem vertikalno nego što bi inače bilo potrebno.
- Fiksne širine rasporeda ne prave promene kupaca veličine fonta vrlo dobro. Za mala povećanja veličine fonta, oni mogu biti u redu, ali za veća povećanja, izgled može postati kompromitovan.
Nedostaci tekućim postavkama
- Tečni izgled omogućava vrlo malo precizne kontrole širine različitih elemenata stranice.
- One mogu rezultirati u kolonama teksta koji su ili suviše široki da bi se udobno skenirali, ili na manje pregledače suviše male da se riječi jasno prikazuju.
- Rasporedi tečnosti mogu imati problema kada se element elementa fiksne širine, kao što je slika, nalazi u tečnom kolonu. Ako se kolona izvodi bez dovoljno prostora za sliku, neki pregledači će povećati širinu kolona, ne poštujući uputstva dizajnera, dok će drugi pregledači dovesti do preklapanja tekstova i slika kako bi postigli tačan procenat.
Zaključak
Mnoge lokacije koje imaju puno informacija koje im trebaju prenijeti na što je malo prostora bi dobro funkcionirale sa rasporedom tečnosti. Ovo im omogućava da iskoriste sve nepokretne stvari koje obezbeđuju veći monitori, a da ne skraćuju manji prikaz.
Lokacije kojima je potrebna precizna kontrola kako stranice izgledaju u svakoj situaciji bi dobro koristile raspored fiksne širine. Ovo daje više sigurnosti da je brendiranje vaše web stranice konzistentno i jasno, bez obzira na to na koji monitor se gleda.
Prednost postavljanja
Mnogi vole mešovit pristup. Oni ne vole da koriste raspoređivanje tekućine za velike blokove teksta, jer to može učiniti da tekst nije čitljiv na malom monitoru ili ne može se pretraživati na velikom. Dakle, imaju tendenciju da glavne stubove stranica budu fiksne širine, ali da zaglavlja, podnožja i bočne stubove budu fleksibilniji da preuzmu preostalu nepokretnost i ne izgube kapacitet većih pretraživača.
Neke stranice koriste skripte za određivanje veličine prozora pregledača, a zatim odgovarajuće izmene elementa prikaza. Na primer, ako otvorite takvu lokaciju u veoma širokom prozoru, možda ćete dobiti dodatni stupac veza na levoj strani, koje možda neće videti korisnici sa manjim monitorom. Takođe, omotavanje tekstova oko oglašavanja zavisi od toga koliko je širok prozor pregledača. Ako je dovoljno široko, stranica će obmotati tekst oko nje, u protivnom će prikazati tekst teksta ispod oglasa. Iako većini sajtova nisu potrebni ovaj nivo složenosti, on pokazuje način da iskoriste prednosti većih ekrana bez uticaja na prikaz na manjim ekranima.