Das erwartet dich im Buch 8. Kapitel 1 Am Anfang war HTML 14

Transkript

1

2 Inhaltsverzeichnis Das erwartet dich im Buch 8 Kapitel 1 Am Anfang war HTML 14 HTML die Basis aller Webseiten 15 HTML fürs Grobe, CSS fürs Feine 16 Auszeichnung so geht s 18 Startbereit Vorbereitungen treffen 19 Das erste Dokument erstellen 21 Dokument speichern und anschauen 23 Ein Bild einfügen 25 Link ergänzen 27 Die Bausteine von HTML 28 Dokument professionalisieren 29 HTML und XHTML 30 Kapitel 2 Gut strukturiert ist halb gewonnen 36 Bodybuilding 37 Absätze und Zeilenumbrüche 38 Überschriften 40 Ungeordnete Listen 42 Geordnete Listen 45 Geordnete Listen Startwert bestimmen 46 Listen verschachteln 47 Definitionslisten 49 Auszeichnungen von einzelnen Wörtern 51 Weitere Auszeichnungen für einzelne Wörter 52 Formatierungen über HTML 53 Zeichensatzangabe genauer betrachtet 55 Die ISO-8859-Familie 56 Die anderen ISO-Zeichensätze 57 Alternative mit Zukunft: Unicode 58 UTF-8 im EDITOR 59 Entities Zeichenreferenzen 60 Deine Zeichenkodierung vs. Server 63 Schachteln, aber richtig 64 Validieren so geht s 65 Fehlern auf der Spur 67 Kommentare 70 3

3 4 Kapitel 3 Was für die Optik: Formatierungen mit CSS 72 Aufbau von CSS-Regeln 73 CSS-Angaben im Dokumentkopf 74 Ein Dokument mit CSS formatieren 75 CSS-Angaben in einer externen Datei 77 Exkurs: Externe Datei einbinden 79 Formatierungen über das style-attribut 80 Klassen als Selektoren 81 Kommentare definieren 83 Farben definieren 84 Farben wählen 85 Varianten der Farbangabe 88 Dezimal in Hexadezimal umrechnen und zurück 89 Schriftart festlegen 90 Schriftart definieren 91 Maßeinheiten in CSS 93 Da waren es nur noch drei: em, px und % 94 Wie groß sind eigentlich 100 Pixel? 95 Webdeveloper Toolbar installieren 96 Webseiten messen 97 Schriftgröße definieren 98 Fett und kursiv 100 Kapitälchen und Zeilenhöhe 101 font-kurzschreibweise 102 Absatzformatierungen 103 Noch mehr Textformatierungen 104 Fehler im CSS-Code aufspüren 105 Wer setzt sich durch? 109 Kryptische ASCII-Art: Der CDATA-Abschnitt 110 Kapitel 4 Per Link durch die Galaxis 112 Links zwischen Dateien 113 Links auf externe Adressen 116 Link im neuen Fenster/Tab öffnen 117 Links innerhalb eines Dokuments 118 Links auf -Adressen 121 Mailto-Links und Spam 122 Pfadangaben Verlinken in einen Unterordner 123 In übergeordneten Ordner wechseln 124 Hoch und runter... Pfadangaben für Profis 125 Absolut und relativ 126 Links formatieren 127 Links formatieren in der Praxis 128 Die Textausschmückungen 130 Nützliches zu den Linkzuständen 131 Verschiedene Links unterschiedlich formatieren 132 Firebug installieren 134 Firebug benutzen 135

4 Eine einfache Navigationsleiste, Teil Eindeutige Kennzeichnung die id's 141 Eine einfache Navigationsleiste, Teil Noch mal: Inline- und Blockelemente 145 Navigationsleiste letzte Korrekturen 146 Kapitel 5 Oasen in der Textwüste Bilder 150 Drei Bildformate zur Auswahl 151 Bilder einfügen 154 Breite und Höhe von Bildern 155 Bilder verlinken 156 Rahmen um verlinkte Bilder entfernen 157 Bilder vom Text umfließen lassen 158 Die Eigenschaft float 161 Hintergrundbilder 162 Ein Hintergrundbild über CSS einfügen 163 Wiederholung des Hintergrundbilds festlegen 164 Position des Hintergrundbilds 165 Optionen beim Scrollen 166 Hintergrund mit Farbverlauf 167 Hintergrundeigenschaften in verkürzter Schreibweise 169 Klein, aber fein: Favicon 170 Interaktive Karte einbinden Google Maps 172 Videos einbinden 176 Videos einbinden die Hintergründe 178 Video einfacher einbinden mit HTML Kapitel 6 Mehr CSS: Boxmodell und Co 182 Eine Box für jedes Element 183 Gesamtbreite einer Box 185 Quirks und Standard 186 Breitenangaben in Prozent 187 Mindest- und Maximalbreite 189 Der Innenabstand: padding 190 Der Rahmen 191 Unterschiedliche Rahmenlinien 192 Buttons mit 3D-Effekt erstellen 193 Rahmeneigenschaften einzeln schreiben 195 Außenabstände 196 Verkürzte Schreibweise 198 Boxmodell im Blick dank Firebug 200 Vererbung 201 Kapitel 7 In Position: Elemente per CSS platzieren 204 Alles im Fluss: float genauer betrachtet 205 Umfließen stoppen über clear 207 Floats umschließen 208 5

5 Die clearfix-zauberformel 210 Layout über Float erstellen 213 Positionieren über position 218 Absolute Positionierung und die Fußzeile 222 Absolut ist nicht immer absolut 224 Relative Positionierung 226 Und jetzt alle zusammen: relativ UND absolut 228 Transparente Bildbeschriftung mit position 230 Position: fixed 235 Was tun mit dem Internet Explorer 6? 237 Kapitel 8 Daten in Reih und Glied: Tabellen 240 Tabellen Basics 241 Tabellenüberschriften ergänzen 242 Zellen verbinden 243 Zellen zeilenweise verbinden 246 Tabellen über HTML formatieren 247 Mit Kopf, Fuß und Körper 248 Tabelle per CSS formatieren 249 Aktive Tabellenzeile hervorheben 254 Kapitel 9 Input bitte Formulare definieren und gestalten 258 Allgegenwärtige Formulare 259 Umfassend das Formularelement 260 Textfelder definieren 261 Absendebutton definieren 262 Brauchst du nicht: den Abbrechen-Button 263 Brauchst du: label für die Beschriftung 264 Checkbox: willste oder willste net 266 Checkbox im Voraus angekreuzt 267 Radiobuttons: nur eine von mehreren Optionen 268 Auswahllisten 269 Weitere Optionen bei den Auswahllisten 270 Auswahllisten unterteilen 271 Mehrzeiliges Textfeld 272 Passwortfeld und verstecktes Feld 273 Feld zum Dateiupload 274 Formulare unterteilen 275 Formulare versenden 277 Formulare mit dem Formularchef versenden 279 Formulare über CSS anordnen Vorbereitungen 282 Beschriftung oberhalb des Formularfelds 284 Beschriftung neben dem Formularfeld 286 Rechtsbündige Beschriftung neben dem Formularfeld 289 Formularfelder gestalten 290 Textfelder mit runden Ecken 291 Kontrovers: CSS3 schon heute einsetzen 292 6

6 Kapitel 10 Und alle zusammen: Ein Layout erstellen 294 Ein Beispiellayout 295 Eine vertikale Navigation 296 Das Layout erstellen 300 Formatierung des Kopfbereichs 302 Zentrierung und Zweispaltenanordnung 303 Abschlussarbeiten 304 Die aktuelle Seite hervorheben 305 Eigenes Layout für den Ausdruck 307 Printlayout für das Beispiellayout erstellen 309 Links mit URL für den Ausdruck 312 Die weiteren Unterseiten erstellen 314 Gleich lange Spalten 315 Kapitel 11 Mehr Navigationsleisten und Profitricks 318 Navigationsleisten voll automatisch 319 Tabs 322 Schiebetürtechnik Sliding Doors 323 Navigation mit Tabs erstellen 324 Der Hovereffekt bei den Tabs 328 Hintergrundbild beim Hovern verschieben 329 Tabnavigation Formatierung des Inhaltsbereichs 330 CSS-Sprites bei vertikalen Navigationen 331 Mehr Tabs 332 Reset verbessert 333 Internet Explorer gezielt ansprechen 334 Kapitel 12 Beam it up die Site ins Internet übertragen 338 Metaangaben ergänzen 339 Zugriff durch die Suchmaschinen steuern 341 Exkurs: Passwortschutz für Verzeichnisse 342 Seiten überprüfen: 1. Validierung 343 Seiten überprüfen: 2. Links prüfen 344 Seiten überprüfen: 3. Browsertests 345 Provider wählen und Domain reservieren 348 FTP Dateien übertragen 350 Website publik machen 352 Stichwortverzeichnis 354 7