Cara Membuat Topi Karet

Daftar Isi:

Cara Membuat Topi Karet
Cara Membuat Topi Karet

Video: Cara Membuat Topi Karet

Video: Cara Membuat Topi Karet
Video: Cara mudah membuat Topi Surgical 2024, November
Anonim

Bagian atas situs, yang juga disebut header, biasanya mencerminkan subjek sumber daya dan mungkin berisi bilah navigasi. Jika header situs memiliki lebar tertentu, maka pada layar pengguna dengan resolusi berbeda, bagian situs ini akan terlihat berbeda. Agar tajuk situs terlihat sama di layar mana pun, perlu membuat beberapa bagiannya memanjang atau mengecil tergantung pada ukuran layar. Tutup karet seperti itu dapat dibuat tanpa memperbaiki lebarnya dalam piksel.

Cara membuat topi karet
Cara membuat topi karet

Diperlukan

punya situs web sendiri

instruksi

Langkah 1

Untuk membuat topi karet, pertama-tama gambarkan di Photoshop. Kemudian pisahkan 3 bagian gambar: 2 sisi dan tengah. Potongan-potongan ini harus memiliki lebar sekitar 10-20 piksel dan setinggi header yang Anda inginkan. Simpan setiap elemen sehingga Anda memiliki 3 file berbeda: 1.gif, 2.gif, 3.gif. Kirimkan gambar-gambar ini ke situs.

Langkah 2

Selanjutnya, buat tabel yang akan menampung elemen di bagian atas situs. Untuk melakukan ini, tulis dalam kode HTML:

Tabel dengan lebar 100% akan meregang atau menyusut tergantung pada ukuran layar pengguna.

Langkah 3

Buat garis di tabel, di sel yang menempatkan sisi kiri header situs 1.gif:

Langkah 4

Buat bagian tengah header situs yang terdiri dari gambar 2

.header {background-image: url ('images / 2.gif');}

Langkah 5

Sekarang, di deretan tabel, buat sel lain dan tempatkan elemen tengah dari bagian atas situs di dalamnya, arahkan ke header namanya di kode CSS:

Nama situs

>

Langkah 6

Setelah membuat sel ketiga di baris tabel, tempatkan sisi kanan header situs 3

Nama situs

Direkomendasikan: