Hur man skapar en splash -sida för en webbplats: 8 steg (med bilder)

Innehållsförteckning:

Hur man skapar en splash -sida för en webbplats: 8 steg (med bilder)
Hur man skapar en splash -sida för en webbplats: 8 steg (med bilder)

Video: Hur man skapar en splash -sida för en webbplats: 8 steg (med bilder)

Video: Hur man skapar en splash -sida för en webbplats: 8 steg (med bilder)
Video: How To Customize 'Order Confirmation' Email On Shopify 2024, April
Anonim

Så du vill lägga en skvättsida på din webbsida? Splash -sidor är ett bra sätt att märka din webbplats. Denna How-To förutsätter att du kan en hel del HTML och CSS, och det kan hjälpa om du också kan grundläggande JavaScript.

Steg

Skapa en Splash -sida för en webbplats Steg 1
Skapa en Splash -sida för en webbplats Steg 1

Steg 1. Skapa din kontursida

Du kan använda en externt CSS (Cascading Style Sheet), men i det här exemplet kommer vi att använda en internt stilark. Så du måste börja med dina grundläggande taggar:

Välkommen!

Skapa en Splash -sida för en webbplats Steg 2
Skapa en Splash -sida för en webbplats Steg 2

Steg 2. Fyll i CSS- och titelinformation i avsnittet

Du måste självklart ändra värdena för att passa dina behov:

Välkommen!

kropp {bakgrund-färg: #DCDCDC}

Utelämnad…

Notera:

Du kanske vill lägga till en CSS -egenskap för teckensnitt.

Skapa en Splash -sida för en webbplats Steg 3
Skapa en Splash -sida för en webbplats Steg 3

Steg 3. Lägg till skriptet för att gå till startsidan

Det här avsnittet är valfritt, och du kan helt enkelt utelämna det om du inte vill att det ska gå vidare automatiskt.

Utelämnad…

window.onload = timeout;

funktionstid () {

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

funktion redirect () {

window.location = "Hem.htm"

lämna tillbaka}

Utelämnad…

Utelämnad…

Anmärkningar:

Numret 5000 innebär att

Steg 5. sekunder. Ändra detta för kortare eller längre tider. Ändra namnet på omdirigeringsfilen till namnet på din hemsida.

Skapa en Splash -sida för en webbplats Steg 4
Skapa en Splash -sida för en webbplats Steg 4

Steg 4. Lägg till en titel

Detta borde förmodligen vara namnet på din webbplats, och du bör bifoga den intags för att göra det enkelt för sökmotorer att hitta.

Skapa en Splash -sida för en webbplats Steg 5
Skapa en Splash -sida för en webbplats Steg 5

Steg 5. Lägg till en bild

Detta bör visa vad din webbplats handlar om. Återigen kan du använda

Image
Image

märka.

Utelämnad…

Anmärkningar:

Detta steg förutsätter att du har sparat titelbilden i samma mapp som .htm filen, och att den heter "splashimage.jpg". Du kan lägga till CSS -positionering om du föredrar att bilden är någon annanstans på skärmen, till exempel mitt.

Steg 6. Lägg till en knapp

Denna knapp kommer att vara ett sätt för besökare att komma till hemsidan snabbare. När de klickar på den flyttas de omedelbart till startsidan. Alternativt kan du enkelt länka till hemsidan.

Utelämnad…

Notera:

Du kan ändra "värde" element för att ändra texten som visas på knappen.

Skapa en Splash -sida för en webbplats Steg 7
Skapa en Splash -sida för en webbplats Steg 7

Steg 7. Lägg till lite text

Det här kan vara vad du vill. I allmänhet är det en "Tack för att du besökte" en slags hälsning, eller en "Skapad av …".

Utelämnad…

Tack för besöket!

Anmärkningar:

Det är här du kan använda CSS för texten. Du kan använda en rubrik (

) istället om du vill.

Skapa en Splash -sida för en webbplats Steg 8
Skapa en Splash -sida för en webbplats Steg 8

Steg 8. Nu har du en fungerande splash -sida

Nu är det bara att reda ut det med hjälp av CSS och få det att gå live!

Video - Genom att använda denna tjänst kan viss information delas med YouTube

Tips

  • Lägg till så mycket innehåll du vill, men gör det inte för upptaget.
  • Du kan lägga till ljud och video om du vill, men detta kommer att göra en lång laddningstid för vissa människor.
  • Om du inte kan mycket om HTML eller CSS kan du använda en guidad redaktör som Blogger för att göra denna process enklare.

Rekommenderad: