Multimediakurs Leinfelder: Inhalt/ B:Fortgeschrittene/Modul 6 "Website-Erstellung und Management - Übersicht" |
(© copyright) Letzte Änderungen: |
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 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.2Aktueller 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:
- html-Seitenaufbau, wesentliche Format-tags in html, Prinzip der Einbindung von Bildern und Links in html-Seiten, absolute und relative Pfade, URLs, Farbmodelle und Bildformate fürs Web.
- Wenn Sie mit Frames arbeiten wollen, müssen Sie über Targets und das Grundprinzip von Frame-Steuerseiten (frameset-Definitionen) Bescheid wissen. Außerdem müssen Sie sich dann der Formatrestriktionen der html-Sprache sowie möglicher Probleme durch die Nutzerhardware bewusst sein.
- Sie sollten sich auch mit den Grundprinzipien zum Aufbau und zur Navigation von Websites vertraut gemacht haben.
- Wenn Sie aber von all dem noch wenig gehört haben, können Sie ja dennoch anhand des Tutorials mal versuchsweise loslegen. Wenn es nicht mehr weiter geht, müssen Sie dann halt die entsprechenden Module von Kursteil A nacharbeiten. Viel Spass beim Üben mit Go Live.
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 Debugging6.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