Archiv zum Thema 'Javascript'

18. Juni 2008

Firebug: Webdesigner-Add-on für Firefox

Firebug - ein Add-on für Firefox - ist ein hilfreiches Werkzeug zur Analyse von Webseiten. Während Sie sich die Seiten anschauen können Sie editieren, Fehler suchen, CSS-als auch HTML- und Javascript-Verhalten beobachten.

Die Version 1.2 ist nur für Firefox-3-Nutzer. Für Firefox-2-Nutzer existiert noch eine ältere Firebug Version 1.05.


15. Juni 2008

Mouseover-Effekte in Texten

HTML ist eine Darstellungssprache, ansonsten ziemlich interaktionslos (bis auf die Hyperlinks). Erst mit Skriptsprachen wie Javascript oder PHP sowie den Stilen (CSS) in Verbindung mit HTML erhöht sich die Interaktion mit dem Nutzer, Betrachter.

Ein Javascript-Beispiel und ein CSS-Beispiel, um einen Text bei der Aktion ‘Mousover’ anzuzeigen = Anzeige von Zusatzinformationen wenn Mauszeiger sich über Text bewegt:

weiterlesen »


15. Juni 2008

Rollover-Effekte in Imagemaps

Öfters in den Seminaren nachgefragt: Wie kann ich Rollover-Effekte in Imagemaps erzielen, z.B. für die Navigationsgrafiken auf der Startseite?

Rollover = Wenn sich der Mauszeiger über ein Bild oder einen Hotspot einer Imagemap bewegt (Mouseover), wird ein neues Bild angezeigt.

weiterlesen »


14. Juni 2008

Site- und Usertracking: Sitemeter

Es existieren zahlreiche Tracking Services im Web, die kostenfreie Statistikdienste für Website-Betreiber anbieten. Antje hatte bereits auf einen hingewiesen.

Ein weiteres Beispiel ist Sitemeter, den ich beispielsweise bei einem eBook-Projekt seit rund zwei Jahren einsetze.

Bild

weiterlesen »


9. Juni 2008

Bilder vergrößern (zoomen)

eiszeit2005-2

Bilder, Fotos werden auf Websites beispielsweise zu Illustrationszwecken und damit meist in einer mittleren Größe - z.B. 50×50, 150×150 Pixel, 300×200 Pixel - verwendet. Wenn Sie eine Art Bildergalerie einsetzen, empfiehlt es sich, die Fotos als Vorschaubilder, so genannte Thumbnails (dt.: Daumennagel), in der HTML-Seite zu platzieren und mit einem Link zu dem größeren Bild zu referenzieren. Beispielfoto zu Illustrationszwecken: 225×168.

Drei Varianten für den Bilder-Zoom am Webbildschirm:

weiterlesen »


Next »