Kaip sukurti svetainės „Splash“puslapį: 8 žingsniai (su paveikslėliais)

Turinys:

Kaip sukurti svetainės „Splash“puslapį: 8 žingsniai (su paveikslėliais)
Kaip sukurti svetainės „Splash“puslapį: 8 žingsniai (su paveikslėliais)

Video: Kaip sukurti svetainės „Splash“puslapį: 8 žingsniai (su paveikslėliais)

Video: Kaip sukurti svetainės „Splash“puslapį: 8 žingsniai (su paveikslėliais)
Video: How To Write Professional Email? | Email Writing | Email Etiquette | Business/Cold/Beginners Email 2024, Gegužė
Anonim

Taigi, ar norite savo tinklalapyje įdėti prizo puslapį? „Splash“puslapiai yra puikus būdas sukurti jūsų svetainės prekės ženklą. Šioje instrukcijoje daroma prielaida, kad žinote nemažai HTML ir CSS, ir tai gali padėti, jei taip pat žinote keletą pagrindinių „JavaScript“.

Žingsniai

Sukurkite svetainės „Splash“puslapį 1 veiksmas
Sukurkite svetainės „Splash“puslapį 1 veiksmas

Žingsnis 1. Sukurkite savo kontūro puslapį

Galite naudoti A. išorinis CSS (kaskadinis stiliaus lapas), tačiau šiame pavyzdyje mes naudosime an vidinis stiliaus lapas. Taigi jums reikia pradėti nuo pagrindinių žymų:

Sveiki!

Sukurkite svetainės „Splash“puslapį 2 veiksmas
Sukurkite svetainės „Splash“puslapį 2 veiksmas

Žingsnis 2. Skiltyje užpildykite CSS ir pavadinimo informaciją

Akivaizdu, kad turėsite pakeisti vertybes pagal savo poreikius:

Sveiki!

body {background-color: #DCDCDC}

Praleista…

Pastaba:

Galbūt norėsite pridėti šriftų CSS ypatybę.

Sukurkite svetainės „Splash“puslapį 3 veiksmas
Sukurkite svetainės „Splash“puslapį 3 veiksmas

Žingsnis 3. Pridėkite scenarijų, kad pereitumėte į pagrindinį puslapį

Šis skyrius yra neprivalomas, ir jūs galite jį tiesiog praleisti, jei nenorite, kad jis automatiškai judėtų toliau.

Praleista…

window.onload = skirtasis laikas;

funkcijos skirtasis laikas () {

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

function redirect () {

window.location = "Pagrindinis.htm"

grįžti}

Praleista…

Praleista…

Pastabos:

Skaičius 5000 reiškia

5 žingsnis. sekundžių. Pakeiskite tai trumpesniam ar ilgesniam laikui. Pakeiskite peradresavimo failo pavadinimą į savo pagrindinio puslapio pavadinimą.

Sukurkite svetainės „Splash“puslapį 4 veiksmas
Sukurkite svetainės „Splash“puslapį 4 veiksmas

Žingsnis 4. Įtraukite pavadinimą

Tikriausiai tai turėtų būti jūsų svetainės pavadinimas, o jūs turėtumėte jį pridėti, kad paieškos varikliai galėtų lengvai jį rasti.

Sukurkite svetainės „Splash“puslapį 5 veiksmas
Sukurkite svetainės „Splash“puslapį 5 veiksmas

Žingsnis 5. Pridėkite paveikslėlį

Tai turėtų parodyti, apie ką yra jūsų svetainė. Vėl galite naudoti

Image
Image

žyma.

Praleista…

Pastabos:

Šis žingsnis reiškia, kad pavadinimo vaizdą išsaugojote tame pačiame aplanke kaip .htm failą ir kad jis yra pavadintas "splashimage.jpg". Galite pridėti CSS padėties nustatymą, jei norite, kad vaizdas būtų kitur ekrane, pvz., Centre.

Žingsnis 6. Pridėkite mygtuką

Šis mygtukas bus būdas lankytojams greičiau patekti į pagrindinį puslapį. Spustelėję jį, jie iškart perkeliami į pagrindinį puslapį. Arba galite tiesiog pateikti nuorodą į pagrindinį puslapį.

Praleista…

Pastaba:

Galite pakeisti "vertė" elementą, kad pakeistumėte mygtuke rodomą tekstą.

Sukurkite svetainės „Splash“puslapį 7 veiksmas
Sukurkite svetainės „Splash“puslapį 7 veiksmas

Žingsnis 7. Pridėkite šiek tiek teksto

Tai gali būti bet kas, kas jums patinka. Paprastai tai yra „Ačiū, kad apsilankėte“, arba „Sukūrė…“.

Praleista…

Ačių, kad aplankei!

Pastabos:

Čia tekstui galite naudoti CSS. Galite naudoti antraštę (

) vietoj to, jei jums patinka.

Sukurkite svetainės „Splash“puslapį 8 veiksmas
Sukurkite svetainės „Splash“puslapį 8 veiksmas

Žingsnis 8. Dabar turite veikiantį reklamos puslapį

Dabar atėjo laikas pagražinti jį naudojant CSS ir pradėti veikti!

Vaizdo įrašas - naudojant šią paslaugą kai kuri informacija gali būti bendrinama su „YouTube“

Patarimai

  • Pridėkite tiek turinio, kiek norite, bet nepadarykite jo per daug užimto.
  • Jei norite, galite pridėti garsų ir vaizdo įrašų, tačiau kai kuriems žmonėms tai užtruks ilgai.
  • Jei nežinote daug apie HTML ar CSS, galite naudoti redaktorių, pvz., „Blogger“, kad šis procesas būtų paprastesnis.

Rekomenduojamas: