Dus je wilt een splash pagina op je website plaatsen? Splash pagina's zijn een geweldige manier van branding uw website. Deze How-To ervan uitgegaan dat u weet heel wat van HTML en CSS, en het zou helpen als je ook weet dat een aantal fundamentele webbrowser.
Stappen
- 1Maak uw overzicht pagina. Je zou kunnen gebruiken een extern CSS (Cascading Style Sheet), maar in dit voorbeeld gaan we een interne style sheet gebruiken. Dus je moet om te beginnen met uw basis-tags:
<html>
<title> Welkom! </ title>
<script type="text/javascript">
</ Script>
<body>
</ Body>
</ Html> - 2Vul de CSS-en titelinformatie in het <head>. Je zal uiteraard nodig om de waarden te veranderen aan uw behoeften:
<html>
<title> Welkom! </ title>
body {background-color: # DCDCDC}
Weggelaten...
Opmerking: Misschien wilt u een CSS-eigenschap toe te voegen voor de lettertypen. - 3Voeg het script door te gaan naar de homepage. Deze sectie is optioneel, en kan je gewoon weglaten als je niet wilt dat het automatisch verder te gaan.
Weggelaten...
<script type="text/javascript">
window.onload = timeout;
window.setTimeout ("redirect ()", 5000)}
functioneren redirect () {
window.location = "Home.htm" terug}
</ Script>
Weggelaten...
<body>
Weggelaten...
Opmerkingen: Het aantal 5000 betekent 5 seconden. Verander deze voor kortere of langere tijd. Verander de naam van het bestand doorsturen naar de naam van uw startpagina. - 4Voeg in een titel. Dit moet waarschijnlijk de naam van uw website, en je moet het insluiten in <h1> </ h1> tags om het makkelijk maken voor zoekmachines te vinden.
- 5Voeg een foto toe. Dit moet laten zien wat uw site over gaat. Ook hier kun je de tag <img> gebruiken.
Weggelaten...
<body>
</ Body>
</ Html>
Opmerkingen: Deze stap wordt ervan uitgegaan dat u de titel afbeelding in dezelfde map als het htm-bestand hebt opgeslagen, en dat het wordt genoemd "splashimage.jpg" Je kunt CSS positionering toevoegen als u liever de afbeelding om ergens anders op het scherm.., zoals het midden. - 6Voeg een knop. Deze knop zal een manier voor bezoekers om naar de home page sneller te krijgen. Wanneer ze op het, zijn ze meteen verhuisd naar de home page. Je zou als alternatief gewoon een link naar de homepage.
Weggelaten...
<img src="U2FtcGxlLmdpZg==">
<br>
<input type="button" value="Home pagina">
</ Html>
Opmerking: U kunt de "value"-element te wijzigen in de tekst die wordt weergegeven op de knop wijzigen. - 7Voeg wat tekst. Dit kan van alles zijn. Over het algemeen is het een "Dank u voor uw bezoek" soort van begroeting, of een "Gemaakt door..." een.
Weggelaten...
</ Form>
<p> Bedankt voor uw bezoek! </ p>
</ Body>
</ Html>
Opmerkingen: Dit is waar je zou kunnen worden met behulp van het CSS voor de tekst. Je zou kunnen gebruiken in plaats van een rubriek (<h1>) als je wilt. - 8Nu heb je een werkende splash pagina! Nu is het gewoon tijd om behoorlijk het omhoog met behulp van CSS en maken het live!
Tips
- Voeg zo veel inhoud als je wilt, maar doe het niet te druk te maken.
- Je zou kunnen geluiden en video toe te voegen als je wilt, maar dit zal een lange laadtijd voor sommige mensen te maken.
Waarschuwingen
- Splash pagina's kunnen worden vervelend, en vaak niet nodig. Denk na over waarom je er een wilt. Is het omdat plaatse iedereen het heeft er een, en je denkt dat het ziet er cool? Hoeft men niet te krijgen. Is het omdat je nodig hebt om bezoekers belangrijke informatie geven? Dan is het best je zet het erin onthouden, splash pagina's vertragen uw bezoeker, en het kan een hinderpaal om een te hebben wanneer het niet nodig te zijn.