Sådan opretter du en splashside til et websted: 8 trin (med billeder)

Indholdsfortegnelse:

Sådan opretter du en splashside til et websted: 8 trin (med billeder)
Sådan opretter du en splashside til et websted: 8 trin (med billeder)

Video: Sådan opretter du en splashside til et websted: 8 trin (med billeder)

Video: Sådan opretter du en splashside til et websted: 8 trin (med billeder)
Video: Easy steps to create Gmail signature with icons and image 2023| Gmail signature template download 2024, Kan
Anonim

Så du vil lægge en stænkside på din webside? Splash sider er en fantastisk måde at brande dit websted på. Denne vejledning forudsætter, at du kender en del HTML og CSS, og det kan hjælpe, hvis du også kender noget grundlæggende JavaScript.

Trin

Opret en splashside til et websted Trin 1
Opret en splashside til et websted Trin 1

Trin 1. Opret din dispositionsside

Du kan bruge en eksternt CSS (Cascading Style Sheet), men i dette eksempel vil vi bruge en internt stilark. Så du skal starte med dine grundlæggende tags:

Velkommen!

Opret en splashside til et websted Trin 2
Opret en splashside til et websted Trin 2

Trin 2. Udfyld CSS- og titeloplysningerne i afsnittet

Du skal naturligvis ændre værdierne, så de passer til dine behov:

Velkommen!

krop {baggrundsfarve: #DCDCDC}

Udeladt…

Bemærk:

Du vil måske tilføje en CSS -egenskab til skrifttyperne.

Opret en splashside til et websted Trin 3
Opret en splashside til et websted Trin 3

Trin 3. Tilføj scriptet for at gå videre til startsiden

Dette afsnit er valgfrit, og du kan simpelthen udelade det, hvis du ikke ønsker, at det automatisk skal fortsætte.

Udeladt…

window.onload = timeout;

funktionstimeout () {

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

funktion redirect () {

window.location = "Hjem.htm"

Vend tilbage}

Udeladt…

Udeladt…

Bemærkninger:

Nummeret 5000 midler

Trin 5. sekunder. Skift dette i kortere eller længere tid. Skift navnet på omdirigeringsfilen til navnet på din startside.

Opret en splashside til et websted Trin 4
Opret en splashside til et websted Trin 4

Trin 4. Tilføj en titel

Dette burde sandsynligvis være navnet på dit websted, og du skal vedlægge det intags for at gøre det let for søgemaskiner at finde.

Opret en splashside til et websted Trin 5
Opret en splashside til et websted Trin 5

Trin 5. Tilføj et billede

Dette skulle vise, hvad dit websted handler om. Igen kan du bruge

Image
Image

tag.

Udeladt…

Bemærkninger:

Dette trin forudsætter, at du har gemt titelbilledet i den samme mappe som .htm fil, og at den er navngivet "splashimage.jpg". Du kan tilføje CSS -positionering, hvis du foretrækker, at billedet er et andet sted på skærmen, f.eks. Midten.

Trin 6. Tilføj en knap

Denne knap vil være en måde for besøgende at komme hurtigere til hjemmesiden. Når de klikker på det, flyttes de straks videre til startsiden. Du kan alternativt blot give et link til startsiden.

Udeladt…

Bemærk:

Du kan ændre "værdi" element for at ændre teksten, der vises på knappen.

Opret en Splash -side til et websted Trin 7
Opret en Splash -side til et websted Trin 7

Trin 7. Tilføj noget tekst

Dette kan være alt, hvad du kan lide. Generelt er det en "tak for besøget" en slags hilsen, eller en "Oprettet af …" en.

Udeladt…

Tak for besøget!

Bemærkninger:

Det er her, du kan bruge CSS til teksten. Du kan bruge en overskrift (

) i stedet, hvis du vil.

Opret en splashside til et websted Trin 8
Opret en splashside til et websted Trin 8

Trin 8. Nu har du en fungerende stænkside

Nu er det bare på tide at smukke det op ved hjælp af CSS og få det til at gå live!

Video - Ved at bruge denne service kan nogle oplysninger blive delt med YouTube

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 dette vil gøre en lang indlæsningstid for nogle mennesker.
  • Hvis du ikke ved meget om HTML eller CSS, kan du bruge en guidet editor som Blogger til at gøre denne proces enklere.

Anbefalede: