<Trainingsinhalt> Webdesign mit HTML & CSS

Transkript

1 <Trainingsinhalt> Webdesign mit HTML & CSS

2 Einführung...11 Das Internet, das Web und HTML...12 Offen, doch nicht gleich...13 Der Krieg der Browser...14 Ein Schub in Richtung Standards...15 Das aktuelle Schlachtfeld...16 Was ist zu tun?...18 Die Zukunft: XML...19 Die Web-Site für HTML VQS...20 Kapitel 1: Aufbauen von HTML-Blöcken...21 Schreiben von HTML...21 HTML-Tags...21 Verschachteln von Tags...23 Leerzeichen...24 Spezielle Symbole/Sonderzeichen...25 Dateinamen...26 URLs...27 Absolute URLs...28 Relative URLs...29 Kapitel 2: Beginnen Ihrer Web-Seite...31 Gestalten und Entwerfen Ihrer Site...32 Organisieren der Dateien...33 Erstellen einer neuen Web-Seite...34 Beginnen Ihrer Web-Seite...35 Erstellen der Grundlagen...36 Einen Titel erstellen...37 Organisieren der Seite...38 Beginnen eines neuen Abschnitts...39 Speichern Ihrer Web-Seite...40 Anzeigen Ihrer Seite in einem Browser...42 Kapitel 3: Textformatierung...43 Informationen zu missbilligten Tags...44 Ändern der Schriftart...45 Formatieren von Text in Fett oder Kursiv...46 Auswählen einer Standardgröße für den Text...47 Ändern der Textgröße...48 Auswählen einer Standardfarbe für den Text...50 Ändern der Textfarbe...51 Erstellen von Superskripten und Subskripten...52 Durchstreichen oder Unterstreichen von Text...53 Verwenden einer nichtproportionalen Schriftart...54 Erstellen von blinkendem Text...55 Verbergen von Text (Einfügen von Kommentaren)...56 Inhaltsverzeichnis V

3 Kapitel 4: Erstellen von Web-Bildern...57 Beschaffen von Bildern...61 Verkleinern von Bildern...62 Exportieren von GIF-Bildern mit Photoshop...64 Verwenden von Browser-sicheren Farben...66 Konvertieren zu Browser-sicheren Farben...68 Reduzieren der Farbanzahl...69 Erstellen von Transparenz...70 Erstellen von vorgetäuschter Transparenz...72 Interlacing von GIF-Bildern...73 Erstellen von animierten GIFs...74 Erstellen von JPEG-Bildern...76 Weichzeichnen von Bildern zur Unterstützung der JPEG-Komprimierung...77 Erstellen von Bildern mit geringer Auflösung...78 Erstellen von PNG-Dateien...79 Kapitel 5: Verwenden von Bildern...81 Einfügen von Bildern auf einer Seite...82 Anbieten von alternativem Text...83 Bestimmen der Bildgröße für eine schnellere Anzeige...84 Verknüpfen von Symbolen mit externen Bildern...86 Verwenden von Bildern mit geringer Auflösung...87 Anordnen von Text um Bilder herum...88 Beenden des umfließenden Texts...90 Einfügen von Abständen um ein Bild...91 Skalieren eines Bildes...92 Ausrichten von Bildern...93 Verwenden eines Banners...94 Einfügen von horizontalen Linien...95 Kapitel 6: Seitenlayout...97 Verwenden von Hintergrundfarben...98 Verwenden von Hintergrundbildern...99 Zentrieren von Elementen auf einer Seite Festlegen der Seitenabstände Erstellen eines Zeilenumbruchs Zusammenhalten von Zeilen Erstellen von willkürlichen Zeilenumbrüchen Bestimmen des Abstands zwischen Absätzen Erstellen von Einzügen Erstellen von Einzügen (mit Listen) Erstellen von Blöcken mit Freiräumen Verwenden von Blockzitaten Zitieren kurzer Textpassagen Erstellen von Spalten Verwenden von vorformatiertem Text Positionieren von Elementen mit Ebenen Kapitel 7: Links Erstellen eines Links zu einer anderen Web-Seite Erstellen von Ankern Erstellen von Links zu einem speziellen Anker Richten von Links auf spezielle Fenster (Targeting) Einrichten des Standardziels Erstellen von anderen Links Erstellen von Tastenkombinationen für Links Einrichten der Tabulatorreihenfolge für Links VI

4 Verwenden von Bildern zur Beschriftung von Links Aufteilen eines Bildes in anklickbare Bereiche Erstellen eines Image-Maps auf Client-Seite Verwenden eines Image-Maps auf Server-Seite Ändern der Farben von Links Kapitel 8: Listen Erstellen von sortierten Listen Erstellen von unsortierten Listen Erstellen von Definitionslisten Erstellen von verschachtelten Listen Kapitel 9: Tabellen Entwerfen Ihrer Seite Erstellen einer einfachen Tabelle Einfügen eines Rahmens Ändern der Rahmenfarbe Einrichten der Breite Zentrieren einer Tabelle auf einer Seite Anorden von Text um eine Tabelle Einfügen von Abständen um eine Tabelle Erstellen von Zellen, die Spalten umspannen Erstellen von Zellen, die Reihen umspannen Ausrichten der Inhalte einer Zelle Steuern der Abstände in und um Zellen Verschachteln einer Tabelle in eine andere Ändern der Zellfarbe Verwenden eines Hintergrundbildes Aufteilen einer Tabelle in Spaltengruppen Aufteilen einer Tabelle in horizontale Bereiche Auswählen, welche Rahmen angezeigt werden sollen Steuern von Zeilenumbrüchen in einer Zelle Beschleunigen der Tabellenanzeige Kapitel 10: Frames Erstellen eines einfachen Framesets Erstellen von Frames in Spalten Erstellen von Frames in Reihen und Spalten Kombinieren von Framesets Erstellen eines Inline-Frames Anpassen der Seitenabstände eines Frames Anzeigen oder Verbergen von Bildlaufleisten Anpassen der Rahmenfarben Anpassen der Frame-Rahmen Änderungen durch Besucher verhindern Richten von Links auf spezielle Frames (Targeting) Richten von Links auf spezielle Punkte (Targeting) Ändern des Standardziels Verschachteln von Framesets Erstellen von Alternativen zu Frames Kapitel 11: Formulare Informationen zu CGI-Skripten Beschaffen eines Skripts Verwenden der Skripte aus diesem Buch Vorbereiten eines Skripts VII

5 Erstellen eines Formulars Senden von Formulardaten über Verwenden eines Formulardienstes Erstellen von Textfeldern Erstellen von Kennwortfeldern Erstellen von größeren Textbereichen Erstellen von Optionsschaltern Erstellen von Kontrollkästchen Erstellen von Menüs Besuchern gestatten, Dateien auf den Server zu laden Informationen zu verborgenen Feldern Einfügen von verborgenen Feldern in ein Formular Erstellen der Schaltfläche Senden Zurücksetzen des Formulars Verwenden eines aktiven Bildes zum Senden von Daten Organisieren der Formular-Elemente Formales Beschriften von Formularbereichen Einrichten der Tabulatorreihenfolge Einfügen von Tastenkürzeln Deaktivieren von Formular-Elementen Verhindern, dass Elemente geändert werden können Kapitel 12: Multimedia Hilfsapplikationen und Plugins Nicht unterstützte Bilder Sound Beschaffen von Sounds Einbetten von Sounds in eine Web-Seite Einfügen eines Links zu einem Sound Einfügen eines Hintergrund-Sounds für den Explorer Erstellen von RealMedia-Dateien Erstellen einer RealMedia-Metadatei Erstellen eines Links zu einem RealMedia-Sound Einbetten von RealMedia-Dateien in einer Web-Seite Video Einfügen von externen Videos in eine Web-Seite Einfügen eines internen Videos Einfügen eines internen Videos für den Explorer Erstellen eines Marquees Einfügen von Applets Kapitel 13: Cascading Style Sheets - Einführung Die Vorteile von Cascading Style Sheets Die Nachteile von Cascading Style Sheets Die Anatomie eines Styles Kapitel 14: Einrichten von Style Sheets Erstellen eines internen Style Sheets Erstellen eines externen Style Sheets Verwenden eines externen Style Sheets Lokales Anwenden von Styles Definieren von Styles für Klassen Identifizieren bestimmter Tags Erstellen von benutzerdefinierten Tags Erstellen von benutzerdefinierten Block-Level-HTML-Tags Verwenden von benutzerdefinierten Block-Level-HTML-Tags VIII

6 Erstellen von benutzerdefinierten Inline-HTML-Tags Verwenden von benutzerdefinierten Inline-HTML-Tags Definieren von Styles für Links Kapitel 15: Formatieren von Text mit Styles Auswählen einer Schriftartenfamilie Einbetten von Schriftarten auf einer Seite Erstellen eines Kursivformats (Italics) Anwenden einer Fettformatierung Einrichten der Schriftgröße Einrichten der Zeilenhöhe Einrichten aller Schriftwerte in einem Schritt Einrichten der Textfarbe Ändern des Texthintergrunds Steuern der Abstände Einrichten von Eigenschaften für Leerzeichen (White Spaces) Ausrichten von Text Unterstreichen von Text Bringen Sie Text zum Blinken Ändern der Groß- und Kleinschreibung Kapitel 16: Layout mit Styles Absetzen der Elemente innerhalb des natürlichen Flusses Absolutes Positionieren von Elementen Positionieren von Elementen in 3-D Anzeigen und Verbergen von Elementen Einrichten der Höhe und Breite für ein Element Einrichten des Rahmens Einfügen von Innenabständen (Padding) um ein Element Einrichten von Abständen um ein Element Vertikales Ausrichten von Elementen Anordnen von Text um Elemente herum Beenden des umfließenden Texts Ändern der Vordergrundfarbe Ändern des Hintergrunds Bestimmen, wie Überschüssiges angezeigt werden soll Ausschneiden eines Elements Einrichten von Listeneigenschaften Bestimmen von Seitenumbrüchen Kapitel 17: Skripte Einfügen eines automatischen Skripts Aufrufen eines externen, automatischen Skripts Auslösen eines Skripts Erstellen einer Schaltfläche, die ein Skript ausführt Verbergen von Skripten vor älteren Browsern Einfügen von Ersatzinformationen Einrichten der Standardskriptsprache Kapitel 18: JavaScript Grundlagen Einfügen des aktuellen Datums und der aktuellen Zeit Ändern der Statusbeschriftung eines Links Ändern mehrerer Frames mit einem Link Laden von Bildern in den Cache Ändern eines Bildes, wenn der Besucher mit der Maus darauf zeigt Bestimmen der Größe eines neuen Fensters IX

7 Kapitel 19: Extras Die Inspiration durch Mitmenschen Einrichten eines Kennwortschutzes für eine Seite Erstellen eines Zählers/Counters Einrichten von mailto-links Aufspalten von Bildern Erstellen von Schaltflächen mit Tabellen Verwenden von Bildern für Tabellenrahmen Erstellen von Initialen Verwenden von vertikalen Linien Beschriften von Elementen in einer Web-Seite Erstellen einer automatischen Dia-Show Kapitel 20: Hilfe, meine Seite funktioniert nicht! Der Browser zeigt den Code an Großartige Darstellung im Explorer, keine Anzeige in Netscape Großartige Darstellung in einem Browser, hässliche Anzeige in einem anderen Bilder werden nicht angezeigt Die Probleme halten weiter an? Kapitel 21: Veröffentlichen Ihrer Seite im Web Testen Ihrer Seite Die Suche nach einem Host für Ihre Web-Site Ein eigener Domänenname Übertragen der Dateien zum Server Übertragen von Dateien zu AOL Kapitel 22: Bringen Sie Ihre Mitmenschen dazu, Sie zu besuchen 339 Helfen sie Besuchern beim Auffinden Ihrer Seite Kontrollieren der Inhaltsangabe Ihrer Seite Steuern anderer Informationen Vermeiden von Besuchern Erstellen einer Crawler-Seite Übermitteln von Site-Informationen an eine Suchmaschine Oben in der Liste der Suchergebnisse erscheinen Weitere Techniken für die Bekanntmachung Ihrer Site Anhang A: HTML-Werkzeuge HTML-Editoren, Übersicht HTML-Editoren, bestehende Produkte Frei zu nutzende Bilder für Ihre Web-Seiten Grafische Werkzeuge Image-Map-Werkzeuge Anhang B: Spezielle Symbole/Sonderzeichen Verwenden von Sonderzeichen Tabelle I: Zeichen Tabelle II: Symbole Anhang C: Farben in hexadezimaler Darstellung Bestimmen der RGB-Komponenten einer Farbe in Hex Hexadezimale Entsprechungen Anhang D: HTML und Kompatibilität HTML-Tags Wesentliche Ereignisse Stichwortverzeichnis X

8 Weitere Informationen: i-training Adobe und Macromedia Trainingszentrum Brecherspitzstraße 8 D München Telefon +49 (89) Fax +49 (89) info@i-training.de