Webdesign mit JavaScript Nick Heinle & Bill Pena 1.Auflage Juli 2002 ISBN 3-89721-275-7 282 Seiten

Am Anfang war HTML, und es war gut. HTML (HyperText Markup Language) ermöglichte es den Webautoren, strukturierte Seiten mit Bildern, Text und Hyperlinks zu erstellen. HTML war - und ist - ein Darstellungsformat, das sich gut dafür eignet, statische Informationen auf verständliche und ansprechende Art darzustellen. Den Webautoren wurde jedoch bald klar, daß HTML allein nicht ausreicht. Als das Internet beliebter wurde, wurden auch Interaktivität und unmittelbares Feedback notwendig.

Im Dezember 1995 veröffentlichte Netscape (damals Mosaic) mit JavaScript eine Lösung für einige Probleme und Beschränkungen, die mit statischem HTML verbunden waren. JavaScript wurde als einfache und effiziente Skriptsprache für das Internet entworfen und war eng mit HTML verbunden. Im Gegensatz zu anderen damals vorhandenen Programmiersprachen wie z.B. Java, C, C++ und Perl wurde JavaScript direkt in den Webbrowser integriert und arbeitete mit HTML zusammen.

Heute ist JavaScript neben HTML, den Cascading Style Sheets (CSS) und dem Document Object Model (DOM) einer der Schlüsselstandards, auf denen das moderne Internet aufbaut.

Warum ist JavaScript wichtig?

Dieses Buch wird Sie mit verschiedenen Facetten von JavaScript vertraut machen, und Sie werden erkennen, warum JavaScript wichtig ist und wie man damit interessantere Websites erstellen kann. Der Zweck von JavaScript besteht darin, HTML interaktiv zu machen und dadurch die Einbindung von Anwenderdialogen und Feedback, Multimedia und Animationen zu ermöglichen. JavaScript ist unter anderem aus den folgenden Gründen wichtig für die Webentwicklung:

Beim Lesen dieses Buchs werden Sie erkennen, daß Sie kein Informatik-Diplom benötigen, um mit JavaScript umzugehen. Sowohl Anwendungsdesigner als auch Programmierer können mit JavaScript Websites erstellen. Dies ist der eigentliche Grund, warum JavaScript so wichtig ist!

Besuchen Sie unbedingt auch die Website zu diesem Buch unter der Adresse http://www.oreilly.de/catalog/designjs2ger/. Dort können Sie alle Beispiele zu diesem Buch herunterladen, so daß Sie sie heute noch in Ihre eigenen Webseiten einbauen können.

Für wen ist dieses Buch gedacht?

Dieses Buch wurde für Webautoren und Webdesigner entworfen, die lernen möchten, wie sie ihre Webseiten mit JavaScript verbessern können. Es soll nützliche und gebräuchliche Beispiele für JavaScript-Code bei der Arbeit zeigen und zugleich die Konzepte und die Syntax dieser Programmiersprache vermitteln. Die Beispiele sind so entworfen, daß sie direkt in Webseiten eingebaut werden können. Daher konzentrieren sich die Erklärungen auf die wesentlichen Merkmale und besprechen, wie man die Skripte an individuelle Bedürfnisse anpassen kann. Dieses Buch ist für Webdesigner und Programmierer gleichermaßen geschrieben, spricht wegen seiner praktischen und realitätsnahen Anwendungen die Designer und Nichtprogrammierer möglicherweise aber mehr an als die meisten anderen Bücher über JavaScript.

Das Buch setzt Grundkenntnisse im Webdesign und in einfachem HTML voraus. Falls Sie noch keinerlei Erfahrung mit dem Internet haben, sollten Sie sich zunächst mit diesen Themen befassen, bevor Sie JavaScript zu lernen versuchen. Dafür empfehlen wir Ihnen die Bücher Websites planen und gestalten von Imke Schenk sowie HTML und XHTML: Das umfassende Referenzwerk von Chuck Musciano und Bill Kennedy. Beide Bücher sind bei O'Reilly erschienen.

Die Themen in diesem Buch

Dieses Buch enthält die folgenden elf Kapitel:

• Kapitel 1, Einstieg in JavaScript, zeigt zwei einfache JavaScript-Beispiele, so daß Sie direkt damit beginnen können, Ihre Webseiten attraktiver zu gestalten.
• Kapitel 2, Mit Fenstern arbeiten, erläutert, wie man Fenster steuert, erstellt und anspricht, da sich auf einer Webseite alles in einem Fenster abspielt.
• Kapitel 3, Frames steuern, zeigt, wie man komplexere Benutzeroberflächen einrichtet, indem man mit JavaScript Frames steuert.
• Kapitel 4, Formulare und Validierung, erklärt, wie Sie mit Hilfe von JavaScript mit Formularelementen interagieren, also z.B. Formulardaten validieren.
• Kapitel 5, Ordnung durch Arrays, führt die Arrays ein, die für die Organisation von Informationen hervorragend geeignet sind, und zeigt, wie Sie Ihre Webseiten mit Arrays verbessern können.
• Kapitel 6, Zu viele Browser? Eigentlich nicht, bespricht, wie Sie mit JavaScript Informationen über die Webbrowser einholen, die Ihre Website besuchen, damit Sie die Website so gestalten können, daß sie in verschiedenen Browsern möglichst gut aussieht.
• Kapitel 7, Dynamische Bilder, befaßt sich mit der Fähigkeit von JavaScript, die auf Webseiten dargestellten Bilder zu verändern und damit Animationseffekte zu erzeugen.
• Kapitel 8, Eine Site mit Cookies anpassen, erklärt, wie man mit JavaScript Cookies erstellen kann, um die Besucher der Website zu beobachten.
• Kapitel 9, Dynamic HTML, erläutert in Grundzügen, wie man JavaScript mit den W3C-Standards DOM und CSS kombinieren kann, um auf einer Webseite eine Vielzahl von dynamischen Effekten zu erzeugen.
• Kapitel 10, Interaktive DHTML-Verfahren, setzt die Beschreibung von Dynamic HTML fort und zeigt einige komplexe, interaktive Beispiele.
• Kapitel 11, Anwendungen für Fortgeschrittene, erläutert das objektorientierte Skripting, das Ihnen dabei helfen kann, Ihre Skripten leichter nachvollziehbar und effizienter zu gestalten.

Darüber hinaus enthält das Buch vier Anhänge mit nützlichem Referenzmaterial für die Arbeit mit JavaScript.

Konventionen

In diesem Buch werden die folgenden typographischen Konventionen verwendet:

Anmerkungen zur Übersetzung

In den Beispielcodes haben wir die Bezeichnungen von Variablen, Funktionen, Objekten und Methoden, die frei gewählt werden können, durch deutsche Namen ersetzt. Damit wird es gerade für Einsteiger leichter, die frei wählbaren Namen von vorgegebenen Namen für Objekte und Methoden etc. zu unterscheiden. In einigen Fällen haben wir die englischen Begriffe beibehalten, da sie nur durch sehr umständliche deutsche Begriffe hätten ersetzt werden können. Texte innerhalb von Beispielen wurden dann nicht übersetzt, wenn es sich um englischsprachige Beispielsites handelt.

Da es in diesem Buch um JavaScript geht und nicht um HTML, haben wir, um die Lesbarkeit der Beispiele zu verbessern, darauf verzichtet, die Umlaute in den HTML-Beispielcodes im Buch zu verschlüsseln. In den Online-Beispielen, die unter http://www.oreilly.de/catalog/designjs2ger/ zu finden sind, sind diese Zeichen verschlüsselt.

Kommentare und Fragen

Zu diesem Buch gibt es auch eine Webseite, die Beispiele, Errata und mögliche Zusatzinformationen enthält. Diese Seite finden Sie unter der folgenden Adresse:

Kommentare oder Fragen zu technischen Aspekten dieses Buches richten Sie bitte per E-Mail an:

Weitere Informationen über unsere Bücher finden Sie auf unserer Website:

Danksagung

Zweite Auflage

Ich widme dieses Buch meiner Mutter Delbys Cruz, deren Begeisterung und Liebe mir immer Kraft gegeben haben.

Außerdem möchte ich den folgenden Personen danken:

• Meiner Verlobten Mary Smith für ihre Liebe und Fürsorge während der langen Stunden, in denen ich dieses Buch geschrieben habe.
• Der Lektorin Paula Ferguson für die enorme Arbeit, die sie unter großem Druck in dieses Buch investiert hat, um es zu einem Erfolg zu machen.
• Rick Scott für seine aufschlußreichen technischen Kommentare und seine Bereitschaft, die fachliche Korrektur innerhalb sehr kurzer Zeit durchzuführen.
• Robert Arellano, meinem früheren Professor und treuen Freund, der mich von meiner Schreibfertigkeit überzeugt und mich durch sein Beispiel gelehrt hat, die Schönheit der Sprache, El Aleph, zu erkennen.
• Dem verstorbenen Frank Willison, Cheflektor bei O'Reilly, dafür, daß er mir dieses Projekt anvertraut hat, und für jede Minute, die ich mit ihm zusammenarbeiten durfte. Wir vermissen Dich, Frank.