Jadi, Anda ingin menempatkan halaman pembuka di halaman web Anda? Halaman splash adalah cara yang bagus untuk branding situs web Anda. How-To ini mengasumsikan Anda tahu sedikit tentang HTML dan CSS, dan mungkin membantu jika Anda juga mengetahui beberapa JavaScript dasar.
Langkah
Langkah 1. Buat halaman garis besar Anda
Anda bisa menggunakan CSS eksternal (Lembar Gaya Cascading), tetapi dalam contoh ini kita akan menggunakan lembar gaya internal. Jadi, Anda harus memulai dengan tag dasar Anda:
Selamat datang!
Langkah 2. Isi informasi CSS dan judul di bagian tersebut
Anda jelas perlu mengubah nilai agar sesuai dengan kebutuhan Anda:
Selamat datang!
tubuh {background-color: #DCDCDC}
Dihilangkan…
Catatan:
Anda mungkin ingin menambahkan properti CSS untuk font.
Langkah 3. Tambahkan skrip untuk pindah ke halaman beranda
Bagian ini opsional, dan Anda dapat mengabaikannya jika tidak ingin berpindah secara otomatis.
Dihilangkan…
window.onload=waktu habis;
batas waktu fungsi(){
window.setTimeout("redirect()", 5000)}
fungsi pengalihan(){
window.location="Beranda.htm"
kembali}
Dihilangkan…
Dihilangkan…
Catatan:
Nomor 5000 cara
Langkah 5. detik. Ubah ini untuk waktu yang lebih pendek atau lebih lama. Ubah nama file redirect ke nama halaman rumah Anda.
Langkah 4. Tambahkan judul
Ini mungkin nama situs web Anda, dan Anda harus menyertakannya dalam intag untuk memudahkan mesin telusur menemukannya.
Langkah 5. Tambahkan gambar
Ini harus menunjukkan tentang apa situs Anda. Sekali lagi Anda dapat menggunakan
menandai.
Dihilangkan…
Catatan:
Langkah ini mengasumsikan bahwa Anda telah menyimpan gambar judul di folder yang sama dengan .htm file, dan itu bernama "splashimage.jpg". Anda dapat menambahkan pemosisian CSS jika Anda lebih suka gambar berada di tempat lain di layar, seperti di tengah.
Langkah 6. Tambahkan tombol
Tombol ini akan menjadi cara bagi pengunjung untuk sampai ke halaman rumah lebih cepat. Ketika mereka mengkliknya, mereka segera dipindahkan ke halaman rumah. Sebagai alternatif, Anda dapat memberikan tautan ke halaman beranda.
Dihilangkan…
Catatan:
Anda dapat mengubah "nilai" elemen untuk mengubah teks yang ditampilkan pada tombol.
Langkah 7. Tambahkan beberapa teks
Ini bisa apa saja yang Anda suka. Umumnya ini adalah semacam sapaan "Terima Kasih Telah Berkunjung", atau "Dibuat Oleh…".
Dihilangkan…
Terima kasih telah berkunjung!
Catatan:
Di sinilah Anda bisa menggunakan CSS untuk teks. Anda bisa menggunakan judul (
) sebagai gantinya jika Anda suka.Langkah 8. Sekarang Anda memiliki halaman splash yang berfungsi
Sekarang saatnya untuk mempercantiknya menggunakan CSS dan membuatnya ditayangkan!
Video - Dengan menggunakan layanan ini, beberapa informasi dapat dibagikan dengan YouTube
Tips
- Tambahkan konten sebanyak yang Anda suka, tetapi jangan membuatnya terlalu sibuk.
- Anda dapat menambahkan suara dan video jika Anda suka, tetapi ini akan membuat waktu buka yang lama bagi sebagian orang.
- Jika Anda tidak tahu banyak tentang HTML atau CSS, Anda dapat menggunakan editor terpandu seperti Blogger untuk mempermudah proses ini.