Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Die Website Homepage-FAQs.de befindet sich im Archivmodus.
FAQs zu Homepage & Co.
Flash-Intro auf der Startseite mit Link "Skip Intro" und automatischer Weiterleitung
(Erstellt 2004 - Beispielcode als ZIP, 2010 Beitrag überarbeitet und gekürzt - Beispielcode im Text)

Introseite verwenden oder weglassen?

Introseiten werden zwar immer noch vereinzelt genutzt, obwohl sie vielfach als störend und überflüssig empfunden werden.

Bei kommerziellen Seiten, Blogs, Foren u.ä. sollten generell keine Introseiten genutzt werden.

Es wird empfohlen vorher eine Umfrage bei der Zielgruppe / den Besuchern durchführen, ob und welche Introseite positiv betrachtet wird.

A) Allgemeine Informationen



B) Beispielcode

Introseite mit mittig zentriertem Flash (.swf), automatischer Weiterleitung (Meta Refresh) und einem Link ("Skip Intro").

1) CSS-Version

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<meta http-equiv="refresh" content="10; URL=http://www.meine-seite.de/index2.html">
<title>Mein Homepagetitel</title>
<style type="text/css">
#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:600px;
  height:440px; /* kleine Zugabe von 40px für Skip Intro Link */
  margin-left:-300px; /* halber width-Wert */
  margin-top:-220px; /* halber height-Wert */
  padding:0em;
}
</style></head>
<body>
<div id="zentriert">
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" width="600" height="400">
 <param name="movie" VALUE="nibbles.swf">
 <param name="quality" value="high">
 <param name="scale" value="exactfit">
 <param name="menu" value="true">
 <param name="bgcolor" value="#000040">
 <embed src="nibbles.swf" quality="high" scale="exactfit" menu="false"
        bgcolor="#000000" width="600" height="400" swLiveConnect="false"
        type="application/x-shockwave-flash" pluginspage
        ="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
<p style="text-align:center;"><a href="http://www.meine-seite.de/index2.html">Skip Intro</a></p>
</div>
</body>
</html>

2) Ältere Version mit <table>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<meta http-equiv="refresh" content="10; URL=http://www.meine-seite.de/index2.html">
<title>Mein Homepagetitel</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0"
width="100%" height="100%">
<tr><td align="center" valign="middle">
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" width="600" height="400">
 <param name="movie" VALUE="nibbles.swf">
 <param name="quality" value="high">
 <param name="scale" value="exactfit">
 <param name="menu" value="true">
 <param name="bgcolor" value="#000040">
 <embed src="nibbles.swf" quality="high" scale="exactfit" menu="false"
        bgcolor="#000000" width="600" height="400" swLiveConnect="false"
        type="application/x-shockwave-flash" pluginspage
        ="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
<br><a href="http://www.meine-seite.de/index2.html">Skip Intro</a>
</td></tr></table>
</body>
</html>

Hinweise:

Den Code kopieren und z.B. bei Wordpad (Windows Zubehör) einfügen und als index.html (Dateityp: Textdokument) speichern.

Die rot markierte Stelle anpassen, bei ausreichenden Kenntnissen können auch andere Teile angepasst werden.

C) Infos zu den Anpassungen

10 = Sekunden bis zur automatischen Weiterleitung

www.meine-seite.de/index2.html = die Adresse der Seite, zu der weitergeleitet bzw. verlinkt werden soll

Hinweis: Wenn die andere Seite im gleichen Vezeichnis ist, dann genügt auch

<meta http-equiv="refresh" content="10; URL=index2.html"> bzw. <a href="index2.html">Skip Intro</a>

Meine Homepage = Titel, der ganz oben im Browser angezeigt werden soll

nibbles.swf = hier den Dateinamen des Flashintros angeben, kommt auch zweimal vor

600 und 400 = Breite (width) und Höhe (height) des Flashintros, kommt zweimal vor, oben für den Internet Explorer&Co, weiter unten für Firefox&Co.

Bei der CSS-Version auch hier die Höhe und Breite anpassen

width:600px;
height:440px; /* kleine Zugabe bei der Höhe von 40px für Skip Intro Link */
margin-left:-300px; /* halber width-Wert */
margin-top:-220px; /* halber height-Wert */

D) Anmerkungen

Ob die 10 Sekunden bis zur Weiterleitung ausreichen? - das kommt auf die Spielzeit der Flashdatei an, auch die Ladezeit berücksichtigen.

In jedem Fall sollte es einen Link zur Seite geben, die nach dem Intro kommt, denn manche User haben in ihrem Browser die automatische Weiterleitung deaktiviert und kommen daher nicht automatisch auf die folgende Seite.

E) Probleme beim Internet Explorer

Weiterleitung mit Meta Refresh geht beim IE8 nicht, obwohl es im Browser aktiviert wurde. Das Video beginnt immer wieder von vorne.

Lösung:

An die SWF-Dateinamen den Parameter ?loop=no anhängen, siehe Beispiel >> dateiname.swf?loop=no

Oder innerhalb des object-Tags diese Angabe <param name="loop" value="false"> hinzufügen.

Für andere Browser evtl. die Wiederholung abstellen mit loop="false" im embed-Tag, siehe Beispiel >> <embed loop="false" ......></embed>


Anleitung (C) 2004, 2010 Daniel Wurst - http://www.homepage-faqs.de