Vorbereitung der Dateien

Transkript

1 Görlitzer-Fototreff Bildergalerien 1/7 Vorbereitung der Dateien Bildformat - Bildgröße Die Bilddateien für die Galerie(n) auf unserer Website goerlitzer-fototreff.de sollten folgende Formate aufweisen: Querformat: 1000 px breit / ca. 670 px hoch / 72 dpi Hochformat: 750 px breit / ca. 500 px hoch / 72 dpi Die genau Höhe ergibt sich aus der Proportion des Originalbildes. Auf unserer Website unter Tipps & Tricks findet Ihr eine kleine Video-Anleitung zur Größenanpassung der Bilder. Bildordner auf Eurem PC Legt auf Eurem PC einen Ordner an. Speichert dort alle Bilder, die aktuell beim Görlitzer-Fototreff veröffentlicht werden. Außerdem muss dieser Order die Textdatei captions.txt enthalten. Ein Beispiel zeigt die Abbildung rechts. Reihenfolge der Bilder Die Sortierung der Galeriebilder im Bilderordner erfolgt nach dem Dateinamen (alphanumerisch). Am einfachsten ist das, wenn Ihr Eure Bilder wie in unserem Beispiel nummeriert. Tipp: Nummeriert nicht wie im Beispiel - 01-Bild.jpg, 02-Bild.jpg usw., sondern 05-Bild.jpg, 10-Bild.jpg. So habt Ihr immer die Möglichkeit Eure Sortierung zu ändern und könntet z.b. das Bild 07-Bild.jpg problemlos einfügen. Die captions.txt-datei Unterhalb des vergrößerten Galeriebildes können zwei Bildunterschriften dargestellt werden. Diese Inhalte werden in der captions.txt-datei gespeichert siehe Abbildung. Die Struktur besteht aus 3 Bereichen: 1 Dateiname des Bildes 2 Freiwählbarer Name des Bildes 3 Zusätzliche Beschreibung des Bildes Getrennt werden die Bereiche durch einen senkrechten Strich (siehe PC-Tastatur rechts) Speichern der captions.txt-datei Für die Textbearbeitung empfehle ich den Editor Notepad++. Beim Speichern der Datei muss die Codierung UTF-8 ohne Boom verwendet werden. So werden die Umlaute richtig dargestellt. Wir haben festgestellt, dass die Beschriftung de ersten Galeriebildes den Text der captions-txt-datei nicht übernimmt. Der Editor Notepad++ und die o.g. Codierung behebt diesen Fehler Download-Link > Editor Notepad++

2 Görlitzer-Fototreff Bildergalerien 2/7 Einloggen > Fotografen Um in den Bearbeitungsbereich der eigenen Fotogalerie zu gelangen, müsst Ihr Euch über den Button Login / Logout mit Euren Zugangsdaten einloggen. Die Zugangsdaten wurden individuell per übersandt. Das erfolgreiche Einloggen wird angezeigt. Von dieser Stelle aus erfolgt auch das Logout mit einem Klick auf Abmelden Über den Button FOTOGRAFEN und mit einem Klick auf den eigenen Namen gelangt Ihr auf Eure Galerieseite. Diese Warnung erscheint immer dann, wenn das System keine Bilder im Ordner findet. Wenn alles korrekt abläuft werden Deine Bilder als Galerie präsentiert. Mit einem Klick auf das Bild wird ein Popup-Fenster mit dem vergrößerten Bild angezeigt. Links unten (gelb markiert) erscheint entsprechend Deiner Vorgaben in der captions.txt-datei die Texte der Bildbeschreibungen. Bei geöffnetem Popup-Fenster kann auch durch die gesamte Galerie navigiert werden.

3 Görlitzer-Fototreff Bildergalerien 3/7 Um Deine Galerieseite bearbeiten zu können, klicke auf den Button (hier gelb markiert) und weiter auf Bearbeiten. Hinweis: Der Button Bearbeiten erscheint nur für den betreffenden Fotografen, sobald sich dieser eingeloggt hat. Es öffnet sich der Administrationsbereich Deiner Seite. Mit dem Editor kannst Du den Text, ähnlich wie bei Word, bearbeiten. Eine kurze Einweisung zum Arbeiten mit dem Editor findet Ihr am Schluss dieser Anleitung. Die Codezeile (unten gelb markiert) beinhaltet die Parameter, die zu Deinem Bildordner führen. In unserem Beispiel ist das der Ordner von Muster im Unterverzeichnis fotografen. Deine Codezeile muss ebenfalls das Unterverzeichnis beinhalten. Der Mustertext muss gelöscht und durch eigenen Inhalt ersetzt werden. Dieser Text kann ober- oder unterhalb der Galerie erscheinen. Platziere entsprechend die Codezeile auf Deiner Seite. Um den System- Ordner mit Deinen Bildern zu erreichen, klicke auf den Button der zum File Manager führt (siehe oben). Alle anderen Buttons können unberücksichtigt bleiben. Es öffnet sich gezielt Dein Ordner im File Manager. Die interne Steuerung erfolgt über Deinen Benutzernamen. Sobald Du auf einen der Bildnamen in der Spalte Name klickst werden Details zum Bild angezeigt. Außerdem erscheint rechts eine Leiste mit Buttons. Durch Berührung mit dem Maus- Cursor werden deren Button-Funktionen angezeigt. In Deinem Ordner werden alle Bilddateien (jpg) und die captions.txt-datei gelistet. Außerdem findest Du einen Ordner mit Namen resizedimages. Der Ordner wird vom System automatisch angelegt und enthält Kopien Deiner Bilddateien. Dies erfolgt beim ersten Aufruf Deiner Fotografen-Seite.

4 Görlitzer-Fototreff Bildergalerien 4/7 Tipp: Wenn neue Bilddateien hochgeladen oder Bilder gelöscht werden, empfehle ich, den Ordner resizedimages zu löschen. So seid Ihr sicher, dass beim Neustart ein aktueller Ordner angelegt wird. Dateien hochladen / löschen Bevor Du neue Dateien hochlädst müssen die vorhandenen Daten gelöscht werden. Klicke auf den kleinen Button in der Kopfzeile der Namens-Spalte und alle Dateien werden mit einem Häkchen gekennzeichnet. Mit einem Klick auf den Button mit dem roten Kreuz werden diese Daten (nach Bestätigung) gelöscht. Hinweis: Ordner können nur gelöscht werden, wenn diese keine Dateien enthalten. Öffne den Ordner resizedimages und lösche darin alle Dateien - wie zuvor beschrieben. Danach kann der Ordner gelöscht werden. Neue Dateien hochladen Um neue Dateien in den leeren Ordner zu laden, klicke auf den Hochlade-Button (gelb). Danach auf Durchsuchen und such Deinen Ordner, in dem Du die vorbereiteten Dateien gespeichert hast. Alle markieren und auf den Button Öffnen (rechts unten) klicken. Es öffnet sich das Popup-Fenster Hochladen. Klicke auf Hochladen und das System lädt die Dateien in Deinen Ordner. Hinweis: Nicht verwirren lassen! Für unser Beispiel wurden die gleichen Dateien wieder hochgeladen. Die Dateien sind jetzt in Deinem Fotografen-Ordner gespeichert und die Galerieseite kann angezeigt werden. Beim erneuten Aufruf des Ordners wirst Du feststellen, dass der Zusatz-Ordner resizedimages mit Inhalt wieder angelegt wurde. Die einfache Vorgehensweise ist dann möglich, wenn alle Bilddateien gut vorbereitet sind und die captions.txt-datei aktuell ist. Dazu nochmals Vorbereitung der Dateien beachten.

5 Görlitzer-Fototreff Bildergalerien 5/7 Zusätzliche Galerie Um eine weitere Galerie auf der Fotografenseite darzustellen, muss ein zusätzlicher Ordner innerhalb des Fotografen-Ordner angelegt werden. Klicken Sie dazu auf den Button Neuer Ordner (hier Gelb), geben diesen einen Namen und klicken Sie auf OK. Der neue Ordner wird jetzt in der Übersicht dagestellt im Beispiel digiart. Öffnen Sie dieses Ordner und verfahren Sie so, wie unter Neue Dateien hochladen beschrieben ist. Um die neue Galerie auf Deiner Fotografenseite zu präsentieren, füge eine zusätzliche Galerie- Überschrift und eine neue Codezeile ein. Beachte dabei, dass der neue Ordner ein Unterverzeichnis Deines Fotografen-Ordner ist siehe Beispiel.

6 Görlitzer-Fototreff Bildergalerien 6/7 Textbearbeitung mit dem Editor Hinweis: Die Gestaltung der Website wird mit festgelegten Parametern über eine CSS- Datei gesteuert. Aus diesem Grunde solltest Du Dich bei der Schriftformatierung zurückhalten. Ich empfehle (wenn nötig): Fettschrift Kursivschrift Schriftfarbe Absatz-Ausrichtung (links, mittig, rechts) Erklärung der wichtigsten Buttons Aktionen rücksetzen B = Fettschrift / I = Kursivschrift / U = unterstrichen / S = durchgestrichen A = Auswahl der Schriftfarbe Auswahl der Farbe für den Schrifthintergrund (Marker) Falls Du Deine Texte aus Textbearbeitungsprogrammen in Deine Seite kopieren willst klicke vorher auf den T-Button. Danach öffnet sich ein Pop-Up-Fenster. Kopiere Deinen Text in dieses Fenster und klicke auf Einfügen. Dadurch werden alle vorhandenen Formatierungen gelöscht und der Editor kann einen reinen Text verarbeiten. Wie beschrieben, Button zum File-Manager Link im Text einfügen Falls Ihr in Eurem Text einen Link z.b. zur eigenen Website benötigt, fügt diesen wie folgt ein: 1 - Markiert das Wort, das als Textlink fungieren soll. 2 - Klick auf den Link-Button (geschlossene Kette). Der Link-Manager wird geöffnet. Für einen externen Link hinterlegt Ihr bei URL Euren Link siehe Beispiel ist wichtig Das Wort für den Textlink wird automatisch angezeigt. Um Eure verlinkte Website in einem neuen Fenster anzuzeigen, setzt Ihr das Ziel auf In neuem Fenster öffnen. Danach auf Einfügen klicken. Im Editor-Fenster wird das verlinkte Wort in blauer Schrift angezeigt. Um einen Link zu löschen, klickt Ihr auf den Link-Button gesprengte Kette.

7 Görlitzer-Fototreff Bildergalerien 7/7 Seitenumgebung rund um den Editor Im Administrationsbereich Eurer Fotografen-Seite sind nur wenige Buttons wichtig. 1 Speichern die bearbeitete Seite wird gespeichert 2 Abbrechen der Vorgang wird ohne speichern abgebrochen 3 Versionen hier können, falls nötig, ältere Versionen Eurer Seite reaktiviert werden 4 Das Feld Titel Euer Name intern mit Ordnungsziffer nichts ändern 5 Inhalt Anzeige der Editor-Ansicht der Seite 6 Veröffentlichen nichts ändern 7 Sprache nichts ändern unsere Seite ist nur für die deutsche Sprache angelegt 8 Metadaten Eingabe nicht zwingend nötig Wer möchte, kann hier eine individuelle Meta-Beschreibung und Schlüsselworte für seine Seite eingeben.