Paano Lumikha ng isang Splash Page para sa isang Website: 8 Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Lumikha ng isang Splash Page para sa isang Website: 8 Hakbang (na may Mga Larawan)
Paano Lumikha ng isang Splash Page para sa isang Website: 8 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Splash Page para sa isang Website: 8 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Splash Page para sa isang Website: 8 Hakbang (na may Mga Larawan)
Video: PAGGAWA NG EMAIL,PAGSAGOT AT PAGPAPADALA NG EMAIL 2024, Mayo
Anonim

Kaya nais mong maglagay ng isang splash page sa iyong webpage? Ang mga pahina ng splash ay mahusay na paraan ng pagmarka ng iyong website. Ipinapalagay ng How-To na alam mo ang kaunting HTML at CSS, at maaaring makatulong ito kung alam mo rin ang ilang pangunahing JavaScript.

Mga hakbang

Lumikha ng isang Splash Page para sa isang Website Hakbang 1
Lumikha ng isang Splash Page para sa isang Website Hakbang 1

Hakbang 1. Lumikha ng iyong pahina ng balangkas

Maaari kang gumamit ng isang panlabas na CSS (Cascading Style Sheet), ngunit sa halimbawang ito gagamitin namin ang isang sheet ng panloob na istilo. Kaya kailangan mong magsimula sa iyong mga pangunahing tag:

Maligayang pagdating!

Lumikha ng isang Pahina ng Splash para sa isang Website Hakbang 2
Lumikha ng isang Pahina ng Splash para sa isang Website Hakbang 2

Hakbang 2. Punan ang impormasyon ng CSS at pamagat sa seksyon

Malinaw na kakailanganin mong baguhin ang mga halaga upang umangkop sa iyong mga pangangailangan:

Maligayang pagdating!

body {background-color: #DCDCDC}

Tinanggal…

Tandaan:

Maaaring gusto mong magdagdag ng isang pag-aari ng CSS para sa mga font.

Lumikha ng isang Splash Page para sa isang Website Hakbang 3
Lumikha ng isang Splash Page para sa isang Website Hakbang 3

Hakbang 3. Idagdag ang script upang lumipat sa home page

Ang seksyon na ito ay opsyonal, at maaari mo lamang itong alisin kung hindi mo nais na ito ay awtomatikong magpatuloy.

Tinanggal…

window.onload = timeout;

timeout ng pag-andar () {

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

pag-redirect ng function () {

window.location = "Home.htm"

bumalik}

Tinanggal…

Tinanggal…

Mga Tala:

Ang numero 5000 nangangahulugang

Hakbang 5. segundo Baguhin ito para sa mas maikli o mas mahabang oras. Baguhin ang pangalan ng redirect file sa pangalan ng iyong home page.

Lumikha ng isang Splash Page para sa isang Website Hakbang 4
Lumikha ng isang Splash Page para sa isang Website Hakbang 4

Hakbang 4. Idagdag sa isang pamagat

Ito marahil ang dapat maging pangalan ng iyong website, at dapat mo itong isama sa mga intag upang gawing madali para ang mga search engine na makita.

Lumikha ng isang Pahina ng Splash para sa isang Website Hakbang 5
Lumikha ng isang Pahina ng Splash para sa isang Website Hakbang 5

Hakbang 5. Magdagdag ng larawan

Dapat itong ipakita kung tungkol saan ang iyong site. Muli maaari mong gamitin ang

Image
Image

tag

Tinanggal…

Mga Tala:

Ipinapalagay ng hakbang na ito na nai-save mo ang imahe ng pamagat sa parehong folder tulad ng .htm file, at na ito ay pinangalanan "splashimage.jpg". Maaari kang magdagdag ng pagpoposisyon ng CSS kung mas gusto mo ang imahe na nasa ibang lugar sa screen, tulad ng gitna.

Hakbang 6. Magdagdag ng isang pindutan

Ang pindutan na ito ay magiging isang paraan para sa mga bisita upang mas mabilis na makapunta sa home page. Kapag na-click nila ito, agad na inililipat sila sa home page. Maaari kang kahalili na magbigay ng isang link sa home page.

Tinanggal…

Tandaan:

Maaari mong baguhin ang "halaga" elemento upang baguhin ang teksto na ipinapakita sa pindutan.

Lumikha ng isang Splash Page para sa isang Website Hakbang 7
Lumikha ng isang Splash Page para sa isang Website Hakbang 7

Hakbang 7. Magdagdag ng ilang teksto

Maaari itong maging anumang nais mo. Pangkalahatan ito ay isang "Salamat sa Pagbisita" na uri ng pagbati, o isang "Nilikha Ni …" na isa.

Tinanggal…

Salamat sa pagbisita!

Mga Tala:

Dito mo maaaring ginagamit ang CSS para sa teksto. Maaari kang gumamit ng heading (

) sa halip kung gusto mo.

Lumikha ng isang Splash Page para sa isang Website Hakbang 8
Lumikha ng isang Splash Page para sa isang Website Hakbang 8

Hakbang 8. Ngayon mayroon kang isang gumaganang pahina ng splash

Ngayon ay oras na lamang upang pagandahin ito gamit ang CSS at gawin itong live!

Video - Sa pamamagitan ng paggamit ng serbisyong ito, maaaring ibahagi ang ilang impormasyon sa YouTube

Mga Tip

  • Magdagdag ng maraming nilalaman hangga't gusto mo, ngunit huwag itong gawing masyadong abala.
  • Maaari kang magdagdag ng mga tunog at video kung nais mo, ngunit magtatagal ito ng mahabang oras ng pag-load para sa ilang mga tao.
  • Kung hindi mo alam ang tungkol sa HTML o CSS, maaari kang gumamit ng isang gabay na editor tulad ng Blogger upang gawing mas simple ang prosesong ito.

Inirerekumendang: