|
Scripts: HTML + Co. |
||||
|
Alt-Textbox Beschreibung zu einem Text-Link. Alt mit Textumbruch Der Zeilenumbruch beim "Alt"-Parameter in einem "img"-Tag wird vom Browser mehr oder weniger willkürlich gewählt. Damit die kleine Textbox beim Überfahren mit der Maus so aussieht, wie Sie das gerne haben möchten, ergänzen Sie an der betreffenden Stelle den Text mit der HTML-Zeichensequenz 
 und schon haben Sie einen Zeilenumbruch erzwungen Test. Anker-Verweis Beschreibung, wie man einen "Anker" legt. Automatische Weiterleitung Möchte man seine Besucher automatisch auf eine andere Seite weiterleiten, so geht dies ganz einfach mit dem sogenannten Meta-Refresh: <meta http-equiv="refresh" content="5"; URL=neueseite.html"> Diesen Code kopieren und zwischen <head> und </head> einfügen. Die Zahl 5 hier steht für 5 Sekunden bis zur Weiterleitung. Setzen Sie den Wert auf "0", erfolgt die Weiterleitung sofort. Unter URL muss natürlich noch die richtige Adresse der Seite eingetragen werden. Die Weiterleitung funktioniert intern und extern, Sie können also auch eine absolute URL - wie zum Beispiel http://www.meineseite.ch verwenden. Bilder
- Fotos- Grafiken: Textfluss Bildsymbolleiste Beim MS-Internet-Explorer erscheint eine Toolbar auf Bildern über einer Grösse von 200x200 Pixel, wenn man mit dem Mauszeiger darüber fährt. Das verleitet oftmals zum Herunterladen.
Mit dem folgenden Meta-Tag kann dies verhindert werden, generell für alle Bilder der jeweiligen Seite: <meta http-equiv="imagetoolbar" content="no"> Einfach Code kopieren und zwischen <head> und </head> einfügen. Eine zweite Möglichkeit besteht darin, dass man bei jedem <img>-Tag den Zusatz galleryimg="no" hinzufügt. Umgekehrt ist es möglich, auch bei kleineren Bildern eine Toolbar einblenden zu lassen. Beim <img>-Tag den Zusatz galleryimg="yes" verwenden. Bookmark: Favoriteneinträge ausdrucken Starten Sie den Internet Explorer und öffnen Sie das Menu Datei > Importieren und Exportieren. Nun startet der Assistent, wählen Sie Favoriten exportieren. Die Favoriten werden nun standardmässig als Datei namens bookmark.htm im "Eigene-Dateien"-Ordner gespeichert. Öffnen Sie diese Datei. Die Favoriten sind nun als anklickbare Links aufgelistet, jedoch ohne die eigentlichen Adressen. Gehen Sie zu Datei > Drucken und wechseln Sie ins Register "Optionen". Haken Sie das Feld "Liste der Links drucken" an und drucken Sie das HTML-Dokument aus. Der Ausdruck der Linkliste erfolgt nun in Tabellenform. Button als Link Einen grauen Button wie in Formularen können Sie auch als
Link-Button verwenden. Der
Quellcode ist ganz einfach: In der ersten Zeile ist die gewünschte Adresse einzutragen und in der zweiten Zeile der Button-Text. Datum-Scripts Manchmal ist es ganz hilfreich, wenn man seine Website mit einem Datum oder einer Begrüssung aufpeppen kann. Mit Klick auf die nachfolgenden Links gelangen Sie direkt zu der betreffenden Seite mit dem Quelltext (zum kopieren). Begrüssung nach Tageszeit (Javascript) eMail-Link mit Betreff Fast auf jeder Website gibt es einen Link zum Websitebetreiber. Auf einfache Art kann man einem Link einen Betreff mitliefern: <a href="mailto:ihrmail@provider.com?subject=Hier steht der Betreff"></a> Klickt jemand auf diesen Link, öffnet sich sein Mailprogramm mit der Empfängeradresse und dem Betreff. Farben - Hex-Codes Auf den ersten Blick wirkt die Web-Farbcodierung kompliziert. Das System ist folgendes: Nach dem Doppelkreuz folgt der sogenannte RGB-Wert (Rot-Grün-Blau). Dabei stehen die ersten beiden Zahlen für Rot, die zweiten beiden Zahlen für Grün und die letzten beiden Zahlen für Blau. Damit man nach diesem System nicht alle Farben selber berechnen muss, stehen Umrechner zur Verfügung. Für web-sichere Farben und Hex-Codes können Sie bei http://www.hypersolutions.org/pages/rgbhex.html einfach die Farb-Tabelle von Doug Jacobson herunterladen. Übrigens: Web-sichere Farben erkennen Sie sofort, wenn Sie auf deren Hex-Codes schauen. Er darf nur die Werte 00, 33, 66, 99, CC und FF enthalten. Favoriten: siehe unter Bookmark Formular-Buttons |
||||
|
Fügen
Sie im Formular bei "input type" folgenden Code ein:
|
||||
|
Outlook-Tipps
Vorschaufenster deaktivieren
Datei-Endungen anzeigen |
||||
|
Randlos
- Seite ohne Abstand zum Bildschirmrand |
||||
|
Sonderzeichen
|
||||
|
Tabellen Text um Bilder, Fotos und Grafiken |
||||
|
Toolbar (Bildsymbolleiste) Beim MS-Internet-Explorer erscheint eine Toolbar auf Bildern über einer Grösse von 200x200 Pixel, wenn man mit dem Mauszeiger darüber fährt. Das verleitet oftmals zum Herunterladen.
Mit dem folgenden Meta-Tag kann dies verhindert werden, generell für alle Bilder der jeweiligen Seite: <meta http-equiv="imagetoolbar" content="no"> Einfach Code kopieren und zwischen <head> und </head> einfügen. Eine zweite Möglichkeit besteht darin, dass man bei jedem <img>-Tag den Zusatz galleryimg="no" hinzufügt. Umgekehrt ist es möglich, auch bei kleineren Bildern eine Toolbar einblenden zu lassen. Beim <img>-Tag den Zusatz galleryimg="yes" verwenden. Tool-Tipp
Bei Bildern wird normalerweise ein Tooltipp
eingefügt. Diese gelben Fensterchen enthalten weitergehende Erklärungen
zum Bild. Mitten in einem Text eine weiterführende Erklärung zu einem Begriff einfügen geht ganz einfach. Besonders schön ist die punktierte Unterstreichung in einer anderen Farbe. Fahren Sie mit der Maus über das punktierte Wort. Es ist wichtig, einen Tooltipp von einem Link deutlich unterscheiden zu können! Folgenden Code kopieren und in die eigene Seite einfügen/anpassen: <span style="border-bottom : 1px dotted red" TITLE="Platz für eine längere Erläuterung. Mehrere Zeilen sind möglich.">punktierte</span> Mit dem Einfügen des Code-Schnippsels entsteht ein Zeilenumbruch im Tooltipp.
Das gleiche funktioniert natürlich auch bei einem
Link. Hier kann zu einem Wort ein Tooltipp mit weiteren Angaben zum Link
eingefügt werden. Am Beispiel vom Link
www.paulinn-shop.ch wird ein
Tooltipp mit zusätzlichem Text versehen. Fahren Sie mit der Maus über
den Link. Transparente Bilder Mit dem Internet-Explorer können Sie Bilder und Grafiken transparent machen. Die Skala reicht von von 100 (keine Transparenz) bis 0 (unsichtbar). |
||||
|
|
||||
|
Links ist das mit einem Wert von 50 transparent gemachte Bild und rechts das Originalbild. Quellcode: <img src="transbild.jpg" border="0" style="filter: alpha(opacity=50)"> |
||||
|
Weiterleitung auf eine andere Seite, automatisch Möchte man seine Besucher automatisch auf eine andere Seite weiterleiten, so geht dies ganz einfach mit dem sogenannten Meta-Refresh: <meta http-equiv="refresh" content="5"; URL=neueseite.html"> Diesen Code kopieren und zwischen <head> und </head> einfügen. Die Zahl 5 hier steht für 5 Sekunden bis zur Weiterleitung. Setzen Sie den Wert auf "0", erfolgt die Weiterleitung sofort. Unter URL muss natürlich noch die richtige Adresse der Seite eingetragen werden. Die Weiterleitung funktioniert intern und extern, Sie können also auch eine absolute URL - wie zum Beispiel http://www.meineseite.ch verwenden. |
||||
|
Word-Tipps
Schriftart und Schriftgrösse Starten Sie Word. Klicken Sie auf "Format" und dann auf "Zeichen". Nun können Sie die Schriftart und die Grösse auswählen. Dann klicken Sie im Fenster unten links auf den Button "Standard" und bestätigen mit JA, dass Sie die Vorlage ändern. |
||||
|
Ein Service von www.paulinn.ch |
