Wku

Hur man skapar en startsida för en webbplats

Så du vill sätta en startsida på din webbsida? Splash sidor är ett bra sätt att branding din webbplats. Detta How-To förutsätter att du vet ganska lite om HTML och CSS, och det kan hjälpa om du också känna till några grundläggande JavaScript.

Steg

Hur man skapar en startsida för en webbplats. Skapa din disposition sidan.
Hur man skapar en startsida för en webbplats. Skapa din disposition sidan.
  1. 1
    Skapa din disposition sidan. Du kan använda en extern CSS (Cascading Style Sheet), men i det här exemplet kommer vi att använda en intern formatmall. Så du behöver för att börja med dina grundläggande taggarna:
    <html>
    <title> Välkommen! </ title>
    <script type="text/javascript">
    </ Script>
    <body>
    </ Body>
    </ Html>
  2. 2
    Fyll i CSS och titel i avsnittet <head>. Du kommer naturligtvis att behöva ändra värden för att passa dina behov:
    <html>
    <title> Välkommen! </ title>
    body {background-color: # DCDCDC}
    Utelämnas...
    Obs: Du kanske vill lägga till en CSS-egenskapen för teckensnitt.
  3. 3
    Lägg till skript för att gå vidare till hemsidan. Detta avsnitt är valfritt, och du kan enkelt utelämna det om du inte vill att det automatiskt ska gå vidare.
    Utelämnas...
    <script type="text/javascript">
    window.onload = timeout;
    Window.setTimeout ("redirect ()", 5000)}
    fungera omdirigering () {
    window.location = "home.htm" återvända}
    </ Script>
    Utelämnas...
    <body>
    Utelämnas...
    Anteckningar: Antalet 5000 innebär 5 sekunder. Ändra detta under kortare eller längre tider. Ändra namnet på omdirigera filen till namnet på din hemsida.
  4. 4
    Lägg in en titel. Detta bör nog vara namnet på din webbplats, och du bör omgärda den med <h1> </ h1> taggar för att göra det enkelt för sökmotorerna att hitta.
  5. 5
    Lägg till en bild. Detta bör visa vad din webbplats handlar om. Återigen kan du använda taggen <img>.
    Utelämnas...
    <body>
    </ Body>
    </ Html>
    Anmärkningar: Detta steg förutsätter att du har sparat titeln bilden i samma mapp som HTM-fil, och att det heter "splashimage.jpg" Du kan lägga till CSS-positionering om du föredrar att bilden ska vara någon annanstans på skärmen.., såsom centrum.
  6. 6
    Lägg till en knapp. Denna knapp kommer att vara ett sätt för besökare att komma till startsidan snabbare. När de klickar på det, är de omedelbart flyttade till startsidan. Du kan alternativt helt enkelt ge en länk till hemsidan.
    Utelämnas...
    <img src="U2FtcGxlLmdpZg==">
    <br>
    <input type="button" value="Home Page">
    </ Html>
    Obs: Du kan ändra "värdet" element för att ändra texten som visas på knappen.
  7. 7
    Tillfoga någon text. Detta kan vara något som du gillar. Generellt är det ett "tack för besöket" sorts hälsning, eller en "Skapad av..." en.
    Utelämnas...
    </ Form>
    <p> Tack för besöket! </ p>
    </ Body>
    </ Html>
    Anmärkningar: Det är här du kan använda CSS för texten. Du kan använda en rubrik (<h1>) istället om du vill.
  8. 8
    Nu har du en fungerande startsida! Nu är det bara dags att ganska upp det med hjälp av CSS och göra det gå live!

Tips

  • Lägg så mycket innehåll som du vill, men gör det inte alltför upptagen.
  • 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.

Varningar

  • Splash sidor kan vara irriterande, och ofta inte behövs. Fundera över varför du vill ha en. Är det för att alla andras webbplats har en, och du tror att det ser coolt? Inte få en. Är det för att du behöver ge besökarna viktig information? Då är det bäst att du sätter den i. Kom ihåg, splash sidor sakta ner din besökare, och det kan vara en hinderance att ha en när den inte behövs.