Jinsi ya Kuunda Ukurasa wa Splash kwa Wavuti: Hatua 8 (na Picha)

Orodha ya maudhui:

Jinsi ya Kuunda Ukurasa wa Splash kwa Wavuti: Hatua 8 (na Picha)
Jinsi ya Kuunda Ukurasa wa Splash kwa Wavuti: Hatua 8 (na Picha)

Video: Jinsi ya Kuunda Ukurasa wa Splash kwa Wavuti: Hatua 8 (na Picha)

Video: Jinsi ya Kuunda Ukurasa wa Splash kwa Wavuti: Hatua 8 (na Picha)
Video: Jinsi ya kutengeneza Email au Barua pepe | Rudisha Facebook yako ilioibiwa ndani ya SEKUNDE 1 2024, Mei
Anonim

Kwa hivyo unataka kuweka ukurasa wa Splash kwenye ukurasa wako wa wavuti? Kurasa za Splash ni njia nzuri ya kuweka alama kwenye wavuti yako. Hii-Kwa kudhani unajua kidogo ya HTML na CSS, na inaweza kusaidia ikiwa unajua pia JavaScript ya msingi.

Hatua

Unda ukurasa wa Splash kwa Tovuti ya 1
Unda ukurasa wa Splash kwa Tovuti ya 1

Hatua ya 1. Unda ukurasa wako wa muhtasari

Unaweza kutumia CSS ya nje (Karatasi ya Sinema ya Kuachia), lakini katika mfano huu tutatumia karatasi ya mtindo wa ndani. Kwa hivyo unahitaji kuanza na vitambulisho vyako vya msingi:

Karibu!

Unda ukurasa wa Splash kwa Hatua ya Wavuti 2
Unda ukurasa wa Splash kwa Hatua ya Wavuti 2

Hatua ya 2. Jaza maelezo ya CSS na kichwa katika sehemu hiyo

Kwa kweli utahitaji kubadilisha maadili ili kukidhi mahitaji yako:

Karibu!

mwili {rangi-asili: #DCDCDC}

Imeachwa…

Kumbuka:

Unaweza kutaka kuongeza mali ya CSS kwa fonti.

Unda ukurasa wa Splash kwa Tovuti ya 3
Unda ukurasa wa Splash kwa Tovuti ya 3

Hatua ya 3. Ongeza hati ili uende kwenye ukurasa wa nyumbani

Sehemu hii ni ya hiari, na unaweza kuiacha tu ikiwa hutaki iendelee moja kwa moja.

Imeondolewa…

window.onload = muda umekwisha;

muda wa kumaliza kazi () {

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

kuelekeza kazi () {

window.location = "Nyumbani.htm"

kurudi}

Imeondolewa…

Imeachwa…

Vidokezo:

Nambari 5000 inamaanisha

Hatua ya 5. sekunde. Badilisha hii kwa muda mfupi au zaidi. Badilisha jina la faili inayoelekeza kwa jina la ukurasa wako wa kwanza.

Unda ukurasa wa Splash kwa Tovuti ya 4
Unda ukurasa wa Splash kwa Tovuti ya 4

Hatua ya 4. Ongeza kwenye kichwa

Labda hii inapaswa kuwa jina la wavuti yako, na unapaswa kuifunga intags ili iwe rahisi kwa injini za utaftaji kupata.

Unda ukurasa wa Splash kwa Wavuti Hatua ya 5
Unda ukurasa wa Splash kwa Wavuti Hatua ya 5

Hatua ya 5. Ongeza picha

Hii inapaswa kuonyesha tovuti yako ni nini. Tena unaweza kutumia

Image
Image

lebo.

Imeachwa…

Vidokezo:

Hatua hii inachukua kuwa umehifadhi picha ya kichwa kwenye folda sawa na .htm faili, na kwamba imepewa jina "splashimage.jpg". Unaweza kuongeza nafasi ya CSS ikiwa unapendelea picha iwe mahali pengine kwenye skrini, kama kituo.

Hatua ya 6. Ongeza kitufe

Kitufe hiki kitakuwa njia ya wageni kufika haraka kwenye ukurasa wa kwanza. Wakati wanabofya, huhamishwa mara moja kwenda kwenye ukurasa wa nyumbani. Unaweza kutoa kiunga kwa ukurasa wa nyumbani.

Imeachwa…

Kumbuka:

Unaweza kubadilisha "thamani" kipengele cha kubadilisha maandishi yaliyoonyeshwa kwenye kifungo.

Unda ukurasa wa Splash kwa Tovuti ya Hatua ya 7
Unda ukurasa wa Splash kwa Tovuti ya Hatua ya 7

Hatua ya 7. Ongeza maandishi

Hii inaweza kuwa chochote unachopenda. Kwa ujumla ni aina ya "Asante Kwa Kutembelea", au "Imeundwa na …" moja.

Imeondolewa…

Asante kwa Kutembelea!

Vidokezo:

Hapa ndipo unaweza kutumia CSS kwa maandishi. Unaweza kutumia kichwa (

) badala yake ukipenda.

Unda ukurasa wa Splash kwa Wavuti Hatua ya 8
Unda ukurasa wa Splash kwa Wavuti Hatua ya 8

Hatua ya 8. Sasa una ukurasa wa Splash unaofanya kazi

Sasa ni wakati tu wa kuipendeza kwa kutumia CSS na kuifanya iende moja kwa moja!

Video - Kwa kutumia huduma hii, habari zingine zinaweza kushirikiwa na YouTube

Vidokezo

  • Ongeza maudhui kama unavyopenda, lakini usifanye kuwa busy sana.
  • Unaweza kuongeza sauti na video ukipenda, lakini hii itafanya muda mrefu wa kupakia kwa watu wengine.
  • Ikiwa haujui mengi juu ya HTML au CSS, unaweza kutumia mhariri aliyeongozwa kama Blogger ili kufanya mchakato huu uwe rahisi.

Ilipendekeza: