![]() |
![]() |
| HTML-workshop auf Norderney |
|
| In unserem workshop zur Internetseitengestaltung auf Norderney haben die Teilnehmer eigene Seiten erstellt und Aufrufe zu verschiedenen Diashows mit Norderney-Bilder eingefügt. Die Teilnehmer des workshops finden ihre Ergebnisse in dem mitgeteilten Verzeichnis, in dem auch die Arbeits- und Bilddateien abgespeichert sind. Im folgenden werden die Möglichkeit der verschiedenen Diaschauen erläutert und Hinweise zur Implementierung in eigene Seiten gegeben. Die Teilnehmer des Norderney-workshops konnten hierbei auf eine umfangreiche Bilddatenbank mit Bildern von der Nordsee, Norderney und Strand, des Kongresses, einer Seehundbank und ihrer während des workshops aufgenommenen Porträts zurückgreifen. |
| Diaschau mit thumbnail-Übersicht Diese Bilderschau ist sehr einfach zu erstellen, ein Beispiel sehen Sie auf der Beispielseite thumbnail-Übersicht. Die gesamte Seitenerstellung mit Erzeugung der kleinen "thumbnails", der Verlinkungen auf die großen Bilder sowie des ganzen HTML-Textes der Seite hat das Programm "Irfanview" übernommen. Erläuterungen zu Irfanview und zum Downloaden des kostenlosen Programmes sind auf den Erläuterungsseiten zusammengestellt. Das Programm ist übrigens hervorragend geeignet zum Zeigen von Bildern verschiedenster Formate und bietet auch Möglichkeiten der Bildbearbeitung. Die Gestaltung von Thumbnailübersichten in eigenem Design lernen Sie im Kurs. Einblicke in die zahlreichen Möglichkeiten bietet die Sonderseite Diaschau mit thumbnail-Übersicht verfeinert, einsehbar über Sonderseite Thumbnailübersichten mit Zusatzfunktionen. Erfahren Sie hier, wie Sie über Javascript-Funktionen oder über Layer Thumbnailübersichten aufpeppen. Verweise : Beispielseite mit Diaschau Erläuterungsseite |
|
| Diaschau mit frames Das Beispiel bietet einen scrollbaren Auswahlframe am rechten Seitenrand mit Verweisen auf den großen Darstellungsframe links. Aufgrund der übersichtlichen Darstellung war diese Darstellungsart der Favorit unserer Norderney-Teilnehmer. Ansehen und erläutern lassen können Sie es sich auf unserer Beispielseite Diaschau mit frames Verweise : Beispielseite mit Diaschau Erläuterungsseite |
|
| Javascript zum ersten - Bilder klick auf klick Javascripts bieten tolle Möglichkeiten zur Ablaufsteuerung von Bilderschauen. Hier ist ein Beispiel mit "Vorwärts / Rückwärts" Buttons. Der Nutzer klickt sich durch und bestimmt die Bildwechselgeschwindigkeit selbst "digital" mit dem Finger auf der linken Maustaste. Hinweise zum script und zum Einbinden in HTML-Seiten finden Sie auf unserer Seite Javascript zum ersten . Verweise : Beispielseite mit Diaschau Erläuterungsseite |
|
| Javascript zum zweiten - der Bildautomat Nehmen Sie Rücksicht auf die strapazierten Zeigefinger ihrer Nutzer und bieten Sie eine automatisch ablaufende Bilderschau. Hinweise zum script finden Sie auf unserer Seite Javascript zum zweiten . Verweise : Beispielseite mit Diaschau Erläuterungsseite |
|
| Javascript zum dritten - Bildautomat mit Ablaufsteuerung Dieses script bietet dem Nutzer die Auswahl, ob er/sie den Zeigefinger strapazieren und sich durch die Bilder klicken wollen oder der automatischen Bilderschau. Der Bildautomat läuft hier übrigens endlos, d. h. er beginnt immer wieder von vorne. Das tolle daran ist, man/frau kann jederzeit zwischen den beiden Darstellungsarten wechseln. Unter dem aktuellen Bild wird dynamisch (!) angegeben, ob der Bildautomat gerade ein- oder ausgeschaltet ist und um welches Bild aus wievielen insgesamt es sich handelt. Hinweise zum script finden Sie auf unserer Seite Javascript zum dritten . Verweise : Beispielseite mit Diaschau Erläuterungsseite |
|
| Der besondere Tip - automatische Diaschau ohne Javascript Eine vollautomatisch ablaufende Diaschau läßt sich auch völlig ohne Javascript generieren. Sogar eine Ablaufsteuerung lässt sich integrieren. Ein Beispiel können Sie mit diesem Link Diaschau ohne Javascript ansehen. Erläuterungen finden Sie unter Diaschau ohne Javascript erstellen. Verweise : Beispielseite mit Diaschau Erläuterungsseite |
|
|
Zusatzseite mit weiteren Beispielen Auf unserer Zusatzseite finden Sie
weitere Beispiele für automatisch ablaufende Diaschauen. |
Zum Seitenanfang Zurück zur Startseite |
||
|
© Nordrheinische Akademie für ärztliche Fort- und Weiterbildung |