1 Germ HTML & Web-Publishing Handbuch - HTML, JavaScript, CSS, DHTML

1296

Transcript of 1 Germ HTML & Web-Publishing Handbuch - HTML, JavaScript, CSS, DHTML

  • 5Vorwort

    Das Gebiet der Web-Technologien also der Sprachen, bertragungsprotokolle und Schnitt-stellen, die dafr sorgen, dass Web-Seiten ins Browser-Fenster des Anwenders gelangen istmittlerweile unbersehbar gro. Einige davon bauen aufeinander auf, andere konkurrieren mit-einander. Neueinsteiger stellen deshalb hufig Fragen wie die, womit sie eigentlich anfangen sol-len, welche Sprachen zu lernen sich am ehesten lohnt, in welcher Reihenfolge man vorgehensollte usw.

    Fast ebenso unbersehbar wie das Gebiet der Web-Technologien ist mittlerweile aber auch dasAngebot an Einzelpublikationen zu bestimmten Technologien. Angesichts dieser Situation ist eswichtig, den berblick zu behalten. Zusammenhnge zwischen den einzelnen Web-Technolo-gien mssen verstanden werden, grundlegende Unterschiede wie der zwischen serverseitiger undclientseitiger Datenverarbeitung mssen begriffen werden.

    Das vorliegende Buch, das in der vollstndigen Ausgabe aus zwei Bnden besteht, ist eine Ge-samtschau auf die heutige Situation beim Web Publishing. Der erste Band behandelt die Basis-Technologien HTML, CSS Stylesheets und JavaScript/DHTML sowie einfhrende Abschnitte frEinsteiger. Der zweite Band behandelt weiterfhrende Technologien wie das Definieren eigenerBeschreibungssprachen mit XML und serverseitige Datenverarbeitung mit CGI/Perl. Trotz seinesUmfangs kann auch die gesamte zweibndige Ausgabe nicht alles behandeln, was heute verbrei-tet ist. So werden beispielsweise PHP, die Microsoft-orientierte ASP-Technologie, die neuerenJavaServerPages (JSP) oder proprietre, aber beliebte Themen wie Macromedia Flash ausge-klammert. Dennoch ist das Buch wohl eines der umfassendsten Werke im Bereich der Web-Technologien auf dem Markt. Es richtet sich sowohl an Einsteiger, die Schritt fr Schritt in einerempfohlenen Reihenfolge an die beschriebenen Technologien herangefhrt werden, als auch anProfis, die eher etwas zum schnellen Nachschlagen bentigen.

    Eine Besonderheit dieses Buches ist, dass sein zugrunde liegender Text im Web bereits berhmtund tausendfach verlinkt ist. Das Buch basiert nmlich auf der im Web frei erhltlichen Doku-mentation SELFHTML. Diese Dokumentation hat im deutschsprachigen Raum eine siebenstel-lige Leserzahl, gilt als anerkanntes Lehrwerk an Schulen, Berufsschulen und Universitten, undist in vielen Intranets, Web-Agenturen und Software-Schmieden lngst zu einer unentbehrlichenBasishilfe geworden. SELFHTML (auf der CD zu diesem Buch enthalten) ist ein Hypertext-Werk, das selbst in HTML geschrieben ist und in mehreren Jahren durch Feedback und anhal-tendes Autoreninteresse gereift ist. Viel Anwender-Feedback und die Untersttzung durch enga-gierte, dem Autor nahe stehende Fachleute sind in den Text mit eingeflossen.

    Von dieser Praxisnhe profitiert natrlich auch die Print-Ausgabe. Der Buchinhalt ist keineAuftragsarbeit des herausgebenden Franzis Verlages, sondern eine zeitlich und inhaltlich unge-bundene Eigenleistung des Autors und seiner Untersttzer.

  • 6 Kapitel 1: Vorwort

    Der Autor bedankt sich besonders bei folgenden Personen, die zur inhaltlichen Qualittssiche-rung von SELFHTML und damit auch des Textes der beiden Bnde dieses Buches mit beigetra-gen haben:

    Antje Hofmann (http://www.pc-anfaenger.de/), Thomas J.Sebestyen (http://www.meta-text.net/),Burkhard Becker (http://www.bubec.de/), Swen Wacker (http://www.mixtura.de/) und AndrMalo (http://www.o3media.de/).

    Der Dank geht ferner an viele andere, die durch Fehlermeldungen, andere Zuarbeiten oder fach-lich besonders produktives Engagement im Aktuell-Raum des SELFHTML-Projekts (http://selfaktuell.teamone.de/) dazu beigetragen haben und weiter dazu beitragen, dass das Projektweiterlebt und damit auch die Basis zur Weiterentwicklung der vorliegenden Print-Ausgabebilden kann. Genannt werden diese Personen auf den Seiten http://selfaktuell.teamone.de/people/devs.htm und http://selfaktuell.teamone.de/people/devs.htm.

    Dank geht ferner an Wolfgang Nefzger, der die Buchumsetzung von SELFHTML besorgte, sowiean den Franzis Verlag, bei dem sich der Autor gut aufgehoben fhlt.

    Mnchen, im Februar 2002

    Stefan Mnz

  • 7Verwendete Symbole

    Das beschriebene Feature gehrt seit der Version 2.0 zum HTML-Standard.

    Das beschriebene Feature gehrt seit der Version 3.2 zum HTML-Standard.

    Das beschriebene Feature gehrt seit der Version 4.0 zum HTML-Standard.

    Das beschriebene Feature gehrt zur Version 1.0 des XHTML-Standard.

    Symbol fr deprecated. Bedeutet, dass das beschriebene Feature noch zum HTML-Standard gehrt, in Zukunft jedoch entfallen soll. In der Regel gibt es andere HTML-Elemente oder andere Ergnzungssprachen wie CSS Stylesheets, durch die dasentsprechende Feature in Zukunft realisiert werden soll.

    Das beschriebene Feature gehrt seit der Version 1.0 zum CSS-Standard.

    Das beschriebene Feature gehrt seit der Version 2.0 zum CSS-Standard.

    Das beschriebene Feature gehrt seit der Version 1.0 zum XML-Standard.

    Das beschriebene Feature gehrt seit der Version 1.0 zum XSLT-Standard.

    Das beschriebene Feature gehrt seit der Version 1.0 zum XPath-Standard.

    Das beschriebene Feature gehrt seit der Version 1.0 zum DOM-Standard (DocumentObject Model).

    Das beschriebene Feature gehrt seit der Version 2.0 zum DOM-Standard (DocumentObject Model).

    Das beschriebene Feature ist seit der Version 1.0 von JavaScript verfgbar.

    Das beschriebene Feature ist seit der Version 1.1 von JavaScript verfgbar.

    Das beschriebene Feature ist seit der Version 1.2 von JavaScript verfgbar.

    Das beschriebene Feature ist seit der Version 1.3 von JavaScript verfgbar.

    Das beschriebene Feature ist seit der Version 1.5 von JavaScript verfgbar.

    Das beschriebene Feature untersttzt der MS Internet Explorer ab Version 1.0.

  • 8 Verwendete Symbole

    Das beschriebene Feature untersttzt der MS Internet Explorer ab Version 2.0.

    Das beschriebene Feature untersttzt der MS Internet Explorer ab Version 3.0.

    Das beschriebene Feature untersttzt der MS Internet Explorer ab Version 4.0.

    Das beschriebene Feature untersttzt der MS Internet Explorer ab Version 5.0.

    Das beschriebene Feature untersttzt der MS Internet Explorer ab Version 5.0 oder 5.5.

    Das beschriebene Feature untersttzt Netscape seit Version 1.0.

    Das beschriebene Feature untersttzt Netscape seit Version 1.1.

    Das beschriebene Feature untersttzt Netscape seit Version 2.0.

    Das beschriebene Feature untersttzt Netscape seit Version 3.0.

    Das beschriebene Feature untersttzt Netscape seit Version 4.0.

    Das beschriebene Feature untersttzt Netscape seit Version 4.01, 4.5, 4.6, 4.7.

    Das beschriebene Feature untersttzt Netscape seit Version 6.0.

  • 9Inhaltsverzeichnis

    1 Internet und WWW ..........................................................................................271.1 Entstehung des Internet ..............................................................................271.1.1 Das ARPA-Net .............................................................................................271.1.2 Wissenschaftliche Einrichtungen..................................................................281.1.3 Das Netz der Netze .....................................................................................281.2 Basis-Standards im Internet .........................................................................291.2.1 Das TCP/IP-Protokoll ...................................................................................291.2.2 IP-Adressierung ...........................................................................................301.2.3 Client-Server-Technologie ...........................................................................311.2.4 DNS Domain Name Service......................................................................321.2.5 Routing und Gateways ................................................................................341.2.6 Selbstorganisation im Internet .....................................................................341.3 Dienste im Internet .....................................................................................361.3.1 E-Mail .........................................................................................................361.3.2 Telnet und SSH ...........................................................................................371.3.3 File Transfer (FTP)........................................................................................381.3.4 Gopher .......................................................................................................391.3.5 Chat (IRC)...................................................................................................391.3.6 Newsgroups (News)....................................................................................401.3.7 World Wide Web (WWW)............................................................................411.4 Entstehung des World Wide Web ................................................................411.4.1 Tim Berners-Lee und die Anfnge ................................................................411.4.2 Marc Andreessen, Netscape und der Boom .................................................431.4.3 Die Arbeit des W3-Konsortiums ...................................................................441.5 Hypertext....................................................................................................451.5.1 Definitionen zu Hypertext........................................................................451.5.2 Begriffe rund um Hypertext.........................................................................491.5.3 Geschichte von Hypertext ...........................................................................541.5.4 Hypertext und menschliches Verstehen .......................................................571.6 Hilfsmittel ...................................................................................................601.6.1 Dokumente und Dokumentationen .............................................................601.6.2 Software .....................................................................................................651.6.3 Services im Web..........................................................................................681.6.4 Support ......................................................................................................69

  • 10 Inhaltsverzeichnis

    2 Web-Technologien ...........................................................................................732.1 HTML .........................................................................................................732.1.1 HTML als lingua franca des Web ..............................................................732.1.2 HTML als softwareunabhngiges Klartextformat ..........................................742.1.3 HTML als Auszeichnungssprache .................................................................742.1.4 HTML fr Hypertext ....................................................................................752.1.5 HTML-Versionen .........................................................................................752.2 CSS Stylesheets ...........................................................................................772.2.1 Formatsprache fr HTML-Elemente .............................................................772.2.2 CSS-Versionen.............................................................................................782.3 XML und XML-Derivate...............................................................................792.3.1 XML als Definitionssprache fr Auszeichnungssprachen ...............................792.3.2 XML-Derivate..............................................................................................802.3.3 XML-Versionen ...........................................................................................812.4 JavaScript/DOM..........................................................................................812.4.1 Web-Seiten als Anwendungen.....................................................................812.4.2 JavaScript-Informationen .............................................................................822.5 CGI und Perl ...............................................................................................832.5.1 CGI-Schnittstelle und Perl-Interpreter ..........................................................832.5.2 CGI/Perl-Informationen ...............................................................................842.6 PHP.............................................................................................................842.6.1 PHP und HTML ...........................................................................................842.6.2 PHP-Informationen......................................................................................852.7 ASP.............................................................................................................852.7.1 ASP und HTML............................................................................................852.7.2 ASP-Informationen ......................................................................................862.8 Java.............................................................................................................862.8.1 Java und HTML ...........................................................................................862.8.2 Java-Informationen......................................................................................872.9 ActiveX .......................................................................................................882.9.1 ActiveX und HTML......................................................................................882.9.2 ActiveX-Informationen ................................................................................882.10 Flash ...........................................................................................................892.10.1 Flash und HTML..........................................................................................892.10.2 Flash-Informationen ....................................................................................90

    3 Allgemeine Regeln fr HTML ........................................................................913.1 Textauszeichnung .......................................................................................913.1.1 Elemente und Tags in HTML .......................................................................913.1.2 Verschachtelung von Elementen..................................................................923.1.3 Attribute in Tags .........................................................................................923.1.4 HTML-Parser ...............................................................................................933.2 Grundgerst einer (X)HTML-Datei...............................................................933.2.1 Grundgerst einer HTML-Datei ...................................................................94

  • Inhaltsverzeichnis 11

    3.2.2 Grundgerst einer XHTML-Datei .................................................................943.2.3 Dokumenttyp-Angaben...............................................................................953.2.4 Hinweis fr die Praxis ..................................................................................983.3 Regeln beim Editieren von HTML ................................................................983.4 Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen............................993.4.1 Allgemeines zu Zeichen in HTML.................................................................993.4.2 Deutsche Umlaute und scharfes S.............................................................. 1003.4.3 Das Euro-Zeichen in HTML........................................................................ 1013.4.4 HTML-eigene Zeichen maskieren............................................................... 1013.5 Farben definieren in HTML ........................................................................ 1013.5.1 Hexadezimale Angabe von Farben............................................................. 1023.5.2 Farbnamen fr die 16 Grundfarben ........................................................... 1043.5.3 Netscape-Farbnamen ................................................................................ 1043.6 Kommentare und Credits .......................................................................... 1073.6.1 Nicht angezeigter Text (Kommentar) ........................................................ 1073.6.2 Credits ...................................................................................................... 1083.7 Referenzieren in HTML .............................................................................. 1083.7.1 Mit vollstndigen URIs referenzieren.......................................................... 1083.7.2 Absolute Pfadangaben relativ zum Basis-URI .............................................. 1103.7.3 Pfadangaben relativ zum Basis-URI ............................................................ 1103.8 Konventionen fr Dateinamen................................................................... 1113.8.1 Dateinamen im Hinblick auf Server-Rechner .............................................. 1113.8.2 Dateinamen im Hinblick auf Kompatibilitt................................................ 1123.8.3 Dateiendungen ......................................................................................... 1123.8.4 Default-Dateinamen bei Web-Servern........................................................ 1123.9 Informationsverteilung und Dateiorganisation ........................................... 1133.9.1 Hypertext schreiben Information verteilen .............................................. 1133.9.2 Dateiorganisation...................................................................................... 1133.10 Guter HTML-Stil ........................................................................................ 1143.10.1 Nicht fr bestimmten Browser schreiben ................................................... 1153.10.2 Nicht fr bestimmte Bildschirmauflsung schreiben................................... 1163.10.3 HTML-Elemente nicht zweckentfremden ................................................... 1163.10.4 Ehrliche und aussagekrftige Verweistexte verwenden ............................... 1173.10.5 Grafiken richtig einsetzen .......................................................................... 117

    4 Dateiweite Einstellungen.............................................................................. 1194.1 HTML-Kopfdaten ...................................................................................... 1194.1.1 Titel einer HTML-Datei .............................................................................. 1194.1.2 Meta-Angaben zum Inhalt......................................................................... 1194.1.3 Angabe zum Default-Zeichensatz .............................................................. 1254.1.4 Angaben zu Default-Sprachen fr Scripts und Stylesheets .......................... 1264.1.5 Datei von Originaladresse laden ................................................................ 1264.1.6 Weiterleitung zu anderer Adresse (Forwarding).......................................... 1274.1.7 Angaben zu PICS ...................................................................................... 128

  • 12 Inhaltsverzeichnis

    4.1.8 Meta-Angaben in separater Datei (Profil) ................................................... 1294.1.9 Schema zu einer Meta-Angabe.................................................................. 1294.1.10 Diverse Meta-Angaben.............................................................................. 1304.1.11 Adressbasis und Zielfensterbasis ................................................................ 1304.1.12 Logische Beziehungen............................................................................... 1324.1.13 Durchsuchbarkeit mit Server-Kommunikation............................................ 1344.2 Dateiweite Einstellungen ........................................................................... 1354.2.1 Farben fr Hintergrund, Text und Verweise ............................................... 1354.2.2 Hintergrundbild (Wallpaper) ..................................................................... 1374.2.3 Seitenrnder definieren ............................................................................. 1384.2.4 Hintergrundmusik ..................................................................................... 140

    5 Text strukturieren ........................................................................................... 1415.1 berschriften ............................................................................................ 1415.1.1 berschriften definieren ............................................................................ 1415.1.2 berschriften ausrichten............................................................................ 1425.1.3 berschriften formatieren mit CSS............................................................. 1435.2 Textabstze............................................................................................... 1445.2.1 Textabstze definieren .............................................................................. 1445.2.2 Textabstze ausrichten .............................................................................. 1455.2.3 Textabstze formatieren mit CSS............................................................... 1465.3.4 Zeilenumbruch ......................................................................................... 1475.3.5 Zeilenumbruch erzwingen......................................................................... 1475.3.6 Automatischen Zeilenumbruch verhindern ................................................ 1485.3.7 Geschtzte Leerzeichen............................................................................. 1495.3.8 Zeilenumbruch erlauben ........................................................................... 1495.4 Listen........................................................................................................ 1505.4.1 Aufzhlungsliste definieren ........................................................................ 1505.4.2 Nummerierte Liste definieren .................................................................... 1525.4.3 Definitionsliste definieren .......................................................................... 1535.4.4 Verzeichnis- oder Menliste definieren....................................................... 1545.4.5 HTML-Eigenschaften fr Listen .................................................................. 1555.4.6 Listen formatieren mit CSS ........................................................................ 1575.5 Zitate und Adressen .................................................................................. 1595.5.1 Zitate definieren........................................................................................ 1595.5.2 Zitate mit URI-Quellenangabe ................................................................... 1605.5.3 Adressen definieren................................................................................... 1605.5.4 Zitate und Adressen formatieren mit CSS................................................... 1615.6 Prformatierter Text (wie im Editor eingegeben)........................................ 1635.6.1 Textabschnitt mit prformatiertem Text definieren .................................... 1635.6.2 Breite eines Bereichs mit prformatiertem Text .......................................... 1645.6.3 ltere HTML-Elemente fr prformatierten Text......................................... 1655.6.4 Prformatierten Text formatieren mit CSS.................................................. 1655.7 Logische Auszeichnungen im Text............................................................. 1675.7.1 HTML-Elemente fr logische Auszeichnung im Text................................... 167

  • Inhaltsverzeichnis 13

    5.7.2 nderungsmarkierungen im Dokument..................................................... 1695.7.3 Textrichtung ndern ................................................................................. 1705.7.4 Logische Elemente fr Textauszeichnung mit CSS formatieren................... 1715.8 Physische Auszeichnungen im Text............................................................ 1715.8.1 HTML-Elemente fr physische Auszeichnung im Text................................. 1725.8.2 Physische Elemente fr Textauszeichnung zustzlich mit CSS formatieren ..1735.9 Allgemeine Elemente fr Textbereiche....................................................... 1745.9.1 Allgemeines Block-Element........................................................................ 1745.9.2 lteres Block-Element fr zentrierte Bereiche ............................................. 1755.9.3 Allgemeines Inline-Element........................................................................ 1765.9.4 Allgemeine Elemente formatieren mit CSS................................................. 1765.10 Trennlinien ............................................................................................... 1785.10.1 Trennlinien definieren ............................................................................... 1785.10.2 Trennlinien mit HTML gestalten ................................................................ 1795.10.3 Trennlinien mit CSS gestalten.................................................................... 1805.11 ltere Elemente zur Schriftformatierung .................................................... 1815.11.1 Schriftart, Schriftge und Schriftfarbe...................................................... 1815.11.2 CSS-Entsprechungen................................................................................. 1835.12 ltere Browser-proprietre Elemente.......................................................... 1845.12.1 Lauftext Marquee (Microsoft) ................................................................. 1845.12.2 Mehrspaltiger Textfluss (Netscape)............................................................ 1865.12.3 Raumschaffer (Netscape)........................................................................... 1875.12.4 Blinkender Text (Netscape) ....................................................................... 188

    6 Verweise ............................................................................................................. 1896.1 Verweise definieren und gestalten ............................................................. 1896.1.1 Allgemeines zu Verweisen ......................................................................... 1896.1.2 Beispiele fr Verweise ................................................................................ 1906.1.3 Verweise optisch gestalten mit CSS ........................................................... 1916.1.4 Zielfenster fr Verweise bestimmen ........................................................... 1936.2 Projektinterne Verweise ............................................................................. 1946.2.1 Verweise zu Dateien oder Quellen im Projekt ............................................. 1946.2.2 Anker definieren und Verweise zu Ankern .................................................. 1966.3 Projektexterne Verweise ............................................................................ 1986.3.1 Allgemeines zu projektexternen Verweisen ................................................ 1986.3.2 Beispiele fr projektexterne Verweise ......................................................... 1986.4 E-Mail-Verweise......................................................................................... 2006.4.1 Verweis zu E-Mail-Adresse definieren ......................................................... 2006.4.2 Optionen bei E-Mail-Verweisen.................................................................. 2026.5 Download-Verweise und Verweise auf beliebige Dateien............................ 2056.5.1 Download-Verweise .................................................................................. 2056.5.2 Verweise zu beliebigen Dateien ................................................................. 2066.5.3 Mime-Type des Verweisziels angeben........................................................ 2076.6 Typisierte Verweise.................................................................................... 208

  • 14 Inhaltsverzeichnis

    6.6.1 Logische Beziehung zum Verweisziel angeben ........................................... 2086.6.2 Sprache und Zeichensatz des Verweisziels angeben ................................... 2096.7 Tabulator-Reihenfolge und Tastaturkrzel.................................................. 2106.7.1 Tabulator-Reihenfolge fr Verweise............................................................ 2106.7.2 Tastaturkrzel fr Verweise ........................................................................ 211

    7 Grafiken .............................................................................................................. 2137.1 Grafiken einbinden.................................................................................... 2137.1.1 Allgemeines zu Grafiken ............................................................................ 2137.1.2 Grafikreferenz definieren ........................................................................... 2137.1.3 Breite und Hhe von Grafiken ................................................................... 2167.1.4 Rahmen um Grafiken ................................................................................ 2177.1.5 Namen fr Grafiken .................................................................................. 2187.1.6 Langbeschreibung fr Grafiken.................................................................. 2187.2 Grafiken ausrichten ................................................................................... 2197.2.1 Grafik zum umgebenden Text ausrichten .................................................. 2197.2.2 Text um Grafik flieen lassen..................................................................... 2217.2.3 Grafik und andere Inhalte mit Tabellen ausrichten ....................................... 2237.2.4 Grafiken ausrichten mit CSS Stylesheets..................................................... 2247.3 Grafiken als Verweise................................................................................. 2277.3.1 Grafiken anstelle von Verweistext definieren .............................................. 2277.4 Verweissensitive Grafiken (Image Maps) .................................................... 2287.4.1 Verweissensitive Grafiken definieren .......................................................... 2287.4.2 Server-seitige verweissensitive Grafiken...................................................... 232

    8 Tabellen .............................................................................................................. 2338.1 Aufbau einer Tabelle ................................................................................. 2338.1.1 Tabellen definieren.................................................................................... 2338.1.2 Spalten vordefinieren ................................................................................ 2358.1.3 Kopf, Krper und Fu einer Tabelle definieren ........................................... 2388.2 Gestaltung einer Tabelle............................................................................ 2408.2.1 Zellenabstand und Zelleninnenabstand ..................................................... 2408.2.2 Regeln fr den Auenrahmen.................................................................... 2428.2.3 Regeln fr Gitternetzlinien......................................................................... 2438.2.4 Breiten- und Hhenangaben ..................................................................... 2458.2.5 Zeilenumbruch in Zellen verhindern.......................................................... 2488.2.6 Ausrichtung von Zellen ............................................................................. 2498.2.7 Hintergrundfarben und Hintergrundbilder................................................. 2518.2.8 Farben fr Rand und Gitternetzlinien (Microsoft) ....................................... 2548.3 Tabellen mit CSS gestalten ........................................................................ 2548.4 Zellen verbinden ....................................................................................... 2548.4.1 Zellen in einer Zeile spaltenweise verbinden .............................................. 2548.4.2 Zellen in einer Spalte zeilenweise verbinden .............................................. 2558.4.3 Zellen zugleich spalten- und zeilenweise verbinden ................................... 256

  • Inhaltsverzeichnis 15

    8.5 Tabellenbeschriftung und Tabellenausrichtung.......................................... 2578.5.1 Tabellenberschrift/-unterschrift definieren................................................ 2578.5.2 Tabellenausrichtung.................................................................................. 2598.5.3 Weitere Informationen .............................................................................. 2618.6 Tabellen als Mittel fr Web-Seitenlayouts................................................... 2618.6.1 Allgemeines zu Tabellen fr Web-Seitenlayouts.......................................... 2618.6.2 Beispiel eines typischen Tabellen-Layouts................................................... 2618.7 Tabellen und nichtvisuelle Medien............................................................. 2658.7.1 Allgemeines .............................................................................................. 2658.7.2 Zusammenfassung des Tabelleninhalts ...................................................... 2658.7.3 Kurzbeschreibung fr Zellen definieren...................................................... 2668.7.4 Kopfzellen in Zellen referenzieren .............................................................. 2678.7.5 Tabellen-Kategorien definieren .................................................................. 269

    9 Frames mehrere Fenster............................................................................ 2719.1 Framesets und Frames definieren............................................................... 2719.1.1 Allgemeines zu Frames .............................................................................. 2719.1.2 Grundgerst einer HTML-Datei mit Framesets ........................................... 2729.1.3 Framesets definieren ................................................................................. 2739.1.4 Frames zu einem Frameset definieren ........................................................ 2769.1.5 Noframes-Bereich definieren ..................................................................... 2799.1.6 Langbeschreibung fr Frame-Fenster......................................................... 2819.2 Eigenschaften von Frames ......................................................................... 2819.2.1 Bildlaufleisten erzwingen/verhindern ......................................................... 2819.2.2 Mindestabstnde zwischen Fensterrand und Fensterinhalt ......................... 2829.2.3 Unvernderbare Fenstergre ................................................................... 2849.2.4 Rahmendicke/Unsichtbare Fensterrahmen ................................................. 2849.2.5 Farbige Fensterrahmen.............................................................................. 2879.3 Verweise bei Frames .................................................................................. 2879.3.1 Verweise zu anderen Frames...................................................................... 2879.3.2 Verweise zum Beenden von Framesets....................................................... 2889.4 Eingebettete Frames.................................................................................. 2899.4.1 Eingebettete Frames definieren ................................................................. 2899.4.2 Eigenschaften eingebetteter Frames .......................................................... 2919.4.3 Verweise zu eingebetteten Frames............................................................. 2929.5 Frames als Mittel fr Seitenlayouts............................................................. 2949.5.1 Sinnvolle Einsatzmglichkeiten fr Frames ................................................. 2949.5.2 Unfaire Schaufenster-Effekte ...................................................................... 296

    10 Formulare........................................................................................................... 29710.1 Formulare definieren ................................................................................. 29710.1.1 Allgemeines zu Formularen ....................................................................... 29710.1.2 Formularbereich definieren........................................................................ 29810.1.3 Zielfenster fr Server-Antwort.................................................................... 30010.1.4 Zu verarbeitende Zeichenstze .................................................................. 300

  • 16 Inhaltsverzeichnis

    10.1.5 Weitere Informationen .............................................................................. 30110.2 Eingabefelder und Eingabebereiche........................................................... 30110.2.1 Einzeilige Eingabefelder definieren............................................................. 30110.2.2 Textvorbelegung bei einzeiligen Eingabefeldern ........................................ 30310.2.3 Eingabefelder fr Passwrter ..................................................................... 30410.2.4 Mehrzeilige Eingabebereiche definieren..................................................... 30510.2.5 Textvorbelegung bei mehrzeiligen Eingabebereichen ................................ 30610.2.6 Zeilenumbruch bei mehrzeiligen Eingabebereichen ................................... 30710.2.7 Eingabefelder und Eingabebereiche auf nur lesen setzen ........................ 30910.3 Auswahllisten ............................................................................................ 31010.3.1 Auswahllisten definieren............................................................................ 31010.3.2 Auswahllisten mit Mehrfachauswahl .......................................................... 31210.3.3 Eintrge vorselektieren .............................................................................. 31310.3.4 Absendewert von Eintrgen bestimmen..................................................... 31410.3.5 Verschachtelte Auswahllisten definieren..................................................... 31510.4 Radiobuttons und Checkboxen ................................................................. 31710.4.1 Radiobuttons definieren ............................................................................ 31710.4.2 Checkboxen definieren ............................................................................. 31810.5 Klick-Buttons............................................................................................. 31910.5.1 Klick-Buttons definieren (herkmmlich) ..................................................... 31910.5.2 Klick-Buttons definieren (modern) ............................................................. 32010.6 Felder fr Datei-Upload ............................................................................. 32210.7 Versteckte Formularelemente .................................................................... 32410.7.1 Versteckte Elemente definieren.................................................................. 32410.8 Guppierung von Elementen und Label fr Elemente .................................. 32510.8.1 Elemente gruppieren................................................................................. 32510.8.2 Label fr Elemente .................................................................................... 32710.9 Tabulator-Reihenfolge, Tastaturkrzel und Ausgrauen................................ 32810.9.1 Tabulator-Reihenfolge ............................................................................... 32810.9.2 Tastaturkrzel ........................................................................................... 32910.9.3 Elemente ausgrauen.................................................................................. 33010.10 Buttons zum Absenden oder Abbrechen.................................................... 33110.10.1 Buttons definieren (herkmmlich) ............................................................. 33110.10.2 Grafische Buttons definieren...................................................................... 33310.10.3 Buttons zum Absenden oder Abbrechen definieren (modern) .................... 33410.11 Formulare formatieren mit CSS.................................................................. 33410.11.1 Formulare mit CSS gestalten ..................................................................... 33410.12 Formulare verarbeiten ............................................................................... 33810.12.1 Formulare als E-Mail .................................................................................. 33810.12.2 Formulare und CGI ................................................................................... 339

    11 Multimedia ........................................................................................................ 34111.1 Objekte einbinden .................................................................................... 34111.1.1 Allgemeines zu Objekten in HTML............................................................. 341

  • Inhaltsverzeichnis 17

    11.1.2 Datendateien als Objekt einbinden............................................................ 34211.1.3 Verweissensitive Grafiken als Objekt einbinden .......................................... 34411.1.4 Java-Applets als Objekt einbinden.............................................................. 34511.1.5 ActiveX-Controls als Objekt einbinden....................................................... 34711.1.6 Flash-Anwendungen als Objekt einbinden ................................................. 34811.1.7 Rahmen um Objekte ................................................................................. 35011.1.8 Namen fr Objekte ................................................................................... 35211.2 Eigenschaften von Objekten ...................................................................... 35211.2.1 Objekt zum umgebenden Text ausrichten ................................................. 35211.2.2 Text um ein Objekt flieen lassen .............................................................. 35311.2.3 Meldungstext whrend des Ladevorgangs anzeigen .................................. 35511.2.4 Objekte nur bei Aufruf durch Anwender anzeigen ..................................... 35611.2.5 Objekte formatieren mit CSS ..................................................................... 35711.3 Java-Applets einbinden (herkmmlich) ...................................................... 35711.3.1 Java-Applets einbinden.............................................................................. 35711.3.2 Java-Applets ausrichten ............................................................................. 36011.4 Multimedia einbinden (Netscape herkmmlich) ........................................ 36111.4.1 Multimedia-Bereich definieren................................................................... 36111.4.2 Multimedia-Bereiche ausrichten ................................................................ 36311.4.3 Alternativer Inhalt fr Browser ................................................................... 363

    12 Layer (Netscape) ............................................................................................. 36512.1 Layer definieren und positionieren............................................................. 36512.1.1 Allgemeines zu Layern............................................................................... 36512.1.2 Layer definieren ........................................................................................ 36612.1.3 Inline-Layer definieren ............................................................................... 36712.1.4 Anzeigebereich von Layern beschneiden ................................................... 36812.1.5 Layer mit Inhalt aus anderer Datei ............................................................. 36912.1.6 Layer verschachteln................................................................................... 37012.1.7 Hintergrundfarbe fr Layer ........................................................................ 37112.1.8 Hintergrundbild (Wallpaper) fr Layer ....................................................... 37212.2 Layer anordnen und kontrollieren.............................................................. 37312.2.1 Angaben zur Schichtposition mit Layer-Namen ......................................... 37312.2.2 Angaben zur Schichtposition mit Indexnummern ...................................... 37412.2.3 Layer verstecken und anzeigen.................................................................. 375

    13 Universalattribute und weiterfhrende HTML-Elemente.................. 37713.1 Allgemeine Universalattribute.................................................................... 37713.2 Event-Handler fr Scripts ........................................................................... 37913.3 Weiterfhrende HTML-Elemente................................................................ 38013.3.1 Stylesheet-Bereiche definieren ................................................................... 38013.4 Script-Bereiche in HTML............................................................................ 38213.4.1 Script-Bereich definieren ........................................................................... 38213.4.2 Noscript-Bereich definieren ....................................................................... 38413.4.3 Weitere Angaben zum Script ..................................................................... 385

  • 18 Inhaltsverzeichnis

    14 XHTML und HTML .......................................................................................... 38714.1 Unterschiede zwischen XHTML und HTML ................................................ 38714.1.1 Allgemeines zu XHTML ............................................................................. 38714.1.2 Unterschied: Mime-Typen ......................................................................... 38814.1.3 Unterschied: Dateinamen.......................................................................... 38814.1.4 Unterschied: Die XML-Deklaration............................................................. 38914.1.5 Unterschied: Dokumenttyp-Angaben ........................................................ 39014.1.6 Unterschied: HTML-Wurzelelement mit Namensraumangabe .................... 39114.1.7 Unterschied: Strengeres Einhalten des HTML-Grundgersts ....................... 39114.1.8 Unterschied: Kleinschreibung .................................................................... 39214.1.9 Unterschied: Leere Elemente ..................................................................... 39214.1.10 Unterschied: Elemente mit optionalem Abschluss-Tag ............................... 39314.1.11 Unterschied: Allein stehende (leere) Attribute ............................................ 39314.1.12 Unterschied: Leerraum in Wertzuweisungen .............................................. 39414.1.13 Unterschied: Verweise zu Ankern............................................................... 39414.1.14 Unterschied: Das Universalattribut lang= ................................................... 39514.1.15 Unterschied: Inhalt von Script- und Style-Bereichen................................... 39514.1.16 Unterschied: Ausnahmen von Verschachtelungsregeln............................... 39614.1.17 Beispiel eines XHTML-gerechten Dokuments ............................................. 39614.2 Modularisierung von XHTML und XHTML 1.1 ........................................... 39814.2.1 Allgemeines zur Modularisierung von XHTML............................................ 39814.2.2 Die Module von XHTML 1.1...................................................................... 400

    15 CSS Stylesheets ................................................................................................ 40315.1 CSS Stylesheets und HTML........................................................................ 40315.1.1 Sinn und Zweck von CSS Stylesheets......................................................... 40315.1.2 Stylesheet-Sprachen, -Versionen und -Informationen ................................. 40315.1.3 Stylesheets, Web-Browser und Anwender .................................................. 40415.1.4 CSS-Formate und CSS-Eigenschaften......................................................... 40615.2 CSS Stylesheets in HTML einbinden........................................................... 40615.2.1 Formate zentral fr eine HTML-Datei definieren......................................... 40615.2.2 Formate zentral in separater CSS-Datei definieren...................................... 40715.2.3 Formate innerhalb eines HTML-Elements definieren..................................... 40815.2.4 Verschiedene separate Stylesheets fr unterschiedliche Ausgabemedien..... 40815.2.5 Formatdefinitionen fr unterschiedliche Ausgabemedien ........................... 41015.2.6 Kommentare innerhalb von Stylesheet-Bereichen ...................................... 41115.2.7 Stylesheet-Sprache ausdrcklich festlegen ................................................. 41215.3 Zentrale Formate definieren ...................................................................... 41215.3.1 Aufbau zentraler Formate .......................................................................... 41215.3.2 Formate fr HTML-Elemente definieren ..................................................... 41315.3.3 Formate fr verschachtelte HTML-Elemente definieren............................... 41515.3.4 Attributbedingte Formate definieren ......................................................... 41715.3.5 Formate fr Klassen definieren................................................................... 41915.3.6 Klassen in Verbindung mit den Elementen div und span ............................ 42015.3.7 Individualformate definieren...................................................................... 422

  • Inhaltsverzeichnis 19

    15.3.8 Pseudoformate definieren.......................................................................... 42415.4 HTML-Elemente direktformatieren............................................................. 42515.4.1 Formatdefinitionen mit dem style-Attribut ................................................. 42515.5 Maeinheiten, Farbangaben und Wertzuweisung ...................................... 42615.5.1 Numerische Angaben................................................................................ 42615.5.2 Farbangaben............................................................................................. 42815.5.3 Erlaubte feste Werte und Zeichenkettenangaben ....................................... 43015.5.4 Numerische Angaben fr Sprachausgabe .................................................. 431

    16 CSS-Eigenschaften .......................................................................................... 43316.1 Schriftformatierung................................................................................... 43316.2 Schriftformatierung mit Schriftartendatei................................................... 44416.3 Ausrichtung und Absatzkontrolle ............................................................... 44816.4 Auenrand und Abstand ........................................................................... 45416.5 Innenabstand............................................................................................ 46016.6 Rahmen .................................................................................................... 46316.7 Hintergrundfarben und -bilder .................................................................. 47116.8 Listenformatierung.................................................................................... 47716.8.1 list-style-type (Darstellungstyp).................................................................. 47816.9 Tabellenformatierung................................................................................ 48316.10 Pseudoformate.......................................................................................... 48916.11 Positionierung und Anzeige von Elementen ............................................... 49416.12 Layouts fr Printmedien ............................................................................ 51116.13 Sprachausgabe.......................................................................................... 51716.14 Anzeigefenster .......................................................................................... 52616.14.1 cursor (Mauszeiger)................................................................................... 52716.15 Filter (nur Microsoft) ................................................................................. 530

    17 JavaScript und DOM....................................................................................... 54317.1 JavaScript und HTML................................................................................. 54317.2 Standards, Sprachvarianten und Sprachversionen...................................... 54417.3 Hinweise fr die Praxis............................................................................... 54817.4 JavaScript-Bereiche in HTML definieren...................................................... 54917.5 JavaScript-Anweisungen in HTML-Tags ...................................................... 55017.6 JavaScript in separaten Dateien ................................................................. 551

    18 JavaScript: Sprachelemente ......................................................................... 55318.1 Allgemeine Regeln fr JavaScript ............................................................... 55318.1.1 Anweisungen notieren .............................................................................. 55318.1.2 Anweisungsblcke notieren ....................................................................... 55418.1.3 Selbst vergebene Namen .......................................................................... 55518.1.4 Kommentare in JavaScript ......................................................................... 55618.2 Variablen und Werte ................................................................................. 556

  • 20 Inhaltsverzeichnis

    18.2.1 Variablen definieren .................................................................................. 55618.2.2 Werte von Variablen ndern ...................................................................... 55818.3 Objekte, Eigenschaften und Methoden...................................................... 55918.3.1 Vordefinierte JavaScript-Objekte ................................................................ 55918.3.2 Vordefinierte JavaScript-Objekte verwenden .............................................. 56018.3.3 Eigene Objekte definieren ......................................................................... 56118.3.4 Eigenschaften von Objekten ...................................................................... 56318.3.5 Objekt-Methoden ..................................................................................... 56418.3.6 Abfragen, ob ein Objekt existiert ............................................................... 56418.3.7 Mehrere Anweisungen mit einem Objekt ausfhren (with) ........................ 56518.3.8 Auf aktuelles Objekt Bezug nehmen (this).................................................. 56618.4 Funktionen................................................................................................ 56718.4.1 Funktion definieren ................................................................................... 56718.4.2 Funktion aufrufen...................................................................................... 56818.4.3 Funktion mit Rckgabewert aufrufen ......................................................... 56918.4.4 Vordefinierte JavaScript-Funktionen ........................................................... 57118.5 Steuerzeichen und besondere Notationen ................................................. 57218.5.1 Steuerzeichen bei Zeichenketten ............................................................... 57218.5.2 Notation numerischer Werte ..................................................................... 57218.6 Operatoren ............................................................................................... 57318.6.1 Zuweisungsoperator ................................................................................. 57318.6.2 Vergleichsoperatoren ................................................................................ 57318.6.3 Berechnungsoperatoren ............................................................................ 57418.6.4 Logische Operatoren................................................................................. 57518.6.5 Bit-Operatoren.......................................................................................... 57618.6.6 Operator zur Zeichenkettenverknpfung ................................................... 57618.6.7 Operatorenrangfolge ................................................................................ 57618.6.8 Operator zur Typenbestimmung ............................................................... 57718.6.9 void-Operator ........................................................................................... 57818.6.10 Operator zum Lschen von Objekten ........................................................ 57818.7 Bedingte Anweisungen (if-else/switch) ...................................................... 57818.7.1 Wenn-dann-Bedingungen mit "if".............................................................. 57818.7.2 Einfache Entweder-oder-Abfrage ............................................................... 57918.7.3 Fallunterscheidung mit switch................................................................ 58118.8 Schleifen (while/for/do-while) ................................................................... 58218.8.1 Schleifen mit while ................................................................................ 58218.8.2 Schleifen mit for .................................................................................... 58318.8.3 Kontrolle innerhalb von Schleifen break und continue............................. 58618.9 Reservierte Wrter..................................................................................... 58718.9.1 bersicht reservierter Wrter ..................................................................... 58718.10 Event-Handler ........................................................................................... 58918.10.1 onMouseover (beim berfahren des Elements mit der Maus) .................... 600

  • Inhaltsverzeichnis 21

    19 JavaScript: Beispiele........................................................................................ 60519.1 Zwei Frames gleichzeitig ndern ............................................................... 60519.2 Seitenanzeige in Frames verhindern........................................................... 60919.3 Taschenrechner......................................................................................... 61219.4 Monatskalender ........................................................................................ 61719.5 Persnliche Seitenbesuche zhlen mit Cookies........................................... 62219.6 Formulareingaben berprfen................................................................... 62519.7 Dynamische grafische Buttons................................................................... 62819.8 Aufenthaltsdauer auf Web-Seite anzeigen .................................................. 63219.9 Verweisliste als Auswahlliste....................................................................... 63419.10 Fehlerbehandlung mit onError................................................................... 63819.11 Fehlerbehandlung mit dem Statement try..catch ....................................... 64019.12 nderungen der Fenstergre berwachen............................................... 642

    20 JavaScript: Objekt-Referenz ......................................................................... 64720.1 Hinweise zur Objekt-Referenz .................................................................... 64820.1.1 Objekthierarchie ....................................................................................... 64820.1.2 Objekt-Referenz verwenden ...................................................................... 64820.2 window .................................................................................................... 64920.3 frames....................................................................................................... 67720.4 document ................................................................................................. 68120.5 HTML-Elementobjekte............................................................................... 70020.6 node......................................................................................................... 77520.7 all ............................................................................................................. 79620.8 style.......................................................................................................... 81520.9 anchors..................................................................................................... 82120.10 applets...................................................................................................... 82420.11 forms ........................................................................................................ 82620.12 elements ................................................................................................... 83320.13 options ..................................................................................................... 84220.14 images...................................................................................................... 85020.15 embeds..................................................................................................... 85720.16 layers ........................................................................................................ 86220.17 links .......................................................................................................... 87920.18 event ........................................................................................................ 88320.19 history ...................................................................................................... 89120.20 location .................................................................................................... 89320.21 Array......................................................................................................... 89720.22 Boolean .................................................................................................... 90820.23 Date ......................................................................................................... 90920.24 Function ................................................................................................... 92620.25 Math ........................................................................................................ 929

  • 22 Inhaltsverzeichnis

    20.26 navigator .................................................................................................. 93920.27 mimeTypes ............................................................................................... 94320.28 plugins...................................................................................................... 94620.29 Number.................................................................................................... 94920.30 RegExp ..................................................................................................... 95520.31 Screen ...................................................................................................... 95920.32 string ........................................................................................................ 96220.33 Objektunabhngige Funktionen ................................................................ 977

    21 Dynamisches HTML ........................................................................................ 98521.1 Allgemeines zu Dynamischem HTML......................................................... 98521.1.1 Das Dynamische am Dynamischen HTML .............................................. 98521.1.2 Das Problem der inkompatiblen Modelle ................................................... 98621.2 Das Document Object Model (DOM)........................................................ 98621.2.1 Allgemeines zum DOM ............................................................................. 98621.2.2 Elementinhalte dynamisch ndern............................................................. 98821.2.3 HTML-Attribute dynamisch ndern............................................................ 99121.2.4 CSS-Eigenschaften dynamisch ndern ....................................................... 99321.2.5 Neue Knoten erzeugen und in Baumstruktur einhngen ............................ 99521.2.6 Event-Handling beim DOM ....................................................................... 99821.3 Das ltere DHTML-Modell von Microsoft ................................................. 100121.3.1 Allgemeines zum Microsoft-Modell.......................................................... 100121.3.2 Script-Sprachen: JavaScript, JScript und VBScript ..................................... 100221.3.3 Das all-Objekt ......................................................................................... 100321.3.4 CSS Stylesheets und Scripts ..................................................................... 100521.3.5 Schreibweise von CSS-Eigenschaften in JavaScript/JScript......................... 100721.3.6 Event-Handler und das Event-Objekt ....................................................... 100921.3.7 Vererbung bei Events (Event-Bubbling).................................................... 101021.4 Das ltere DHTML-Modell von Netscape ................................................. 101221.4.1 Allgemeines zum DHTML-Modell von Netscape 4.x................................. 101221.4.2 Layer-Bereiche dynamisch anzeigen/verstecken ....................................... 101321.4.3 Layer-Bereiche dynamisch berlappen..................................................... 101521.4.4 Layer-Bereiche dynamisch bewegen ........................................................ 101821.4.5 Layer-Bereiche dnyamisch vergrern/verkleinern ................................... 102221.4.6 Layer-Inhalte dynamisch austauschen...................................................... 102521.4.7 Layer ohne layer-Element simulieren........................................................ 102721.4.8 Das Event-Objekt .................................................................................... 102921.4.9 Inline-Scripts bei Layern .......................................................................... 103221.5 Datenanbindung (nur Microsoft)............................................................. 103421.5.1 Allgemeines zur Datenanbindung............................................................ 103421.5.2 Beispiel: Datei dynamisch in Tabelle einbinden........................................ 103521.5.3 Beispiel: Daten durchsuchbar machen ..................................................... 103821.5.4 HTML-Elemente fr die Anzeige von externen Daten ............................... 104321.5.5 Datenmodell: Tabular Data Control (TDC)............................................... 1048

  • Inhaltsverzeichnis 23

    21.5.6 Datenmodell: Remote Data Service (RDS)................................................ 105021.5.7 Datenmodell: JDBC DataSource Applet.................................................... 105121.5.8 Datenmodell: XML Data Source .............................................................. 105321.5.9 Datenmodell: MSHTML Data Source ....................................................... 105421.6 Dynamische Filter (nur Microsoft)............................................................ 105421.6.1 Allgemeines zu dynamischen Filtern ........................................................ 105421.6.2 Einfaches Dynamisches ndern von Filterwerten...................................... 105521.6.3 Flieende bergnge mit dem blendTrans-Filter...................................... 105721.6.4 Flieende bergnge mit dem revealTrans-Filter ..................................... 106021.6.5 Ein-/Ausblend-Effekte .............................................................................. 106221.6.6 Flieende Seitenbergnge ..................................................................... 1065

    22 DHTML Praxis-Lsungen ......................................................................... 106722.1 Allgemeine DHTML-Bibliothek................................................................. 106722.1.1 Quelltext mit Erluterungen .................................................................... 106722.1.2 Test der DHTML-Bibliothek ..................................................................... 107522.1.3 DHTML-Bibliothek erweitern ................................................................... 107822.2 Dynamische Navigationsleiste ................................................................. 107822.2.1 Hinweise zu diesem Beispiel .................................................................... 107822.2.2 Quelltext mit Erluterungen .................................................................... 107922.3 Laufende Datums-/Uhrzeitanzeige........................................................... 108422.3.1 Hinweise zu diesem Beispiel .................................................................... 108422.3.2 Quelltext mit Erluterungen .................................................................... 108522.4 Bilderbuch zum Umblttern .................................................................... 108722.4.1 Hinweise zu diesem Beispiel .................................................................... 108722.4.2 Quelltext mit Erluterungen .................................................................... 1088

    23 Internationalisierung ................................................................................... 109323.1 Computer und geschriebene Sprache...................................................... 109323.1.1 Bits, Bytes und Zeichen ........................................................................... 109323.1.2 Beispiel fr Zeichenstze ......................................................................... 109423.1.3 Die Grenzen von Bytes und Zeichenstzen sprengen ............................... 109523.1.4 Die Bedeutung der Schriftarten ............................................................... 109523.1.5 Schriftkulturen mit anderer Schreibrichtung ............................................ 109623.2 Zeichenstze (ISO-8859-Familie und andere)........................................... 109623.2.1 Die ISO-8859-Zeichenstze ..................................................................... 109623.2.2 Liste der ISO-8859-Zeichenstze.............................................................. 109823.2.3 Alle offiziellen Zeichenstze ..................................................................... 110123.3 Das Unicode-System ............................................................................... 110223.3.1 Allgemeines zu Unicode .......................................................................... 110223.3.2 Aufbau des Unicode-Systems................................................................... 110323.4 Downloadbare Schriftarten...................................................................... 110523.4.1 Allgemeines zu downloadbaren Schriftarten ............................................ 110523.4.2 TrueDoc (Bitstream)................................................................................ 1106

  • 24 Inhaltsverzeichnis

    23.4.3 Microsoft und das Web Embedding Fonts Tool WEFT .............................. 110723.4.4 Downloadbare Schriftarten in HTML einbinden ....................................... 1108

    24 Grafik................................................................................................................. 111124.1 Grafikformate fr Web-Seiten .................................................................. 111124.1.1 Allgemeines zu Grafikformaten fr Web-Seiten ........................................ 111124.1.2 Das GIF-Format ....................................................................................... 111124.1.3 Das JPEG-Format ..................................................................................... 111224.1.4 Das PNG-Format ..................................................................................... 111324.1.5 Das LuraWave-Format ............................................................................. 111424.1.6 Das SVG-Format...................................................................................... 111524.2 Typische Grafiksorten fr Web-Seiten ...................................................... 111624.2.1 Buttons (Schaltflchen) ........................................................................... 111624.2.2 Dots (Auflistungspunkte) ......................................................................... 111724.2.3 Bars (Trennleisten) .................................................................................. 111824.2.4 Wallpapers (Hintergrundbilder) ............................................................... 111924.2.5 Symbole (Textergnzung oder Textersatz)............................................... 112124.2.6 Cliparts (Illustrationen) ............................................................................ 112124.2.7 Thumbnails (Vorschaugrafiken) ............................................................... 112324.2.8 Fotos....................................................................................................... 112424.2.9 Blinde Pixel ............................................................................................. 112424.2.10 Grafische Layout-Elemente ...................................................................... 112524.3 Techniken und Begriffe der Bildbearbeitung ............................................ 112624.3.1 Allgemeines zu Raster- bzw. Pixelgrafiken ................................................ 112624.3.2 Bildgre, dpi und Pixel .......................................................................... 112724.3.3 Farbtiefen, Farbmodelle und Farbkanle .................................................. 112824.3.4 Farbpaletten und indizierte Farben .......................................................... 112924.3.5 Alphakanal und echte Transparenz .......................................................... 112924.3.6 Transparenz einer bestimmten Palettenfarbe ........................................... 113024.3.7 Dithering (Error-Diffusion)....................................................................... 113024.3.8 Graustufen.............................................................................................. 113224.3.9 Helligkeit, Sttigung und Kontrast ........................................................... 113224.3.10 Histogramm............................................................................................ 113424.3.11 Gammakorrektur..................................................................................... 113524.3.12 Filtereffekte ............................................................................................. 113624.3.13 Anti-Aliasing............................................................................................ 113924.4 Animierte GIF-Grafiken............................................................................ 114024.4.1 Allgemeines zu animierten GIF-Grafiken .................................................. 114024.4.2 Diashow-Effekte durch animierte GIF-Grafiken ......................................... 114024.4.3 Daumenkino-Effekte durch animierte GIF-Grafiken................................... 114124.4.4 Vorgehensweise beim Erstellen animierter GIF-Grafiken ........................... 1142

    25 Web-Projektverwaltung .............................................................................. 114325.1 Web-Projekte planen ............................................................................... 114325.1.1 Allgemeines zu Web-Projekten ................................................................ 1143

  • Inhaltsverzeichnis 25

    25.1.2 Ziel des Projekts ...................................................................................... 114325.1.3 Zielgruppe des Projekts ........................................................................... 114425.1.4 Projektumgebung im Web erforschen ..................................................... 114525.1.5 Inhalte und Redaktion ............................................................................. 114525.1.6 Kostenaufwand ....................................................................................... 114625.1.7 Terminierung und Ankndigung ............................................................. 114725.1.8 Gliederung und Strukturierung................................................................ 114825.1.9 Corporate Design.................................................................................... 114825.1.10 Web-Design ............................................................................................ 114925.2 Web-Projekte publizieren......................................................................... 115025.2.1 Allgemeines zum Publizieren von Web-Projekten ..................................... 115025.2.2 Homepages bei Online-Diensten ............................................................. 115125.2.3 Kostenlose Homepages ........................................................................... 115225.2.4 Eigene Domain-Adresse........................................................................... 115225.2.5 Virtual Hosting mit eigener Domain ........................................................ 115225.2.6 Server-Hosting mit eigener Domain......................................................... 115325.2.7 Server-Housing mit eigener Domain ........................................................ 115425.2.8 Publizieren mit FTP.................................................................................. 115425.3 Web-Projekte bekannt machen................................................................ 115525.3.1 Allgemeines ............................................................................................ 115525.3.2 Projekte bei Suchdiensten und Verzeichnissen anmelden ......................... 115525.3.3 Strategien bei der Online-Kommunikation............................................... 115825.3.4 Sonstige Bekanntmachungsstrategien ..................................................... 115825.4 Web-Projekte kontrollieren ...................................................................... 115925.4.1 Allgemeines ............................................................................................ 115925.4.2 Log-Dateien des Web-Servers .................................................................. 116025.4.3 Statistiken ............................................................................................... 116125.4.4 Statistiken auswerten............................................................................... 116225.4.5 Begriffe wie Hits, Pageviews und Visits..................................................... 116325.4.6 Anwender-Feedback auswerten ............................................................... 116425.5 Provider wechseln mit Web-Projekten...................................................... 116525.5.1 Provider wechseln bei vorhandener Domain-Adresse ............................... 116525.5.2 Provider wechseln und neue Domain-Adresse.......................................... 116525.6 Rechtliche Aspekte von Web-Projekten .................................................... 116625.6.1 Allgemeines ............................................................................................ 116625.6.2 Hoheit und Verantwortlichkeit................................................................. 116725.6.3 Relevante Rechtsbereiche (Deutschland).................................................. 116825.6.4 Gesetze fr neue Medien (in Deutschland)........................................... 116925.6.5 Autoren-Aussage zur Link-Haftung........................................................... 1171

    A Technische Ergnzugen .............................................................................. 1173A.1 HTTP-Statuscodes ................................................................................... 1173A.2 Mime-Typen ........................................................................................... 1178A.3 Sprachenkrzel ....................................................................................... 1183

  • 26 Inhaltsverzeichnis

    A.4 Client-Identifikationen............................................................................. 1189A.5 Client-Identifikationen anderer Browser ................................................... 1191A.6 robots.txt Robots kontrollieren ............................................................. 1193A.7 .htaccess Server-Reaktionen kontrollieren.............................................. 1195

    B HTML: Elementreferenz .............................................................................. 1207B.1 Allgemeines zur HTML-Elementreferenz................................................... 1207B.2 Block-Elemente ....................................................................................... 1207B.3 Inline-Elemente ....................................................................................... 1207B.4 #PCDATA................................................................................................ 1208B.5 Elementreferenz ...................................................................................... 1208

    C HTML: Attributreferenz .............................................................................. 1225C.1 Allgemeines zur HTML-Attributreferenz ................................................... 1225C.2 #CDATA.................................................................................................. 1225C.3 ID, IDREF oder Name .............................................................................. 1225C.4 Zahl ........................................................................................................ 1226C.5 Universalattribute.................................................................................... 1226C.6 Attributreferenz....................................................................................... 1228

    D HTML: Zeichenreferenz .............................................................................. 1263D.1 Allgemeines zur HTML-Zeichenreferenz................................................... 1263D.2 Benannte Zeichen fr HTML-eigene Zeichen ........................................... 1264D.3 Benannte Zeichen fr den Zeichensatz ISO 8859-1.................................. 1264D.4 Benannte Zeichen fr griechische Buchstaben ......................................... 1266D.5 Benannte Zeichen fr mathematische Symbole ....................................... 1268D.6 Benannte Zeichen fr technische Symbole............................................... 1269D.7 Benannte Zeichen fr Pfeil-Symbole ........................................................ 1269D.8 Benannte Zeichen fr diverse Symbole .................................................... 1270D.9 Benannte Zeichen fr Interpunktion ........................................................ 1270

    E HTML: Varianten ........................................................................................... 1273E.1 Varianten strict, transitional und frameset...................................... 1273E.1.1 Variante strict ...................................................................................... 1273E.1.2 Variante transitional............................................................................. 1273E.1.3 Variante frameset................................................................................. 1274E.2 Nicht erlaubte Elemente und Attribute bei Variante strict ..................... 1274

    Stichwortverzeichnis.................................................................................... 1279

  • 27

    1 Internet und WWW

    1.1 Entstehung des Internet

    1.1.1 Das ARPA-NetDie Ursprnge des heutigen Internet reichen in die 60er Jahre zurck. Es war die Zeit des KaltenKrieges zwischen den beiden Weltmchten USA und UdSSR. Neue Impulse in der Elektroni-schen Datenverarbeitung (EDV) kamen in jener Zeit hauptschlich durch militrische Initiativenzustande. Mittlerweile gibt es zwar im Internet Proteste gegen die Auffassung, militrische Inte-ressen htten das Internet geboren. Das ist insofern berechtigt, als es keine unmittelbare Ursa-chen-Wirkungs-Verhltnisse gibt. Doch die technologischen Ideen und Entwicklungen der Vor-lufernetze kamen definitiv aus dem militrnahen Umfeld in den USA, und es ist deshalb auchnicht verkehrt, das so darzustellen.

    Im Department of Defense, dem amerikanischen Verteidigungsministerium, wurde seit den fr-hen 60er Jahren berlegt, wie man wichtige militrische Daten besser schtzen knnte. Selbst beieinem atomaren Angriff des Gegners sollten die Daten nicht zerstrt werden knnen. Als Lsungkam nur ein elektronisches Datennetz in Frage. Die gleichen Daten sollten dabei auf mehreren,weit voneinander entfernten Rechnern abgelegt werden. Bei neuen oder genderten Daten soll-ten sich alle angeschlossenen Rechner binnen krzester Zeit den aktuellen Datenstand zusenden.Jeder Rechner sollte dabei ber mehrere Wege mit jedem anderen Rechner kommunizieren kn-nen. So wrde das Netz auch dann funktionieren, wenn ein einzelner Rechner oder eine bestim-mte Leitung durch einen Angriff zerstrt wrde. So gab die US Air Force 1964 bei der RANDCorporation das so genannte dezentrale Netzwerk in Auftrag. Bei dem, was da entwickeltwerden sollte, handelt es sich noch nicht um den direkten Vorlufer des heutigen Internet. Nachvielem Hin und Her scheiterte dieses Projekt auch und wurde nie realisiert. Die Idee des dezen-tralen Netzwerks mit der paketweisen Datenbertragung blieb jedoch in den Kpfen hngen.

    Die Advanced Research Projects Agency (ARPA), eine seit 1958 bestehende wissenschaftlicheEinrichtung, deren Forschungsergebnisse in militrische Zwecke einflossen, entschloss sich 1966zur Vernetzung der ARPA-eigenen Grorechner. Dabei wurde die Idee des dezentralen Netz-werks wieder aufgegriffen. Ende 1969 waren die ersten vier Rechner an das ARPA-Net ange-schlossen. Drei Jahre spter waren es bereits 40 Rechner. In dieser Zeit war es jedoch das ARPA-eigene Netz. In den ersten Jahren wurde das Netz deshalb auch ARPA-Net genannt. Aus ihmsollte spter das Internet entwachsen.

  • 28 Kapitel 1: Internet und WWW

    Die Geschichte des Internet beginnt also zur Zeit der ersten Mondlandung und in jener Zeit, alsdie Hippies das Zeitalter des Wassermanns heraufziehen sahen. Informationen zum ARPA-Netim WWW:

    Defense Advanced Research Projects Agency (DARPA) (www.arpa.mil/)

    1.1.2 Wissenschaftliche EinrichtungenDas Prinzip der vernetzten Rechner war a