Einleitung 21

Teil I Einführung 25

Kapitel 1: Einführung in HTML und XHTML 25
Ein erster Blick auf HTML 25
HTML: Eine strukturierte Sprache 29
Dokumenten-Typen 30
Das ⟨html⟩-Element 33
Das ⟨head⟩-Element 33
Das ⟨title⟩-Element 33
Andere ⟨head⟩-Elemente 35
Das ⟨body⟩-Element 36
Elemente und Zeichen 36
Die HTML-Regeln 36
XHTML: Die auferlegten Regeln 40
Logisches und physisches HTML 41
Mythen über HTML und XHTML 43
Zusammenfassung 45

Kapitel 2: Web-Entwicklung – Ein Überblick 47
Die Notwendigkeit sorgfältiger Web-Entwicklung 47
Das Basis-Web-Entwicklungsmodell 48
Ziele und Probleme 49
Brainstorming für die Site 50
Reduzieren der Wunschliste 51
Zielgruppe 51
User-Profile 52
Anforderungen 52
Der Site-Plan 53
Designphase seziert 54
Block-Komponenten 55
Bildschirm- und Papier-Entwürfe 56
Erstellen einer Probe-Site 59
HTML produzieren 60
Tipps für dieHTML-Produktion 63
Beta-Site-Implementation 67
Testen 67
Die Zeit der Veröffentlichung 69
Willkommen in der realen Welt 69
Zusammenfassung 70

Teil II HTML-Grundlagen 71

Kapitel 3: Kernelemente 71
HTML-Kernattribute 71
id 71
class 72
style 72
title 73
Kern-Sprachattribute 73
Kernereignisse 74
Überschriften 74
Absätze und Umbrüche 76
Abschnitte und Zentrierung 79
Spans 81
Zitate 81
Vorformatierter Text 83
Listen 85
Nummerierte Listen 85
Nicht nummerierte Listen 88
Definitionslisten 90
Listen für eine Präsentation 91
Horizontale Linien 92
Andere Absatzelemente 94
Adresse 94
Zeichen formatierende Elemente 95
Physische Zeichenformatierungselemente 95
Logische Elemente 97
Eingefügter und entfernter Text 100
Sonderzeichen 101
Kommentare 103
Zusammenfassung 104

Kapitel 4: Links und Adressierung 105
Grundlagen der Verknüpfung 105
Was sind URLs? 108
Basis-Konzepte 108
Formel für einen URL 115
Relative URLs 119
Verknüpfungen in HTML 120
Das Anker-Element 121
Link-Darstellung 123
Anker-Attribute 124
Das name-Attribut 125
Das title-Attribut für Anker 127
Tastaturzugriffe 127
Das tabindex-Attribut 128
Das target-Attribut 128
Anker und Link-Beziehungen 129
Skripte und Anker 129
Grafiken und Anker 130
Imagemaps 131
Serverseitige Imagemaps 132
Clientseitige Imagemaps 133
Imagemap-Attribute 137
Inhaltliche Verknüpfungen mit dem ⟨link⟩-Element 141
Link-Beziehungen im Detail 141
⟨link⟩ und Style Sheets 142
Jenseits der Adressierung 143
Probleme mit URLs 143
URNs, URCs und URIs 144
Neue URL-Formen 146
Zusammenfassung 146

Teil III Präsentation und Layout 149

Kapitel 5: HTML und Grafiken 149
Einführung in Grafiken 149
GIF-Grafiken 150
JPEG-Grafiken 153
PNG-Grafiken 154
Andere Grafikformate 155
HTML-Grafik-Grundlagen 155
Alternativer Text mit dem alt-Attribut 156
Ausrichtung von Grafiken 159
Abstände: hspace und vspace 162
Erweiterungen für ⟨br⟩ 165
Height und Width 166
Low-Source-Grafiken 167
Grafiken als Schaltflächen 168
Klicksensitive Grafiken (Imagemaps) 170
Serverseitige sensitive Grafiken 170
Clientseitige klicksensitive Grafiken 170
Erweiterte Grafik-Betrachtungen: Scripting, Style und ⟨object⟩ 171
Tipps für die Verwendung von Grafiken 172
Grafik-Benutzung 172
Die rechtliche Seite von Grafiken 172
Grafiken und Ladegeschwindigkeit 173
Zusammenfassung 174

Kapitel 6: Basis-Layout: Text, Farben und Hintergründe 175
Design-Anforderungen 175
HTML-Ansätze des Web-Designs 176
Text-Ausrichtung mit HTML-Elementen 176
N011.Break111g Spaces 178
Das ⟨center⟩-Element 179
Ausrichtungsattribute 180
Vorgaben mit ⟨nobr⟩ und ⟨wbr⟩ 180
Ausrichtung mit Grafiken 181
Unsichtbare Grafiken und Layout 181
Das ⟨spacer⟩-Element 183
Das ⟨multicol⟩-Element 184
Fonts 187
Dokumentweite Font-Einstellungen 193
Downloadbare Fonts 193
Netscapes Dynamic Fonts 193
Microsofts Dynamic Fonts 194
Farben in HTML 196
Dokumentweite Farbattribute für ⟨body⟩ 197
Hintergrundbilder 198
Hintergrund-Attribute im Internet Explorer 201
Kontrolle der Seitengrenzen 201
Zusammenfassung 202

Kapitel 7: Layout mit Tabellen 203
Einführung in Tabellen 203
Einfache Tabellen 203
rowspan und colspan 205
Tabellen zur Gestaltung 209
Tabellen-Tipps 222
Tabellen in HTML 4 223
Microsoft-Erweiterungen 226
Datenanbindung: Durch Datenquellen generierte Tabellen 226
Zusammenfassung 229

Kapitel 8: Frames 231
Frames 231
Übersicht über Frames 232
Ein einfaches Frame-Beispiel 233
Der ⟨noframes⟩-Bereich 235
Frame-Adressierung 236
Frame-Layouts 239
Fließende Frames 243
Arbeiten mit Frames 245
Probleme mit Frames 245
Zusammenfassung 246

Kapitel 9: HTML und Multimedia 247
Audio 247
Grundlagen digitaler Sounds 247
Audio-Dateiformate und Komprimierung 248
Laden und Abspielen von Audio 248
MP3 249
Grundlagen der Audio-Einbindung 249
RealAudio 250
Windows Media Audio 254
Video 254
QuickTime 257
Weitere ausgewählte Videoformate 260
Windows Media Video 261
Animation 261
Textanimation mit ⟨marquee⟩ 262
Animierte GIFs 263
Flash 264
PDF-Format 266
Zusammenfassung 267

Kapitel 10: Style Sheets 269
Style-Sheet-Grundlagen 269
Style Sheets in ein Dokument einfügen 271
Verweise auf ein Style Sheet 271
Style Sheets einbinden und importieren 273
Eingebettete Stilregeln verwenden 275
CSS und HTML-Befehle 275
⟨div⟩ und ⟨span⟩ - Die Style Sheet Version 276
Style-Sheet-Regeln erstellen 277
id-Regeln 277
Klassenregeln 278
Pseudoklassen und Elemente 279
Kontextabhängige Selektion 281
Vererbung 281
Ein vollständiges Style-Sheet-Beispiel 283
CSS1-Eigenschaften 286
CSS-Maßeinheiten 286
Schrift-Eigenschaften 288
Schrift-Familie 288
Font-Größe 288
Font-Stil 289
Font-Gewichtung 289
Font-Varianten 289
Font 289
Text-Eigenschaften 293
Text-Transformation 293
Text-Dekoration 293
Wort-Freiräume 293
Zeichen-Freiräume 294
Vertikale Ausrichtung 294
Text-Ausrichtung 294
Text-Einrückung 295
Zeilenhöhe 295
Freiräume 295
Listen-Eigenschaften 299
Listenstiltypen 299
Listenstilgrafiken 301
Listenstilpositionen 301
Listenstil 301
Farben und Hintergrundeigenschaften 303
Farben 304
Hintergrundfarbe 304
Hintergrundbilder 304
Hintergrund-Wiederholungen 305
Feststehende Hintergründe 305
Hintergrund-Position 305
Hintergrund 306
Box-Eigenschaften 308
Abstandeigenschaften 308
Begrenzungseigenschaften 310
Zwischenraumeigenschaften 314
Breite und Höhe 316
(Text-)Flusskontrolle 316
Anzeige-Eigenschaften 318
Positionierung mit Style Sheets 319
Regionen positionieren 319
z.111dex 322
Zusammenfassung der CSS2-Merkmale 326
CSS2-Selektoren 326
CSS2-Pseudoklassen und -Elemente 327
CSS2-Text und Font-Verbesserungen 328
CSS2-Listenelemente 329
Display-Eigenschaftsänderungen 329
Medien-Typen 330
Printer-spezifisches CSS 331
Akustische Erweiterungen 334
CSS3: Eines Tages? 338
Eine Microsoft-spezifische Sammlung von Style-Sheet-Eigenschaften 338
Herunterladbare Fonts 339
Zusammenfassung 340

Teil IV Programmierung 341

Kapitel 11: Wofür werden Formulare verwendet? 341
Wie werden Formulare verwendet? 341
Einführung in Formulare 342
Das ⟨form⟩-Element 343
Das action-Attribut 343
Das method-Attribut 344
Das enctype-Attribut 346
Das name-Attribut 347
Einfaches Beispiel für ein Formular 347
Formularfeld-Elemente 348
Textfelder 348
Pull-Down-Menüs 352
⟨optgroup⟩ 354
Scrollende Listen 355
Check-Boxen 356
Radio-Buttons 357
Reset- und Submit-Buttons 358
Zusätzliche ⟨input⟩-Typen 360
Neue Formularelemente 363
⟨button⟩ 364
⟨label⟩ 364
⟨fieldset⟩ 365
Tastatur-Erweiterungen für Formulare 366
Verschiedene HTML-4.0-Formular-Attribute 367
Formular-Präsentation 368
Hinweisfenster und Formularfelder 371
Formulare und CSS 371
Internet Explorer: AutoVervollständigen 375
Formulare und Ereignisse 376
Zusammenfassung 378

Kapitel 12: Einführung in die serverseitige Programmierung 379
Übersicht der Client/Server-Programmierung im Web 379
Serverseitige Programmierung 381
Common Gateway Interface (CGI) 382
CGI-Output 384
Information an ein CGI-Programm weiterleiten: Umgebungsvariablen 386
Informationen an ein CGI-Programm weiterleiten: Formular-Daten 390
CGI-Programme schreiben 392
CGI-Programme kaufen oder leihen 393
Servermodule: NSAPI, ISAPI und andere 393
Serverseitiges Scripting 394
Server-Side Includes (SSI) 395
ColdFusion 399
CFML verwenden 399
CFML-Zusammenfassung 406
Active Server Pages (ASP) 407
ASP-Seiten erstellen 407
Zusammenfassung 411

Kapitel 13: Einführung in JavaScript und DHTML 413
Sinn und Zweck von Skripten 413
JavaScript 414
VBScript 415
Einfügen von Skripten in ein HTML-Dokument 417
Das ⟨script⟩-Element 417
⟨noscript⟩ 419
Verlinkte Skripte 420
Skript-Ereignisse und HTML 421
Der javascript:-URL 424
JavaScript-Sonderzeichen 425
JavaScript-Sprachübersicht 425
JavaScript und das Document Object Model 427
Objekt-Modelle 429
HTML-Elemente und Skriptzugriff 430
Dynamisches HTML und das Aufkommen des Standard-DOM 433
Skript-Interaktion mit Style Sheets 436
Gängige Skripte 439
Datum der letzten Modifikation 439
Mit Bedingungen verknüpfter Quellcode 439
Pull-Down-Navigationsmenü 440
»Rollover«-Buttons 442
Plausibilitätsprüfung von Formularen 444
Zusammenfassung 445

Kapitel 14: Clientseitige Programmierung: PlugIns, ActiveX und Java 447
Scripting, Programmierung und Objekte 447
PlugIns 447
⟨embed⟩-Syntax 448
Besondere PlugIn-Attribute 449
Attribute für die Installation von PlugIns 450
⟨noembed⟩ 450
⟨object⟩-Syntax für PlugIns 451
Scripting und PlugIns 452
ActiveX Controls 454
Controls zu Webseiten hinzufügen 455
ActiveX Controls installieren 457
Daten an ActiveX Controls weiterreichen 458
ActiveX Controls und Scripting 458
ActiveX ohne Programmierung verwenden 460
Java Applets 460
⟨applet⟩-Syntax 462
Daten an Java Applets weiterreichen 463
Java Applets und Scripting 464
⟨object⟩-Syntax für Java Applets 465
Java ohne Programmierung verwenden 466
Plattformübergreifende Object-Syntax heute und morgen 466
Zusammenfassung 468

Teil V Übertragung und Management der Website 469

Kapitel 15: Übermittlung der Site 469
Der Stellenwert der Übermittlung 469
Wie Websites übertragen werden 470
Externes Web-Hosting 471
Shared Hosting 471
Dediziertes Hosting 472
111.H0use.Webserver 473
Webserver-Komponenten 474
Webserver-Software 475
Wie Webserver arbeiten 477
HTTP 478
MIME 487
Die Wahrheit über das Veröffentlichen und Warten einer Website 490
Zusammenfassung 491

Kapitel 16: Site-Management 493
Meta-Informationen 493
Das Attribut name 493
⟨meta⟩ und http-equiv 494
Kontrolle des Cache-Speichers 494
Client-pull 495
Site Filtering mit PICS 496
Promotion in Suchmaschinen 499
Wie Suchmaschinen arbeiten 500
Zu Suchmaschinen hinzufügen 501
Robot-Ausgrenzung 501
Robots.txt 501
Robot-Kontrolle mit ⟨meta⟩ 502
Für Suchmaschinen optimieren 503
⟨meta⟩-Befehle für Suchmaschinen nutzen 503
Titel und Dateinamen 504
Relevanter Text-Inhalt 505
Links und Eingangspunkte 505
Trickreiches Geschäft 506
Link-Wartung 506
Umleitungsseiten 507
Websites managen 508
Inhaltsmanagement 509
Zusammenfassung 511

Teil VI Fortgeschrittene Themen 513

Kapitel 17: XML: Jenseits von HTML 513
Die Beziehung zwischen HTML, SGML und XML 513
Basis-XML 514
Gültige Dokumente 517
XML-Darstellung 520
XML mit XSL zu HTML transformieren 521
XML-Dokumente mit Hilfe von CSS darstellen 526
XML Application Languages 527
XHTML: HTML für XML umschreiben 527
Wireless Markup Language (WML) 531
SMIL 534
Die Zukunft von XML 537
Zusammenfassung 538

Kapitel 18: Zukunftsaussichten 539
Entwirren der Menge 539
Verbessern der Präsentation 541
Programmieren von Sites 542
Webweite Probleme lösen 543
Die Herausforderung der Suche 543
Verbesserung von Zugriff und Nutzbarkeit 544
Beschleunigen der Übertragung 544
Der Aufstieg von XML 545
Wie sieht die Zukunft von HTML aus? 546
Zusammenfassung 546
Anhang A: HTML-Element-Referenz 547
XHTML-Kompatibilität 547
Regeln für XHTML-Kompatibilität 547
XHTML: Verschiedene Versionen 549
Kern-Attribut-Referenz 550
class 550
id 550
style 551
title 551
Sprach-Referenz 552
lang 552
dir 552
Ereignis-Referenz 552
Erweiterte Ereignisse 554
HTML-Element-Referenz 559
⟨!- - - -⟩ (Kommentar) 559
⟨!DOCTYPE⟩ (Document Type Definition) 560
⟨a⟩ (Anker) 561
⟨abbr⟩ (Abkürzung) 565
⟨acronym⟩ (Akronym) 566
⟨address⟩ (Adresse) 569
⟨applet⟩ (Java Applet) 571
⟨area⟩ (Image Map Area) 574
⟨b⟩ (Fett) 577
⟨base⟩ (Basis-URL) 579
⟨basefont⟩ (Basis-Font) 581
⟨bdo⟩ (Schreibrichtung ändern) 582
⟨bgsound⟩ (Backgroundsound) 584
⟨big⟩ (Große Schrift) 585
⟨blink⟩ (Blinkende Textdarstellung) 587
⟨blockquote⟩ (Zitatabsatz) 588
⟨body⟩ (Dokumentkörper) 590
⟨br⟩ (Zeilenumbruch) 594
⟨button⟩ (Formular-Button) 595
⟨caption⟩ (Bild- oder Tabellenunterschrift) 598
⟨center⟩ (Zentrierte Ausrichtung) 600
⟨cite⟩ (Zitat) 602
⟨code⟩ (Code-Listing) 604
⟨col⟩ (Spalte) 606
⟨colgroup⟩ (Spaltengruppe) 608
⟨comment⟩ (Kommentarinformation) 610
⟨dd⟩ (Definition in einer Definitionsliste) 611
⟨del⟩ (Gelöschter Text) 614
⟨dfn⟩ (Definition) 616
⟨dir⟩ (Directory List) 618
⟨div⟩ (Division) 620
⟨dl⟩ (Definitionsliste) 623
⟨dt⟩ (Begriff in einer Definitionsliste) 625
⟨em⟩ (Betonung) 628
⟨embed⟩ (Eingebundenes Objekt) 630
⟨fieldset⟩ (Formularfeldgruppierung) 632
⟨font⟩ (Font-Definition) 635
⟨form⟩ (Formular für User-Eingaben) 637
⟨frame⟩ (Fensterregion) 640
⟨frameset⟩ (Frameset-Definition) 643
⟨h1⟩ bis ⟨h6⟩ (Überschriften) 647
⟨head⟩ (Dokumentkopf) 649
⟨hr⟩ (Horizontale Linie) 650
⟨html⟩ (HTML-Dokument) 653
⟨i⟩ (Kursiv) 654
⟨iframe⟩ (Fließender Frame) 656
⟨ilayer⟩ (Einfließende Layer) 659
⟨img⟩ (Grafik) 661
⟨input⟩ (Formularkontrollobjekt) 665
⟨ins⟩ (Eingefügter Text) 670
⟨isindex⟩ (Index-Prompt) 672
⟨kbd⟩ (Keyboard-Eingabe) 675
⟨label⟩ (Formularelement-Label) 677
⟨layer⟩ (Inhalts-Layer) 680
⟨legend⟩ (Legende für Formularfeldgruppe) 682
⟨li⟩ (Listen-Element) 684
⟨link⟩ (Verweis zu externen Dateien oder zum Bestimmen von Beziehungen) 687
⟨listing⟩ (Code-Listing) 690
⟨map⟩ (Clientseitige Imagemap) 692
⟨marquee⟩ (Marquee-Darstellung) 694
⟨menu⟩ (Menüliste) 697
⟨meta⟩ (Meta-Information) 699
⟨multicol⟩ (Mehrspaltiger Text) 701
⟨nobr⟩ (Kein Umbruch) 703
⟨noembed⟩ 704
⟨noframes⟩ 705
⟨noscript⟩ 706
⟨object⟩ (Eingebundene Objekte) 708
⟨ol⟩ (Nummerierte Liste) 712
⟨optgroup⟩ (Gruppierung von Optionen) 715
⟨option⟩ (Option in einer Auswahlliste) 717
⟨p⟩ (Paragraph, Absatz) 719
⟨param⟩ (Objektparameter) 722
⟨plaintext⟩ (Reiner Text) 723
⟨pre⟩ (Preformatted Text, vorformatierter Text) 726
⟨q⟩ (Zitat) 728
⟨rt⟩ (Ruby-Text) 730
⟨ruby⟩ 732
⟨s⟩ (Durchgestrichen) 735
⟨samp⟩ (Beispieltext) 737
⟨script⟩ (Scripting) 739
⟨select⟩ (Auswahlliste) 741
⟨small⟩ (Small Text) 745
⟨spacer⟩ (Extra Space) 747
⟨span⟩ (Text Span) 748
⟨strike⟩ (Durchgestrichener Text) 750
⟨strong⟩ (Stark hervorgehobener Text) 752
⟨style⟩ (Stilinformation) 754
⟨sub⟩ (Tief gestellt) 756
⟨sup⟩ (Hoch gestellt) 758
⟨table⟩ (Tabelle) 760
⟨tbody⟩ (Tabellen-Body) 765
⟨td⟩ (Tabellendaten) 768
⟨textarea⟩ (Mehrzeiliges Texteingabefeld) 772
⟨tfoot⟩ (Tabellenfuß) 776
⟨th⟩ (Tabellenüberschrift) 779
⟨thead⟩ (Tabellen-Überschrift) 783
⟨title⟩ (Dokumenten-Titel) 785
⟨tr⟩ (Tabellenzeile) 787
⟨tt⟩ (Teletype-Text) 790
⟨u⟩ (Unterstrichen) 791
⟨ul⟩ (Nicht nummerierte Liste) 793
⟨var⟩ (Variable) 796
⟨wbr⟩ (Zeilenumbruch) 798
⟨xml⟩ (XML Daten) 799
⟨xmp⟩ (Beispiel) 801
Anhang B: Style-Sheet-Referenz 805
Style-Sheet-Ausdrücke 805
Dokumentweite Stilregeln 805
Eingebundene Stilregeln 806
Verknüpfte Stilregeln 806
Importierte Stilregeln 806
Selektoren 807
Regeln 809
Gruppierung 809
Vererbung 809
Pseudoklassen 810
a:active 810
a:link 810
a:visited 810
Pseudoelemente 810
first-letter 811
first-line 811
Verschiedenes 811
/* Kommentare */ 811
!important 812
Fonts 812
font-family 812
font-size 814
font-style 817
font-weight 818
font-variant 820
text-transform 820
text-decoration 822
font 823
Text 823
word-spacing 823
letter-spacing 824
line-height 825
text-align 825
vertical-align 826
text-indent 828
Farben und Hintergründe 829
color 829
background-color 829
background-image 830
background-repeat 830
background-attachment 832
background-position 832
background 835
fixed 837
Layout 839
Abstände 839
Begrenzungen 841
padding 847
width 849
height 849
float 850
clear 851
Klassifikation 852
display 852
white-space 853
list-style-type 854
list-style-image 857
list-style-position 857
list-style 857
CSS2-Eigenschaften 858
CSS2-Selektoren 858
CSS2-Pseudoelemente 859
CSS2-Text und -Font-Eigenschaften 859
Druck-Stile 860
CSS2-Tabellen-Eigenschaften 860
CSS2-Border-Eigenschaften 860
CSS2 – Akustische Stil-Eigenschaften 861
CSS2-Layer und Positionierung 861
position 861
width 864
height 864
clip 865
overflow 865
z.111dex 866
visibility 866
Weitere CSS2-Eigenschaften 867
Microsoft-Erweiterungen für CSS 868
background-position-x 868
background-position-y 869
behavior 869
filter 869
ime-mode 869
layout-grid 869
layout-grid-char 870
layout-grid-line 870
layout-grid-mode 870
layout-grid-type 870
line-break 871
overflow-x 871
overflow-y 871
ruby-align 871
ruby-overhang 872
ruby-position 872
scrollbar-3d-light-color 872
scrollbar-arrow-color 873
scrollbar-base-color 873
scrollbar-dark-shadow-color 873
scrollbar-face-color 873
scrollbar-highlight-color 873
scrollbar-shadow-color 873
text-autospace 874
text-justify 874
text-kashida-space 874
text-underline-position 874
word-break 875
word-wrap 875
writing-mode 875
zoom 875
Style-Sheet-Messwerte 876
% 876
cm 876
em 876
ex (x-height) 876
111 877
mm 877
pc 877
pt 877
px 878
Style-Sheet-Farbwerte 878
Sechsstellige Hexadezimal-Farbwerte 878
Dreistellige Hexadezimal-Farbwerte 879
RGB-Farbwerte 879
RGB-Farbwerte unter Verwendung von Prozenten 879
Anhang C: Sonderzeichen 881
»Standard«-HTML-Zeichen 881
HTML-4.0-Sonderzeichen 894
Der erweiterte Zeichensatz Latin-A 894
Der erweiterte Zeichensatz Latin-B 894
Freiraum modifizierende Zeichen 894
Allgemeine Satzzeichen 895
Griechische Buchstaben 896
Pfeile 899
Mathematische Operatoren 900
Technische Symbole 901
Geometrische Formen 901
Verschiedene Symbole 902
Anhang D: Fonts 903
Fonts für Microsoft 903
Fonts für Apple Macintosh System 7 905
Zusätzliche Fonts bei Apple Macintosh System 8.0 905
Zusätzliche Fonts bei Apple Macintosh System 8.5 906
Microsoft-Fonts für Macintosh-Internet-Explorer 906
Fonts für Unix-Systeme 907
Anhang E: Farbreferenz 909
Websichere Farben 909
Farbnamen und Zahlenwerte 911

Stichwortverzeichnis 913