Cara Membuat Header Getah Untuk Laman Web

Isi kandungan:

Cara Membuat Header Getah Untuk Laman Web
Cara Membuat Header Getah Untuk Laman Web

Video: Cara Membuat Header Getah Untuk Laman Web

Video: Cara Membuat Header Getah Untuk Laman Web
Video: Cara Membuat Layout Header Dengan HTML dan CSS dengan Mudah dan Praktis Part 1 2024, Mungkin
Anonim

Semasa membuat laman web di Internet, salah satu perkara terpenting yang mesti diambil kira oleh pembangun ialah fungsi, fleksibiliti dan prestasinya. Agar laman web dapat ditampilkan dengan lengkap dan betul di mana-mana penyemak imbas di komputer dengan pelbagai resolusi layar, anda boleh membuat tajuk "getah" yang mudah, yang terdiri daripada beberapa elemen grafik.

Cara membuat header getah untuk laman web
Cara membuat header getah untuk laman web

Arahan

Langkah 1

Pada langkah pertama untuk membuat tajuk seperti laman web, buka di Photoshop gambar yang telah anda siapkan untuk diposkan di web, dan kemudian potong-potong menggunakan Slice Tool di bar alat. Potong pengepala sehingga bahagian tengahnya kosong, sehingga anda berakhir dengan tiga elemen grafik. Ini akan membolehkan header meregangkan untuk sebarang resolusi skrin.

Langkah 2

Setelah memotong tajuk, simpan dengan mengoptimumkan fail semasa menyimpan untuk format web (Simpan untuk web). Tetapkan format fail yang diinginkan untuk disimpan - misalnya, gif, jpeg, atau png. Untuk mengubah setiap fragmen gambar, klik pada pilihan Slice Select Tool di menu dan ubah ukuran gambar sehingga ukurannya sekecil mungkin dengan penurunan paling sedikit dalam kualiti paparan visual gambar di layar. Simpan gambar anda yang diedit sebagai html dan gambar.

Langkah 3

Setelah gambar disimpan, edit kod HTML dengan membuka dokumen html yang disimpan dengan Notepad. Di notepad, padamkan semua baris kod yang tidak diperlukan. Biarkan hanya baris yang diperlukan - data mengenai jadual di mana gambar anda disertakan:

Langkah 4

Dalam baris ini, bukannya gambar anda.gif, jalan ke gambar anda dengan lebar dan ketinggian yang sesuai harus ditentukan.

Langkah 5

Agar bahagian tengah gambar meregang, menyebarkan gambar ekstrem ke sisi, tuliskan atribut kod yang sesuai dalam garis. Tentukan parameter lebar dan tinggi anda sendiri dalam kod tersebut.

Langkah 6

Muat naik gambar header yang dihasilkan ke direktori root laman web anda, dan kemudian edit kod HTML dengan jalan baru ke gambar header di pelayan. Tampal kod pengepala di antara teg.

Disyorkan: