Hvordan lage en sprutside for et nettsted: 8 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage en sprutside for et nettsted: 8 trinn (med bilder)
Hvordan lage en sprutside for et nettsted: 8 trinn (med bilder)

Video: Hvordan lage en sprutside for et nettsted: 8 trinn (med bilder)

Video: Hvordan lage en sprutside for et nettsted: 8 trinn (med bilder)
Video: Easy steps to create Gmail signature with icons and image 2023| Gmail signature template download 2024, Kan
Anonim

Så du vil legge en sprutside på nettsiden din? Splash -sider er en flott måte å merke ditt nettsted på. Denne fremgangsmåten forutsetter at du kan ganske mye HTML og CSS, og det kan hjelpe hvis du også kjenner noen grunnleggende JavaScript.

Trinn

Lag en sprutside for et nettsted Trinn 1
Lag en sprutside for et nettsted Trinn 1

Trinn 1. Lag omrisset

Du kan bruke en eksternt CSS (Cascading Style Sheet), men i dette eksemplet skal vi bruke en internt stilark. Så du må begynne med de grunnleggende taggene dine:

Velkommen!

Lag en sprutside for et nettsted Trinn 2
Lag en sprutside for et nettsted Trinn 2

Trinn 2. Fyll ut CSS- og tittelinformasjonen i delen

Du må åpenbart endre verdiene for å passe dine behov:

Velkommen!

body {background-color: #DCDCDC}

Utelatt …

Merk:

Det kan være lurt å legge til en CSS -egenskap for skriftene.

Lag en sprutside for et nettsted Trinn 3
Lag en sprutside for et nettsted Trinn 3

Trinn 3. Legg til skriptet for å gå til hjemmesiden

Denne delen er valgfri, og du kan ganske enkelt utelate den hvis du ikke vil at den automatisk skal gå videre.

Utelatt …

window.onload = timeout;

funksjonstidsavbrudd () {

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

funksjonsomdirigering () {

window.location = "Home.htm"

komme tilbake}

Utelatt …

Utelatt …

Merknader:

Nummeret 5000 midler

Trinn 5. sekunder. Endre dette for kortere eller lengre tid. Endre navnet på omdirigeringsfilen til navnet på hjemmesiden din.

Lag en sprutside for et nettsted Trinn 4
Lag en sprutside for et nettsted Trinn 4

Trinn 4. Legg til en tittel

Dette bør sannsynligvis være navnet på nettstedet ditt, og du bør legge det til intags for å gjøre det enkelt for søkemotorer å finne.

Lag en sprutside for et nettsted Trinn 5
Lag en sprutside for et nettsted Trinn 5

Trinn 5. Legg til et bilde

Dette bør demonstrere hva nettstedet ditt handler om. Igjen kan du bruke

Image
Image

stikkord.

Utelatt …

Merknader:

Dette trinnet forutsetter at du har lagret tittelbildet i samme mappe som .htm filen, og at den er navngitt "splashimage.jpg". Du kan legge til CSS -posisjonering hvis du foretrekker at bildet er et annet sted på skjermen, for eksempel midten.

Trinn 6. Legg til en knapp

Denne knappen vil være en måte for besøkende å komme til hjemmesiden raskere. Når de klikker på den, flyttes de umiddelbart til hjemmesiden. Du kan alternativt bare gi en lenke til hjemmesiden.

Utelatt …

Merk:

Du kan endre "verdi" element for å endre teksten som vises på knappen.

Lag en sprutside for et nettsted Trinn 7
Lag en sprutside for et nettsted Trinn 7

Trinn 7. Legg til litt tekst

Dette kan være alt du liker. Vanligvis er det en "takk for besøket" en hilsen, eller en "opprettet av …".

Utelatt …

Takk for besøket!

Merknader:

Det er her du kan bruke CSS for teksten. Du kan bruke en overskrift (

) i stedet hvis du vil.

Lag en sprutside for et nettsted Trinn 8
Lag en sprutside for et nettsted Trinn 8

Trinn 8. Nå har du en fungerende sprutside

Nå er det bare på tide å gjøre det bedre med CSS og få det til å gå live!

Video - Ved å bruke denne tjenesten kan noe informasjon bli delt med YouTube

Tips

  • Legg til så mye innhold du vil, men ikke gjør det for travelt.
  • Du kan legge til lyder og video hvis du vil, men dette vil ta lang tid for noen mennesker.
  • Hvis du ikke vet mye om HTML eller CSS, kan du bruke en guidet redaktør som Blogger for å gjøre denne prosessen enklere.

Anbefalt: