Dus u wilt een splash-pagina op uw webpagina plaatsen? Splash-pagina's zijn een geweldige manier om uw website te promoten. Deze How-To gaat ervan uit dat je behoorlijk wat HTML en CSS kent, en het kan helpen als je ook wat basis JavaScript kent.
Stappen
Stap 1. Maak uw overzichtspagina
Je zou een kunnen gebruiken externe CSS (Cascading Style Sheet), maar in dit voorbeeld gaan we an. gebruiken interne stylesheet. U moet dus beginnen met uw basistags:
Welkom!
Stap 2. Vul de CSS- en titelinformatie in de sectie in
Uiteraard moet u de waarden aanpassen aan uw behoeften:
Welkom!
body {achtergrondkleur: #DCDCDC}
Overgeslagen…
Opmerking:
Misschien wilt u een CSS-eigenschap voor de lettertypen toevoegen.
Stap 3. Voeg het script toe om naar de startpagina te gaan
Dit gedeelte is optioneel en u kunt het gewoon weglaten als u niet wilt dat het automatisch verdergaat.
Overgeslagen…
window.onload=time-out;
functie time-out(){
window.setTimeout("redirect()", 5000)}
functieomleiding(){
window.location="Home.htm"
opbrengst}
Overgeslagen…
Overgeslagen…
Opmerkingen:
Het nummer 5000 middelen
Stap 5. seconden. Wijzig dit voor kortere of langere tijd. Wijzig de naam van het omleidingsbestand in de naam van uw startpagina.
Stap 4. Voeg een titel toe
Dit zou waarschijnlijk de naam van uw website moeten zijn, en u moet deze intags bijvoegen om het voor zoekmachines gemakkelijk te maken om deze te vinden.
Stap 5. Voeg een afbeelding toe
Dit moet aantonen waar uw site over gaat. Nogmaals, je kunt de
label.
Overgeslagen…
Opmerkingen:
Bij deze stap wordt ervan uitgegaan dat u de titelafbeelding hebt opgeslagen in dezelfde map als de .htm bestand, en dat het de naam "splashimage.jpg". U kunt CSS-positionering toevoegen als u liever heeft dat de afbeelding ergens anders op het scherm staat, zoals in het midden.
Stap 6. Voeg een knop toe
Met deze knop kunnen bezoekers sneller naar de startpagina gaan. Als ze erop klikken, worden ze meteen doorgestuurd naar de startpagina. U kunt ook gewoon een link naar de startpagina opgeven.
Overgeslagen…
Opmerking:
U kunt de "waarde" element om de tekst op de knop te wijzigen.
Stap 7. Voeg wat tekst toe
Dit kan van alles zijn wat je leuk vindt. Over het algemeen is het een soort "Bedankt voor uw bezoek" of een "Gemaakt door…".
Overgeslagen…
Bedankt voor het bezoeken!
Opmerkingen:
Dit is waar u de CSS voor de tekst zou kunnen gebruiken. Je zou een kop kunnen gebruiken (
) in plaats daarvan als je wilt.
Stap 8. Nu heb je een werkende splash-pagina
Nu is het gewoon tijd om het op te knappen met CSS en het live te laten gaan!
Video - Door deze service te gebruiken, kan bepaalde informatie worden gedeeld met YouTube
Tips
- Voeg zoveel inhoud toe als je wilt, maar maak het niet te druk.
- Je kunt desgewenst geluiden en video toevoegen, maar dit zal voor sommige mensen een lange laadtijd opleveren.
- Als u niet veel weet over HTML of CSS, kunt u een begeleide editor zoals Blogger gebruiken om dit proces eenvoudiger te maken.
