Saat ini, situs web berkualitas perlu terlihat bagus pada berbagai resolusi layar. Untuk melakukan ini, elemen desain halaman harus diskalakan dalam batas yang lebar. Ini terutama berlaku untuk tajuk situs.
Itu perlu
kemampuan untuk mengubah markup halaman sumber daya
instruksi
Langkah 1
Menggunakan template yang sesuai adalah solusi universal yang memungkinkan Anda tidak hanya meregangkan, tetapi juga mengompresi header, serta elemen desain lainnya. Anda dapat menggunakan template standar yang disediakan oleh hosting gratis, atau didistribusikan secara bebas di Internet. Setiap template membutuhkan revisi dan adaptasi. Dianjurkan untuk mengubah semua grafik untuk membuat situs menjadi unik. Jangan pernah menggunakan tata letak standar. Tinggalkan markup halaman - "kerangka", dan "daging" - konten dan elemen desain, ganti dengan milik Anda. Penggunaan templat yang cermat memungkinkan Anda menghemat waktu pengembang, yang dapat dihabiskan untuk mengisi situs dengan informasi, atau memperluas kemampuan layanan.
Langkah 2
Jika halaman sudah diatur, Anda dapat mencoba meregangkan header sendiri. Ini membutuhkan pengetahuan dasar tentang HTML dan CSS. Jika header situs dirancang sebagai file grafik tunggal, Anda dapat mencoba mengompresi dan meregangkan gambarnya tergantung pada lebar jendela. Metode ini bekerja dengan baik jika faktor penskalaan kecil. Jika melebihi seperempat lebar gambar atau lebih, kualitas gambar akan menurun. Piksel individu yang membentuk gambar akan menjadi terlihat.
Langkah 3
Agar gambar tetap berkualitas tinggi, tetapi pada saat yang sama menempati semua ruang yang dialokasikan untuk itu, perlu untuk membaginya menjadi bagian-bagian yang terpisah. Ini biasanya sisi kanan, kiri dan tengah. Diinginkan bahwa gambar memiliki latar belakang yang lebarnya solid, yang memungkinkan untuk mengisi celah yang muncul di antara bagian-bagian header. Dua gambar yang membentuk tepi header harus ditempel di sisi kiri dan kanan wadah. Bungkus gambar tengah dalam tag. Buka ruang yang tersisa dengan gambar latar belakang selebar satu piksel.
Langkah 4
Cara mudah lainnya adalah membuat gambar yang secara inheren lebih besar dari layar terbesar. Gambar diatur sebagai latar belakang di tengah bagian header. Kelemahannya adalah "berat" gambar yang besar, dan akibatnya - waktu pemuatan yang lama. Menggabungkan metode di atas menghindari sebagian besar efek negatif.
