Stadtbildstelle Sie haben eine Aufführung der Theatergruppe mit der digitalen Kamera dokumentiert und wollen die Bilder, professionell für das Intranet bzw. Internet aufbereitet, zur Verfügung stellen? Sie erfahren im folgenden, wie Sie mit dem an allen Schulen vorhandenen Bildbrowser IrfanView (Freeware-Programm, auf jedem Schulcomputer) das vorhandene digitale Bildmaterial bearbeiten, ganze Bildserien in einem Arbeitsgang z. B. in der Größe verändern und mit einigen Mausklicks eine professionelle HTML-Seite mit Ihren Bildern erzeugen, ohne irgendwelche Kenntnisse auf diesem Gebiet zu besitzen. Autor: Hans Harleß, PI / Stadtbildstelle September 2006 Telefon 089 / 233 8 50 40 Telefax 233 8 50 46 email : hh@stabi.musin.de Internet : http://www.stabi.musin.de Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 1 von 11
Inhaltsverzeichnis: 1 Übertragen der Bilder auf den PC... 3 1.1 SD-Speicherkarte und Card-Reader... 3 1.2 Bilddateien von der SD-Speicherkarte auf die Festplatte kopieren... 4 1.3 Bilder am PC betrachten... 4 2 Bilder verändern (im Batchmodus)... 5 2.1 Bildnamen umbenennen... 5 2.2 Bilddateien komprimieren... 6 2.3 Bilddateien in ihrer Größe verändern... 6 2.4 Text in ein Bild einfügen... 7 2.5 Panoramabilder zusammensetzen... 8 2.6 Katalogbilder erzeugen... 8 2.6 Katalogbilder erzeugen... 9 2.7 Verlustfreies Drehen eines Bildes... 10 3 HTML-Dateiensystem für die Bilder erzeugen... 11 4 Das Internet als Bildquelle im Unterricht.... 12 Rechtliche Grundlagen und Bildquellen im Internet Ein Beitrag des ISB des Bayerischen Schul- und Kultusministeriums Autorin: Frau Barbara Mörig Zur Information: Befehle und Befehlsfolgen werden kursiv und fett geschrieben. Z. B.: Datei / speichern unter Abkürzungen: LMT = linke Maustaste, analog dazu RMT = rechte Maustaste Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 2 von 11
1 Übertragen der Bilder auf den PC 1.1 SD-Speicherkarte und Card-Reader Stecken Sie den beiliegenden Card-Reader in eine USB-Schnittstelle des PCs und öffnen Sie dann den WINDOWS Explorer. Entnehmen Sie der Kamera die SD-Speicherkarte, stecken diese in den Card-Reader. Das Betriebssystem zeigt nach einigen Sekunden die SD-Speicherkarte der Digitalkamera als ein weiteres Laufwerk, als sogenannter Wechseldatenträger an, dem der nächste freie Buchstabe des Alphabets zugewiesen wird, hier in der Abbildung Laufwerk F. Ein Doppellklick auf das Icon des Wechseldatenträgers zeigt den Bilderordner DCIM, ein weiterer Doppelklick zeigt dessen Inhaltsordner, in welchem sich die Bilddateien befinden. Schalten Sie im Explorer über Ansicht / Details auf die erweiterte Ansicht und öffnen Sie den Bildordner 100_PANA oder ähnlich durch Doppelklick auf diesen. Eventuell müssen Sie wieder auf Ansicht / Details wechseln, um die Dateien mit ihren spezifischen Daten wie Größe und Datum sehen zu können. Die von PANASONIC verwendeten Dateinamen (P100xxxxxx, x für laufende Nummer) können sehr komfortabel mit dem Programm (IrFanView) auf einmal verändert werden. Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 3 von 11
1.2 Bilddateien von der SD-Speicherkarte auf die Festplatte kopieren Markieren Sie die Bilddateien im Explorer auf dem Wechseldatenträger mit Bearbeiten / Alles markieren bzw. STRG + A und kopieren Sie diese mit Bearbeiten / Kopieren bzw. STRG + C oder Wechseln Sie nun in einen (neu angelegten) Ordner auf der Festplatte und fügen Sie die Bilder dort mit Bearbeiten / Einfügen bzw. STRG + V oder ein. Löschen Sie die Bilder auf der SD-Speicherkarte in der Kamera aber erst, nachdem Sie die Bilddateien auf der Festplatte kontrolliert haben. 1.3 Bilder am PC betrachten Zum Betrachten der Bilder klicken Sie im Windows-Explorer doppelt auf eine Bilddatei mit Endung JPG oder BMP usw. Dann wird das Bild in dem dafür eingerichteten Programm gestartet. Wir wollen mit dem phantastischen Bildbrowser und Bildbearbeitungsprogramm (Freeware von der Service-CD der Stadtbildstelle installierbar) IrFanView arbeiten, da es bis zum semiprofessionellen Einsatz durchaus für unsere Ansprüche geeignet ist. Wird dieses Programm bei Doppelklick nicht automatisch gestartet, so müssen wir das WINDOWS mitteilen: Ein Klick mit RMT auf eine Bilddatei öffnet das unten links abgebildete Dialogfenster: 1 2 Öffnen mit... mit LMT anwählen IrFanView wählen, Häkchen setzen OK Für das Arbeiten mit IrFanView gibt es ein eigenes Selbstlernmaterial! Titel: Vom Bild zum Arbeitsblatt Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 4 von 11
2 Bilder verändern (im Batchmodus) Batchmodus bedeutet, eine oder mehrere bestimmte Änderungen nicht nur auf ein Bild, sondern auf mehrere Bilder, auf eine Bildauswahl auf einmal durchzuführen. 2.1 Bildnamen umbenennen Datei / Batchkonvertierung/Umbenennung 3 6 2 4 Tipp: Individuelle Namen für Bilddateien vergeben Sie im Windows- Explorer mit der Funktionstaste F2 bei markierter Datei oder RMT auf Datei und Umbenennen auswählen. 1 5 1 2 3 4 Batch - Umbennen auswählen Auswählen der Bilder in im gewünschten Ordner Alle hinzufügen anklicken auf Dieses Verzeichnis als Ziel. klicken Gezielt Bilder auswählen: Bei gedrückter STRG-Taste gezielt gewünschte(s) Bilder anklicken Erstes Bild anklicken, Shift-Taste gedrückt halten und Bild weiter unten anklicken alle Bilder dazwischen sind markiert! 5 Umbenennen-Optionen: Neuen Namen festlegen: z.bsp. 060812_Gardasee_### alle Bilder werden umbenannt in: 060812_Gardasee_001,..._002 usw. 6 wenn alles eingestellt ist: Start anklicken die Namenskonvertierung kann beginnen Jetzt werden die eingestellten Namensveränderung bei allen ausgewählten Bildern vorgenommen und die entstandenen Bilder im angegebenen Zielverzeichnis abgespeichert. Beachten Sie dabei im sich öffnenden Dialogfenster eventuelle Fehlermeldungen oder lesen Sie am Ende des Vorgangs ein erlösendes OK.! Um im geöffneten Windows-Explorer die Veränderungen zu sehen, wählen Sie Ansicht /Aktualisieren oder drücken einmal die Funktionstaste F5. Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 5 von 11
2.2 Bilddateien komprimieren Datei / Batchkonvertierung/Umbenennung 6 2 Ein Klick auf Start komprimiert alle ausgewählten Bilder und speichert sie gleichzeitig im gewünschten Ordner ab. 3 4 1 5a Hier Kompressionsrate einstellen 5b Merke: je höher die Kompression, desto kleiner die Dateigröße auf der Festplatte, aber um so schlechter die Qualität. 2.3 Bilddateien in ihrer Größe verändern Originalbilder in neuen Ordner kopieren Monitorgröße normal mit 1024 x 768 Bildpunkten bzw. Pixels dieselbe Auswahl wie oben unter 2.2, nur statt (5a) Wahl von Spezialoptionen (5b) Ein Klick auf Start im obigen Dialogfenster verändert die Größe aller ausgewählten Bilder und speichert sie gleichzeitig im gewünschten Ordner ab. ganz wichtig! Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 6 von 11
2.4 Text in ein Bild einfügen an geeigneter Stelle des Bildes (wo der Text nicht stört) ein Rechteck aufziehen, das den gewünschten Text aufnimmt. Dazu setzen Sie den Mauscursor auf die gedachte linke obere Ecke des Rechtecks und ziehen die Maus bei gedrückter linker Maustaste Aufsetzpunkt Beachten Sie die Größe und Farbe der Schrift, zum Beispiel gelbe Schrift in fetter Darstellung auf dunklem Hintergrund, das liest sich gut! Der Text im Bild wird aber nur dauerhaft beibehalten, wenn Sie das Bild anschließend mit Datei / speichern unter unter dem gleichen Namen in denselben Ordner abspeichern. Deshalb: Legen Sie Ihre Originalbilder immer in einem eigenen Ordner ab und arbeiten Sie nur mit Kopien der Bilddateien!!! Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 7 von 11
2.5 Panoramabilder zusammensetzen Hier werden mehrere Bilder zu einem Bild zusammengesetzt - von IrFanView aus Bild / Panorama-Bild erstellen 1 2 3 Ergebnis Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 8 von 11
2.6 Katalogbilder erzeugen Überblick aller vorhandenen Bilder als Bildervorlage Datei / Thumbnails Datei / Katalogbild mit selektierten Bildern Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 9 von 11
2.7 Verlustfreies Drehen eines Bildes Das Bild wurde bei der Aufnahme mit um 90 gedrehter Kamera, also im Hochformat, aufgenommen. Mit den Tasten L bzw. R drehen Sie das aktuelle Bild jeweils um 90 nach links bzw. rechts (gegen bzw. im Uhrzeigersinn), aber um es dauerhaft zu drehen, müssen Sie es erst noch speichern. IrFanView bietet hierzu eine wahrlich professionelle Alternative an: Rufen Sie Optionen / JPG verlustfreie Operationen auf (oder Shift + J) und erhalten das nebenstehende Dialogfenster: Bei der eingestellten Option wird das Bild um 90 im Uhrzeigersinn gedreht und zugleich unter demselben Namen im richtigen Ordner abgelegt. Dies passiert aufgrund von mathematischen Berechnungen auch noch völlig verlustfrei! Diese Funktion gibt es nur für ein einzelnes Bild, nicht aber im Batchmodus für ausgewählte Bilder! Elegant zu bedienen ist das Programm, wenn Sie alle wichtigen Operationen über die rechte Maustaste erhalten. Öffnen Sie hierzu die Einstellungen mit Optionen / Einstellungen / Andere 1 und erhalten das Dialogfenster rechts: Aktivieren Sie die Option Benutzte rechte Maustaste für Kontextmenü und verlassen das Dialogfenster mit OK. Klicken Sie nun mit der rechten Maustaste irgendwo in das Bild! Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 10 von 11
3 HTML-Dateiensystem für die Bilder erzeugen Vorher müssen unbedingt alle Operationen (hauptsächlich die Bildgröße) an den Bildern durchgeführt worden sein, ein nachträgliches Ändern ist aufwendig und außerdem man muss dann wissen, wo die Schrauben sind, an denen man dann drehen kann! Datei / Thumbnails (Thumbnails sind kleine Bildchen in Fingernagelgröße) Alle Bilder mit Optionen / alle markieren auswählen Datei / selektierte Bilder als HTML abspeichern Wichtig für die Navigation! Ein Klick auf Export erzeugt nun wie von Geisterhand ein umfangreiches Dateiensystem auf HTML- Basis (also Browser- und damit Internetfähig) Wechseln Sie nun zum Windows-Explorer und dort zum oben unter Zielverzeichnis angegebenen Ordner, springen durch Doppelklick in ihn hinein und suchen Sie die Datei Bionik-Ausstellung.html. starten Sie diese durch Doppelklick! Nun sehen Sie den Lohn der gesamten Arbeit. Im Internetbrowser öffnet sich das Thumbnailfenster und ein einfacher Klick auf ein beliebiges Thumbnail zeigt Ihnen das unkomprimierte Bild in voller Qualität im Vollbildmodus im Internetbrowser. Hier finden Sie die von Ihnen selbst definierten Navigationselemente (Pfeile) zum Vor- und Rückwärts-Blättern in der Diashow. Das Browserfenster kann noch vergrößert werden durch Ausblenden der Statuszeile und wechseln in die Vollbildansicht. Wohin mit der gerade erstellten Diashow? Kopieren Sie nun den Inhalt des in obigem Dialogfenster angegebenen Zielverzeichnisses ins Intranet Ihrer Schule oder brennen es auf CD. Ein Link auf die Startdatei vom Windows-Explorer aus ermöglicht einen problemlosen Zugriff auch für Nur-User bzw. Schüler/-innen. Digitale Bilder für das Internet aufbereiten PI/Stadtbildstelle September 2006 Seite 11 von 11