Perenah kaca web bisa dilakukeun ku dua cara:
- Dibereskeun Width Layouts - ieu layouts mana lebar sakabéh kaca diatur ku nilai numeris husus.
- Layouts cair - ieu layouts mana lebar sakabéh kaca geus fléksibel gumantung kumaha lega browser panempo urang téh.
Aya alesan alus keur ngagunakeun duanana métode perenah, tapi tanpa pamahaman duanana mangpaat relatif na deficiencies unggal metoda, anjeun moal bisa nyieun kaputusan alus ngeunaan nu ngagunakeun pikeun kaca Wéb Anjeun.
Dibereskeun Width Layouts
Layouts dibereskeun nu layouts nu mimitian ku ukuran spésifik, ditangtukeun ku desainer Web . Éta tetep lebar yen, paduli ukuran tina jandela browser nempo kaca. layouts lebar dibereskeun ngawenangkeun desainer a kadali leuwih langsung ngaliwatan sabaraha kaca bakal kasampak di paling kaayaan. Éta téh mindeng pikaresep ku désainer ku tukang citak, sakumaha aranjeunna ngidinan desainer nu nyieun pangaluyuan menit ka perenah jeung boga aranjeunna tetep konsisten sakuliah panyungsi na komputer.
cairan Layouts
layouts cairan anu layouts nu dumasar kana percentages tina ukuran browser jandela ayeuna urang. Aranjeunna flex kalayan ukuran tina jandela, sanajan panempo ayeuna robah ukuranana browser maranéhanana salaku aranjeunna nuju nempoan loka. layouts lebar cair ngawenangkeun hiji pamakéan pisan efisien dina spasi disadiakeun ku sagala dibikeun Web browser jandela atawa resolusi layar. Éta téh mindeng pikaresep ku désainer anu geus loba informasi pikeun meunangkeun sakuliah di sakumaha saeutik spasi-gancang, sabab tetep konsisten dina ukuran na relatif kaca beurat paduli saha anu nempo kaca.
Naon & # 39; s di stake?
Metodeu dipilih pikeun anjeun design Website kudu hiji dampak dina leuwih ti ngan anjeun design . Gumantung kana nu milih, anjeun bakal mangaruhan kamampuh pamiarsa anjeun 'pikeun nyeken téks anjeun, neangan naon maranéhna pilari atawa sakapeung malah make situs anjeun. Ogé, tata perenah gaya bakal mangaruhan usaha anjeun dina pamasaran loka Ramat anjeun ngaliwatan branding, ketersediaan real estate, sarta estetika loka Anjeun.
Mangpaat Width Layouts Maneuh
- A perenah lebar dibereskeun ngamungkinkeun desainer ngawangun kaca nu bakal kasampak idéntik euweuh urusan anu keur néangan di aranjeunna.
- elemen lebar dibereskeun kayaning gambar moal overpower téks dina monitor leutik sabab lebar sakabéh kaca bakal kaasup elemen maranéhanana.
- panjangna Scan moal impacted ku bagéan badag tina téks, euweuh urusan sabaraha lega browser web téh.
Mangpaat Liquid Layouts
- A perenah lebar cair expands jeung kontrak ngeusian ruang nu sadia.
- Kabéh real estate sadia dipaké, sahingga desainer pikeun mintonkeun langkung eusi dina monitor badag, tapi masih tetep giat dina mintonkeun leutik.
- layouts cair nyadiakeun konsistensi dina lebaran dulur, sahingga kaca pikeun ngabales deui dinamis ka palarangan customer-ditumpukeun kawas ukuran font nu leuwih gede.
Drawbacks mun Width Layouts Maneuh
- layouts lebar tetep bisa ngabalukarkeun ngagulung horisontal dina jandela pangotektak leutik. Jeung paling urang ulah resep pikeun ngagulung horisontal.
- Éta ogé bisa ngahasilkeun expanses badag tina whitespace dina monitor gedé, hasilna loba spasi henteu kapake sarta leuwih ngagulung vertikal ti disebutkeun bisa jadi perlu.
- layouts lebar dibereskeun ulah ngadamel parobahan customer mun ukuran font kacida alusna. Pikeun nambahan leutik dina ukuran font, aranjeunna tiasa oke, tapi pikeun nambahan leuwih badag, perenah nu bisa jadi compromised.
Drawbacks mun Liquid Layouts
- layouts cair ngawenangkeun keur kontrol pisan saeutik tepat leuwih lebar rupa elemen kaca.
- Éta bisa ngahasilkeun kolom teks anu boh teuing lega mun comfortably nyeken, atawa dina panyungsi leutik teuing leutik keur kecap pikeun némbongkeun up jelas.
- layouts cair bisa manggihan masalah lamun unsur lebar dibereskeun, kayaning hiji gambar, ieu disimpen di jero hiji kolom cair. Mun kolom ieu rendered tanpa cukup rohangan pikeun gambar, sababaraha panyungsi bakal nambahan lebar kolom, disregarding parentah nu desainer urang, bari panyungsi lianna bakal ngakibatkeun tumpang tindih dina teks jeung gambar pikeun ngahontal percentages bener.
kacindekan
Loba loka anu geus loba informasi maranéhna kudu nepikeun di sakumaha saeutik spasi-gancang bakal dianggo ogé ku perenah cair. Hal ieu ngamungkinkeun aranjeunna pikeun ngamangpaatkeun sakabéh estate nyata yen monitor gedé nyadiakeun bari teu shorting mintonkeun leutik.
Situs anu merlukeun kontrol tepat leuwih sabaraha kaca kasampak dina unggal kaayaan bakal ngalakukeun ogé ngagunakeun a perenah lebar dibereskeun. Ieu nyadiakeun leuwih jaminan yén branding loka Ramat anjeun konsisten tur jelas euweuh urusan naon ukuranana ngawas ayeuna teh ditempo dina.
Préferénsi perenah
Loba resep pendekatan dicampur. Aranjeunna ulah resep maké layouts cairan pikeun blok badag tina téks, sabab éta tiasa ngarobah téks boh unreadable dina monitor leutik atawa unscannable dina hiji badag. Ngarah condong sangkan kolom utama kaca rubak tetep, tapi nyieun headers, footers, sarta kolom samping leuwih fleksibel nyandak nepi ka real estate sésana teu leungit kapasitas panyungsi nu leuwih gede.
Sababaraha loka nganggo Aksara nangtukeun ukuran jandela panyungsi anjeun lajeng ngarobah unsur tampilan sasuai. Contona, lamun buka situs sapertos di jandela pisan lega, anjeun bisa meunangkeun kolom tambahan tina Tumbu di sisi kénca, éta para nasabah jeung monitor leutik bisa teu ningali. Ogé, teks wrapping sabudeureun iklan nu geus silih gumantung kumaha lega jandela browser anjeun. Lamun éta cukup lega, situs bakal mungkus téks sabudeureun eta, disebutkeun, eta bakal mintonkeun artikel téks handap iklan. Bari paling situs teu kedah tingkat ieu pajeulitna, éta mendemonstrasikan cara pikeun ngamangpaatkeun layar badag tanpa impacting tampilan dina layar leutik.