Multimediakurs Leinfelder: Inhalt/ B:Fortgeschrittene/Modul 6 "Website-Erstellung und Management - Übersicht"

(© copyright)     Letzte Änderungen:07.04.2003


Position innerhalb des Kurses

Modul 6:

Professionelle Website-Erstellung und -Verwaltung, Style-Sheets, dhtml und Script-Aktionen

   
Modul 6.1:

GoLive-Tutorial und GoLive-Tipps für allgemeine und fortgeschrittene Webseiten-Features sowie Website-Verwaltung (ohne dhtml und JavaScript-Aktionen)

Modul 6.2:

Style-Sheets (CSS), Script-Aktionen und dhtml, erklärt am Beispiel professioneller Webeditoren (GoLive) (5 Teilmodule)

offline-Tutorial (mit Passwort, als Zip-File für Münchner Kursteilnehmer)




Kursanlagen zum Thema

Anlage 4:

Die Geschichte von html: html -> xhtml -> xml

Anlage 5:

ergänzende Hinweise zu Cascading Style Sheets (CSS)

Anlage 5b

Probleme und Workarounds mit CSS und Netscape 4.x

Anlage 6:

Grundlagen und Schwierigkeiten von dhtml

Anlage 7:

Rechtliche Aspekte bei der Webseiten-Produktion

Anlage 9:

Steuerleisten: 161 oder 3 Buttons erstellen

Anlage 10:

Test auf Quicktime, Flash, JavaScript, dhtml, CSS und Java-Verfügbarkeit

Anlage 13:

Immer Frames, nie Frames: Wie vermeide ich, dass Seiten außerhalb ihrer Framesets aufgerufen werden, bzw. wie verhindere ich den Aufruf von Seiten in Framesets.
Anlage 13b: Troubleshooting zu "Immer-mit-Frames" und Vermeidung von Webnapping
Anlage 13c:Force-Frame nur benutzerdefiniert aufrufen

Anlage 15:

Browsertrouble - Das Cache-Problem

Anlage 21:

Probleme beim Anzeigen von Filmen auf Webseiten

Siehe auch weitere Anlagen im Gesamtverzeichnis aller Anlagen



Weitere Vertiefungen zu diesem Modul finden Sie in Modul 7-9

:

Modul 6.1/6.2: GoLive-Kurzanleitung und GoLive-Tipps des Kursleiters

Wegen des großen Interesses an Adobe GoLive im "Real-Multimediakurs" an der Paläontologie München entschloss sich der Kursleiter, ein eigenes kleines online-Tutorial zu GoLive auch für diesen virtuellen online-Kurs zu erstellen. Dieses Tutorial ist keineswegs vollständig und kann weder Handbuch noch Online-Hilfe von GoLive ersetzen. Wir verwenden GoLive als Beispiel, um die Möglichkeiten moderner Website-Editoren zur raschen Generierung von html-Seiten, zur Projektverwaltung und zum Einbau von html-Ergänzungen verstehen zu lernen. Das Tutorial versucht dabei, auf die wichtigsten Funktionen von GoLive einzugehen und hilft damit vielleicht auch, einen direkten Einstieg in die vielfältigen Funktionen und Möglichkeiten von GoLive5 zu ermöglichen.

Hinweis: Ähnliche Möglichkeiten haben auch andere kommerzielle Website-Editoren, wie z.B. Macromedia Dreamweaver oder Microsoft Frontpage. Siehe dazu oben stehende Bemerkung zum Dreamweaver sowie die Tipps des Kursleiters in Modul 5.2

Aktueller Hinweis (Oktober 2002): Die Änderungen in GoLive 6 sind nicht groß; Sie können unser GoLive 5-Tutorial ohne weiteres auf GoLive 6 anwenden. Der Kursleiter hatte übrigens einige Probleme bei der Konvertierung von Websites von GoLive 5 nach GoLive 6. Schuld waren, wie sich nach langem Suchen herausstellte, in GoLive eingebundene 3D-Quicktime-Filme (siehe Modul 8.8). Einige Bugs sind behoben (so werden nun Quicktime-Filme auch automatisch mit der korrekten Active-X-Angabe eingebunden, vgl. Modul 6.1.7); auch beim Video-Editor gibt es ein paar neue Möglichkeiten, die uns hier aber noch nicht beschäftigen. Ein anderer Bug (Einbindung von weboptimierten pdfs) ist leider immer noch vorhanden (siehe Workaround unter Modul 11/Anlage 16). Und noch was: die Point&Shoot-Option (siehe unten) zur Linkerstellung und Objekteinbindung ist in GoLive 6 für OSX nicht mehr so schön animiert, schade :-(

Voraussetzungen:

Sie sollten nach Möglichkeit Kursteil A komplett durchgearbeitet haben. Insbesondere müssen / sollten Sie Bescheid wissen über:

Inhalt des GoLive-Tutorials

Modul 6.1 verwendet GoLive ausschließlich zur Gestaltung von Seiten in reiner html-Sprache und gibt Ihnen zusätzlich einen ziemlich umfassenden Überblick über die Möglichkeiten zu Bildoptimierung,Websiteverwaltung, Vereinfachung von Webseitenerstellung mit Hilfe von Snippets, Vorlagen und Komponenten, sowie zur Fehlerbeseitigung mit Hilfe von GoLive.

Modul 6.2 wird die fortgeschrittenen Layout-, Skripting- und dynamischen Optionen von GoLive vorstellen und versuchen, daraus die Grundlagen zu den html-Ergänzungen CSS, JavaScript und dhtml abzuleiten.

Inhalt:

6.1 GoLive's allgemeine und fortgeschrittene Möglichkeiten zur Website-Erstellung in html sowie zur Websiteverwaltung.

6.1.1 Projekteröffnung
6.1.2 Projektfenster
6.1.3 Textformatierung 
6.1.4 Paletten, Inspektor, Farben
6.1.5 Frames
 
6.1.6 Bildimport, -bearbeitung,-aktualisierung
6.1.7 Einbettung weiterer Objekte (Videos, Sound etc.).
6.1.8 html-Import
6.1.9 Aktualisierungen und Site-Verwaltung
6.1.10 Debugging 

6.2 html-Erweiterungen erklärt an Hand von GoLive: CSS, JS-Actions und dhtml

6.2.1 Cascading Style Sheets (CSS)
6.2.1.1 CSS-Element-Selektoren-Formatierung
6.2.1.2 CSS-Klassen-Selektoren-Formatierung
6.2.1.3 CSS-ID-Selektoren-Formatierung und Floating Boxes
6.2.2 Dynamic html am Beispiel von GoLive
6.2.3 Script-Actions am Beispiel von GoLive

<< Modul 5.1