Hari ini, laman web yang berkualiti perlu kelihatan baik pada pelbagai resolusi skrin. Untuk melakukan ini, elemen reka bentuk halaman perlu dikelaskan dalam had yang luas. Ini terutama berlaku untuk pengepala laman web.
Ia perlu
keupayaan untuk mengubah markup halaman sumber
Arahan
Langkah 1
Menggunakan templat yang sesuai adalah penyelesaian universal yang membolehkan anda bukan sahaja meregangkan, tetapi juga memampatkan tajuk, serta elemen reka bentuk lain. Anda boleh menggunakan templat standard yang disediakan oleh hosting percuma, atau diedarkan secara percuma di Internet. Mana-mana templat memerlukan penyemakan dan penyesuaian. Sebaiknya ubah semua grafik untuk menjadikan laman web ini unik. Jangan sekali-kali menggunakan susun atur standard. Tinggalkan penanda halaman - "kerangka", dan "daging" - kandungan dan elemen reka bentuk, ganti dengan yang anda sendiri. Penggunaan templat yang teliti memungkinkan anda menjimatkan masa pemaju, yang dapat dihabiskan untuk mengisi laman web dengan maklumat, atau memperluas kemampuan perkhidmatan.
Langkah 2
Sekiranya halaman itu sudah diset jenis, anda boleh cuba meregangkan tajuk itu sendiri. Ini memerlukan pengetahuan asas mengenai HTML dan CSS. Sekiranya tajuk laman web direka sebagai satu fail grafik, anda boleh mencuba memampatkan dan meregangkan gambarnya bergantung pada lebar tetingkap. Kaedah ini berfungsi dengan baik sekiranya faktor penskalaan kecil. Sekiranya melebihi lebar gambar seperempat atau lebih, kualiti gambar akan terganggu. Piksel individu yang membentuk gambar akan kelihatan.
Langkah 3
Agar gambar tetap berkualiti tinggi, tetapi pada masa yang sama menempati semua ruang yang diperuntukkan, perlu dibahagikan kepada bahagian yang terpisah. Ini biasanya sebelah kanan, kiri dan tengah. Adalah wajar gambar itu mempunyai latar belakang yang lebar, dan dengan itu memungkinkan untuk mengisi jurang yang timbul di antara bahagian tajuk. Kedua-dua gambar yang membentuk tepi tajuk mesti dilekatkan di sisi kiri dan kanan bekas. Balut gambar tengah dalam teg. Tentukan ruang yang tinggal dengan gambar latar lebar satu piksel.
Langkah 4
Cara lain yang mudah adalah membuat gambar yang sememangnya lebih besar daripada skrin terbesar. Gambar ditetapkan sebagai latar belakang di bahagian tengah tajuk. Kelemahannya adalah "berat" gambar yang besar, dan sebagai hasilnya - masa pemuatan yang lama. Menggabungkan kaedah di atas mengelakkan sebahagian besar kesan negatif.
