Cara Menyisipkan Gambar Di Halaman Situs Web

Daftar Isi:

Cara Menyisipkan Gambar Di Halaman Situs Web
Cara Menyisipkan Gambar Di Halaman Situs Web

Video: Cara Menyisipkan Gambar Di Halaman Situs Web

Video: Cara Menyisipkan Gambar Di Halaman Situs Web
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, Desember
Anonim

Gambar adalah atribut integral dari desain situs web. Dengan bantuannya, Anda dapat sangat memudahkan pemahaman materi yang disajikan di halaman web, menciptakan kesan yang baik bagi pengguna, serta membuat sumber daya dapat dimengerti dan nyaman.

Cara menyisipkan gambar di halaman situs web
Cara menyisipkan gambar di halaman situs web

Diperlukan

  • - kode akses cms;
  • - Adobe Photoshop.

instruksi

Langkah 1

Siapkan gambar untuk "mengisi" di situs: sesuaikan kecerahan / kontras, sesuaikan ukurannya, hilangkan kekurangan kecil yang merusak kesan keseluruhan gambar. Semua ini dapat dilakukan menggunakan Adobe Photoshop atau editor grafis lain dengan fungsionalitas yang diperlukan.

Langkah 2

Jika situs menggunakan sistem manajemen konten, maka masuk sebagai administrator atau editor. Untuk melakukan ini, Anda harus memasukkan nama pengguna dan kata sandi Anda di panel masuk.

Langkah 3

Unggah gambar ke folder yang dimaksudkan untuk menyimpan materi grafis. Sekarang Anda dapat menggunakannya di halaman situs.

Langkah 4

Buka folder konten, pilih perintah, misalnya, "Tambah" atau "Edit". Panel kontrol dengan ikon akan terbuka di depan Anda. Tempatkan kursor di tempat Anda ingin meletakkan ilustrasi di halaman.

Langkah 5

Klik "Gambar" - formulir untuk mengunggah file grafik akan terbuka. Pilih objek dan atur parameternya.

Langkah 6

Simpan hasilnya dan pastikan untuk melihat apa yang terjadi pada akhirnya. Anda mungkin ingin mengubah sesuatu. Untuk melakukan ini, klik kanan pada file grafik dan pilih "Properti Gambar" dari menu tarik-turun.

Langkah 7

Jika tidak mungkin mengunggah gambar ke hosting, maka Anda dapat memasukkan ilustrasi melalui tautan - di kolom "Jalur", tunjukkan alamatnya.

Langkah 8

Dalam bahasa html, tag bertanggung jawab untuk menyisipkan gambar.

… Untuk menambahkan file grafik, Anda perlu menulis dalam kode. Untuk menjadikannya gambar latar belakang untuk sel tabel, tautan berikut akan memungkinkan:

Langkah 9

Anda dapat beralih untuk melihat versi lengkap gambar menggunakan.

Direkomendasikan: