Dakle, želite staviti uvodnu stranicu na svoju web stranicu? Splash stranice izvrstan su način brendiranja vaše web stranice. Ovaj How-To pretpostavlja da poznajete dosta HTML-a i CSS-a, a moglo bi vam pomoći ako znate i neki osnovni JavaScript.
Koraci
Korak 1. Izradite svoju stranicu sa skicama
Mogao bi upotrijebiti an vanjski CSS (kaskadni stilski list), ali u ovom primjeru koristit ćemo an unutarnji stilski list. Stoga morate početi sa svojim osnovnim oznakama:
Dobrodošli!
Korak 2. Ispunite CSS i podatke o naslovu u odjeljku
Očito ćete morati promijeniti vrijednosti prema svojim potrebama:
Dobrodošli!
body {background-color: #DCDCDC}
Izostavljeno…
Bilješka:
Možda ćete htjeti dodati CSS svojstvo za fontove.
Korak 3. Dodajte skriptu za prelazak na početnu stranicu
Ovaj odjeljak nije obavezan i možete ga jednostavno izostaviti ako ne želite da se automatski nastavi dalje.
Izostavljeno…
window.onload = istek vremena;
funkcija timeout () {
window.setTimeout ("redirect ()", 5000)}
funkcija preusmjeravanje () {
window.location = "Početna.htm"
povratak}
Izostavljeno…
Izostavljeno…
Bilješke:
Broj 5000 sredstva
Korak 5. sekundi. Promijenite ovo na kraće ili duže vrijeme. Promijenite naziv datoteke za preusmjeravanje u naziv svoje početne stranice.
Korak 4. Dodajte naslov
Ovo bi vjerojatno trebao biti naziv vaše web stranice i trebali biste ga umetnuti u oznake kako biste tražilicama olakšali pronalaženje.
Korak 5. Dodajte sliku
Ovo bi trebalo pokazati o čemu se radi na vašoj web stranici. Opet možete koristiti
označiti.
Izostavljeno…
Bilješke:
Ovaj korak pretpostavlja da ste naslovnu sliku spremili u istu mapu kao i .htm datoteku i da je nazvana "splashimage.jpg". Možete dodati CSS pozicioniranje ako želite da slika bude negdje drugdje na ekranu, na primjer u sredini.
Korak 6. Dodajte gumb
Ovaj će gumb posjetiteljima omogućiti brži pristup početnoj stranici. Kada kliknu na nju, odmah se premještaju na početnu stranicu. Alternativno, jednostavno možete dati vezu do početne stranice.
Izostavljeno…
Bilješka:
Možete promijeniti "vrijednost" element za promjenu teksta prikazanog na gumbu.
Korak 7. Dodajte tekst
Ovo bi moglo biti sve što vam se sviđa. Općenito je to pozdrav "Hvala što ste posjetili" ili "Izradio …".
Izostavljeno…
Hvala na posjeti!
Bilješke:
Ovdje biste mogli koristiti CSS za tekst. Možete koristiti naslov (
) umjesto ako želite.Korak 8. Sada imate radnu splash stranicu
Sada je samo vrijeme da ga opremite pomoću CSS -a i pokrenete!
Video - Korištenjem ove usluge neki se podaci mogu podijeliti s YouTubeom
Savjeti
- Dodajte onoliko sadržaja koliko želite, ali nemojte biti previše zauzeti.
- Mogli biste dodati zvukove i video zapise ako želite, ali to će nekim ljudima produžiti vrijeme učitavanja.
- Ako ne znate mnogo o HTML -u ili CSS -u, možete upotrijebiti vodeći uređivač poput Bloggera da pojednostavite ovaj proces.