Cara Membuat Halaman Percikan untuk Laman Web: 8 Langkah (dengan Gambar)

Isi kandungan:

Cara Membuat Halaman Percikan untuk Laman Web: 8 Langkah (dengan Gambar)
Cara Membuat Halaman Percikan untuk Laman Web: 8 Langkah (dengan Gambar)

Video: Cara Membuat Halaman Percikan untuk Laman Web: 8 Langkah (dengan Gambar)

Video: Cara Membuat Halaman Percikan untuk Laman Web: 8 Langkah (dengan Gambar)
Video: SUAMI IIS DAHLIA CIUM BIBIR ANAK SAMBUNG DI MOMEN SUNGKEMAN TUAI KRITIK NETIZEN 2024, Mungkin
Anonim

Oleh itu, anda mahu meletakkan halaman percikan di laman web anda? Halaman percikan adalah kaedah terbaik untuk menjenamakan laman web anda. Cara-cara ini mengandaikan bahawa anda mengetahui sedikit HTML dan CSS, dan mungkin bermanfaat sekiranya anda juga mengetahui beberapa JavaScript asas.

Langkah-langkah

Buat Halaman Splash untuk Laman Web Langkah 1
Buat Halaman Splash untuk Laman Web Langkah 1

Langkah 1. Buat halaman garis besar anda

Anda boleh menggunakan CSS luaran (Lembaran Gaya Cascading), tetapi dalam contoh ini kita akan menggunakan lembaran gaya dalaman. Oleh itu, anda perlu memulakan dengan tag asas anda:

Selamat Datang!

Buat Halaman Splash untuk Laman Web Langkah 2
Buat Halaman Splash untuk Laman Web Langkah 2

Langkah 2. Isi maklumat CSS dan tajuk di bahagian

Anda pasti perlu mengubah nilai untuk memenuhi keperluan anda:

Selamat Datang!

badan {background-color: #DCDCDC}

Ditinggalkan…

Catatan:

Anda mungkin mahu menambahkan harta CSS untuk fon.

Buat Halaman Splash untuk Laman Web Langkah 3
Buat Halaman Splash untuk Laman Web Langkah 3

Langkah 3. Tambahkan skrip untuk beralih ke halaman utama

Bahagian ini adalah pilihan, dan anda boleh menghapusnya jika anda tidak mahu ia terus bergerak secara automatik.

Ditinggalkan…

window.onload = tamat masa;

tamat masa fungsi () {

window.setTimeout ("redirect ()", 5000)}

pengalihan fungsi () {

window.location = "Rumah.htm"

kembali}

Ditinggalkan…

Ditinggalkan…

Catatan:

Jumlah 5000 bermaksud

Langkah 5. saat. Tukar ini untuk masa yang lebih pendek atau lebih lama. Tukar nama fail pengalihan ke nama laman utama anda.

Buat Halaman Splash untuk Laman Web Langkah 4
Buat Halaman Splash untuk Laman Web Langkah 4

Langkah 4. Tambah tajuk

Ini mungkin nama laman web anda, dan anda harus memasukkannya untuk memudahkan carian mesin pencari.

Buat Halaman Splash untuk Laman Web Langkah 5
Buat Halaman Splash untuk Laman Web Langkah 5

Langkah 5. Tambahkan gambar

Ini harus menunjukkan tentang laman web anda. Sekali lagi anda boleh menggunakan

Image
Image

teg.

Ditinggalkan…

Catatan:

Langkah ini mengandaikan bahawa anda telah menyimpan gambar tajuk dalam folder yang sama dengan .htm fail, dan yang dinamakan "percikan.jpg". Anda boleh menambahkan kedudukan CSS jika anda lebih suka gambar berada di tempat lain di skrin, seperti pusat.

Langkah 6. Tambah butang

Butang ini akan menjadi cara bagi pengunjung untuk masuk ke laman utama dengan lebih cepat. Apabila mereka mengkliknya, mereka segera dipindahkan ke halaman utama. Anda boleh memberikan pautan ke laman utama sebagai alternatif.

Ditinggalkan…

Catatan:

Anda boleh menukar "nilai" elemen untuk menukar teks yang dipaparkan pada butang.

Buat Halaman Splash untuk Laman Web Langkah 7
Buat Halaman Splash untuk Laman Web Langkah 7

Langkah 7. Tambahkan beberapa teks

Ini mungkin apa sahaja yang anda suka. Umumnya ini adalah ucapan "Terima Kasih Kerana Mengunjungi", atau ucapan "Dicipta Oleh …".

Ditinggalkan…

Terima kasih kerana melawat!

Catatan:

Di sinilah anda boleh menggunakan CSS untuk teks. Anda boleh menggunakan tajuk (

) sebaliknya jika anda suka.

Buat Halaman Splash untuk Laman Web Langkah 8
Buat Halaman Splash untuk Laman Web Langkah 8

Langkah 8. Sekarang anda mempunyai halaman percikan yang berfungsi

Kini tiba masanya untuk memperbaikinya menggunakan CSS dan menjadikannya disiarkan secara langsung!

Video - Dengan menggunakan perkhidmatan ini, beberapa maklumat dapat dikongsi dengan YouTube

Petua

  • Tambahkan seberapa banyak kandungan yang anda suka, tetapi jangan terlalu sibuk.
  • Anda boleh menambah suara dan video jika anda mahu, tetapi ini akan memakan masa yang lama bagi sesetengah orang.
  • Sekiranya anda tidak tahu banyak tentang HTML atau CSS, anda boleh menggunakan editor berpandu seperti Blogger untuk mempermudah proses ini.

Disyorkan: