Sie möchten eine Splash-Seite auf Ihrer Webseite platzieren? Splash-Seiten sind eine großartige Möglichkeit, Ihre Website zu brandmarken. Dieses How-To setzt voraus, dass Sie sich mit HTML und CSS auskennen, und es kann hilfreich sein, wenn Sie auch einige grundlegende JavaScript-Kenntnisse kennen.
Schritte
Schritt 1. Erstellen Sie Ihre Gliederungsseite
Du könntest einen gebrauchen externes CSS (Cascading Stylesheet), aber in diesem Beispiel verwenden wir an internes Stylesheet. Sie müssen also mit Ihren grundlegenden Tags beginnen:
Willkommen!
Schritt 2. Geben Sie die CSS- und Titelinformationen in den Abschnitt ein
Sie müssen die Werte natürlich an Ihre Bedürfnisse anpassen:
Willkommen!
Körper {Hintergrundfarbe: #DCDCDC}
Ausgelassen…
Notiz:
Möglicherweise möchten Sie eine CSS-Eigenschaft für die Schriftarten hinzufügen.
Schritt 3. Fügen Sie das Skript hinzu, um zur Startseite zu gelangen
Dieser Abschnitt ist optional und Sie können ihn einfach weglassen, wenn er nicht automatisch fortgesetzt werden soll.
Ausgelassen…
window.onload=Zeitüberschreitung;
Funktionszeitüberschreitung (){
window.setTimeout("redirect()", 5000)}
Funktion umleiten(){
window.location="Home.htm"
Rückkehr}
Ausgelassen…
Ausgelassen…
Anmerkungen:
Die Nummer 5000 meint
Schritt 5. Sekunden. Ändern Sie dies für kürzere oder längere Zeiten. Ändern Sie den Namen der Umleitungsdatei in den Namen Ihrer Homepage.
Schritt 4. Fügen Sie einen Titel hinzu
Dies sollte wahrscheinlich der Name Ihrer Website sein, und Sie sollten sie in Tags einschließen, damit sie von Suchmaschinen leicht gefunden werden können.
Schritt 5. Fügen Sie ein Bild hinzu
Dies sollte zeigen, worum es auf Ihrer Website geht. Auch hier können Sie die
Schild.
Ausgelassen…
Anmerkungen:
Bei diesem Schritt wird davon ausgegangen, dass Sie das Titelbild im selben Ordner gespeichert haben wie das .htm Datei, und dass sie benannt ist "splashimage.jpg". Sie können CSS-Positionierung hinzufügen, wenn Sie es vorziehen, dass das Bild an einer anderen Stelle auf dem Bildschirm angezeigt wird, z. B. in der Mitte.
Schritt 6. Fügen Sie eine Schaltfläche hinzu
Mit dieser Schaltfläche können Besucher schneller zur Startseite gelangen. Wenn sie darauf klicken, werden sie sofort zur Startseite weitergeleitet. Alternativ können Sie auch einfach einen Link zur Homepage bereitstellen.
Ausgelassen…
Notiz:
Sie können die ändern "Wert" -Element, um den auf der Schaltfläche angezeigten Text zu ändern.
Schritt 7. Fügen Sie etwas Text hinzu
Dies könnte alles sein, was Sie mögen. Im Allgemeinen ist es eine Art "Danke für Ihren Besuch" oder eine "Erstellt von…".
Ausgelassen…
Danke für Ihren Besuch!
Anmerkungen:
Hier könnten Sie das CSS für den Text verwenden. Sie könnten eine Überschrift (
) stattdessen, wenn Sie möchten.Schritt 8. Jetzt haben Sie eine funktionierende Splash-Seite
Jetzt ist es nur noch an der Zeit, es mit CSS zu verschönern und live zu schalten!
Video - Durch die Nutzung dieses Dienstes können einige Informationen an YouTube weitergegeben werden
Tipps
- Fügen Sie so viele Inhalte hinzu, wie Sie möchten, aber machen Sie es nicht zu voll.
- Sie können Sounds und Videos hinzufügen, wenn Sie möchten, aber dies wird für einige Leute eine lange Ladezeit bedeuten.
- Wenn Sie nicht viel über HTML oder CSS wissen, können Sie einen geführten Editor wie Blogger verwenden, um diesen Vorgang zu vereinfachen.