Ang layout ng pahina ng web ay maaaring gawin sa dalawang magkaibang paraan:
- Fixed Width Layouts - Ang mga ito ay mga layout kung saan ang lapad ng buong pahina ay nakatakda sa isang partikular na halaga ng numerikal.
- Liquid Layouts - Ang mga ito ay mga layout kung saan ang lapad ng buong pahina ay nababaluktot depende sa kung gaano kalawak ang browser ng manonood.
May mga magandang dahilan para sa paggamit ng parehong pamamaraan ng layout, ngunit hindi nauunawaan ang mga kamag-anak na benepisyo at mga kakulangan ng bawat paraan, hindi ka maaaring gumawa ng isang mahusay na desisyon tungkol sa kung anong gamitin para sa iyong Web page.
Nakapirming Lapad Layout
Ang mga nakaayos na layout ay mga layout na nagsisimula sa isang tiyak na sukat, tinutukoy ng taga-disenyo ng Web . Nanatili sila sa lapad na iyon, anuman ang laki ng window ng browser na tinitingnan ang pahina. Pinapayagan ng mga naka-layout na layout ng lapad ang isang designer na mas direktang kontrol sa kung paano titingnan ang pahina sa karamihan ng mga sitwasyon. Kadalasan ay ginusto sila ng mga taga-disenyo na may isang naka-print na background, dahil pinapayagan nila ang taga-disenyo na gumawa ng mga pagsasaayos ng minuto sa layout at panatilihin ang mga ito nang naaayon sa lahat ng mga browser at computer.
Mga Layout ng Liquid
Ang mga layout ng likido ay mga layout na batay sa mga porsyento ng laki ng window ng kasalukuyang browser. Nagbubuklod sila sa laki ng window, kahit na binago ng kasalukuyang viewer ang laki ng kanilang browser habang tinitingnan nila ang site. Ang mga layout ng lapad ng liit ay nagbibigay-daan sa isang mahusay na paggamit ng espasyo na ibinigay ng anumang ibinigay na window ng Web browser o resolution ng screen. Kadalasan ay ginusto sila ng mga taga-disenyo na may maraming impormasyon upang maibalik sa kaunting espasyo hangga't maaari, habang nanatiling pareho sila sa laki at kamag-anak na timbang ng pahina anuman ang tumitingin sa pahina.
Ano ang nasa Stake?
Ang pamamaraan na pinili para sa iyong disenyo ng Website ay magkakaroon ng epekto sa higit pa sa iyong disenyo . Depende sa kung saan pinili mo, maaapektuhan mo ang kakayahan ng iyong mga mambabasa na i-scan ang iyong teksto, hanapin kung ano ang hinahanap nila o kung minsan ay ginagamit mo ang iyong site. Gayundin, ang estilo ng layout ay makakaapekto sa iyong mga pagsisikap sa pagmemerkado sa iyong Web site sa pamamagitan ng branding, availability ng real estate, at mga aesthetics ng iyong site.
Mga Benepisyo ng Mga Layout ng Nakapirming Lapad
- Ang isang nakapirming lapad layout ay nagbibigay-daan sa taga-disenyo upang bumuo ng mga pahina na magiging hitsura magkamukha kahit sino ang tumitingin sa mga ito.
- Ang mga nakapirming mga elemento ng lapad tulad ng mga imahe ay hindi mapuputulan ang teksto sa mas maliit na mga monitor dahil ang lapad ng buong pahina ay kasama sa mga elementong iyon.
- Ang haba ng pag-scan ay hindi maaapektuhan ng malaking mga segment ng teksto, gaano man kalawak ang Web browser.
Mga Pakinabang ng Mga Layout ng Liquid
- Lumalawak ang layout ng likidong lapad at mga kontrata upang punan ang magagamit na espasyo.
- Ang lahat ng magagamit na real estate ay ginagamit, na nagpapahintulot sa taga-disenyo na magpakita ng mas maraming nilalaman sa mas malaking mga monitor, ngunit mananatiling mabubuhay sa mas maliit na display.
- Ang mga layuning likido ay nagbibigay ng pare-pareho sa mga kamag-anak na lapad, na nagpapahintulot sa isang pahina na tumugon nang higit pa sa mga dynamic na ipinataw na mga paghihigpit ng customer tulad ng mga laki ng laki ng font.
Mga Pagkakagambala sa Mga Nakapirming Layout ng Lapad
- Ang mga nakapirming layout ng lapad ay maaaring maging sanhi ng pahalang na pag-scroll sa mas maliit na window ng browser. At karamihan ng mga tao ay ayaw mag-scroll nang pahalang.
- Maaari rin itong magresulta sa malalaking expanses ng whitespace sa mas malaking monitor, na nagreresulta sa maraming hindi ginagamit na espasyo at higit pa sa pag-scroll nang patayo kaysa sa maaaring kinakailangan.
- Ang mga layout ng fixed na lapad ay hindi pinangangasiwaan ang mga pagbabago ng customer sa mga laki ng font nang mahusay. Para sa mga maliliit na pagtaas sa laki ng font, maaari silang maging okay, ngunit para sa mas malaking pagtaas, ang layout ay maaaring makompromiso.
Mga balakid sa Liquid Layout
- Pinapayagan ng mga layout ng likid para sa napakaliit na tiyak na kontrol sa lapad ng iba't ibang elemento ng pahina.
- Maaari silang magresulta sa mga haligi ng teksto na masyadong lapad upang mai-scan nang kumportable, o sa mas maliit na mga browser na masyadong maliit para sa mga salita upang ipakita nang malinaw.
- Ang mga layout ng likid ay maaaring magkaroon ng mga problema kapag ang isang nakapirming lapad na elemento, tulad ng isang imahe, ay inilalagay sa loob ng likidong haligi. Kung ang haligi ay ibinigay nang walang sapat na espasyo para sa imahe, ang ilang mga browser ay magpapataas sa lapad ng haligi, na hindi binabalewala ang mga tagubilin ng taga-disenyo, habang ang iba pang mga browser ay magiging sanhi ng mga overlap sa teksto at mga larawan upang makamit ang tamang mga porsyento.
Konklusyon
Maraming mga site na may maraming impormasyon na kailangan nila upang ihatid sa bilang maliit na espasyo hangga't maaari ay mahusay na gumagana sa isang likidong layout. Pinapayagan nito ang mga ito na samantalahin ang lahat ng real estate na nagbibigay ng mas malaking monitor habang hindi maikli ang mas maliit na display.
Ang mga site na nangangailangan ng tumpak na kontrol sa kung paano tumingin ang mga pahina sa bawat sitwasyon ay mahusay na gumamit ng nakapirming lapad na layout. Nagbibigay ito ng higit na katiyakan na ang pagba-brand ng iyong Web site ay pare-pareho at malinaw kahit na anong sukat ang sinusubaybayan nito.
Layout Preference
Maraming mas gusto ang isang halo-halong diskarte. Hindi nila gusto ang paggamit ng mga likidong layout para sa mga malalaking bloke ng teksto, dahil maaaring mag-render ang teksto alinman sa hindi mabasa sa isang maliit na monitor o hindi ma -scan sa isang malaking isa. Kaya malamang na gawin ang mga pangunahing hanay ng mga pahina ng isang nakapirming lapad, ngunit gumawa ng mga header, footer, at mga side column na mas may kakayahang umangkop upang makuha ang natitirang real estate at hindi mawala ang kapasidad ng mas malaking mga browser.
Ang ilang mga site ay gumagamit ng mga script upang matukoy ang laki ng window ng iyong browser at pagkatapos ay baguhin ang mga elemento ng display nang naaayon. Halimbawa, kung binuksan mo ang naturang site sa napakalawak na window, maaari kang makakuha ng karagdagang haligi ng mga link sa kaliwang bahagi, na maaaring hindi makita ng mga customer na may mas maliit na monitor. Gayundin, ang pag-wrap ng teksto sa paligid ng advertising ay nakasalalay sa kung gaano kalawak ang window ng iyong browser. Kung sapat na ito ang lapad, sisidlan ng site ang teksto sa paligid nito, kung hindi, ipapakita nito ang teksto ng artikulo sa ibaba ng ad. Habang ang karamihan sa mga site ay hindi nangangailangan ng ganitong antas ng pagiging kumplikado, nagpapakita ito ng isang paraan upang samantalahin ang mas malaking mga screen nang hindi nakakaapekto sa display sa mas maliliit na screen.