Kako ustvariti uvodno stran za spletno mesto: 8 korakov (s slikami)

Kazalo:

Kako ustvariti uvodno stran za spletno mesto: 8 korakov (s slikami)
Kako ustvariti uvodno stran za spletno mesto: 8 korakov (s slikami)

Video: Kako ustvariti uvodno stran za spletno mesto: 8 korakov (s slikami)

Video: Kako ustvariti uvodno stran za spletno mesto: 8 korakov (s slikami)
Video: Section 8 2024, Maj
Anonim

Torej želite na svojo spletno stran postaviti uvodno stran? Splash strani so odličen način za blagovno znamko vašega spletnega mesta. Ta priročnik predvideva, da poznate precej HTML-ja in CSS-ja, in bi lahko pomagalo, če poznate tudi nekaj osnovnih JavaScript.

Koraki

Ustvarite uvodno stran za spletno mesto 1. korak
Ustvarite uvodno stran za spletno mesto 1. korak

Korak 1. Ustvarite svojo orisno stran

Lahko uporabite an zunanji CSS (Cascading Style Sheet), vendar bomo v tem primeru uporabili an notranji slog sloga. Zato morate začeti z osnovnimi oznakami:

Dobrodošli!

Ustvarite uvodno stran za spletno mesto 2. korak
Ustvarite uvodno stran za spletno mesto 2. korak

Korak 2. V razdelku vnesite CSS in podatke o naslovu

Očitno boste morali spremeniti vrednosti, ki ustrezajo vašim potrebam:

Dobrodošli!

body {ozadje-barve: #DCDCDC}

Izpuščeno…

Opomba:

Za pisave boste morda želeli dodati lastnost CSS.

Ustvarite uvodno stran za spletno mesto 3. korak
Ustvarite uvodno stran za spletno mesto 3. korak

Korak 3. Dodajte skript, da se premaknete na domačo stran

Ta razdelek ni obvezen in ga lahko preprosto izpustite, če ne želite, da se samodejno premakne naprej.

Izpuščeno…

window.onload = časovna omejitev;

funkcija timeout () {

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

preusmeritev funkcije () {

window.location = "Domov.htm"

vrnitev}

Izpuščeno…

Izpuščeno…

Opombe:

Število 5000 pomeni

5. korak. sekunde. To spremenite za krajše ali daljše čase. Spremenite ime datoteke za preusmeritev v ime vaše domače strani.

Ustvarite uvodno stran za spletno mesto 4. korak
Ustvarite uvodno stran za spletno mesto 4. korak

Korak 4. Dodajte naslov

To bi verjetno moralo biti ime vašega spletnega mesta in ga priložite oznakam, da bodo iskalniki olajšali iskanje.

Ustvarite uvodno stran za spletno mesto 5. korak
Ustvarite uvodno stran za spletno mesto 5. korak

Korak 5. Dodajte sliko

To naj bi pokazalo, o čem govori vaše spletno mesto. Ponovno lahko uporabite

Image
Image

oznaka.

Izpuščeno…

Opombe:

Ta korak predpostavlja, da ste naslovno sliko shranili v isto mapo kot .htm datoteko in da je poimenovana "splashimage.jpg". Pozicioniranje CSS lahko dodate, če želite, da je slika nekje drugje na zaslonu, na primer v sredini.

Korak 6. Dodajte gumb

Ta gumb bo obiskovalcem omogočil hitrejši dostop do domače strani. Ko ga kliknejo, se takoj premaknejo na domačo stran. Lahko pa preprosto posredujete povezavo do domače strani.

Izpuščeno…

Opomba:

Lahko spremenite "vrednost" element, da spremenite besedilo, prikazano na gumbu.

Ustvarite uvodno stran za spletno mesto 7. korak
Ustvarite uvodno stran za spletno mesto 7. korak

Korak 7. Dodajte nekaj besedila

To je lahko karkoli želite. Na splošno gre za pozdrav "Hvala za obisk" ali "Ustvaril …".

Izpuščeno…

Hvala za obisk!

Opombe:

Tukaj bi lahko uporabili CSS za besedilo. Lahko uporabite naslov (

) namesto tega, če želite.

Ustvarite uvodno stran za spletno mesto 8. korak
Ustvarite uvodno stran za spletno mesto 8. korak

Korak 8. Zdaj imate delujočo splash stran

Zdaj je čas, da si olepšate uporabo CSS -ja in ga zaženete v živo!

Video - z uporabo te storitve se lahko nekateri podatki delijo z YouTubom

Nasveti

  • Dodajte kolikor želite vsebine, vendar ne delajte preveč.
  • Če želite, lahko dodate zvoke in video, vendar bo to pri nekaterih ljudeh dolgo naložilo.
  • Če ne veste veliko o HTML ali CSS, lahko poenostavite ta postopek z vodenim urejevalnikom, kot je Blogger.

Priporočena: