Hoe om 'n splash -bladsy vir 'n webwerf te skep: 8 stappe (met foto's)

INHOUDSOPGAWE:

Hoe om 'n splash -bladsy vir 'n webwerf te skep: 8 stappe (met foto's)
Hoe om 'n splash -bladsy vir 'n webwerf te skep: 8 stappe (met foto's)

Video: Hoe om 'n splash -bladsy vir 'n webwerf te skep: 8 stappe (met foto's)

Video: Hoe om 'n splash -bladsy vir 'n webwerf te skep: 8 stappe (met foto's)
Video: hoe uitlijnen pikken nagel/ Correctie nagels vloeistof gel 2024, Mei
Anonim

Wil u 'n spatblad op u webwerf plaas? Splash -bladsye is 'n uitstekende manier om u webwerf te merk. Hierdie How-To neem aan dat u heelwat HTML en CSS ken, en dit kan help as u ook basiese JavaScript ken.

Stappe

Skep 'n splash -bladsy vir 'n webwerf Stap 1
Skep 'n splash -bladsy vir 'n webwerf Stap 1

Stap 1. Skep u buitelynbladsy

U kan 'n eksterne CSS (Cascading Style Sheet), maar in hierdie voorbeeld gaan ons 'n interne stylblad. U moet dus begin met u basiese etikette:

Welkom!

Skep 'n splash -bladsy vir 'n webwerf Stap 2
Skep 'n splash -bladsy vir 'n webwerf Stap 2

Stap 2. Vul die CSS- en titelinligting in die afdeling in

U sal uiteraard die waardes moet verander om aan u behoeftes te voldoen:

Welkom!

liggaam {agtergrond-kleur: #DCDCDC}

Uitgelaat …

Let wel:

U kan 'n CSS -eiendom vir die lettertipes byvoeg.

Skep 'n splash -bladsy vir 'n webwerf Stap 3
Skep 'n splash -bladsy vir 'n webwerf Stap 3

Stap 3. Voeg die script by om na die tuisblad te gaan

Hierdie afdeling is opsioneel, en u kan dit eenvoudig weglaat as u nie wil hê dat dit outomaties moet aangaan nie.

Uitgelaat …

window.onload = time -out;

funksie -time -out () {

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

funksie herlei () {

window.location = "Home.htm"

terugkeer}

Uitgelaat …

Uitgelaat …

Notas:

Die aantal 5000 beteken

Stap 5. sekondes. Verander dit vir korter of langer tye. Verander die naam van die herlei lêer na die naam van u tuisblad.

Skep 'n splash -bladsy vir 'n webwerf Stap 4
Skep 'n splash -bladsy vir 'n webwerf Stap 4

Stap 4. Voeg 'n titel by

Dit behoort waarskynlik die naam van u webwerf te wees, en u moet die intags daarvan byvoeg om dit vir soekenjins maklik te vind.

Skep 'n splash -bladsy vir 'n webwerf Stap 5
Skep 'n splash -bladsy vir 'n webwerf Stap 5

Stap 5. Voeg 'n prentjie by

Dit moet demonstreer waaroor u webwerf handel. U kan weer die

Image
Image

tag.

Uitgelaat …

Notas:

Hierdie stap veronderstel dat u die titelbeeld in dieselfde gids as die .htm lêer, en dat dit genoem word "splashimage.jpg". U kan CSS -posisionering byvoeg as u verkies dat die beeld êrens anders op die skerm is, soos die middel.

Stap 6. Voeg 'n knoppie by

Met hierdie knoppie kan besoekers vinniger by die tuisblad kom. As hulle daarop klik, word hulle onmiddellik na die tuisblad oorgeplaas. U kan ook 'n skakel na die tuisblad verskaf.

Uitgelaat …

Let wel:

U kan die "waarde" element om die teks wat op die knoppie vertoon word, te verander.

Skep 'n splash -bladsy vir 'n webwerf Stap 7
Skep 'n splash -bladsy vir 'n webwerf Stap 7

Stap 7. Voeg teks by

Dit kan alles wees waarvan jy hou. Oor die algemeen is dit 'n groet van "Dankie vir u besoek", of een van "Geskep deur …".

Uitgelaat …

Dankie vir u besoek!

Notas:

Dit is waar u die CSS vir die teks kan gebruik. U kan 'n opskrif gebruik (

) in plaas daarvan as u wil.

Skep 'n splash -bladsy vir 'n webwerf Stap 8
Skep 'n splash -bladsy vir 'n webwerf Stap 8

Stap 8. Nou het u 'n werkende spatbladsy

Dit is nou net tyd om dit op te knap met behulp van CSS en dit regstreeks te laat verskyn!

Video - Deur hierdie diens te gebruik, kan sommige inligting met YouTube gedeel word

Wenke

  • Voeg soveel inhoud by as wat u wil, maar moenie te besig wees nie.
  • U kan klanke en video byvoeg as u wil, maar dit sal vir sommige mense 'n lang laaityd neem.
  • As u nie veel van HTML of CSS weet nie, kan u 'n begeleide redakteur soos Blogger gebruik om hierdie proses eenvoudiger te maak.

Aanbeveel: