:: Materialien zu Webdesign
-
Informationsblatt zum Unterricht
Diese Übersicht fasst wichtige Informationen über den Unterricht in der Oberstufe für Sie zusammen: Inhalte des Unterrichts, methodische Aspekte und Fragen der Leistungsbewertung. (16 KB)
Download starten
-
Fragebogen zum Nutzerverhalten
Fragen zu Nutzungsgewohnheiten und technischen Grundkenntnissen von Internetbenutzern. (16 KB)
Download starten
-
Textedit als HTML-Editor
Unsere ersten HTML-Dokumente erstellen wir mit einem Texteditor. Auf dem Mac ist Textedit das Programm der Wahl. Dieses PDF zeigt, welche Voreinstellungen korrekt sind, um HTML-Dokument schreiben und korrekt abspeichern zu können. (120 KB)
Download starten
-
Die Syntax von (X)HTML
Die Hypertext Markup Language: Grundlagen der (X)HTML-Syntax. Aktualisiert 2006. (96 KB)
Download starten
-
Erste Übung: (X)HTML
Diese Übung vermittelt Ihnen den Aufbau eines validen, (X)HTML-konformen Dokuments mit Doctype, Zeichensatzangabe und semantischen Auszeichnungen. Sie fügen Bilder ein und setzen Hyperlinks auf andere Dokumente. Der Ordner enthält das PDF mit der Aufgabenstellung und alle benötigten Daten zum Nachvollziehen zuhause. (76 KB)
Download starten
-
HTML 4.01 und XHTML 1.0
Dieses Dokument listet die wesentlichen Unterschiede zwischen beiden Standards auf. (36 KB)
Download starten
-
Sitemanagement in Dreamweaver
Grundlegende Empfehlungen zum Site- und Dateimanagement im Webdesign. Sitedefinition in Dreamweaver und eine Erläuterung der Angaben im Sitefenster helfen Ihnen, mit Dreamweaver Projekte anzulegen und zu pflegen. (520 KB)
Download starten
-
Übungdateien zum Projekt Aquawelt
Der gesamte Projektordner mit dem Bildmaterial zum Nachvollziehen der Übungen aus dem Unterricht, in denen Sie Ihre ersten HTML-Dateien anlegen. (184 KB)
Download starten
-
Metatags
Grundlegende Informationen über die Syntax und Einsatzmöglichkeiten von Metatags.
Folgt der XHTML-Syntax, überarbeitet 2006. (36 KB)
Download starten
-
Hyperlinks
Formen von Hyperlinks: Text- und Image-Links, Imagemaps, benannte Anker und eMail-Links. (188 KB)
Download starten
-
Übungsdateien zum Projekt Pomodorro
Der gesamte Projektordner mit Bildmaterial zum Nachvollziehen der Übungen aus dem Unterricht. An diesem Beispiel lernen Sie Text- und Image-Links, Mailto-Links und benannte Anker einzusetzen.
(X)HTML-Strict-konform. (68 KB)
Download starten
-
Cascading Style Sheets: Die Syntax
Grundlegende Informationen zu CSS, die Syntax einer CSS-Deklaration, interne, externe und Inline-Stile. (76 KB)
Download starten
-
Cascading Style Sheets: Selektoren
Element-Selektoren, benutzerdefinierte Klassen, Pseudo-Elemente und ID-Selektoren. (64 KB)
Download starten
-
Überblick über Selektor-Typen
Dieses PDF informiert im Überblick über die gängigen Selektoren und stellt ihre Notation in der CSS-Datei und im HTML-Dokument gegenüber. Außerdem beinhaltet dieses Dokument Hinweise zum sinnvollen Aufbau einer CSS-Datei. (32 KB)
Download starten
-
Image Replacement-Techniken
(Neu im Mai 2006) Todd Fahrner war der erste, andere taten es ihm nach: Images als Ersatz für Text, per CSS ausgetauscht. Das PDF stellt das Prinzip dieser Technik vor und nennt Vor- und Nachteile, außerdem die alternativen Phark- und Radu-Methoden. (48 KB)
Download starten
-
Sitestrukturen
Überblick über Strukturmetaphern zur Konzeption von Websites. (108 KB)
Download starten
-
Projektplanung
Inhaltliche und technische Aspekte der Projektplanung. Layout- und Strukturraster als Hilfsmittel zur Websitekonzeption. Überarbeitung 2006. (100 KB)
Download starten
-
Konzeptionsphasen im Überblick
Grafischer Überblick über typische Konzeptionsphasen eines Webprojekts im DIN A4-Format. Original erstellt in Omnograffle. (116 KB)
Download starten
-
Checkliste für eine Site-Navigation
Die Navigation einer Website spiegelt die Qualität ihrer Informations-Architektur. Diese Checkliste hilft, das eigene Navigationskonzept kritisch zu prüfen. (28 KB)
Download starten
-
Popup-Fenster und Accessibility
Popup-Fenster funktionieren nur, wenn JavaScript aktiviert ist. Und wenn nicht? Dieses PDF zeigt Möglichkeiten, Inhalte im Fall der Fälle alternativ anzubieten. (48 KB)
Download starten
-
Konvertierung eines Projekts in XHTML
Viele Webprojekte basieren auf veralteten Standards. Dieses PDF beinhaltet die Aufgabenstellung fü eine geplante Konvertierung einer bestehenden Website in den aktuellen Standard XHTML STRICT 1.0. (16 KB)
Download starten
-
Materialien zur oben genannten Übung
Dieser Ordner enthält das im Unterricht für die Übung verwendete Webprojekt zum Nacharbeiten zuhause. (316 KB)
Download starten
