Ada banyak alasan mengapa Anda ingin menambahkan gambar .gif ke situs web Anda.
Menambahkan gambar ke situs web Anda dapat sangat meningkatkan daya tariknya bagi pengunjung. Format file yang paling umum digunakan untuk gambar di web adalah .jpg dan .gif. Universitas Indiana mengatakan file .gif paling cocok untuk gambar bermata tajam dengan gradasi warna yang dikurangi. Ini dapat mencakup kartun, teks, dan seni garis. Keuntungan lain dari file .gif adalah kemampuan untuk mengatur latar belakang ke transparansi dan menambahkan animasi. Menambahkan file .gif ke situs web semudah mengunggah file dan menulis kalimat.
Langkah 1
Buka panel administrasi situs web Anda. Ini akan berbeda untuk setiap individu karena tergantung pada server host yang Anda gunakan atau apakah Anda menggunakan program seperti Dreamweaver untuk mengelola situs Anda. Pada dasarnya, ada dua jenis utama perangkat lunak pengeditan—editor html atau WYSIWYG. Majalah Smashing menjelaskan WYSIWYG singkatan dari "Apa yang Anda Lihat adalah Apa yang Anda Dapatkan." Program-program ini dirancang untuk membuat pembuatan halaman lebih intuitif. Editor HTML mengharuskan Anda untuk memahami dasar-dasar bahasa HTML.
Video Hari Ini
Langkah 2
Simpan file gambar .gif Anda ke dalam "gambar" atau folder yang sesuai dari situs web Anda. Jika Anda menggunakan program di komputer Anda, Anda hanya perlu menemukan folder yang tepat di hard drive Anda. Jika Anda menggunakan antarmuka administrasi online, Anda perlu mengunggah gambar. Arahkan ke folder yang benar di panel administrasi Anda dan ikuti petunjuk untuk mengunggah file. Dalam kebanyakan kasus, Anda akan menggunakan tombol telusuri untuk menemukan file .gif di komputer Anda dan kemudian klik "Unggah."
Langkah 3
Tambahkan .gif ke halaman web. Pada editor WYSIWYG, yang perlu Anda lakukan hanyalah menarik dan melepas gambar di tempat yang Anda inginkan. Pratinjau situs web untuk memastikan halaman muncul seperti yang Anda harapkan dan sesuaikan seperlunya.
Jika Anda menggunakan editor teks HTML, buka halaman HTML tempat .gif akan ditempatkan. Gulir ke titik dalam teks HTML di mana Anda ingin .gif muncul. Tambahkan baris berikut, ganti informasi setelah tanda "=" dengan informasi tentang .gif dan biarkan tanda kutip di tempatnya:
Lintas Budaya menjelaskan "img src" berarti "sumber gambar." Informasi di antara tanda kutip harus mencantumkan nama folder tempat .gif berada dan kemudian nama .gif. Tag "alt" mengacu pada teks yang akan muncul jika tautan gambar rusak, jika pengunjung menonaktifkan gambar, atau pembaca teks untuk memecahkan kode. "Lebar" dan "tinggi" menetapkan ukuran gambar yang ditampilkan dalam piksel. Tag spasi menentukan seberapa banyak ruang vertikal atau horizontal yang diberikan di sekitar gambar dalam kaitannya dengan konten di sekitarnya. Tag perbatasan akan menambahkan garis di sekitar gambar dan angka di dalam tanda kutip menentukan lebarnya.
Hal yang Anda Butuhkan
Komputer dengan koneksi internet
Akses administratif ke situs web
Gambar .gif yang disimpan untuk dimasukkan
Tip
Salah satu penggunaan umum file .gif disebut spacer.gif. Gambar ini adalah kotak transparan berukuran 1 piksel kali 1 piksel. File .gif ini memberi desainer halaman opsi untuk menambahkan ruang yang dapat diprediksi secara efisien di berbagai lokasi dalam tata letak. Untuk menambahkan spasi di bawah blok teks, misalnya, Anda dapat menempatkan spacer.gif di paragrafnya sendiri dan menyesuaikan tinggi dan lebarnya sesuai keinginan Anda.
Peringatan
Simpan salinan halaman web yang Anda ubah sebelum Anda mencoba menambahkan .gif baru dan coba bekerja offline jika memungkinkan sampai Anda puas dengan hasil Anda. Ini mencegah halaman latihan apa pun dari go public dan melindungi kemampuan Anda untuk memulai kembali jika Anda mengalami kesulitan.
