HTML 5 – Schritt für Schritt
Werbung
Inhaltsverzeichnis
Einleitung ...................................................................................................................................................
Danksagung ..........................................................................................................................................
Einführung ............................................................................................................................................
Was ist HTML? .....................................................................................................................................
Die Bedeutung von HTML-Tags.................................................................................................
Der Umgang mit Cascading Style Sheets ...................................................................................
Warum soll man HTML im Editor lernen?...............................................................................
Die Wahl der HTML-Version .....................................................................................................
Warum in HTML5 codieren?......................................................................................................
Minimale Systemanforderungen.................................................................................................
Der Einsatz der Übungsdateien..........................................................................................................
Weitere Hilfen .......................................................................................................................................
Hilfe zu diesem Buch ....................................................................................................................
Konventionen und Features in diesem Buch ....................................................................................
Wie geht’s weiter?..........................................................................................................................
13
14
14
14
15
16
17
17
19
19
20
22
22
22
23
Teil A – Der Einstieg in HTML ................................................................................................................
25
1 Die Bearbeitung und Darstellung von HTML-Dateien .............................................................
27
29
31
32
33
36
37
Eine Webseite im Editor öffnen..........................................................................................................
Datendateien in die Favoritenliste aufnehmen .........................................................................
Eine Datei über Windows-Explorer öffnen...............................................................................
Vorschau einer Webseite in Internet Explorer..................................................................................
Änderungen vornehmen, speichern und anschauen.......................................................................
Zusammenfassung................................................................................................................................
2 Die Dokumentstruktur einrichten.................................................................................................
Den Dokumenttyp festlegen ...............................................................................................................
Die Bereiche HTML, Kopfteil und Text erstellen.............................................................................
Absätze und Zeilenumbrüche erstellen .............................................................................................
Seitentitel und Metatags angeben.......................................................................................................
Eine Datei auf einem Server bereitstellen .........................................................................................
Zusammenfassung................................................................................................................................
39
41
42
44
46
48
49
8
Inhaltsverzeichnis
3 Text mit Tags formatieren...............................................................................................................
Überschriften erstellen........................................................................................................................
Formatierungen für Fett- und Kursivschrift ....................................................................................
Text hoch- und tiefgestellt formatieren.............................................................................................
Nicht-proportionaler und vorformatierter Text ..............................................................................
Ein Zitat formatieren...........................................................................................................................
Ansichtsoptionen in Internet Explorer konfigurieren ....................................................................
Zusammenfassung ...............................................................................................................................
4 Die Arbeit mit Listen und Hintergründen....................................................................................
Listen mit Aufzählungspunkten und Nummerierungen erstellen ................................................
Verschachtelte Listen ...................................................................................................................
Aufzählungs- oder Listenzeichen ändern..................................................................................
Die Darstellung der Durchnummerierung ...............................................................................
Definitionslisten erstellen ...................................................................................................................
Einfügen von Sonderzeichen..............................................................................................................
Horizontale Linien einfügen ..............................................................................................................
Vorder- und Hintergrundfarben wählen ..........................................................................................
Farben festlegen ............................................................................................................................
Eine Hintergrundfarbe anwenden..............................................................................................
Eine Vordergrundfarbe angeben ................................................................................................
Ein Bild als Hintergrund einsetzen....................................................................................................
Zusammenfassung ...............................................................................................................................
5 Hyperlinks und Anker erstellen......................................................................................................
Webseiten per Hyperlink verknüpfen ...............................................................................................
Teilpfade und Dateinamen..........................................................................................................
Relative und absolute Pfade.........................................................................................................
Ein Zielfenster angeben................................................................................................................
E-Mail-Adresse als Hyperlink ............................................................................................................
Anker erstellen und per Hyperlink verknüpfen...............................................................................
Hyperlinks auf andere Inhalte erstellen ............................................................................................
Zusammenfassung ...............................................................................................................................
51
54
56
58
59
63
65
69
71
74
75
76
76
80
81
84
86
87
87
88
88
91
93
95
96
97
98
99
102
105
107
Teil B – Stylesheets und Bilder................................................................................................................ 109
6 Einführung in Stylesheets ............................................................................................................... 111
Die Aufgabe von Formatvorlagen......................................................................................................
Formatierungsregeln erstellen............................................................................................................
Formatvorlagen für verschachtelte Tags erstellen............................................................................
Klassen und IDs für Formatvorlagen ................................................................................................
Formatvorlagen auf Hyperlinks anwenden ......................................................................................
Externe Formatvorlagen erstellen und verknüpfen.........................................................................
Zusammenfassung ...............................................................................................................................
113
115
118
120
123
125
127
Inhaltsverzeichnis
9
7 Text mit Stylesheets formatieren................................................................................................... 129
Eine Schriftartfamilie angeben ...........................................................................................................
Schriftgrößen und -farben festlegen ..................................................................................................
Formatierungen für Fett- und Kursivschrift.....................................................................................
Text durchstreichen und unterstreichen ...........................................................................................
Inline-Spans erstellen...........................................................................................................................
Der Abstand der Buchstaben ..............................................................................................................
Zusammenfassung................................................................................................................................
131
134
138
141
142
144
147
8 Absätze mit Stylesheets formatieren............................................................................................ 149
Die Einrückung von Absätzen ............................................................................................................
Rahmen um einen Absatz legen .........................................................................................................
Einen Rahmenstil angeben...........................................................................................................
Innenabstand zum Rahmen festlegen ........................................................................................
Breite und Farbe des Rahmens ....................................................................................................
Rahmenseiten individuell formatieren.......................................................................................
Alle Rahmenattribute auf einmal setzen ....................................................................................
Horizontale Ausrichtung eines Absatzes ...........................................................................................
Zeilenabstand innerhalb eines Absatzes............................................................................................
Zusammenfassung................................................................................................................................
151
155
155
156
157
157
158
160
162
164
9 Bilder darstellen ............................................................................................................................... 165
Die Wahl des Bildformats....................................................................................................................
Bilder für die Webnutzung vorbereiten .............................................................................................
Bilder einfügen......................................................................................................................................
Elemente auf einer Seite arrangieren .................................................................................................
Bildgröße und Innenabstände festlegen ............................................................................................
Bilder mit Hyperlinks ..........................................................................................................................
Die Arbeit mit Miniaturansichten......................................................................................................
Alternativtext für Bilder einfügen ......................................................................................................
Bildunterschriften einfügen ................................................................................................................
Zusammenfassung................................................................................................................................
167
169
169
173
174
178
180
183
183
185
Teil C – Seitenlayout und Navigation.................................................................................................... 187
10 Navigationshilfen erstellen ............................................................................................................ 189
Die Organisation einer Website planen.............................................................................................
Die textbasierte Navigationsleiste ......................................................................................................
Die grafische Navigationsleiste...........................................................................................................
Eine Imagemap erstellen .....................................................................................................................
Weiterleitung zu einer anderen URL .................................................................................................
Zusammenfassung................................................................................................................................
191
194
197
199
205
207
10
Inhaltsverzeichnis
11 Bereichsbasierte Layouts erstellen................................................................................................ 209
Die semantischen Tags von HTML5 .................................................................................................
Wie man in Bereichen denkt..............................................................................................................
Bereiche erstellen .................................................................................................................................
Ein semantisches Layout mit HTML5 erstellen...............................................................................
Bereiche positionieren.........................................................................................................................
Bereiche links oder rechts umfließen lassen .............................................................................
Einen Bereich auf der Seite positionieren .................................................................................
Bereiche formatieren ...........................................................................................................................
Zusammenfassung ...............................................................................................................................
211
212
213
215
217
218
219
222
227
12 Tabellen erstellen ............................................................................................................................. 229
Eine einfache Tabelle ...........................................................................................................................
Die Tabellengröße festlegen................................................................................................................
Die Spaltenbreite festlegen..................................................................................................................
Tabellenzellen zusammenführen .......................................................................................................
Tabellen im Seitenlayout einsetzen....................................................................................................
Zusammenfassung ...............................................................................................................................
233
236
241
244
248
251
13 Tabellen formatieren........................................................................................................................ 253
Tabellenrahmen einfügen ...................................................................................................................
Rahmen über Attribute angeben ................................................................................................
Rahmen über Formatvorlagen angeben ....................................................................................
Vorder- und Hintergrund füllen........................................................................................................
Innenabstand, Ausrichtung und Abstand von Zellen ändern ........................................................
Den Zelleninnenabstand festlegen .............................................................................................
Zellenabstand angeben.................................................................................................................
Horizontale und vertikale Ausrichtung.....................................................................................
Zusammenfassung ...............................................................................................................................
255
257
258
264
268
269
269
270
272
14 Benutzerformulare erstellen .......................................................................................................... 273
Einfache Formulare erstellen..............................................................................................................
Ein Textfeld erstellen....................................................................................................................
Besondere Feldtypen für E-Mail- und Internetadressen.........................................................
Einen Textbereich erstellen .........................................................................................................
Schaltflächen zum Senden und Löschen ...................................................................................
Standard- oder Platzhaltertext einfügen....................................................................................
Kontrollkästchen und Optionsfelder erstellen.................................................................................
Listen erstellen......................................................................................................................................
Weitere Eingabearten in HTML5 ......................................................................................................
Die Arbeit mit CGI und anderen fortgeschrittenen Tools .............................................................
Zusammenfassung ...............................................................................................................................
276
276
278
278
278
279
282
285
289
291
292
Inhaltsverzeichnis
11
15 Audio und Video einbinden........................................................................................................... 293
Was bringt HTML5 bei Audio und Video Neues? ...........................................................................
Multimedia-Grundlagen von HTML ................................................................................................
Multimedia-Formate und -Container ........................................................................................
Mit Codecs Video und Audio dekodieren.................................................................................
Die Wahl des Formats ..................................................................................................................
Dateigröße und Qualität...............................................................................................................
Video kodieren ..............................................................................................................................
Videoclips einbetten.............................................................................................................................
Das <video>-Tag ...........................................................................................................................
Das <embed>-Tag – Ihr persönlicher Plan B............................................................................
Videoclips auf einer Webseite integrieren.................................................................................
Audiodateien auf einer Webseite integrieren....................................................................................
Audiodateien per <audio>-Tag abspielen .................................................................................
Audiodateien in älteren Browsern abspielen.............................................................................
Audioclips auf einer Webseite integrieren.................................................................................
Zusammenfassung................................................................................................................................
295
296
297
297
298
298
300
300
300
302
302
305
305
305
306
307
16 JavaScript und externe Inhalte einbinden................................................................................... 309
Das Canvas-Element............................................................................................................................
JavaScript kurz gefasst..........................................................................................................................
JavaScript auf einer Webseite einbinden....................................................................................
Die erste JavaScript-Webseite......................................................................................................
JavaScript-Events und jQuery.............................................................................................................
Der Bezug von jQuery ..................................................................................................................
Der Einstieg mit jQuery................................................................................................................
Elemente mit jQuery auswählen .................................................................................................
Funktionen mit JavaScript aufrufen ...........................................................................................
Mit jQuery und JavaScript auf Events reagieren.......................................................................
Das HTML5-Tag <canvas> .................................................................................................................
Externe Inhalte in Webseiten einbinden ...........................................................................................
Zusammenfassung................................................................................................................................
311
312
313
313
316
316
317
319
320
322
326
333
333
Teil D – Andere Wege zum HTML-Code .............................................................................................. 335
17 HTML und Microsoft Expression Web ......................................................................................... 337
Die Benutzeroberfläche von Expression Web...................................................................................
Websites und Webseiten erstellen.......................................................................................................
Mit CSS-Vorlagen neue Seiten erstellen ............................................................................................
Bilder einfügen......................................................................................................................................
Import eines Bilderordners..........................................................................................................
Bilder in eine Seite einfügen ........................................................................................................
Ein Hintergrundbild in einen Bereich einsetzen ......................................................................
339
344
349
352
352
353
354
12
Inhaltsverzeichnis
Text formatieren...................................................................................................................................
Einen Bereich formatieren..................................................................................................................
Hyperlinks einfügen ............................................................................................................................
Zusammenfassung ...............................................................................................................................
356
361
363
365
Teil E – Anhänge........................................................................................................................................ 367
Anhang A – Benutzerfreundliche Websites ......................................................................................... 369
Die Benutzerfreundlichkeit ................................................................................................................
Benutzerfreundlichkeit planen...........................................................................................................
Die Organisation der Site skizzieren .................................................................................................
Einheitliche Seitenvorlage...................................................................................................................
Die Inhalte einzelner Seiten gestalten ...............................................................................................
Machen Sie Benutzerfreundlichkeits-Tests ......................................................................................
370
371
371
372
372
373
Anhang B – Barrierefreies Design.......................................................................................................... 375
Richtlinie
Richtlinie
Richtlinie
Richtlinie
Richtlinie
Richtlinie
1: Bieten Sie Textalternativen für auditive und visuelle Inhalte an ...........................
2: Verlassen Sie sich nicht nur auf die Farbe ................................................................
3: Arbeiten Sie mit Auszeichnungen und Stylesheets, und zwar korrekt .................
4: Erleichtern Sie den Einsatz natürlicher Sprache......................................................
5: Erstellen Sie Tabellen, die problemlos umgewandelt werden können ..................
6: Achten Sie darauf, dass Seiten, in denen neue Technologien verwendet werden,
abwärtskompatibel sind ...............................................................................................
Richtlinie 7: Sorgen Sie dafür, dass Benutzer zeitabhängige Inhaltsänderungen steuern können...
Richtlinie 8: Gewähren Sie direkten Zugriff auf eingebettete Benutzerschnittstellen ..............
Richtlinie 9: Gestalten Sie Ihr Angebot geräteunabhängig...........................................................
Richtlinie 10: Verwenden Sie Zwischenlösungen ............................................................................
Richtlinie 11: Verwenden Sie die vom W3C empfohlenen Technologien und Richtlinien........
Richtlinie 12: Bieten Sie Informationen über Kontext und Orientierung....................................
Richtlinie 13: Bieten Sie klare Navigationsmechanismen an .........................................................
Richtlinie 14: Achten Sie darauf, dass Dokumente klar und einfach sind....................................
377
377
377
378
379
379
380
380
380
381
381
382
382
383
Anhang C – Neue und ausgemusterte Tags in HTML5 ..................................................................... 385
Neu in HTML5 aufgenommene Tags................................................................................................
Aus HTML5 entfernte Tags ................................................................................................................
386
387
Glossar......................................................................................................................................................... 389
Stichwortverzeichnis ................................................................................................................................. 393
Über die Autorin........................................................................................................................................ 411
Kapitel 7
Text mit Stylesheets formatieren
In diesem Kapitel:
Eine Schriftartfamilie angeben
Schriftgrößen und -farben festlegen
Formatierungen für Fett- und Kursivschrift
Text durchstreichen und unterstreichen
Inline-Spans erstellen
Der Abstand der Buchstaben
Zusammenfassung
131
134
138
141
142
144
147
129
130
Kapitel 7: Text mit Stylesheets formatieren
Der Inhalt auf einen Blick
Eine Schriftfamilie angeben
Seite 131
Text fett
und kursiv
formatieren
Seite 138
Inline-Spans erstellen
Seite 142
Eine Schriftartfamilie angeben
131
In diesem Kapitel erfahren Sie, wie Sie
eine Schriftartfamilie angeben
Schriftgrößen und -farben festlegen
Formatierungen für Fett- und Kursivschrift anwenden
Text durchstreichen und unterstreichen
Inline-Spans erstellen
den Buchstabenabstand anpassen
Wenn Sie sich erst einmal mit der Konstruktion von Formatierungsregeln auskennen, eröffnen sich bei der
HTML-Formatierung für Sie ganz neue Welten. Sie können dann praktisch alles, was in einem Textverarbeitungsprogramm möglich ist, über Formatierungsregeln auch in HTML machen.
Sie fragen sich vielleicht, ob die einfachen Tags zur Textformatierung wie <i> und <i>, von denen Sie in Teil A
des Buchs erfahren haben, immer noch relevant sind. Dem ist so – bis zu einem gewissen Grad. Das World
Wide Web Consortium (W3C) empfiehlt in steigendem Maße die Formatierung von Text über Formatvorlagen (styles). Also sollten auch Sie die Formatierungen Ihrer Internetseiten mit Formatvorlagen erledigen.
Darüber erfahren Sie mehr in diesem und im nächsten Kapitel. Allerdings funktionieren die alten Tags
immer noch sehr gut, wenn Sie HTML5-Dokumente erstellen, und die Browser werden auf Tags basierende
Formatierungen noch sehr lange unterstützen. Falls Sie bereits eine umfangreiche Website erstellt haben
und dabei mit Formatierungs-Tags arbeiten, brauchen Sie sich nicht zu beeilen, die vorhandenen Seiten
mittels Formatvorlagen neu zu bauen. Bei neuen Seiten sollten Sie es gleich von Anfang an »richtig« machen
und bei der gesamten Formatierung auf Formatvorlagen setzen.
In diesem Kapitel lernen Sie das zeichenbasierte Formatieren kennen, d. h. wie man einzelnen Zeichen ein
bestimmtes Aussehen gibt. Sie lernen, wie man Schriften sowie deren Größe und Farbe angibt, wie man Text
fett, kursiv, durchgestrichen oder unterstrichen formatiert, ihm einen Hintergrund verleiht sowie den
Buchstabenabstand verändert. In Kapitel 8, »Absätze mit Stylesheets formatieren«, erfahren Sie mehr über
das Formatieren von Absätzen, z. B. Zeilenabstand, Einrückungen und Ausrichtung von Text auf der Seite.
Siehe auch
Brauchen Sie nur einen schnellen Überblick über die Themen dieses Kapitels? Schauen Sie sich die Zusammenfassung am Ende dieses Kapitels an.
Übungsdateien Bevor Sie mit den zu diesem Kapitel gehörigen Übungsdateien arbeiten können, müssen
Sie sie von der zu diesem Buch gehörigen Website herunterladen und installieren. Im Abschnitt »Der
Einsatz der Übungsdateien« in der Einleitung dieses Buchs erfahren Sie alles Wesentliche darüber.
Eine Schriftartfamilie angeben
Will man eine bestimmte Schrift (auch Font genannt) auf seiner Seite haben, kann das problematisch sein,
da nicht überall die gleichen Schriften installiert sind. Sogar Schriften wie z. B. Courier New oder Arial, die
mit Microsoft Windows geliefert werden, werden nicht universell akzeptiert, weil nicht jeder, der im Internet
unterwegs ist, mit einem Windows-Rechner surft.
Um diesem Problem gegenzusteuern, sollten Sie lieber eine Schriftfamilie (font family) angeben statt einer
individuellen Schriftart. Eine Schriftfamilie ist eine Gruppe von Schriften, die danach geordnet ist, welche
bevorzugt eingesetzt werden soll. Wenn der Computer, der Ihre Seite darstellt, die erste Schrift in der Liste
132
Kapitel 7: Text mit Stylesheets formatieren
nicht besitzt, prüft er die zweite und dann die dritte, bis er etwas Passendes findet. So gibt man in einer
Formatierungsregel eine Schriftfamilie an:
p {font-family: "Arial", "Helvetica", sans-serif}
Obwohl keine Schrift universell auf allen PCs verfügbar ist, gibt es einige wenige generische Schriftarten, für
die das beinahe gilt: serif, sans-serif, cursive, fantasy und monospace. Diese Schriftarten werden ohne Anführungszeichen angegeben – siehe auch das vorige Beispiel. So sehen diese Schriften auf einer Webseite aus.
HINWEIS
Im vorigen Beispiel erscheint die Schrift Cursive nicht so, wie Sie es von ihrem Namen her vielleicht gedacht
haben; sie sieht gar nicht wie eine kursive Handschrift aus. In den meisten Browsern erscheint Cursive als eine abgerundete
Form von Sans-Serif.
Durch Nennung einer generischen Schriftart als finale Schrift der Familie können Sie praktisch garantieren,
dass Sie zumindest Ihre letzte Wahlmöglichkeit bekommen. Wenn der Browser keine Ihrer Präferenzen
verwenden kann, wird er den Text einfach anhand seiner Standardschrift darstellen. Hier sind einige bekannte Schriftfamilien, gruppiert nach ihrer Ähnlichkeit im Aussehen:
Arial Black, Helvetica Bold
Arial, Helvetica, sans-serif
Verdana, Geneva, Arial, Helvetica, sans-serif
Times New Roman, Times, serif
Courier New, Courier, monospace
Georgia, Times New Roman, Times, serif
Zapf-Chancery, cursive
Western, fantasy
Sie können einzelnen Tags auch das Attribut font-family zuweisen, damit der Text sich abhebt. So können
Sie beispielsweise einem einzelnen Absatz die zweite Schriftfamilie aus obiger Liste zuweisen:
<p style="font-family: Arial, Helvetica, sans-serif">
Eine Schriftartfamilie angeben
133
Beachten Sie, dass die Schriftnamen keine Anführungszeichen bekommen, wenn sie auf diese Weise angewendet werden. Stattdessen wird die gesamte Formatierungsregel in Anführungszeichen gesetzt.
In dieser Übung weisen Sie allen <p>-Tags im Dokument eine Standardschrift zu und überschreiben diese
Schriftwahl dann für einen speziellen Absatz.
Vorbereitung
Arbeiten Sie bei dieser Aufgabe mit der Datei index.htm im Ordner der Übungsdateien. Diese Übungsdateien befinden sich im Ordner Dokumente\Microsoft Press\HTML5 SBS\07Text\SelectingFonts. Öffnen Sie die Stylesheet-Datei
default.css in Editor und in Internet Explorer die Datei index.
1. Ins Stylesheet default.css schreiben Sie eine Formatierungsregel, die die Schriftfamilie Verdana, Arial,
Helvetica und sans-serif für das <p>-Tag und das <li>-Tag definiert:
p, li {font-family: "Verdana", "Arial", "Helvetica", sans-serif}
2. Speichern Sie die Datei und aktualisieren Sie die Darstellung in Internet Explorer. Die Schrift des gesamten Texts in Absätzen und Listen ändert sich.
3. Öffnen Sie die Datei index in Editor. Ändern Sie das Tag für den Copyright-Hinweis unten auf der Seite,
damit er in Times New Roman, Times oder serif ausgegeben wird.
<p style="font-family: Times New Roman, Times, serif"> Copyright &copy; 2011 Der Gartenfreund&trade;<br>
Ohne schriftliche Erlaubnis darf kein Material reproduziert werden!<br>
<a href="mailto:[email protected]?subject=Frage/Kommentar"
title="[email protected]">Kontakt zum Webmaster</a></p>
4. Speichern Sie die Datei und aktualisieren Sie die Darstellung in Internet Explorer.
Die Schrift wird von der
Formatierungsregel bestimmt,
die in default.css definiert wird
Die Schriftregel wird vom
Attribut style im
<p>-Tag überschrieben
Stichwortverzeichnis
Symbole
! (Ausrufezeichen) 41
# (Doppelkreuz) 108
& (Kaufmännisches Und) 81, 205
/ (Schrägstrich) 277
in Tags 15
; (Semikolon)
Attribute trennen 90
?subject=, Attribut 100
{}, (geschweifte Klammern) 114
¢ (Cent) 82
© (Copyright) 82
° (Grad) 82
™ (geschütztes Markenzeichen) 82
Tags
<a>, Tag 95
Bilder einfügen 352
grafische Navigationsleiste 198
Hyperlinks erstellen 178
<target>, Attribut 98
<abbr>, Tag
WCAG-Richtlinien 379
<acronym>, Tag
WCAG-Richtlinien 379
<area>, Tag 203
<article>, Tag 212
auf Bereichen basierendes Layout 211
<aside>, Tag 212
auf Bereichen basierendes Layout 211
<audio>, Tag
autoplay, Attribut 305
controls, Attribut 305
loop, Attribut 305
Multimedia-Unterstützung 296
preload, Attribut 305
<b>, Tag
Formatierungen 56
Stylesheets 138
verschachteln 61
<bgsound>, Tag 380
<blockquote>, Tag
cite, Attribut 63
Formatierung 63
WCAG-Richtlinien 378
<body> (HTML-Dokument)
Hintergrundfarben wählen 87
<body>, Abschnitt
Absatz erstellen 44
<script>-Tag 314
Zeilenumbruch erstellen 44
<br>, Tag 45
<canvas>, Tag 311
JavaScript-Support 327
<canvas>-Element
weitere Informationen 332
<code>, Tag 59
<dd>, Tag 80
<del>, Tag 141
<div>, Element
id-Attribut 319
<div>, Tag
auf Bereichen basierendes Layout 211
id, Attribut 213
Rahmen 155
<section>-Tag 212
semantische Tags 219
<dt>, Tag 80
<em>, Tag 57
<embed>, Tag
Audio- und Videounterstützung 295, 302
autostart, Attribut 305
externe Inhalte einbinden 333
height, Attribut 333
src, Attribut 305
type-Attribut 333
width, Attribut 333
<eventsource>, Tag 333
Browser 333
<figure>, Tag
Bilder einfügen 170
Bildunterschriften einfügen 183
<figurecaption>, Tag 170, 183
394
<font>, Tag 53
<footer>, Tag 212
<form>, Tag 276
action, Attribut 276, 291
enctype, Attribut 276
method, Attribut 276
XHTML-Anforderungen 277
<head>, Abschnitt
CSS-Code 113
<embed>-Tag 333
Formatierungsregeln erstellen 115
<script>-Tag 314
<style>-Abschnitt 114
Weiterleitung auf andere URL 205
<header>, Tag 212
semantisches Layout 215
<hgroup>, Tag 55
<hr>, Tag 84
<html>, Tag 42
WCAG-Richtlinien 378
<i>, Tag
Formatierungen 56
Stylesheets 138
<img>, Tag
Bildunterschriften einfügen 183
grafische Navigationsleiste 198
height, Attribut 175
Hyperlinks erstellen 178
usemap, Attribut 203
width, Attribut 175
<input>, Tag
checkbox, Attribut 283
checked, Attribut 283
max, Attribut 290
maxlength, Attribut 277
name, Attribut 277, 283
placeholder, Attribut 280
required, Attribut 277
size, Attribut 277
type, Attribut 278
value, Attribut 278, 280, 283, 290
<ins>, Tag 141
<kbd>, Tag 59
verschachteln 61
<li>, Tag 74
<map>, Tag
id, Attribut 202
<meta>, Tag
<head> 42
HTML-Dokumente 42
Stichwortverzeichnis
Suchmaschinen 41
Weiterleitung auf andere URL 205
Weiterleitung per 47
<nav>, Tag 194, 213
Bereiche positionieren 217
<div>, Tag 213
Navigationsleiste unterschiedlich formatieren 216
<noscript>, Tag 316
<object>, Tag 295, 296
<ol>, Tag 74
Attribute anwenden 76
start, Attribut 76
value, Attribut 77
<optgroup>, Tag 287
<option>, Tag 286
<p>, Tag
erstellen 44
unbeabsichtigte Einrückung entfernen 154
Zitatblock 64
<pre>, Tag 60
<q>, Tag 63
WCAG-Richtlinien 378
<s>, Tag 141
<samp>, Tag 59
<script>, Tag 313
<section>, Tag 212
<div>, Tag 212
<select>, Tag 286
<span>, Tag 144
WCAG-Richtlinien 378
<strike>, Tag 141
<strong>, Tag 57
<style>-Regel
float
left, Attribut 171
right, Attribut 171
<table>, Tag
background-image, Attribut 264
border, Attribut 233, 257
cellpadding, Attribut 269
height, Attribut 236, 239
padding, Attribut 269
Problemlösung bei Tabellenbreite 243
Rahmen 258
Tabellen erstellen 233
vertikaler Rahmen 258
<target>, Attribut 98
in XHTML 98
<td>, Tag 233
align, Attribut 270
colspan, Attribut 245
395
Stichwortverzeichnis
<td>, Tag (Fortsetzung)
Rahmen 258
rowspan, Attribut 245
Spaltenbreite 241
Tabellenspalten 233
valign, Attribut 270
WCAG-Richtlinien 379
<textarea>, Tag 278
cols, Attribut 278
maxlength, Attribut 278
rows, Attribut 278
<th>, Tag 235
WCAG-Richtlinien 379
<title>, Tag 46
<tr>, Tag 233
<tr>, Tag, Attribut
border-bottom-width, Attribut 262
<tt>, Tag 59
<u>, Tag 141
<ul>, Tag 74
Attribute anwenden 76
festlegen 75
<video>, Tag 295, 300
autoplay, Attribut 300
controls, Attribut 300
height, Attribut 300
loop, Attribut 300
Multimedia-Unterstützung 296
preload, Attribut 300
Unterstützung im Browser 298
width, Attribut 300
A
AAC, Format 298
Absatz
Durchschuss 162
einrücken 151
horizontale Ausrichtung 160
in HTML-Dokumenten 44
unbeabsichtigte Einrückung entfernen 154
Zeilenhöhe 162
Absatzausrichtung
nummerierte Listen 74
Absatzformatierung
Definition 151
horizontale Ausrichtung 160
Rahmen 155
Text einrücken 151
Zeilenabstand 162
Absoluter Pfad 97
Abstand
Buchstaben 144
von Zellen ändern 257, 268
accesskey, Attribut 381
action, Attribut 276, 291
Active Server Pages (ASP) 96
active, Pseudoklasse 124
.addClass(), Funktion 325
Adobe Acrobat Reader
Download 105
Adobe Flash
Multimedia-Unterstützung 295
Adobe Flash Player
WCAG-Richtlinien 379
align, Attribut 270
veraltet 84
alignment
Definition 268
alt, Attribut 183, 377
Alternativtext
für Bilder 183
Android, Browser
Audio- und Videounterstützung 296
Anführungszeichen
bei Schriftnamen 133
Animation
grafikunterstützte 168
Anker
Definition 102
erstellen 102
per Hyperlink verknüpfen 102
Ansichtsoption
konfigurieren 59, 65
Argument
Funktion 320
Attribut
Fettschrift 56
Größe von Bildern steuern 169
Kursivschrift 56
Listen formatieren 76
mehrere mit Semikolon trennen 90
Rahmen einfügen 257
veraltetes 77, 84
Audio
einbinden 187, 293
Audio Video Interleave (.avi) 297
Audiodatei
auf Webseite integrieren 305
Audiokodierungsformat 297
Aufzählungsliste
erstellen 74
396
Aufzählungszeichen
ändern 76
Ausblendbeispiel
mit JavaScript 322
Ausrichtung
Absatz horizontal 160
Definition 160
für Tabelle 239
horizontal 270
vertikal 270
von Zellen ändern 257, 268
Ausrufezeichen 41
Außenabstand 152
autoplay, Attribut 301
<video>, Tag 301
autostart, Attribut 305
.avi, Dateierweiterung 297
B
background-attachment, Attribut 90
background-color, Attribut 85, 87, 136, 264
backgroundColor, Eigenschaft 315, 325
background-color, Formatierungsregel 222
background-image, Attribut 264
background-repeat, Attribut 90
Barrierefreiheit
allgemeine Probleme 376
Definition 376
Bedienbarkeit
einfache 370
Befehlsschaltfläche 276
Benutzerformular
erstellen 276
Kontrollkästchen erstellen 282
Listen erstellen 285
Optionsfeld erstellen 282
per E-Mail übermitteln 275
Validierung 323
WCAG-Richtlinien 381
weitere Eingabearten 289
Benutzerfreundlichkeit 370
Breadcrumbs 373
einheitliche Seitenvorlage 372
Inhalte einzelner Seiten 372
planen 371
Qualitäten 370
Site organisieren 371
Template 372
Tests 373
weitere Ressourcen 370
Stichwortverzeichnis
Bereich
bereichsbasierte Layouts 232
Definition 211, 212
erstellen 213
formatieren 222, 361
Hintergrundbild einsetzen 354
positionieren 217
vertikale Navigationsleiste 248
Vorteile fürs Layout 211
Bereichsbasiertes Layout 377
<article>, Tag 212
<aside>, Tag 212
<footer>, Tag 212
<header>, Tag 212
<nav>, Tag 213
<section>, Tag 212
Bereiche erstellen 213
Bereiche formatieren 222
Bereiche positionieren 217
Definition 211
semantische Tags 211
semantisches Layout 215
tabellenbasiertes Design 232
WCAG-Richtlinien 377
Bild
als Hyperlink 199
als Tabellenhintergrund 264
Alternativtext einfügen 183
Bildunterschriften einfügen 170, 183
einbetten 167
einfügen 169
für Schaltflächen in Navigationsleisten 197
für Webnutzung vorbereiten 169
Größe und Innenabstand festlegen 174
in Hintergrund einsetzen 354
in Seite einfügen 353
mehrere Elemente auf einer Seite arrangieren 173
Miniaturansicht 180
mit Expression Web einfügen 352
mit Hyperlink 178
transparenter Hintergrund 168
WCAG-Richtlinien 377, 383
Bildauflösung
Definition 169
Pixel 169
Bildformat
Vergleich 168
Bildgröße
mit Attributen steuern 169
Bildschirmvorleseprogramm 55
397
Stichwortverzeichnis
Bildunterschrift
einfügen 170, 183
blink, Element 380
blink, Schlüsselwort 141
Blocklevel, Element
Bild einfügen 170
Definition 160
border, Attribut 233
alle Seiten auf einmal setzen 158, 258
Tabellen 233, 257
border-bottom, Attribut 258
border-bottom-width, Attribut 262
border-color, Attribut 157
border-left, Attribut 258
border-right, Attribut 258
border-style, Attribut 157
angeschnittener Rahmen 257
Linien wählen 155
border-top, Attribut 258
border-width, Attribut 157
Breadcrumb 373
Breite
feste Tabellenbreite 238
Spalte 241
Browser
ältere 305
Arten von Eingabefeldern 278
Canvas-Element 327
herunterladen 36
individuelle Einstellungen 53
JavaScript abgeschaltet 315
Multimedia-Unterstützung 296, 297, 305
Plug-ins 105
Rahmen darstellen 257
Reaktion auf Events 322
Skalierung von Bildern 169
Sonderzeichen 82
Standardisierung 42
Standardtext 280
textbasierte Navigationsleisten 194
Textformatierungen 53
Textumbruch in Tabellen 242
Vorschau einer Webseite 33
Buchstabenabstand 144
BulletProof FTP 48
Button siehe Schaltfläche
für grafische Navigationsleiste 197
Programm zur Erstellung 198
C
Canvas-Element 311
JavaScript 311
Mozilla Firefox 329
Cascading Style Sheets (CCSS)
Definition 113
Elemente wählen 319
Listen formatieren 76
Rahmen angeben 258
Tabellenrahmen 257
Webseite nach Vorlage erstellen 349
cellpadding, Attribut 269
CGI 291
CGI-Script 291
Formularinhalte senden 276
Nachteile 291
checked, Attribut 283
cite, Attribut 63
class, Attribut 121
.click(), Funktion 322, 330
Code
HTML5-konformer 346
Codeansicht 341
Codec
Definition 297
color, Attribut 85, 136
veraltet 84
cols, Attribut 278
colspan, Attribut 245
Container-Format 297
Content Delivery Network (CDN) 317
controls, Attribut 301
Crystal Button 198
CSS
horizontale Linien 84, 87
verschachtelte Tags 118
.css, Dateierweiterung 125
CSS-Vorlage 349
D
Darstellung
nummerierte Liste 76
Datei
auf Server bereitstellen 48
Dateieweiterung bei bekannten Dateitypen
ausblenden 30
direkt auf Server speichern 49
Formate für Bilder 167
398
Datei (Fortsetzung)
Hyperlinks zu 105
über den Windows-Explorer öffnen 32
Dateierweiterung 30
Expression Web-Standard 348
Dateigröße 168
Videoclips 298
von Bildern 169
Datendatei
in Favoritenliste 31
Datumsauswahl 290
default.aspx 96
default.css, Datei 358
Definitionsbegriff 80
Definitionsbeschreibung 80
Definitionsliste
erstellen 80
Designansicht 342
Dithering 87
div, Element
backgroundColor, Eigenschaft 315
DivX, Format 297
DOCTYPE, Tag 41
Quirks-Modus 42
Standardmodus 42
XHTML 42
Document Object Model (DOM) 322
Dokument
klares und einfaches 383
Download
Adobe Acrobat Reader 105
Microsoft Download Center 105
Drehfeld 290
Durchnummerierung
neue 76
Durchschuss
Definition 162
E
ECMA-262, Spezifikation 312
Editor 14
Webseite öffnen 29
Einfügen
Bildunterschriften 183
geschütztes Leerzeichen 195
horizontale Linien 84, 87, 195
Sonderzeichen 81
von Bildern 169
von Grafiken 169
Einfügen/Link, Befehl 363
Stichwortverzeichnis
Eingabeart
in HTML5 289
Eingebettete Benutzerschnittstelle
WCAG-Richtlinien 380
Eingebettete Grafik 167
Eingebettetes Bild 167
Eingebettetes Stylesheet 115
Rahmen einfügen 259
Einheitliche Seitenvorlage 372
Einrückung
entfernen 154
geschütztes Leerzeichen 83
Lesbarkeit 74
Tastaturkürzel 78
von Text 74, 151
Element
auf einer Seite arrangieren 173
blinkendes 380
Blocklevel 160, 170
mit jQuery auswählen 319
E-Mail
Formularzustellung 276
E-Mail-Adresse
?subject=, Attribut 100
als Hyperlink 99
Arten von Eingabefeldern 278
Vorsicht bei Veröffentlichung 100
E-Mail-Programm
Geschwindigkeit der Nachrichtenübermittlung 282
enctype, Attribut 276
Endschrägstrich 45
Entität 81
Name 82
Nummer 82
Symbol 82
Euro-Symbol (€) 82
Event Handling 316
Expression Web 339
Benutzeroberfläche 339
Bereich formatieren 361
Bereiche 349, 350
Bilder einfügen 352
Bilder in Seite einfügen 353
Codeansicht 341
Designansicht 342
Einfügen/Link, Befehl 363
HTML5-konformer Code 346
Hyperlinks einfügen 363
Import von Bilderordnern 352
Installation 339
Rahmen 350
399
Stichwortverzeichnis
Expression Web (Fortsetzung)
Seiteneditor 349
Seitentitel angeben 350
Standarddateierweiterung 348
Text formatieren 356
Webseite nach CSS-Vorlage erstellen 349
Websites und Webseiten erstellen 344
WYSIWYG-Vorschau 341
Externe Formatvorlage
Definition 125
Externes Stylesheet 115
auf Bereichen basierendes Layout 211
F
.f4v, Dateierweiterung 297
.fadeOut(), Funktion 320
Farbe
Bereich formatieren 222
Bilder zur Darstellung vorbereiten 169
Dithering 87
erweiterte Farbnamen 87
für Website festlegen 87
Hintergrundbild 90
über hexadezimale Werte angeben 87
über RGB-Wert angeben 87
WCAG-Richtlinien 377
websichere 87
Farbpalette 169
Farbtiefe 168
Fettschrift 138
über <b>-Tag 56
ffmpeg 300
ffmpeg2theora 300
FileZilla 48
fillRect(), Funktion 328
Firefogg 300
Firefox
Audio- und Videounterstützung 296, 298
Audiounterstützung 305
NoScript, Add-on 315
Videounterstützung 302
Firefox, Browser
Rahmen darstellen 257
Fit für Usability, Website 370
Flanders, Vincent 370
float, Formatierungsregel
Bereiche positionieren 218
left, Attribut 217, 218
right, Attribut 218
.flv, Dateierweiterung 297
focus, Pseudoklasse 124
font-family, Attribut 132
font-style, Attribut 139
italic 139
normal 139
oblique 139
font-weight, Attribut 138
Formatierung
als Zitat 63
fett und kursiv 138
Fett- und Kursivschrift 56
mit Formatvorlagen 131
Schriftartfamilie wählen 131
Schriftgröße und -farbe angeben 134
Text durchstreichen und unterstreichen 141
Text hoch- bzw. tiefgestellt 58
von Text 356
vorformatierter Text 59
WCAG-Richtlinien 378
zeichenbasierte 131
Formatierungsregel
background-color 222
Bereiche positionieren 219
float 171
geschweifte Klammern 114, 115
mit Klassen und IDs 120
Platzierung in Stylesheet 220
Rahmen einfügen 257
Tags 115
überschreiben 259
verschachtelte Tags 118
Formatvorlage 53, 113
externe erstellen und verknüpfen 125
Fett- und Kursivschrift 56
für verschachtelte Tags 118
Klassen und IDs 120
Rahmen 155
Rahmen angeben 258
zum Formatieren von Text 131
Formatvorlagenregel
mit Semikolon trennen 136
Formular
erstellen 276
Listen erstellen 285
weitere Eingabearten 289
Formularfeld 381
Formularvalidierung
mitJavaScript 323
fps (Frames pro Sekunde) 299
400
frame, Attribut 257
Frames pro Sekunde (fps) 299
FTP-Software 48
Funktion
Definition 320
hierarchische 319
JavaScript aufrufen 320
Rückgabewert 321
Funktionsargument 320
G
Geräteunabhängigkeit 380
Geschütztes Leerzeichen 82
einfügen 83
in leeren Tabellen 241
in Zellen 241
Geschweifte Klammer 114
Geschwindigkeit
Übermittlung von E-Mails 282
Gesetz zur Gleichstellung behinderter Menschen 376
getContext(), Funktion 328
getElementById(), Methode 314, 315
getElementsbyTagName(), Methode 314
GIF
grafische Navigationsleiste 197
Transparenz 223
Google Chrome, Browser
Audio- und Videounterstützung 296
Audiounterstützung 305
Rahmen darstellen 257
Videounterstützung 302
Grafik
Alternativtext einfügen 183
einbetten 167
einfügen 169
für Webnutzung vorbereiten 169
Größe und Innenabstand festlegen 174
in Hintergrund einsetzen 354
mehrere Elemente auf einer Seite arrangieren 173
Miniaturansicht 180
mit Expression Web einfügen 352
mit Hyperlink 178
WCAG-Richtlinien 377, 383
Grafikformat
für Schaltflächen in Navigationsleisten 197
wählen 167
Graphics Interchange Format (GIF) 168
Größer als-Zeichen (>) 82
Grundlinie
Textformatierung 58
Stichwortverzeichnis
H
H.264, Format 297, 298
Handbrake, Software 300
height, Attribut 85, 237, 301
<embed>-Tag 333
Bildgröße steuern 175
Tabellengröße angeben 239
Hexadezimaler Farbwert 136
Hierarchische Funktion 319
Hintergrund
Bild 354
Bilder einfügen 88
Designüberlegungen 86
transparenter 168
Hintergrundbild 88
Farben 90
für Webseiten angeben 88
Hintergrundfarbe
angeben 136
bei Validierung ändern 325
Bereich formatieren 222
für Tabellen 264
horizontale Linien 85
mit jQuery ändern 319
wählen 86
Hochgestellter Text 58
Horizontale Ausrichtung
Absatz 160
Horizontale Linie
einfügen 84, 87
Hotspot
kreisförmiger 199
polygoner 199
rechteckiger 199
.hover(), Funktion 322
hover, Pseudoklasse 124
href=, Attribut 95
Hyperlinks auf E-Mail-Adressen 99
Hyperlinks zu Webseiten 95
.html, Dateierweiterung 348
HTML
Multimedia-Grundlagen 296
Verschachteln von Tags 56
HTML4
DOCTYPE-Tag 41
HTML5
DOCTYPE-Tag 41
Expression Web 346
401
Stichwortverzeichnis
HTML5 (Fortsetzung)
semantische Tags 211
veraltete Attribute 84
weitere Eingabearten 289
Zeilenumbrüche in HTML-Dokumenten 44
HTML5-konformer Code 346
HTML-Dokument
Absätze 44
Definition 14
Formular platzieren 276
Seitentitel 42
Typ festlegen 41
Hyperlink
aktivieren 95
auf andere Inhalte erstellen 105
auf Bilder 105
auf Webseiten 95
besuchter 124
Bild 178
Bilder als 199
einfügen 363
E-Mail-Adresse 99
externe Formatvorlagen 125
Formatvorlagen anwenden 123, 124
link 123
Navigationsleiste 191
QuickInfo 100
relative und absolute Pfade 97
Teilpfade und Dateinamen 96
unterstrichene Schrift 141
visited 123
WCAG-Richtlinien 377
Zielfenster angeben 98
zu Dateien 105
Hypertext Markup Language (HTML) 15
Definition 14
I
ID
Definition 120
für Formatvorlagen 120
id, Attribut 121
Bereiche erstellen 213
<div>-Element 319
Imagemap 202
if, Bedingung 324
Imagemap
Definition 199
erstellen 199
WCAG-Richtlinien 377
Import
Bilderordner in Expression Web 352
index.htm, Startseite 96
Information
über Kontext und Orientierung 382
Inhalt
einzelner Seiten gestalten 372
zeitabhängiger 380
Inhaltsinformation
WCAG-Richtlinien 382
Inline-Span
Definition 142
erstellen 142
Inline-Zitat 63
Innenabstand 152, 156
Absatzformatierung 169, 174
für alle Seiten eines Elements 153
für Bilder festlegen 169, 174
für Elementseiten individuell angeben 157
für Rahmen ändern 156
von Zellen ändern 257, 268
Internet Explorer, Browser
Ansichtsoptionen konfigurieren 65
erweiterte Farben 87
FTP-Verbindungen 48
Rahmen darstellen 257
relative Schriftgröße 135
Statusleiste aufrufen/verbergen 101
Textumbruch in Tabellen 242
WCAG-Richtlinien 379
Internet Explorer 9, Browser
Audio- und Videounterstützung 296, 298
Audiounterstützung 305
Videounterstützung 302
Internetadresse 278
iPhone
Audio- und Videounterstützung 296
iPhone-Browser
E-Mail-Adressen 278
J
Java-Applet 380
JavaScript 311
.fadeOut(), Funktion 320
.ready(), Funktion 318
<canvas>-Tag 327
auf Webseiten einsetzen 312
Browser 315
Canvas-Element 311
Event Handling 316
402
JavaScript (Fortsetzung)
Events 316, 322
fillRect(), Funktion 328
Funktionen aufrufen 320
getContext(), Funktion 328
getElementById(), Methode 314
getElementsbyTagName(), Methode 314
Seitenlayout 311
showAlert(), Funktion 321
strokeRect(), Funktion 328
style(), Funktion 315
WCAG-Richtlinien 379
Webformulare validieren 323
Joint Photographic Experts Group (JPEG, JPG) 168
JPG
grafische Navigationsleiste 197
jQuery 312, 316
.addClass(), Funktion 325
.click(), Funktion 322
.click()-Funktion 330
.hover(), Funktion 322
.ready(), Funktion 326
.removeClass(), Funktion 325
.submit(), Funktion 326
.val(), Funktion 324
Download 316, 328, 330
Elemente auswählen 319
Vorbereitungen 317
weitere Infoquellen 326
K
Kaufmännisches Und (&) 81, 205
Klasse
aus Elementen entfernen 325
Definition 120
für Formatvorlagen 120
Kleiner als-Zeichen (<) 82
Kodierungsformat
für Video- und Audiodateien 297
Kompressionsverfahren 168
verlustbehaftetes 168
verlustfreies 168
Komprimierungsalgorithmus 299
Kontext
Informationen 382
Kontrollkästchen
erstellen 282
Koordinate
x und y 327
Stichwortverzeichnis
Kopfteil, Abschnitt (HTML-Dokument)
erstellen 42
Kopfzeile
Definition 212
Kursivschrift 138
über <i>-Tag 56
Kurzschreibweise
Argumente für Rahmenseiten 158
L
label, Attribut 287, 382
lang, Attribut 378
large
relative Schriftgröße 135
Layout
Bereiche erstellen 213
Bereiche formatieren 222
Bereiche positionieren 217
bereichsbasiertes 211, 212, 232
semantische Tags 211
semantisches 215
Leerzeichen
geschütztes 82, 195, 241
left, Attribut 171
line-height, Attribut 134, 162
line-through, Schlüsselwort 141
Linie
horizontal einfügen 195
horizontal verschieben 173
horizontale 84, 87
Link
Multimedia-Unterstützung 296
link, Pseudoklasse 123
Liste
Aufzählungspunkte 74
Definitionslisten 80
erstellen 285
nicht nummerierte 113
nummerierte 74, 113
verschachtelte 75, 378
Listenelement 74
Listenzeichen
ändern 76
list-style-type: Wert, Attribut 76
load, Event 318
longdesc, Attribut 382
loop, Attribut 301
Löschen, Schaltfläche 278
403
Stichwortverzeichnis
M
N
margin, Attribut 153, 175
Absatz einrücken 152
Definition 152
marquee, Element 380
Maßeinheit
Millimeter 134
Pica 134
Pixel 134
Punkt 134
Zentimeter 134
Zoll 134
masthead
Definition 212
max, Attribut 290
maxlength, Attribut 277, 278
medium
relative Schriftgröße 135
method, Attribut 276
Microsoft Bing Maps 316
Microsoft Download Center 105
Microsoft Expression Web 339
Textformatierungen 57
Microsoft Office
Standardschriftarten 67
Microsoft Word
Bilder einbetten 167
min, Attribut 290
Miniaturansicht
von Bildern 180
.mkv, Dateierweiterung 297
MooTools, Framework 319
Mozilla Firefox, Browser
Canvas-Element 329
mp4, Container 298
.mp4, Dateierweiterung 297
MPEG-4 Part 14 (.mp4) 297
Multimedia
Audiodateien auf Webseite 305
Formate und Container 297
Grundlagen von HTML 296
in Webseiten einfügen 333
Video kodieren 300
Videoclips auf Webseiten 302
WCAG-Richtlinien 377, 380, 383
Multimedia-Unterstützung
per Hyperlink 296
name, Attribut 277
Anker definieren 103
id, Attribut 202
Imagemap erstellen 202
Optionsfelder 283
Textfelder 277
Natürliche Sprache 378
Navigation
Breadcrumbs 373
Navigationshilfe 187, 189
grafische Navigationsleiste 197
Imagemap 199
textbasierte Navigationsleisten 194
Weiterleitung auf andere URL 205
Navigationsleiste 191
benutzerfreundliche 372
Bereiche positionieren 217
Breite anpassen 223
Definition 191
einfacher bearbeiten mit bereichsbasiertem Layout
211
grafische 197
Hyperlinks 192
Organisation einer Website planen 191
Programm zur Erstellung von Schaltflächen 198
textbasierte 194
unterschiedlich formatieren 216
vertikale 248
WCAG-Richtlinien 382
Navigationsmechanismus 382
WCAG-Richtlinien 382
Netscape, Browser 257
Nicht-nummerierte Liste
erstellen 74
Nicht-proportionale Schrift
Definition 59
Formatierungen 59
none, Schlüsselwort 141
NoScript, Add-on 315
Nummerierte Liste
erstellen 74
O
Ogg Theora 300
Ogg Vorbis 305
Ogg, Container 297, 298
MP, Format 298
Vorbis, Format 298
404
.ogv, Dateierweiterung 297
onload, Event 318
Opera
Audio- und Videounterstützung 296, 298
Audiounterstützung 305
Optionsfeld 283
erstellen 282
Gruppen erstellen 283
Leerzeichen vor Text einfügen 284
Ordner
übergeordneter 97
untergeordneter 97
Organisation
einer benutzerfreundlichen Site 371
einer Website 191
Orientierung
Informationen 382
overline, Schlüsselwort 141
P
Padding siehe Innenabstand
padding
Definition 268
padding, Attribut 175
Definition 152
Seiten individuell formatieren 153
Paint Shop Pro 201
Pfad
absoluter 97
relativer 97
Pfund-Symbol (£) 82
phpBB, Forumpaket 291
Pixel
als Maßeinheit 134
Bildauflösung 169
placeholder, Attribut 280
Platzhaltertext
einfügen 279
Plug-in 105
Plus-Minus-Zeichen (±) 82
PNG
Transparenz 223
Portable Network Graphics (PNG) 168
position, Formatierungsregel 219
Positionierung
von Bereichen 217
preload, Attribut 301
Profil
für Videoformate 298
Stichwortverzeichnis
Programm
kompiliertes 15
zur Erstellung von Schaltflächen 198
Programmiersprache
interpretierte 15
kompilierte 15
Proportionale Schrift
Definition 59
Formatierungen 59
prototypeJS, Framework 319
Pseudoklasse 123
Formatierungsregel 124
Q
Qualität
bei Usability 370
QuickInfo 205
für Hyperlinks 100
title, Attribut 203
Quirks-Modus 41
R
Radiobutton 283
Rahmen 350
alle Seiten auf einmal setzen 158
angeschnittener 257
auf Tabellen anwenden 255
Breite und Farbe angeben 157
für Bereiche anwenden 155
Innenabstand angeben 156
nur vertikal 258
Seiten individuell formatieren 157
Standardaussehen 233
Stil angeben 155
über Attribut angeben 257
über Cascading Style Sheets 258
über Formatvorlagen angeben 258
um einen Absatz 155
range, Attribut 290
.ready(), Funktion 318, 322, 326
Relativer Pfad 97
.removeClass(), Funktion 325
required, Attribut 277
Resource Description Framework (RDF) 382
RGB-Wert
für Farben 87, 136
right, Attribut 171
rows, Attribut 278
rowspan, Attribut 245
Rückgabewert 321
rules, Attribut 257, 258
405
Stichwortverzeichnis
S
Safari, Browser
Audio- und Videounterstützung 296, 298
Audiounterstützung 305
Videounterstützung 302
Sampling-Auflösung 299
Sampling-Rate 299
Schaltfläche
Bereiche formatieren 223
für grafische Navigationsleiste 197
Löschen 278
Programm zur Erstellung 198
Senden 278
Schattierung
Standardaussehen 233
Schieberegler 290
Schrägstrich
in Tags 15
XHTML 277
zum Verweisen auf andere Ordner 170
Schrift
absolute Größe 134
Größe und Farbe angeben 134
relative Größe 135
Schriftfamilie
Definition 131
Schriftfarbe
angeben 134
Schriftgröße
angeben 134
Schriftname
ohne Anführungszeichen 133
Screen Reader 55
Seiteneditor 349
Seitenlayout 383
Audio und Video einbinden 187, 293
Canvas-Element hinzufügen 311
Eingabeformulare erstellen 275
Tabellen formatieren 255
tabellenbasiertes 231
WCAG-Richtlinien 383
Seitentitel 42
angeben 350
festlegen 47
Seitenvorlage
einheitliche 372
Semantisches Layout 215
Semantisches Tag 211
Semikolon
Attribute trennen 90
bei Sonderzeichen einfügen 81
Formatierungsregeln trennen 115
Formatvorlagenregeln trennen 136
Senden, Schaltfläche 278
Server
Dateien bereitstellen 48
Shockwave
WCAG-Richtlinien 379
showAlert(), Funktion 321
Sicherheit
JavaScript-Validierung 323
von CGI-Scripts 291
size, Attribut 277, 286
Höhe der Liste 286
Textfeldbreite 277
veraltet 84
small
relative Schriftgröße 135
Sonderzeichen
Browser 82
einfügen 81
Entität 81
Kaufmännisches Und (&) 81, 205
spacing
Definition 268
Spaltenbreite
festlegen 241
in Tabellen 241
Spam 100
Sprache
Bildschirmlesegeräte 378
WCAG-Richtlinien 378
src, Attribut
<embed>, Tag 333
<script>-Tag 313
Standarddateierweiterung
von Expression Web 348
Standardmodus 42
Standardtext
einfügen 279
start, Attribut 76
Statusleiste
aufrufen bzw. verbergen 101
step, Attribut 290
strokeRect(), Funktion 328
Style siehe Formatvorlage
style(), Funktion 315
style, Attribut
Buchstabenabstand 144
Farben wählen 87
Schrift fett bzw. kursiv formatieren 138
Schriftfarbe angeben 135
406
style, Attribut (Fortsetzung)
überschreiben 259
Stylesheet
Absatz einrücken 151
auf Bereichen basierendes Layout 211
Buchstabenabstand 144, 146
eingebettetes 115
externes 115, 211
fett bzw. kursiv formatieren 138
Formatierungsregeln konstruieren 115
horizontale Absatzausrichtung 160
Inline-Spans 142
Rahmen 155
Rahmen einfügen 259
Regel beim Verschachteln 56
Schriftfarbe angeben 134
Schriftgröße angeben 134
Tabellengröße 237
Text durchstreichen und unterstreichen 141
textbasierte Navigationsleisten 194
Wortabstand 146
Zeilenabstand 162
Stylesheet-Regeln
verschachtelte Tags 61
.submit(), Funktion 326
Symbol
Schrägstrich (/) 15
Ausrufezeichen (!) 41
Kaufmännisches Und (&) 81
Liste von Symbolen 82
™ (geschütztes Markenzeichen) 82
T
Tabelle
als Tool zur Seitenstrukturierung 248
Ausrichtung 239
Breite 236
Definition 231
erstellen 233
feste Breite 238
Formularfelder organisieren 276
Hintergrundbild 264
Hintergrundfarbe 264
Instrument fürs Seitenlayout 231
Problemlösung bei Tabellenbreite 243
Rahmen einfügen 255
Spaltenbreite festlegen 241
Standardaussehen 233
Textumbruch 242
Stichwortverzeichnis
vertikale Navigationsleiste 248
Vordergrundfarbe 265
WCAG-Richtlinien 379
width, Attribut 236
Zellen zusammenführen 244
Tabellenbasiertes Seitenlayout 231
Tabellenhöhe
height, Attribut 237
in Pixel angeben 239
in Prozent angeben 239
Tabellenzelle
Rahmen 255
überspannen 244
zusammenführen 244
tabindex, Attribut 381
Tag
Anforderungen in XHTML-Dokument 42
einteiliges 45
öffnendes 15
Regel fürs Verschachteln 56, 61
schließendes 15
Schrägstrich 15
Schriftgröße definieren 135
selbstschließendes 45
semantisches 53, 211
Überschriften erstellen 54
Übersicht 15
umschließendes 15
veraltetes 141
verschachteltes 118
WCAG-Richtlinien 378
zweiteiliges 15, 45
target, Attribut 181
Tastaturkürzel
Code einrücken 78
Templates siehe Vorlage
Test
Benutzerfreundlichkeit 373
Text
Alternativtext für Bilder 183
Ansichtsoptionen in Internet Explorer
konfigurieren 65
blinkender 141
durchgestrichener 141
einfügen 279
einrücken 151
Formatierung über individuelle
Benutzereinstellungen 53
hoch- bzw. tiefgestellt formatieren 58
in Expression Web formatieren 356
407
Stichwortverzeichnis
Text (Fortsetzung)
mit Formatvorlagen formatieren 53
Schriftartfamilie 53
tiefgestellt 58
unterstrichen 141
vorformatierter 59
Text, Abschnitt (HTML-Dokument)
erstellen 42
text-align, Attribut 160, 178, 270
Textbasierte Navigationsleiste 194
Textbereich
erstellen 278
Platzhaltertext einfügen 279
Standardtext einfügen 279
text-decoration, Attribut
Schlüsselwörter 141
Texteinrückung 74
Textfeld
erstellen 276
Platzhaltertext einfügen 279
Standardtext einfügen 279
validieren 324
Textformatierung 131
Schriftartfamilie wählen 131
über semantische Tags 53
text-indent, Attribut 151
Theora, Format 297, 298
Thumbnail
Definition 180
title, Attribut 382
QuickInfo 100
QuickInfos für Imagemaps 203
WCAG-Richtlinien 382
Transparenz 168, 223
type, Attribut 278
<embed>-Tag 333
E-Mail-Adressen 278
Kontrollkästchen erstellen 283
Multimedia-Unterstützung 302
Textfeld erstellen 277
U
Überschrift
erstellen 54
formatieren 53
Schriftgrößen definieren 135
Tags und Schriftfamilien 54
WCAG-Richtlinien 378
underline, Schlüsselwort 141
Uniform Resource Locator (URL) 278
Unterordner 97
Bilder einfügen 172
URL
Weiterleitung auf andere 205
Usability 370
Breadcrumbs 373
einheitliche Seitenvorlage 372
Inhalte einzelner Seiten 372
planen 371
Qualitäten 370
Site organisieren 371
Template 372
Tests 373
Usability.gov 370
usemap, Attribut 203
V
.val(), Funktion 324
Validierung
JavaScript 323
valign, Attribut 270
value, Attribut 278, 280
Formularergebnisse melden 286
Kontrollkästchen erstellen 283
nummerierte Listen 77
Standardtext 280
Standardwert 290
Text auf Schaltflächen 278
Veraltetes Tag
für durchstrichenen Text 141
für unterstrichenen Text 141
Verschachteln
von Tags 56
Verschachtelte Liste 75, 78, 378
Verschachtelung
Regeln für Tags 118
vertical-align, Attribut 270
Vertikale Navigationsleiste 248
Video
kodieren 300
Videoclip
auf Webseite integrieren 302
Darstellungsgröße in Pixel 298
Dateigröße 298
Qualität 298
Videokodierungsformat 297
visited, Pseudoklasse 123
VLC Media Player 300, 305
408
Vorbis, Format 298
Vordergrundfarbe
color, Attribut 136
Tabelle 265
wählen 86
Vorlage 349, 372
für Webseite 349
Webseite erstellen 349
Vorlagendatei
Schreibschutz 44
Vorschau
einer Webseite im Browser 33
Vorformatierter Text 59
VP8, Format 297, 298
W
W3C
WCAG-Richtlinien 381
WCAG-Richtlinie
<abbr>-Tag 379
<acronym>-Tag 379
<blockquote>-Tag 378
<html>-Tag 378
<q>-Tag 378
<span>-Tag 378
<td>-Tag 379
<th>-Tag 379
Benutzerformulare 381
bereichsbasiertes Layout 377
Bilder 377, 383
eingebettete Benutzerschnittstellen 380
Farben 377
Flash 379
Formatierungen 378
Grafiken 377, 383
Hyperlink 377
Imagemaps 377
Inhaltsinformationen 382
Internet Explorer 379
JavaScript 379
Multimedia 377, 380, 383
natürliche Sprache 378
Navigationsleisten 382
Navigationsmechanismen 382
Seitenlayout 383
Shockwave 379
Tabellen 379
Tabellenzellen 379
Tags 378
title, Attribut 382
Stichwortverzeichnis
Überschriften 378
von W3C empfohlene Technologien 381
W3C 381
Weiterleitungen 380
XML 379
Zwischenlösungen 381
Web Accessibility Initiative (WAI) 376
Web Content Accessibility Guidelines (WCAG) 2.0
376
Web Pages That Suck 370
Webdesign
Barrierefreiheit 376
Benutzerfreundlichkeit 370
Usability 370
WebM, Container 298
Webseite
Änderungen vornehmen und speichern 36
Audiodateien integrieren 305
Bereich positionieren 219
Bild als Hintergrund 88
Bilder einfügen 353
Bilder und Grafiken einfügen 169
Definition 14
Designüberlegungen für Hintergrundfarbe 86
externe Inhalte einbinden 333
Farben festlegen 87
Größe von Bildern steuern 169
horizontale Linien 84
Hyperlinks 95
in Editor öffnen 29
mehrere Elemente arrangieren 173
mit CSS-Vorlage erstellen 349
mit Expression Web erstellen 344
Sonderzeichen einfügen 81
Videoclips integrieren 302
Vorschau im Browser 33
websichere Farben 86
Weiterleitung 380
Weiterleitung abbrechen 205
Weiterleitung auf andere URL 205
Websichere Farbe 87
Website
benutzerfreundlich strukturieren 371
Definition 344
mit Expression Web erstellen 344
Organisation planen 191
Weiterleitung 380
abbrechen 205
WCAG-Richtlinien 380
409
Stichwortverzeichnis
Wert
hexadezimaler (für Farben) 87
width, Attribut 236, 301
<embed>-Tag 333
Bildgröße steuern 175
Tabellenspalten 241
veraltet 85
Windows
Windows Media Player 296
Windows-Explorer
Datei öffnen 32
World Wide Web Consortium (W3C)
Web Accessibility Initiative (WAI) 376
WYSIWYG-Vorschau 341
X
XHTML
Definitionslisten 80
DOCTYPE, Tag 42
erforderliche Tags 42
horizontale Linie 84
Schrägstrich (/) 277
Verschachteln von Tags 56
Zeilenumbrüche 44
XHTML 1.0 Transitional 346
x-Koordinate 327
x-large
relative Schriftgröße 135
XML
WCAG-Richtlinien 379
x-small
relative Schriftgröße 135
xx-large
relative Schriftgröße 135
xx-small
relative Schriftgröße 135
Y
Yahoo! User Interface, Bibliothek 319
Yen-Symbol (¥ ) 82
y-Koordinate 327
YouTube 295
Z
Zeichen
Sonderzeichen einfügen 81
Zeichenbasierte Formatierung
Buchstabenabstand 144
fett bzw. kursiv 138
Inline-Span
erstellen 142
Schriftartfamilie wählen 131
Schriftgröße und -farbe angeben 134
Text durchstreichen und unterstreichen 141
Zeichenkodierungsschema 47
Zeilenhöhe 162
Zeilenumbruch
erstellen 44
in CSS-Programmen 114
Zeitabhängiger Inhalt 380
Zelle
Abstand ändern 257
Abstand voneinander 257, 268
Ausrichtung 257, 268
Bild als Hintergrund 264
Definition 231
Hintergrundfarbe 264
horizontale und vertikale Ausrichtung 270
Innenabstand 257, 268
Rahmen einfügen 255, 259
WCAG-Richtlinien 379
zusammenführen 244
Zielfenster
für Hyperlinks 98
Zitat
formatieren 63
Zugänglichkeit
eingebetteter Benutzerschnittstellen 380
Zwischenlösung
WCAG-Richtlinien 381