iWeb-tipps

anker

Tue, 29 Sep 2009 12:00:06 +0200

iWeb kann normalerweise keine Links auf die gleiche Seite setzen, in der Fachsprache „Anker“ genannt.

Dank der widgets geht es doch!  Probieren Sie es aus: Springe zu Zielpunkt 1 Zu Zielpunkt 2 Zu Zielpunkt 3

1. Veröffentlichen Sie die Seite, die die Anker enthalten soll, suchen Sie sie im Web auf und kopieren sie die komplette URL. Hier: http://www.iweb-hilfe.de/iWeb/iWeb-Tipps/Eintraege/2009/9/29_anker.html
2. Nun wird der Link generiert: setzen Sie die URL ein und danach „#widget1“  Wenn Sie weitere Anker setzen wollen, zählen Sie einfach nach „widget“ immer weiter hoch. nach unten springen
3. Nun fügen Sie an der Stelle, wo der Anker sitzen soll, alos der Zielpunkt, ein widget ein. Schreiben Sie einfach den Ankernamen rein, zum Beispiel in der Form: <a name="anchor"></a>

weiterleitung nach wartezeit

Thu, 2 Apr 2009 01:38:46 +0200

Mit dem nachfolgend erläuterten Code ist es möglich, durch Eintragung zweier Parameter die Wartezeit bis zur Weiterschaltung auf eine beliebige eigene Webseite definieren.
Hier der Code für den iWeb-HTML-Baustein, einfach kopieren und einsetzen und dann die zwei Variablen url und pause spezifizieren - das ist die ganze Arbeit!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http equiv="content-type" content="text/html;charset=utf-8" />
<title>Weiter nach Warten</title>
</head>
<body style="font-size:10px;">
<script type="text/javascript">
</script>
Die Seite wird nach <script type="text/javascript">document.writeln(pause)</script> Sekunden auf <a href="javascript:top.window.location.href=(url)"><script type="text/javascript">document.writeln(url)</script></a> geleitet. Sie können aber auch gleich <a href="javascript:top.window.location.href=(url)">klicken</a>!
</body>

</html>

Den am Ende des Bausteins rot markierten Block kann man auch weglassen - dann ist der Baustein komplett unsichtbar. Der Text stellt nur eine Hilfe für die Besucher dar, die die Wartezeit nicht abwarten und gleich weiterklicken wollen!

Hier ist die Testseite zum Script/Baustein.

websafe fonts

Thu, 1 May 2008 10:34:47 +0200

Ist hier eine Liste der „websafe“Schriften, die ich bei der Webseiten-Erstellung benutze. „Websafe“-Fonts sind diejenigen Fonts, die unter allen Versionen von Windows, Mac, Linux usw. normalerweise vorinstalliert sind. Fonts, bei denen jeder Webentwickler erwarten kann, dass die Besucher seiner Webseite diese auch haben.

Diese Font-Namen sind im typischen Font-Familie css (Cascading Style Sheet) Format, mit anderen Worten, die Fonts werden ersatzweise verwendet, wenn der vorhergehende Eintrag auf dem Rechner nicht vorhanden ist. Also: erster Font, zweiter Font, dritter Font usw.

IWeb verwendet intern übrigens eine Font Mapping List, um nicht websichere Fonts ersatzweise darstellen zu lassen, ich habe hier bereits einen Tipp dazu veröffentlicht.

font-family: Arial, Helvetica, sans-serif; font-family: 'Arial Black', Gadget, sans-serif; font-family: 'Bookman Old Style', serif; font-family: 'Comic Sans MS', cursive; font-family: Courier, monospace; font-family: 'Courier New', Courier, monospace; font-family: Garamond, serif; font-family: Georgia, serif; font-family: Impact, Charcoal, sans-serif; font-family: 'Lucida Console', Monaco, monospace; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-family: 'MS Sans Serif', Geneva, sans-serif; font-family: 'MS Serif', 'New York', sans-serif; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-family: Symbol, sans-serif; font-family: Tahoma, Geneva, sans-serif; font-family: 'Times New Roman', Times, serif; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-family: Verdana, Geneva, sans-serif; font-family: Webdings, sans-serif; font-family: Wingdings, 'Zapf Dingbats', sans-serif;
In iWeb finden Sie übrigens in der „Schriften“-Palette eine Font-Gruppe „websafe“! Ziehen Sie dazu die Palette weit genug auf. Sollte die Gruppe fehlen, können Sie selbst diese Gruppe neu anlegen und mit Hilfe der Liste auf dieser Seite befüllen – sehr hilfreich!

frameset

Wed, 23 Apr 2008 06:05:31 +0200

Frames oder Framesets sind in iWeb nicht vorgesehen.
Mit Hilfe des HTML-Bausteines können Sie trotzdem ein Frameset integrieren.  In diesem Tutorial zeige ich, wie Sie eine Navigation in einem Frame integrieren,  die die Inhalte eines zweiten Frames steuert. Beide Inhalte sitzen jeweils in iFrames.

Wichtig ist folgendes: der angesteuerte iFrame braucht einen "name",  also z.B. 'name="frame2" '. Ohne diesen Namen können wir unserem  Browser nämlich keine eindeutige Anweisung geben, dass ein Link  genau in DIESEM Frame aufgerufen wird.
Die Inhalte sind frei wählbar, können auch iWeb-Seiten sein!

So geht’s:
_ Erstellen Sie eine neue HTML-Seite mit den Links zur Steuerung der  Inhalte von Frame 2. Sie können dazu Textedit verwenden  (setzen Sie in den Einstellungen zu TextEdit bitte bei „Öffnen Sichern“  den Haken bei „Formatierungsbefehle in HTML-Dateien ignorieren“)
<html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http equiv="content-type" content="text/html;charset=utf-8" />  <title>testseiten bildschauer.de willi bauer</title>  </head>
<body>  <h1>navigation</h1>  <p><a href="URL der Seite, die bei Aufruf der Seite in Frame 2 gezeigt werden soll" target="frame2">inhalt 1</a></p>  <p><a href="URL der alternativ angesteuerten Seite" target="frame2">inhalt 2</a></p>  </body>
</html>
_ Wichtig ist die Angabe des Link-Zieles target="frame2", dieser MUSS mit dem selbst gewählten Namen des angesteuerten iFrames im HTML-Baustein übereinstimmen (siehe weiter unten!)
_ speichern Sie die Datei unter einem sinnvollen Namen (z.B. „Steuerung.html) und legen Sie sie auf Ihren Webserver, bei .mac zum Beispiel in den Ordner „Public“
_ legen Sie nun eine neue Seite in iWeb an, die mit Menü und anderen Elementen ausgestattet werden kann
_ jetzt definieren wir die Frames über einen HTML-Baustein in iWeb
  code für den html-baustein für Frame 1:
<iframe src="http://URL zu Ihrer im Frame 1 erscheinenden Navigations-HTML-Datei"   frameborder="0" scrolling="no" height="250" width="700" name="frame_xy">  Dies ist ein Inline-Frame. Bitte verwenden Sie zur Darstellung einen   aktuellen Webbrowser. Danke!  </iframe>
code für den html-baustein für Frame 2:
<iframe src="http://URL zu Ihrer im Frame 2 erscheinenden HTML-Datei,   kann auch eine iWeb-Seite sein!"   frameborder="0" scrolling="no" height="250" width="700" name="frame2">  Dies ist ein Inline-Frame. Bitte verwenden Sie zur Darstellung einen   aktuellen Webbrowser. Danke!  </iframe>

_ Passen Sie bitte „width“ und „height“ so an, dass die Inhalte Ihrer Frames richtig dargestellt werden und das Layout Ihren Gestaltungswünschen entspricht 
Eine Testseite zu diesem Tipp habe ich hier veröffentlicht!

automatische Weiterleitung

Fri, 28 Mar 2008 12:35:48 +0100

Dieser Tipp behandelt eine automatische Weiterleitung mit Hilfe einer kleinen HTML-Datei und eines iframe, der in einem iWeb-HTML-Baustein eingebettet ist.

So gehts:
_ erzeugen Sie in TextEdit ein neues Dokument und kopiere folgenden Text hinein:
<html>
<head></head>
<body onload="top.location.href = 'http://hier die URL,   auf die Sie automatisch leiten möchten!'"></body>
</html>
_ speichern Sie die Datei unter einem sinnvollen Namen  (z.B. „weiterauf_xy.html) und legen Sie sie auf Ihren Webserver,  bei .mac zum Beispiel in den Ordner „Public“
_ legen Sie nun eine neue Seite in iWeb an, die weder Menü noch andere  Elemente enthalten sollte, damit sie möglichst schnell laden kann
_ Zuletzt definieren wir den HTML-Baustein in iWeb   code für den html-baustein:
<iframe src="http://hier die URL der soeben auf den Webserver oder .mac gespielten   URL einsetzen!"   frameborder="0" scrolling="no" height="320" width="320">  Dies ist ein Inline-Frame. Bitte verwenden Sie zur Darstellung einen   aktuellen Webbrowser. Danke!  </iframe>

_ Falls Sie .mac verwenden und dort den Ordner „Public“, dann lautet die URL:  „http://idisk.mac.com/Ihr dotmac-Name/Public/Ihr gewählter Dateiname.html“ 
Eine Testseite zu diesem Tipp habe ich hier veröffentlicht!