Dakle, želite staviti uvodnu stranicu na svoju web stranicu? Splash stranice odličan 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. Kreirajte svoju stranicu sa skicama
Mogao bi koristiti vanjski CSS (kaskadni stilski list), ali u ovom primjeru ćemo koristiti an unutrašnji stilski list. Zato morate početi sa svojim osnovnim oznakama:
Dobrodošli!
Korak 2. Popunite CSS i podatke o naslovu u odjeljku
Očigledno ć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 redirect () {
window.location = "Početna.htm"
povratak}
Izostavljeno…
Izostavljeno…
Napomene:
Broj 5000 znači
Korak 5. sekundi. Promijenite ovo na kraće ili duže vrijeme. Promijenite naziv datoteke za preusmjeravanje u naziv vaše početne stranice.
Korak 4. Dodajte naslov
Ovo bi vjerovatno trebao biti naziv vaše web stranice i trebali biste ga priložiti oznakama kako bi pretraživačima bilo lakše pronaći.
Korak 5. Dodajte sliku
Ovo bi trebalo pokazati o čemu se radi na vašoj web lokaciji. Opet možete koristiti
tag.
Izostavljeno…
Napomene:
Ovaj korak pretpostavlja da ste sliku naslova 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, poput centra.
Korak 6. Dodajte dugme
Ovo dugme će posjetiteljima omogućiti brži pristup početnoj stranici. Kada kliknu na nju, odmah se premještaju na početnu stranicu. Alternativno, možete jednostavno 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 bilo šta što želite. Općenito, to je pozdrav "Hvala što ste posjetili" ili "Stvorio …".
Izostavljeno…
Hvala vam na posjeti!
Napomene:
Ovdje biste mogli koristiti CSS za tekst. Možete koristiti naslov (
) umjesto ako želite.Korak 8. Sada imate radnu splash stranicu
Sada je vrijeme da ga opremite pomoću CSS -a i pokrenete!
Video - Korištenjem ove usluge neke se informacije mogu podijeliti s YouTubeom
Savjeti
- Dodajte onoliko sadržaja koliko želite, ali nemojte biti previše zauzeti.
- Možete 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, mogli biste upotrijebiti vođeni uređivač poput Bloggera da pojednostavite ovaj proces.