Cara Membuat Tajuk Karet Untuk Situs Web

Daftar Isi:

Cara Membuat Tajuk Karet Untuk Situs Web
Cara Membuat Tajuk Karet Untuk Situs Web

Video: Cara Membuat Tajuk Karet Untuk Situs Web

Video: Cara Membuat Tajuk Karet Untuk Situs Web
Video: Cara membuat postingan website 2024, Mungkin
Anonim

Saat membuat situs web di Internet, salah satu poin terpenting yang harus diperhatikan oleh pengembang adalah fungsionalitas, keserbagunaan, dan kinerjanya. Agar situs ditampilkan sepenuhnya dan benar di browser apa pun di komputer dengan berbagai resolusi layar, Anda dapat membuat tajuk "karet" yang nyaman, yang terdiri dari beberapa elemen grafis.

Cara membuat tajuk karet untuk situs web
Cara membuat tajuk karet untuk situs web

instruksi

Langkah 1

Pada langkah pertama membuat tajuk seperti itu untuk situs web, buka di Photoshop gambar yang telah Anda siapkan untuk diposkan di web, lalu potong menjadi beberapa bagian menggunakan Alat Slice di bilah alat. Potong tajuk sehingga bagian tengahnya kosong, sehingga Anda mendapatkan tiga elemen grafis. Ini akan memungkinkan tajuk meregang untuk resolusi layar apa pun.

Langkah 2

Setelah Anda memotong header, simpan dengan mengoptimalkan file saat menyimpan untuk format web (Simpan untuk web). Atur format file yang diinginkan untuk disimpan - misalnya, gif, jpeg, atau png. Untuk mengubah setiap fragmen gambar, klik opsi Slice Select Tool di menu dan ubah ukuran gambar sehingga ukurannya sekecil mungkin dengan sedikit kehilangan kualitas tampilan visual gambar di layar. Simpan gambar yang Anda edit sebagai html dan gambar.

Langkah 3

Setelah gambar disimpan, edit kode HTML dengan membuka dokumen html yang disimpan dengan Notepad. Di notepad, hapus semua baris kode yang tidak perlu. Tinggalkan hanya baris yang diperlukan - data tentang tabel tempat gambar Anda disematkan:

Langkah 4

Di baris ini, alih-alih yourimage.gif, jalur ke gambar Anda dengan lebar dan tinggi yang sesuai harus ditentukan.

Langkah 5

Agar bagian tengah gambar meregang, menyebarkan gambar ekstrem ke samping, tulis atribut kode yang sesuai di baris. Tentukan parameter lebar dan tinggi Anda sendiri dalam kode.

Langkah 6

Unggah gambar tajuk yang dihasilkan ke direktori akar situs Anda, lalu edit kode HTML dengan jalur baru ke gambar tajuk di server. Tempelkan kode header di antara tag.

Direkomendasikan: