Wkudk

Hvordan du opretter en splash side for et websted

Så du ønsker at sætte en splash side på din webside? Splash sider er en fantastisk måde at branding din hjemmeside. Dette How-To forudsætter, at du kender en hel del af HTML og CSS, og det kan hjælpe, hvis du også kender nogle grundlæggende JavaScript.

Steps

Hvordan du opretter en splash side for et websted. Opret din disposition siden.
Hvordan du opretter en splash side for et websted. Opret din disposition siden.
  1. 1
    Opret din disposition siden. Du kan bruge en ekstern CSS (Cascading Style Sheet), men i dette eksempel vil vi bruge en intern style sheet. Så du er nødt til at starte med dine grundlæggende tags:
    <html>
    <title> Velkommen </ title>
    <script type="text/javascript">
    </ Script>
    <body>
    </ Body>
    </ Html>
  2. 2
    Udfyld CSS og titel i <head> sektion. Du vil naturligvis nødt til at ændre de værdier, der passer til dine behov:
    <html>
    <title> Velkommen </ title>
    body {background-color: # DCDCDC}
    Udeladt...
    Bemærk: Du kan tilføje en CSS ejendom til de skrifttyper.
  3. 3
    Føj scriptet til at bevæge sig ind på hjemmesiden. Denne sektion er valgfri, og du kan bare udelade det, hvis du ikke ønsker det til automatisk at komme videre.
    Udeladt...
    <script type="text/javascript">
    window.onload = timeout;
    window.setTimeout ("redirect ()", 5000)}
    fungere omdirigere () {
    window.location = "Home.htm" tilbage}
    </ Script>
    Udeladt...
    <body>
    Udeladt...
    Noter: Antallet 5000 betyder 5 sekunder. Ændre dette i kortere eller længere tid. Ændre navnet på den omdirigere filen til navnet på din startside.
  4. 4
    Tilføj en titel. Det bør nok være navnet på din hjemmeside, og du bør sætte det i <h1> </ h1> tags at gøre det nemt for søgemaskiner at finde.
  5. 5
    Tilføj et billede. Det skal vise, hvad dit websted handler om. Igen kan du bruge <img>.
    Udeladt...
    <body>
    </ Body>
    </ Html>
    Bemærkninger: Dette trin forudsætter, at du har gemt titlen billede i samme mappe som htm-fil, og at det hedder "splashimage.jpg" Du kan tilføje CSS positionering, hvis du foretrækker det billede til at være et andet sted på skærmen.., såsom centrum.
  6. 6
    Tilføj en knap. Denne knap vil være en måde for besøgende at komme til startsiden hurtigere. Når de klikker på det, bliver de straks flyttede til startsiden. Du kunne alternativt blot give et link til hjemmesiden.
    Udeladt...
    <img src="U2FtcGxlLmdpZg==">
    <br>
    <input type="button" value="Home Page">
    </ Html>
    Bemærk: Du kan ændre "værdi" element for at ændre teksten som vises på knappen.
  7. 7
    Tilføj noget tekst. Det kunne være noget, du kan lide. Generelt er det en "tak for besøget" slags hilsen eller et "Oprettet af..." en.
    Udeladt...
    </ Form>
    <p> Tak for dit besøg! </ p>
    </ Body>
    </ Html>
    Bemærkninger: Det er her du kan bruge CSS til teksten. Du kan bruge en overskrift (<h1>) i stedet, hvis du vil.
  8. 8
    Nu du har en fungerende splash side! Nu er det bare tid til temmelig det op ved hjælp af CSS og gøre det gå live!

Tips

  • Tilføj så meget indhold som du vil, men gør det ikke for travlt.
  • Du kan tilføje lyde og video, hvis du vil, men det vil gøre en lang load tid for nogle mennesker.

Advarsler

  • Splash sider kan være irriterende, og ofte ikke nødvendig. Tænk over hvorfor du vil have en. Er det fordi alle andens hjemmeside har en, og du synes, det ser cool? Må ikke få en. Er det fordi du har brug for at give de besøgende vigtige oplysninger? Så er det bedste du sætte det i. Husk, splash sider bremse dine besøgende, og det kan være en hindring for at have en, når det ikke er nødvendigt.