Niisiis, kas soovite oma veebilehele panna pritsilehe? Splash -lehed on suurepärane viis oma veebisaidi brändimiseks. See juhend eeldab, et teate üsna palju HTML-i ja CSS-i ning see võib aidata, kui teate ka mõnda põhilist JavaScripti.
Sammud
Samm 1. Looge oma kontuurleht
Sa võiksid kasutada väline CSS (Cascading Style Sheet), kuid selles näites kasutame sisemine stiilileht. Nii et peate alustama oma põhisiltidega:
Tere tulemast!
Samm 2. Täitke jaotises CSS ja pealkirja teave
Ilmselgelt peate oma vajadustele vastavaid väärtusi muutma:
Tere tulemast!
body {background-color: #DCDCDC}
Välja jäetud…
Märge:
Võimalik, et soovite fontide jaoks lisada CSS -i atribuudi.
Samm 3. Lisage avalehele liikumiseks skript
See jaotis on valikuline ja võite selle lihtsalt välja jätta, kui te ei soovi, et see automaatselt edasi liiguks.
Välja jäetud…
window.onload = timeout;
funktsiooni ajalõpp () {
window.setTimeout ("redirect ()", 5000)}
function redirect () {
window.location = "Kodu.htm"
tagasi}
Välja jäetud…
Välja jäetud…
Märkused:
Number 5000 tähendab
5. samm. sekundit. Muutke seda lühemaks või pikemaks ajaks. Muutke ümbersuunamisfaili nimi oma avalehe nimeks.
Samm 4. Lisage pealkiri
Tõenäoliselt peaks see olema teie veebisaidi nimi ja lisage see terviklikena, et otsingumootoritel oleks lihtne leida.
Samm 5. Lisage pilt
See peaks näitama, mida teie sait endast kujutab. Jälle saate kasutada
silt.
Välja jäetud…
Märkused:
See samm eeldab, et olete salvestanud tiitlipildi samasse kausta .htm fail ja selle nimi "splashimage.jpg". CSS -i positsioneerimise saate lisada, kui soovite, et pilt asuks kuskil mujal ekraanil, näiteks keskel.
Samm 6. Lisage nupp
See nupp aitab külastajatel kiiremini kodulehele jõuda. Kui nad sellel klõpsavad, liiguvad nad kohe avalehele. Teise võimalusena võite lihtsalt anda lingi avalehele.
Välja jäetud…
Märge:
Saate muuta "väärtus" elementi nupul kuvatava teksti muutmiseks.
Samm 7. Lisage teksti
See võib olla mis iganes teile meeldib. Üldiselt on see "Tänan teid külastamast" tüüpi tervitus või "Loodud …".
Välja jäetud…
Aitäh külastamast!
Märkused:
Siin saate teksti jaoks kasutada CSS -i. Võite kasutada pealkirja (
) selle asemel, kui soovite.Samm 8. Nüüd on teil töötav pritsileht
Nüüd on lihtsalt aeg see CSS -i abil kaunistada ja avaldada!
Video - selle teenuse kasutamisel võidakse YouTube'iga jagada teatud teavet
Näpunäiteid
- Lisage nii palju sisu kui soovite, kuid ärge muutke seda liiga kiireks.
- Soovi korral saate lisada helisid ja videot, kuid see teeb mõne inimese jaoks pika laadimisaja.
- Kui te ei tea HTML -ist või CSS -ist palju, võite selle protsessi lihtsustamiseks kasutada juhitud redigeerijat, nagu Blogger.