Wkuno

Hvordan lage en splash-side for et nettsted

Så du ønsker å sette en splash-side på websiden din? Splash-sider er en flott måte for merkevarebygging ditt nettsted. Dette How-To forutsetter at du vet ganske mye av HTML og CSS, og det kan hjelpe hvis du også vite litt grunnleggende JavaScript.

Trinn

Hvordan lage en splash-side for et nettsted. Lag din disposisjon side.
Hvordan lage en splash-side for et nettsted. Lag din disposisjon side.
  1. 1
    Lag din disposisjon side. Du kan bruke en ekstern CSS (Cascading Style Sheet), men i dette eksemplet skal vi bruke en intern stilark. Så du må begynne med grunnleggende kodene:
    <html>
    <title> Velkommen! </ title>
    <script type="text/javascript">
    </ Script>
    <body>
    </ Body>
    </ Html>
  2. 2
    Fyll ut CSS og tittel i <head> delen. Du vil åpenbart behov for å endre verdiene som passer dine behov:
    <html>
    <title> Velkommen! </ title>
    body {background-color: # DCDCDC}
    Utelatt...
    Merk: Det kan være lurt å legge til en CSS eiendom for skriftene.
  3. 3
    Legg manuset for å gå til hjemmesiden. Denne delen er valgfri, og du kan rett og slett utelate det hvis du ikke vil at den skal automatisk gå videre.
    Utelatt...
    <script type="text/javascript">
    window.onload = timeout;
    window.setTimeout ("omdirigere ()", 5000)}
    fungere omdirigere () {
    window.location = "Home.htm" returnere}
    </ Script>
    Utelatt...
    <body>
    Utelatt...
    Merknader: Antall 5000 betyr 5 sekunder. Endre dette for kortere eller lengre tid. Endre navnet på omdirigere filen til navnet på hjemmesiden din.
  4. 4
    Legg i en tittel. Dette bør nok være navnet på nettstedet ditt, og du bør legge den i <h1> </ h1>-kodene for å gjøre det enkelt for søkemotorer å finne.
  5. 5
    Legge til et bilde. Dette bør vise hva ditt nettsted handler om. Igjen kan du bruke img-fanen.
    Utelatt...
    <body>
    </ Body>
    </ Html>
    Merknader: Dette trinnet forutsetter at du har lagret tittelen bildet i samme mappe som htm-fil, og at det heter "splashimage.jpg" Du kan legge til CSS posisjonering hvis du foretrekker at bildet skal være et annet sted på skjermen.., slik som sentrum.
  6. 6
    Legg en knapp. Denne knappen vil være en måte for besøkende å komme til hjemmesiden raskere. Når de klikker på den, blir de umiddelbart flyttet til hjemmesiden. Du kan alternativt bare gi en link til hjemmesiden.
    Utelatt...
    <img src="U2FtcGxlLmdpZg==">
    <br>
    <input type="button" value="Home Page">
    </ Html>
    Merk: Du kan endre "verdien" element for å endre teksten som vises på knappen.
  7. 7
    Legg til tekst. Dette kan være noe du liker. Vanligvis er det en "Takk for besøket" slags hilsen, eller en "Laget av..." en.
    Utelatt...
    </ Form>
    <p> Takk for besøket! </ p>
    </ Body>
    </ Html>
    Merknader: Det er her du kan bruke CSS for teksten. Du kan bruke en overskrift (<h1>) i stedet hvis du vil.
  8. 8
    Nå har du en fungerende splash-side! Nå er det bare tid til pen den opp ved hjelp av CSS og gjøre det gå live!

Tips

  • Legg så mye innhold som du liker, men ikke gjør det for travelt.
  • Du kan legge til lyder og video hvis du vil, men dette vil gjøre en lang lastetid for noen mennesker.

Advarsler

  • Splash-sider kan være irriterende, og ofte ikke nødvendig. Tenk på hvorfor du ønsker en. Er det fordi alle andres nettsted har en, og du synes det ser kult? Ikke få en. Er det fordi du trenger for å gi besøkende viktig informasjon? Så er det best du setter den i. Husk, splash-sider tregere din besøkende, og det kan være en hindring for å ha en når den ikke trengs.