Stefan Münz/Wolfgang Nefzger. HTML Handbuch

Transkript

1 Stefan Münz/Wolfgang Nefzger HTML Handbuch WWW-Projekte richtig planen - Style Sheets, Frames, Layer Grafik richtig einsetzen - Java-Applets und JavaScripts - Tips und Tricks zu HTML Mit 147 Abbildungen und 34 Tabellen

2 7 Inhalt 1 HTML - Die Sprache des Word Wide Web Die Dokumentbeschreibungssprache HTML und die wichtigste Erkenntnis unserer Zeit Die Geschichte von HTML Hypertext als ASCII-Text Wieviel Sie über HTML wissen sollten Vom Dateiformat zur Universalsprache Die Zukunft von Internet, WWW und HTML Internet-Boom und Internet-Zukunft Intranet Dynamische und interaktive Erweiterungen im WWW HTML als universelle Computer-Oberfläche Berufsbild Web-Designer 30 2 Alternativen und Erweiterungen zu HTML CGI: Server-Datenspeicherung und dynamisches HTML VRML: Dreidimensionale bewegliche Welten im WWW Plugins: beliebige Dateiformate unter einem Dach Java: Animation und Interaktion ActiveX: Microsofts Programm-Module für das WWW Postscript/PDF: Eine Alternative zu HTML 44 3 HTML - Die Grundlagen Regeln beim Editieren von HTML Tags - Steuerbefehle in HTML Grundgerüst einer HTML-Datei Umlaute, Sonderzeichen und HTML-eigene Zeichen Deutsche Umlaute und scharfes ß Sonderzeichen Maskierung von HTML-Zeichen Farben definieren in HTML Farben in HTML Hexadezimale Angabe von Farben 56

3 8 Inhalt Farbnamen für die 16 Grundfarben Speziellere Farbnamen Kommentare und Credits Kommentare Credits Konventionen für Dateinamen Angaben im Dateikopf Titel einer HTML-Datei Adreßbasis und Zielfensterbasis Durchsuchbarkeit mit Server-Kommunikation Meta-Informationen für verschiedene Zwecke Standardverweise Scripts, Style-Sheets und Hintergrundmusik Dateiweite Farben und Hintergrund Hintergrundfarbe und Textvordergrundfarben Hintergrundbilder (Wallpapers) Seitenränder Textgestaltung und Absätze Überschriften Textabsätze Zeilenumbruchkontrolle Numerierte Listen Aufzählungslisten (Bullet-Listen) Definitionslisten Zitate und Adressen Präformatierter Text Textauszeichnung Schriftgröße, Schriftfarbe, Schriftart Größere Textabschnitte ausrichten Trennlinien Mehrspaltiger Textfluß Freies Plazieren von Text Lauftext (Marquee) Verweise Aufbau von Verweisen und Allgemeines Projektverweise innerhalb einer HTML-Datei Projektverweise zu anderen HTML-Dateien Verweise zu anderen WWW-Adressen Verweise zu FTP, Gopher, Telnet, Newsgroups Verweise Download-Verweise und Verweise auf beliebige Dateien 113

4 Inhalt Verweise auf Dateien am eigenen Rechner(netz) Browser-interne Verweise Grafik Grafiken einbinden Grafik referenzieren Alternativer Text, Rahmen und Namen Grafiken beschriften Grafik und Text Text um Grafiken fließen lassen Abstand zwischen Grafik und umgebendem Text Ladevorgang für Grafiken optimieren Grafiken als Verweise Grafiken mit verweis-sensitiven Flächen Verweis-sensitive Grafiken (client-sided) Verweis-sensitive Grafiken (server-sided) Browser-interne Grafik-Ressourcen Grundwissen Grafik WWW-gerechte Grafiken Farbtiefen und Farbpaletten Typische Grafiksorten für WWW-Seiten Animierte GIF-Grafiken Transparenter Hintergrund Anti-Aliasing Tabellen Aufbau einer Tabelle Rahmendicke, Gitternetzlinien, Randabstand Höhe und Breite erzwingen Zelleninhalte ausrichten Zellen verbinden Farbige Tabellen Tabellenbeschriftung und Text neben Tabellen Umgang mit blinden Tabellen Multimedia Daten und Programme als Objekt einbinden Objekte in HTML Datendateien als Objekt einbinden Verweis-sensitive Grafiken als Objekt einbinden Java-Applets als Objekt einbinden 176

5 10 Inhalt ActiveX-Controls als Objekt einbinden Rahmen um Objekte Breite und Höhe von Objekten Objekte beschriften Objektbeschriftung oben, mittig, unten Speziellere Plazierung der Objektbeschriftung Text um Objekte fließen lassen Objekt mit umfließendem Text einbinden Textfortsetzung unterhalb des Objekts erzwingen Abstand zwischen Objekt und umgebendem Text Speziellere Objekteigenschaften Multimedia einbinden (Netscape-Syntax) Multimedia-Datei einbinden Breite und Höhe der Anzeige definieren Automatischen Start bestimmen Endloswiederholung bestimmen Videos einbinden (Microsoft) Videodateien einbinden Wiederholungsrate des Videos einstellen Anzeigegröße des Videos bestimmen Alternative Grafikanzeige Startbeginn des Videos festlegen Kontroll-Buttons für Videoablauf anzeigen Java-Applets einbinden (Netscape, Sun) Java-Applets nach Netscape-Syntax einbinden Java-Applets nach Sun-Syntax einbinden Breite und Höhe der Anzeige des Java-Applets bestimmen Angaben zum Positionieren von Applets MIME-Typen für Dateiformate Frames - mehrere Bildschirmfenster Frame-Sets und Frames definieren Allgemeines zu Frames Grundgerüst einer HTML-Datei mit Frame-Sets Frame-Sets definieren Frames definieren Eigenschaften von Frames definieren Scrollbars (Bildlaufleisten) erzwingen/verhindern Mindestabstände zwischen Fensterrand und Fensterinhalt Unveränderbare Fenstergröße Rahmendicke bzw. unsichtbare Fensterrahmen 206

6 Inhalt Farbige Fensterrahmen Verweise zu Frames und zum Beenden von Frame-Sets Verweise zu anderen Frames Verweise, die ein Frame-Set beenden Eingebettete Frames Eingebettete Frames definieren Eigenschaften eingebetteter Frames definieren Verweise zu eingebetteten Frames Tips zum Umgang mit Frames Sinnvolle Einsatzmöglichkeiten für Frames Unfaire Schaufenster-Effekte Frames und Gestaltung Style-Sheets Style-Sheets in HTML einbinden Allgemeines zu Style-Sheets Arten, Style-Sheets zu definieren Style-Sheet-Angaben definieren Formate für HTML-Tags definieren Unterklassen von HTML-Tags mit Formaten definieren Formate für verschachtelte HTML-Tags definieren Pseudo-Elemente definieren Tag-unabhängige Formate mit Bezeichnernamen definieren Freie Formate mit <span> Tag definieren Kommentare in Style-Sheet-Definitionen Kurzreferenz: Style-Sheet-Angaben Angaben zur Schrift- und Textformatierung Angaben zu Farbe und Hintergrund Angaben zur Absatzformatierung Spezielle Angaben zur Listenformatierung Layer - mehrere Schichten Layer definieren und positionieren Allgemeines zu Layern Fest positionierte Layer definieren Fließende Layer positionieren Anzeigebereich von Layern beschneiden Layer verschachteln Hintergrundfarben/Hintergrundbilder für Layer Hintergrundfarbe für Layer Hintergrundbild (Wallpaper) für Layer 238

7 12 Inhalt 9.3 Layer übereinander anordnen und kontrollieren Angaben zur Layer-Überlappung mit Hilfe von Layer-Namen Angaben zur Layer-Überlappung mit Hilfe von Nummern Layer verstecken und anzeigen Formulare Grundlagen: Formulare Eingabefelder Auswahllisten Radio-und Checkbuttons Versteckte Elemente in Formularen Buttons zum Absenden oder Abbrechen Freie Buttons und Datei-Buttons Formulare verarbeiten Formulare als Formulare und CGI JavaScript JavaScript in HTML einbinden JavaScript und HTML JavaScript-Bereiche in HTML definieren JavaScript-Elemente in HTML-Tags JavaScripts in separaten Dateien Anwendungsbeispiele für JavaScript Lauftext in der Statuszeile Zwei Frames gleichzeitig ändern Taschenrechner Persönliche Seitenbesuche zählen mit Cookies Dynamische grafische Buttons JavaScript Sprachelemente Allgemeine Notationsregeln Funktionen Objekte, Eigenschaften und Methoden Variablen und Werte Steuerzeichen und besondere Notationen Operatoren Bedingte Anweisungen Schleifen Event-Handler Reservierte Wörter JavaScript - Referenz 321

8 Inhalt window / FENSTERNAME 322 FENSTERNAME.document 325 FENSTERNAME.document.anchors 328 FENSTERNAME.document.applets 328 FENSTERNAME.document.forms [ ] / FORMULARNAME 328 FENSTERNAME.document.forms[ ] / FORMULARNAME. elements[ ]/ELEMENTNAME 330 FENSTERNAME.document.images [ ]/BILDNAME 334 FENSTERNAME.document.layers [ ] /LAYERNAME 337 FENSTERNAME.document.links [ ] 339 FENSTERNAME.frames[ ]/FRAMENAME 341 FENSTERNAME.history 343 FENSTERNAME.location 344 Array 345 Date 347 Math 351 navigator 353 string 354 Objektunabhängige Funktionen 358 Projektverwaltung 360 Checkliste für die Projektplanung 360 Ziel des Projekts 361 Zielgruppe 362 Daten-Ressourcen 364 Aufwand 364 Gliederung 365 Corporate Identity 366 Vorhandene Daten in HTML konvertieren 367 Textorientierte Daten 367 Zahlen- und tabellenorientierte Daten 368 Datensatzorientierte Daten 369 Grafisch und multimedial orientierte Daten 369 WWW-Projekte publizieren 370 Allgemeines 370 Homepages bei Online-Diensten 372 Kostenlose Homepages bei diversen Anbietern 372 Eigene Domain-Adressen 373 Eigene Server-Rechner 374 Publizieren mit FTP - File Transfer Protocol 374 WWW-Projekte bekannt machen 375

9 Inhalt 12.5 Zugriffe kontrollieren Logdateien und Statistikalten Statistiken richtig auswerten Adressenwechsel von WWW-Projekten Guter HTML-Stil Checkliste für guten HTML-Stil 384 Anhang A: HTML-Kurzreferenz 388 HTML-Datei 388 Dateikopf 388 Text und Absätze 389 Tabellen 393 Verweise 395 Grafik 395 Formulare 396 Frame 398 Multimedia 400 Layer 402 Style-Sheets 403 Anhang B: Software 404 HTML-Editoren 404 MS Windows 404 Apple Macintosh 405 OS/2 406 Unix-Systeme/Derivate 406 WWW-Browser 406 MS Window 407 Apple Macintosh 407 OS/2 408 Unix-Systeme/Derivate 408 Amiga 408 Grafikprogramme 408 MS Windows 409 Apple Macintosh 410 OS/2 410 Unix-Systeme/Derivate 410 FTP: File Transfer Protocol 411 MS Windows 411 Apple Macintosh 411

10 Inhalt 15 OS/2 412 Unix-Systeme/Derivate 412 Anhang C: Die CD-ROM 413 Das Buch als HTML-Dokument 413 HTML-Editoren 414 Clipart und Hintergrundmuster 414 Sachverzeichnis 417