Web-sivun asettelu voidaan tehdä kahdella eri tavalla:
- Kiinteät leveydet - Nämä ovat ulkoasuja, joissa koko sivun leveys on asetettu tiettyyn numeeriseen arvoon.
- Nestemäiset ulkoasut - Nämä ovat ulkoasuja, joissa koko sivun leveys on joustava sen mukaan, kuinka laajasti katsojan selaimesi on.
On olemassa hyviä syitä käyttää molempia ulkoasumenetelmiä, mutta ilman ymmärrystä molempien menetelmien suhteellisista eduista ja puutteista, et voi tehdä hyvää päätöstä siitä, mitä käyttää Web-sivulle.
Kiinteät leveysasettelut
Kiinteät ulkoasut ovat ulkoasuja, jotka alkavat tietyn koon mukaan, jonka määrittelee Web-suunnittelija . Ne jäävät leveydelle riippumatta selaimen ikkunan koosta. Kiinteät leveysasettelut antavat suunnittelijaa suorempaan hallintaan siitä, miten sivu näkyy useimmissa tilanteissa. Suunnittelijat suosivat usein niitä, joilla on tulostustaso, koska ne antavat suunnittelijan tehdä pienet mukautukset ulkoasuun ja pysyvät yhdenmukaisina selaimissa ja tietokoneissa.
Nestemäiset ulkoasut
Nestemäiset ulkoasut ovat ulkoasuja, jotka perustuvat nykyisen selainikkunan prosenttiosuuksiin. Ne joustavat ikkunan kokoon, vaikka nykyinen katseluohjelma muuttaa selaimen kokoa, kun he katselevat sivustoa. Nestemäisen leveyden asettelut mahdollistavat minkä tahansa web-selainikkunan tai näytön resoluution tarjoaman tilan tehokkaan käytön. Suositellaan usein suunnittelijoille, joilla on paljon tietoa päästäkseen mahdollisimman vähän tilaa, koska ne pysyvät yhdenmukaisina koon ja suhteellisen painon mukaan riippumatta siitä, kuka katselee sivua.
Mitkä ovat panoksessa?
Web- sivuston suunnittelussa käytetty menetelmä vaikuttaa enemmän kuin pelkästään suunnitteluun . Riippuen siitä, mistä valitset, vaikuttavat lukijoiden kykyyn skannata tekstiäsi, löytää mitä he etsivät tai joskus jopa käyttää sivustoasi. Samoin ulkoasu tyyli vaikuttavat pyrkimyksiinsi markkinoida Web-sivustosi brändäys, kiinteistöjen saatavuus ja esteettisyys sivustosi.
Kiinteän leveyden asettelujen edut
- Kiinteän leveyden asettelun ansiosta suunnittelija voi rakentaa sivuja, jotka näyttävät identtisiltä riippumatta siitä, kuka tarkastelee niitä.
- Kiinteät leveyselementit, kuten kuvat, eivät ylikuumenta tekstiä pienemmissä näytöissä, koska koko sivun leveys sisältää kyseiset elementit.
- Suuret tekstisegmentit eivät vaikuta skannauksen pituuteen, vaikka web-selaimen laajuus olisikin.
Nestemäisen asettelun edut
- Nestemäisen leveyden asettelu laajenee ja sopimus täyttää käytettävissä oleva tila.
- Käytettävissä on kaikki käytettävissä olevat kiinteistöt, joiden avulla suunnittelija voi näyttää enemmän sisältöä suuremmissa näytöissä, mutta silti kannattavuus pienillä näytöillä.
- Nestemäiset ulkoasut tarjoavat yhdenmukaisuuden suhteellisissa leveyksissä, jolloin sivu voi reagoida dynaamisemmin asiakkaan asettamiin rajoituksiin, kuten suurempaan kirjasinkokoon.
Haittoja kiinteisiin leveyden asetteluihin
- Kiinteät leveysasettelut voivat aiheuttaa vaakasuoran vierityksen pienemmissä selainikkunoissa. Ja useimmat ihmiset eivät halua vierittää vaakasuunnassa.
- Ne voivat myös aiheuttaa suurempia välilyöntejä suuremmissa näytöissä, mikä aiheuttaa paljon käyttämätöntä tilaa ja pystyy liikkumaan pystyasennossa kuin muutoin olisi tarpeen.
- Kiinteät leveysasteet eivät käsittele asiakkaiden muutoksia fonttikoihin hyvin. Kirjasinkoko pienenee, joten ne voivat olla kunnossa, mutta suurempia korotuksia varten asettelu voi vaarantua.
Epäkohtana on nestemäiset asettelut
- Nestemäiset asettelut mahdollistavat tarkan tarkan hallinnan sivun eri elementtien leveydestä.
- Ne voivat johtaa tekstin sarakkeisiin, jotka ovat joko liian leveitä ja kätevästi skannaavia tai pienemmissä selaimissa liian pieniä, jotta sanat näkyvät selvästi.
- Nestemäiset asettelut voivat aiheuttaa ongelmia, kun kiinteä leveyselementti, kuten kuva, sijoitetaan nestepylvääseen. Jos sarake luodaan ilman tilaa tarpeeksi, jotkut selaimet lisäävät sarakkeen leveyttä, jättäen huomiotta suunnittelijan ohjeet, kun taas muut selaimet aiheuttavat päällekkäisyyksiä tekstissä ja kuvat saavuttavat oikeat prosentit.
johtopäätös
Monet sivustot, joilla on paljon tietoa, jonka he tarvitsevat välittämään niin vähän tilaa kuin mahdollista, toimisivat hyvin neste-asettelulla. Näin he voivat hyödyntää kaikkia kiinteistöjä, joita suuremmat näytöt tarjoavat, mutta eivät oikosulje pienempiä näyttöjä.
Sivustot, jotka edellyttävät tarkkaa valintaa siitä, miten sivut näyttävät kaikissa tilanteissa, sopivat hyvin kiinteän leveyden asetteluun. Tämä antaa lisää varmuutta siitä, että verkkosivustosi brändäys on johdonmukainen ja selkeä riippumatta siitä, minkä kokoisen seurannan se katsotaan.
Asetteluasetus
Monet mieluummin sekoittavat lähestymistapaa. He eivät pidä nestemäisten asettelujen käyttämisestä suurille tekstiryhmille, koska ne voivat tehdä tekstin joko lukemattomaksi pienellä näytöllä tai suurella näytöllä. Joten ne pyrkivät tekemään pääpylväiden kiinteän leveyden, mutta lisäävät otsikot, alatunnisteet ja sivupylväät joustavammin jäljellä olevaan kiinteistöominaisuuksiin eivätkä menetä suurempien selainten kapasiteettia.
Jotkin sivustot käyttävät komentosarjoja määrittääksesi selainikkunan koon ja muuttaa sitten näyttöelementtejä vastaavasti. Jos esimerkiksi avaat tällaisen sivuston hyvin laajassa ikkunassa, saatat saada lisää saraketta linkkejä vasemmalla puolella, jotta asiakkaat, joilla on pienemmät näytöt, eivät välttämättä näe. Myös mainoksen ympärillä oleva teksti riippuu siitä, kuinka leveä on selainikkunasi. Jos se on riittävän laaja, sivusto käärii tekstin ympärille, muuten se näyttää mainoksen alla olevan artikkelin tekstin. Vaikka useimmat sivustot eivät tarvitse tätä monimutkaisuutta, se osoittaa keinon hyödyntää suurempia näyttöjä vaikuttamatta näyttöön pienillä näytöillä.