Cara Membuat Gambar Getah

Isi kandungan:

Cara Membuat Gambar Getah
Cara Membuat Gambar Getah

Video: Cara Membuat Gambar Getah

Video: Cara Membuat Gambar Getah
Video: Magic getah 2024, Mungkin
Anonim

"Rubbery" adalah gambar yang mempunyai kemampuan membuat skala. Anda boleh membuat gambar seperti itu menggunakan program komputer. Kemudahannya terletak pada kenyataan bahawa ia "meregangkan" ke arah yang diinginkan. Pembuatan web seperti itu berjaya dipaparkan di mana-mana penyemak imbas. Sekiranya gambar mengandungi beberapa elemen berguna, sifat "getah" akan meningkatkan fungsinya.

Cara membuat gambar getah
Cara membuat gambar getah

Ia perlu

gambar, laman web, program Adobe Photoshop, aplikasi Notepad, kod HTML, direktori root laman web anda

Arahan

Langkah 1

Cari atau buat gambar yang anda mahu skala dan letakkan di Internet. Lancarkan Adobe Photoshop. Buka gambar ini dalam program. Cari Slice Tool di bar alat. Gunakannya untuk memotong gambar menjadi kepingan. Bahagikan sehingga keseluruhan gambar terdiri daripada tiga elemen grafik dan yang tengah kosong. Ini akan membantu gambar meregangkan pada resolusi monitor.

Langkah 2

Simpan gambar yang dioptimumkan untuk format web (Simpan untuk web). Semasa menyimpan, tetapkan format fail yang diperlukan - gif, jpeg atau png. Untuk mengubah bahagian gambar masing-masing, cari pilihan Slice Select Tool di menu dan ubah bahagian gambar sehingga ukurannya minimum dengan kehilangan kualiti paling sedikit semasa rendering di layar. Setelah menukar, simpan gambar sebagai html dan gambar.

Langkah 3

Setelah menyimpan gambar anda, mulailah mengedit kod HTML. Buka dokumen html yang disimpan di Notepad. Padamkan sebarang baris kod yang tidak diperlukan. Simpan hanya data jadual di mana gambar disisipkan tidak berubah

Langkah 4

Di baris, bukannya gambar anda.gif, tentukan jalan ke gambar di komputer anda. Tinggi dan lebar mestilah sesuai.

Langkah 5

Untuk membuat bahagian tengah gambar meregang, apabila bahagian yang melampau tersebar, tulis maklumat yang diperlukan dalam garis kod. Tentukan parameter (lebar dan tinggi) gambar anda sendiri.

Langkah 6

Muat naik gambar yang dibuat ke direktori root laman web ini. Tentukan jalan baru ke gambar di pelayan, dengan itu mengedit kod HTML. Masukkan kod gambar di antara tag.

Langkah 7

Periksa sifat gambar. Cuba tingkatkannya dalam talian. Imej mestilah fleksibel ke arah mana pun.

Disyorkan: