
HTML-Umsetzung der Website
|
Module, die für die Durchführung vorausgesetzt werden

Vorstellung und Planung einer Website
erstellt von: Tereza Szente erstellt am: 01.04.2005 geändert am: 10.04.2006
In diesem Modul wird das Endergebnis der mehrteiligen Workshopreihe zur Erstellung einer Website vorgestellt. In einem Video wird durch die Website navigiert. Dabei werden die Struktur der Website gezeigt und die wichtigsten Seiten aufgerufen., In diesem Workshop werden die Überlegungen und Arbeitsschritte präsentiert, die als Grundlage für die Planung und Produktion einer Website dienen.,

Dreamweaver konfigurieren für die Website-Erstellung
erstellt von: Tereza Szente erstellt am: 07.04.2004 geändert am: 10.04.2006
Hier werden Arbeitsschritte vorgestellt, die für das Einrichten der Arbeitsumgebung wichtig sind

Von ImageReady ausgegebene HTML-Navigationsleisten in Dreamweaver bearbeiten
erstellt von: Tereza Szente erstellt am: 21.07.2005 geändert am: 10.04.2006
Hier wird die Bearbeitung der - von ImageReady ausgegebenen - Navigationsleisten (Haupt- und Subnavigation) in Dreamweaver gezeigt.

Von ImageReady ausgegebene Einstiegs - HTML-Seiten in Dreamweaver bearbeiten
erstellt von: Tereza Szente erstellt am: 17.11.2004 geändert am: 10.04.2006
Es werden die von ImageReady ausgegebenen Inhalt-Einstiegseiten bearbeitet. Dabei werden neben der Textformatierung mit CSS unterschiedliche Bildtechniken für Bilddarstellungen im Web vorgestellt: das Enbinden von Flash-Animation in HTML, DHTML-Animation, Interaktion mit Puzzle, unterschiedliche Verhaltensweisen und Aktionen.

Von ImageReady ausgegebene Inhaltfolge-HTML-Dateien in Dreamweaver bearbeiten
erstellt von: Tereza Szente erstellt am: 19.05.2004 geändert am: 09.12.2008
Es werden die von ImageReady ausgegebene Inhalt-Folgeseiten bearbeitet. Dabei werden neben der Textformatierung mit CSS (relevant für die erste Folgeseiten -Lebensform) auch unterschiedliche Bildtechniken für Bilddarstellungen im Web vorgestellt: Bild-Tabellen, Einbinden von Videodateien. Weiterhin werden Verhalten und Aktionen, Erweiterungen für Dreamweaver (Extensions) - z.B.: Druckversion für ein HTML-Dokument erstellen, Öffnen eines Browserfensters mit der automatische Einstellung der Bildgröße,etc. - vorgestellt.ANMERKUNG: Inhalte dieses Moduls werden aufgrund der Software-Änderungen neu definiert. Die praktische Arbeit wird mit dem Softwarepaket Adobe CS3 durchgeführt.

Zusammenfügen der Navigations- und Inhalt-Dateien in einem Frameset
erstellt von: Tereza Szente erstellt am: 07.04.2004 geändert am: 10.04.2006
Hier werden die einzelnen Seiten, die bisher isoliert bearbeitet wurden, mit Hilfe einer Rahmenkonstruktion (Frameset) zu einer gemeinsamen Oberfläche zusammengefügt. Es wird ein Frameset erstellt, wo die Struktur des Browserfensters festgelegt wird. Nachträglich werden die Eigenschaften und Quell-Dateien für den einzelnen Frames angegeben.

Verknüpfen der Dokumente (Links und Targets setzen)
erstellt von: Tereza Szente erstellt am: 07.04.2004 geändert am: 10.04.2006
Hier werden die einzelnen Dokumente miteinander verknüpft, die Website "navigierbar" gemacht. Es wird das Erstellen von Links, das gleichzeitige Austauschen oder Laden von Inhlaten mehrerer Frames gezeigt

Startseite ohne Frameset für die Website einrichten
erstellt von: Tereza Szente erstellt am: 01.03.2005 geändert am: 10.04.2006
Hier wird gezeigt, wie man eine Start-Seite ohne Frames für die Website definiert werden kann, unter der Berücksichtigung der Userumgebung bezüglich des Flash-Plugins.

Index-Seite (Homepage) mit PlugIndetector für die Website einrichten
erstellt von: Tereza Szente erstellt am: 07.04.2004 geändert am: 10.04.2006
Hier wird eine Seite erstellt, mit einemPlugIn-Detector, der die Userumgebung auf Flash-Plugin überprüft. Je nach dem, ob der PlugIn vorhanden ist oder nicht, wird automatisch dann auf die entsprechende Startseite-Version weitergeleitet (mit Flash oder mit einem statischem Bild)
Für hochauflösende Bildschirme wird die Website mit Hilfe von einer 3er Frameset zentriert.ANMERKUNG: Inhalte dieses Moduls werden aufgrund der Software-Änderungen neu definiert. Die praktische Arbeit wird mit dem Softwarepaket Adobe CS3 durchgeführt.

HTML-Umsetzung der Website
erstellt von: Tereza Szente erstellt am: 20.11.2004 geändert am: 10.04.2006
Hier werden Arbeitsschritte präsentiert, die in Dreamweaver erledigt werden. Sie sind notwendig, um die Website als Gesamtes funktioniert: Verknüpfungen, Interaktion, Abrufbarkeit der einzelnen Seiten.

Zusammenfügen der Navigations- und Inhalt-Dateien in einem Frameset
erstellt von: Tereza Szente erstellt am: 07.04.2004 geändert am: 10.04.2006
Hier werden die einzelnen Seiten, die bisher isoliert bearbeitet wurden, mit Hilfe einer Rahmenkonstruktion (Frameset) zu einer gemeinsamen Oberfläche zusammengefügt. Es wird ein Frameset erstellt, wo die Struktur des Browserfensters ...

Max/MSP/Jitter: Videoclips faden und mischen
erstellt von: Hans Moser erstellt am: 07.10.2004 geändert am: 10.04.2006
Es werden verschiedene Varianten des Crossfadings zwischen zwei Videoclips erarbeitet und neue Objekte vorgestellt. Bildqualitätkorrektur und additive Verknüpfung zwischen zwei Videoclips.

Von ImageReady ausgegebene Einstiegs - HTML-Seiten in Dreamweaver bearbeiten
erstellt von: Tereza Szente erstellt am: 17.11.2004 geändert am: 10.04.2006
Es werden die von ImageReady ausgegebenen Inhalt-Einstiegseiten bearbeitet. Dabei werden neben der Textformatierung mit CSS unterschiedliche Bildtechniken für Bilddarstellungen im Web vorgestellt: das Enbinden von Flash-Animation in HTML, ...
In dieser Übung wird die interaktive Steuerung des Hauptmenüs erstellt: Bei Rollover über einen Hauptmenüpunkt (oranges Quadrat) soll das Quadrat blau werden, der Pfeilcursor wechselt in einen farbigen animierten Cursor, ein ...

Projektdokumentation HMI - Hallway Music Interface (interaktive Soundinstallation)
erstellt von: Robert Binder erstellt am: 06.07.2010 geändert am: 01.08.2010
Im Folgenden wird dokumentiert, wie meine interaktive Soundinstallation HMI - Hallway Music Interface realisiert wurde.

Dynamischer Web-Inhalt in Abhängigkeit von übergebenen PHP-Parametern
erstellt von: Gregor Traugott erstellt am: 02.11.2004 geändert am: 10.04.2006
Diese Übung ist Teil des Workshops "Dynamische Webinhalte mittels serverseitiger Scripts" In dieser Übung wird gezeigt, wie mithilfe von GET-Parametern, die an eine PHP-Seite übergeben werden, HTML-Webinhalte dynamisch ...

Max/MSP/Jitter: Recording auf Harddisc
erstellt von: Hans Moser erstellt am: 07.10.2004 geändert am: 10.04.2006
Diese Übung zeigt, wie Videostills oder Videoclips von Videoprocessings auf Festplatte gespeichert werden können.

Vorstellung und Planung einer Website
erstellt von: Tereza Szente erstellt am: 01.04.2005 geändert am: 10.04.2006
In diesem Modul wird das Endergebnis der mehrteiligen Workshopreihe zur Erstellung einer Website vorgestellt. In einem Video wird durch die Website navigiert. Dabei werden die Struktur der Website gezeigt ...

Arbeitsvorgänge in ImageReady
erstellt von: Tereza Szente erstellt am: 21.07.2005 geändert am: 10.04.2006
Hier geht es um die Arbeitsvorgänge im Programm ImageReady, die für das Aufbereiten und Optimieren der Seitenelemente zur Darstellung im Web notwendig sind. Die einzelnen .psd-Dateien des Layouts werden segmentiert (geslicet), optimiert ...

Verlauf