Kako stvoriti uvodnu stranicu za web stranicu: 8 koraka (sa slikama)

Sadržaj:

Kako stvoriti uvodnu stranicu za web stranicu: 8 koraka (sa slikama)
Kako stvoriti uvodnu stranicu za web stranicu: 8 koraka (sa slikama)

Video: Kako stvoriti uvodnu stranicu za web stranicu: 8 koraka (sa slikama)

Video: Kako stvoriti uvodnu stranicu za web stranicu: 8 koraka (sa slikama)
Video: ЯРКИЕ ТАПОЧКИ-СЛЕДКИ СПИЦАМИ. Без швов на подошве. МК для начинающих. 2024, April
Anonim

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

Kreiranje Splash stranice za web stranicu Korak 1
Kreiranje Splash stranice za web stranicu Korak 1

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!

Kreirajte Splash stranicu za web lokaciju Korak 2
Kreirajte Splash stranicu za web lokaciju Korak 2

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.

Kreirajte Splash stranicu za web stranicu Korak 3
Kreirajte Splash stranicu za web stranicu Korak 3

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.

Kreiranje Splash stranice za web stranicu Korak 4
Kreiranje Splash stranice za web stranicu Korak 4

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.

Kreirajte Splash stranicu za web stranicu Korak 5
Kreirajte Splash stranicu za web stranicu Korak 5

Korak 5. Dodajte sliku

Ovo bi trebalo pokazati o čemu se radi na vašoj web lokaciji. Opet možete koristiti

Image
Image

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.

Kreirajte Splash stranicu za web stranicu Korak 7
Kreirajte Splash stranicu za web stranicu Korak 7

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.

Kreirajte Splash stranicu za web stranicu Korak 8
Kreirajte Splash stranicu za web stranicu Korak 8

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.

Preporučuje se: