Susun atur halaman web boleh dilakukan dengan dua cara berbeza:
- Layouts Lebar Tetap - Ini adalah susun atur di mana lebar keseluruhan halaman ditetapkan dengan nilai berangka tertentu.
- Layouts Cecair - Ini adalah susun atur di mana lebar keseluruhan halaman adalah fleksibel bergantung pada sejauh mana penyemak imbas penonton.
Terdapat sebab-sebab yang baik untuk menggunakan kedua-dua kaedah susun atur, tetapi tanpa memahami kedua-dua manfaat relatif dan kekurangan setiap kaedah, anda tidak boleh membuat keputusan yang baik tentang mana yang akan digunakan untuk halaman Web anda.
Layouts Lebar Tetap
Susun atur tetap adalah susun atur yang bermula dengan saiz tertentu, ditentukan oleh pereka Web . Mereka tetap lebar itu, tanpa mengira saiz tetingkap penyemak imbas yang melihat halaman. Susun atur lebar yang tetap membenarkan pereka kawalan lebih langsung mengenai bagaimana halaman akan kelihatan dalam kebanyakan situasi. Mereka sering diutamakan oleh pereka dengan latar belakang cetak, kerana mereka membenarkan pereka untuk membuat penyesuaian minit ke susun atur dan memilikinya tetap konsisten di seluruh pelayar dan komputer.
Layouts Cecair
Susun atur cecair adalah susun atur yang berdasarkan peratusan saiz tetingkap pelayar semasa. Mereka melengkapkan dengan saiz tingkap, walaupun penonton semasa mengubah saiz penyemak imbas mereka kerana mereka melihat laman web ini. Susun atur lebar cecair membolehkan penggunaan yang sangat berkesan dari ruang yang disediakan oleh mana-mana tetingkap pelayar Web atau resolusi skrin yang diberikan. Mereka sering diutamakan oleh para pereka yang mempunyai banyak maklumat untuk menyeberang sebagai sedikit ruang yang mungkin, kerana mereka tetap konsisten dalam saiz dan halaman berat bobot tanpa mengira siapa yang melihat halaman.
Apa yang ada di Stake?
Kaedah yang dipilih untuk reka bentuk laman web anda akan memberi impak kepada lebih daripada sekadar reka bentuk anda. Bergantung pada yang anda pilih, anda akan mempengaruhi keupayaan pembaca anda untuk mengimbas teks anda, mencari apa yang mereka cari atau kadang-kadang menggunakan tapak anda. Selain itu, gaya susun atur akan mempengaruhi usaha anda untuk memasarkan laman web anda melalui penjenamaan, ketersediaan hartanah, dan estetika laman web anda.
Manfaat Layouts Lebar Tetap
- Susun atur lebar tetap membolehkan pereka bentuk untuk membina halaman yang akan kelihatan sama tidak kira siapa yang melihatnya.
- Unsur lebar tetap seperti imej tidak akan mengatasi teks pada monitor yang lebih kecil kerana lebar halaman keseluruhan akan memasukkan elemen tersebut.
- Panjang imbasan tidak akan dipengaruhi oleh segmen teks yang besar, tidak kira seberapa luas penyemak imbas Web.
Manfaat Layouts Cecair
- Susun atur lebar cecair mengembang dan kontrak untuk mengisi ruang yang ada.
- Semua harta tanah yang ada digunakan, membolehkan pereka untuk mempamerkan lebih banyak kandungan pada monitor yang lebih besar, tetapi masih kekal berdaya maju pada paparan yang lebih kecil.
- Susun atur cecair menyediakan konsistensi dalam lebar relatif, membolehkan halaman untuk bertindak balas dengan lebih dinamik ke sekatan yang dikenakan pelanggan seperti saiz font yang lebih besar.
Kelemahan kepada Layouts Lebar Tetap
- Susun atur lebar tetap boleh menyebabkan tatal mendatar dalam tetingkap pelayar yang lebih kecil. Dan kebanyakan orang tidak suka menatal secara mendatar.
- Mereka juga boleh menyebabkan ruang kosong spesis besar di monitor yang lebih besar, mengakibatkan banyak ruang yang tidak digunakan dan lebih banyak menatal secara menegak daripada mungkin diperlukan.
- Susun atur lebar tetap tidak mengendalikan perubahan pelanggan kepada saiz fon dengan baik. Untuk peningkatan kecil dalam saiz fon, mereka boleh baik-baik saja, tetapi untuk peningkatan yang lebih tinggi, susun atur boleh dikompromi.
Kelemahan untuk Layouts Cecair
- Susun atur cecair membenarkan kawalan yang sangat tepat terhadap lebar pelbagai elemen halaman.
- Mereka boleh menyebabkan lajur teks yang terlalu luas untuk mengimbas dengan selesa, atau pada pelayar yang lebih kecil terlalu kecil untuk kata-kata untuk dipaparkan dengan jelas.
- Susun atur cecair boleh menghadapi masalah apabila unsur lebar tetap, seperti imej, diletakkan di dalam lajur cecair. Jika lajur diberikan tanpa ruang yang cukup untuk imej, beberapa pelayar akan meningkatkan lajur lajur, tanpa mengambil kira arahan pereka, sementara pelayar lain akan menyebabkan pertindihan dalam teks dan imej untuk mencapai peratusan yang betul.
Kesimpulannya
Banyak laman web yang mempunyai banyak maklumat yang perlu mereka sampaikan dalam ruang yang sedikit mungkin dapat berfungsi dengan baik dengan susunan cecair. Ini membolehkan mereka mengambil kesempatan daripada semua hartanah yang monitor yang lebih besar menyediakan sementara tidak memendekkan paparan yang lebih kecil.
Tapak yang memerlukan kawalan yang tepat untuk melihat rupa halaman dalam setiap keadaan akan menggunakan susunan lebar tetap. Ini memberikan lebih banyak jaminan bahawa penjenamaan laman web anda adalah konsisten dan jelas tidak kira saiz monitor yang dilihat.
Keutamaan Layout
Ramai lebih suka pendekatan campuran. Mereka tidak suka menggunakan susun atur cecair untuk blok besar teks, kerana itu boleh menjadikan teks sama ada dibaca pada monitor kecil atau tidak dapat diganti pada yang besar. Oleh itu, mereka cenderung menjadikan lajur utama halaman lebar tetap, tetapi membuat tajuk, kaki, dan lajur sisi lebih fleksibel untuk mengambil baki hartanah dan tidak kehilangan kapasiti pelayar yang lebih besar.
Sesetengah tapak menggunakan skrip untuk menentukan saiz tetingkap penyemak imbas anda dan kemudian mengubah elemen paparan sewajarnya. Contohnya, jika anda membuka tapak sedemikian di dalam tetingkap yang sangat luas, anda boleh mendapatkan lajur tambahan di sebelah kiri, bahawa pelanggan dengan monitor yang lebih kecil mungkin tidak melihatnya. Juga, pembungkusan teks di sekitar pengiklanan bergantung kepada sejauh mana tetingkap penyemak imbas anda. Sekiranya ia cukup luas, tapak akan membungkus teks di sekelilingnya, jika tidak, ia akan memaparkan teks artikel di bawah iklan. Walaupun kebanyakan laman web tidak memerlukan tahap kerumitan ini, ia menunjukkan satu cara untuk mengambil kesempatan daripada skrin yang lebih besar tanpa memberi kesan pada paparan pada skrin yang lebih kecil.