Neue Seite anlegen/ Neue Dateien anlegen/ Neuen Navigationspunkt anlegen

In diesem Abschnitt zeigen wir, wie eine neue Seite angelegt und damit auch ein neuer Navigationspunkt (in der linken, vertikalen Navigation) erzeugt wird. Beide Aktionen werden über die gleiche Serviceseite eingepflegt und bedingen einander. Sie werden sehen, welche Auswirkungen dies auf die Darstellung der Internetseite hat. Die betroffenen Bereiche sind rot umrandet.

Anmerkung

Die Auflistung der neu angelegten Dateien in diesen Bereichen erfolgt automatisch, da die Templates für die Navigation so programmiert werden.

 

Abbildung 8 – etamis®-Demobereich (Internetseite Ausstellungen | Übersicht)

 

AUFGABE

• Im Bereich Ausstellungen, dort im Verzeichnis „Kölner Dom“, soll eine neue Seite eingestellt werden. Parallel dazu wird ein zweiter Navigationspunkt (unterhalb von „Morgendämmerung“) eingefügt.
• Die neue Seite soll kd02.html genannt werden.
• Im Contentbereich der Seite „Übersicht“ (index_html; ist unsichtbar gemacht und daher in der linken Navigation nicht ersichtlich) wird die Auflistung erweitert.
• Es werden zwei Bilddateien in das System übertragen: eine, die in der Übersicht neben der kurzen Textzusammenfassung gelistet (kd02kl.jpg) und eine zweite, die in der neuen Datei in einer größeren Auflösung (kd02.jpg) dargestellt werden soll.
• Der neue Navigationspunkt soll „Sonnenuntergang“ genannt werden.

 

Abbildung 9 – etamis®-Serviceseite (Tools)

 

ERFORDERLICHE PFLEGESCHRITTE

• Nach dem Einloggen wird die etamis®-Serviceoberfläche geöffnet. (Falls die Logindaten nicht vorliegen, fragen Sie danach.)
• Per Klick auf das vorangestellte „+“-Zeichen wird das Verzeichnis „Ausstellungen“ geöffnet. (Die Inhalte des Verzeichnisses werden gelistet, aber noch nicht im mittleren Seitenbereich dargestellt. Dies erfolgt erst dann, wenn der Verzeichnisname angeklickt wird.)
• Ebenfalls per Klick auf das vorangestellte „+“-Zeichen wird das Unterverzeichnis „Kölner Dom“ geöffnet.
• Nun klickt man auf den (Unter-)Verzeichnisnamen „Kölner Dom“. Im mittleren Seitenbereich werden nun alle in diesem Verzeichnis hinterlegten Dateien abgebildet. (Rot umrandet sind die beiden Bereiche, die nach der Durchführung der Beispielpflegearbeiten erweitert sein werden.)

 

Abbildung 10 – etamis®-Serviceseite (Ausstellungen | Kölner Dom – vor Dateneinpflegung)

 

• Klicken Sie auf „neue Seite“ im Bereich „Tools“ (rechts oben).
• Im mittleren Seitenbereich wird man aufgefordert, einen Dateinamen einzugeben und diesen per Klick auf „anlegen“ zu bestätigen.

 

Abbildung 11 – etamis®-Serviceseite (Eingabeoberfläche „neue Seite“ anlegen)

 

» Als Dateinamen ist „kd02.html“ einzugeben. (Die vorhergehende Abbildung wird nach dieser Aktion unterhalb der Datei „kd01.jpg“ um die Datei „kd02.html“ ergänzt. Der Dateinamen kann willkürlich gewählt werden. Achten Sie aber darauf, das der Dateiname keine Sonderzeichen, keine Umlaute und insbesondere auch keine Leerzeichen enthält. Prinzipiell können die Daten solche Namen tragen, nicht alle Browser sind aber in der Lage, die so erstellte Datei anzuzeigen.)

Die Datei ist angelegt.

• Bevor die Datei-Eigenschaften einpflegt werden (siehe nächster Punkt), ist es empfehlenswert, die benötigten Grafiken in das System zu übertragen. Dies kann entweder über das BildArchiv erfolgen oder indem die Bild-Dateien in ein Verzeichnis übertragen werden. Vorteil bei der Nutzung des Bildarchivs ist, dass die Dateien in mehreren Größen zur Verfügung steht, nämlich typischerweise in einer geringen Auflösung („thumbnail“), einer mittleren Auflösung und in der Originalgröße.

Hierfür klicken man in der Tool-Box auf „neue Datei“.

Im mittleren Seitenbereich sieht man folgende Eingabefelder:

 

Abbildung 12 – etamis®-Serviceseite (Eingabeoberfläche „neue Datei“ anlegen)

 

» Der einzugebende Dateiname lautet z. B. „kd02.jpg“ (große Bildauflösung).

Die lokale Grafikdatei liegt in der Regel auf der lokalen Festplatte oder befindet sich auf einem anderen Medium (Diskette, CD-ROM, USB-Stick etc.). Die lokale Datei ist zu suchen (Klick auf „browse“) und auszuwählen. Für die gewählte Datei wird der kompletten Pfadangabe des lokalen Speicherorts in dem Feld „Lokale Datei“ ausgegeben.

» Wenn die richtige Datei ausgesucht wurde (d.h. die Pfadangabe korrekt ist), wird der Vorgang per Klick auf „anlegen“ abgeschlossen. Der Dateiname kann, muss aber nicht, identisch mit dem Namen der Quelldatei sein. Achten Sie auch hier wieder darauf, dass der Dateiname keine Sonderzeichen beinhalten sollte.

» Um die zweite Grafikdatei anzulegen, wiederholt man die zuvor beschriebenen Schritte. Der zweite Dateiname lautet in unserem Beispiel „kd02b.jpg“ (kleine Bildauflösung).

Die Auflistung ist nun um die drei angelegten Dateien (1 WWW-Seite, 2 Grafikdateien) erweitert und sieht nun wie folgt aus (die neu angelegte Seite steht noch im Entwurfsmodus, d.h. sie ist noch nicht veröffentlicht):

 

Abbildung 13 – etamis®-Serviceseite (Ausstellungen | Kölner Dom – nach Dateneinpflegung)

 

• Nun müssen die Inhalte und Ordnungskriterien für die neu eingefügte Seite sowie für die beiden Grafikdateien eingegeben bzw. zugeordnet werden.

Die Datei-Eigenschaften für die neu angelegte Seite werden über eine weitere Serviceseite eingepflegt, die per Klick auf den zuvor angelegten und nun gelisteten Dateinamen „kd02.html“ geöffnet wird. Diese Serviceseite beinhaltet diverse Eingabe- bzw. Auswahlfelder, die von Ihnen einzupflegen bzw. auszuwählen sind. Um ein korrektes Ergebnis zu erzielen, sind bei der Eingabe die in Kapitel DateiInformationen angegebenen Informationen zwingend zu berücksichtigen!

1. TYP

   Für die Umsetzung der vorliegenden Aufgabe ist „HTML/ www-Seite“ auszuwählen.

2. RAHMEN-TEMPLATE

   Da wir im vorliegenden Beispiel eine Datei im Ausstellungsbereich eingestellt werden soll, ist das Template „Ausstellung“ zu wählen.

3. INHALTSTEMPLATE

   Die neue Seite im Bereich „Ausstellung“, Unterverzeichnis „Kölner Dom“ soll ein Produkt führen, welches über den Online-Shop vertrieben werden soll. Daher ist hier der Inhaltstemplate „Shop“ auszusuchen.

4. STYLESHEET/CSS

   An dieser Stelle steht nur ein Stylesheet zur Verfügung.

5. ÜBERSCHRIFT

   Als Überschrift wurde „Sonnenuntergang“ gewählt.

6. ZUSAMMENFASSUNG

   In der Auflistung wird folgender Kurztext veröffentlicht: „Kölner Dom eingetaucht in das Licht der Abendsonne. (Zeilenumbruch) Acryl auf Leinwand (Zeilenumbruch) Erika Alber, 2004.“

7. META-INFORMATION/ TITLE

   Der Seitentitel lautet: „Demo-Galerie, Ausstellung Kölner Dom, Sonnenuntergang“.

8. META-INFORMATION/KEYWORDS

   Als Suchbegriffe für die Suchmaschinen (Keywords) für diese HTML-Seite sind definiert: „Galerie, Bild, Bilder, Malerei, Maler, Ausstellung, Vernissage, Kölner Dom, Dom, Acryl, Leinwand, Künstler, Künstlerin, Erika Alber.“

9. META-INFORMATION/DESCRIPTION

   Die Zusammenfassung zur Darstellung in den Suchmaschinen und –verzeichnissen lautet: „Einzigartige Ausstellung der Demo-Galerie in Köln: Erika Alber - Der Kölner Dom, Malerei - 22.10. bis 25.11.2005. An jedem Sonntag Vormittag ist die Künstlerin anwesend!“

10. LOGISCHES VERZEICHNIS

    Im vorliegenden Beispiel ist kein logisches Verzeichnis vorhanden.

11. UNSICHTBAR

    Die neue Seite bzw. der neue Navigationspunkt „Sonnenuntergang“ soll in der Navigation angezeigt werden, daher wird hier die Option „unsichtbar“ mit nein aktiviert.

12. VORSCHAUBILD

    Zusätzlich zum Kurztext soll noch das Bildmotiv (kd02.jpg) in der Auflistung dargestellt werden. Klicken Sie dafür auf den Text „Vorschaubild“ und wählen Sie das entsprechende Bild aus.

13. LINK/ VERWEIS

    Es liegt kein Link vor. Als Typ wurde zu Beginn „HTML/ WWW-Seite“ angegeben, dieses Feld kann also frei bleiben.

14. GUELTIGKEITSBEGINN

    Die Standardeinstellung wird unverändert übernommen.

15. GUELTIGKEITSENDE

    Die Standardeinstellung wird unverändert übernommen.

16. NEUES FENSTER

    Die Standardeinstellung für diese Selektion ist „ja“. Solange es sich bei dem Datei-Typ nicht um einen Link handelt, bleibt die Information unberücksichtigt und hat keine Auswirkung auf die Darstellung der Inhalte.

• Nachdem nun alle Eingaben und Selektionen erfolgt sind, wird die neue Seite und/ oder Datei per Klick auf „speichern“ in das System übertragen und ist unverzüglich auf den Internetseiten veröffentlicht. Auf den folgenden Abbildungen wird die „ausgefüllte“ Serviceseite und die daraus produzierten Internetseiten (Auflistungsseite und eigentliche Seite „Sonnenuntergang kd02.html“) dargestellt:
   
  
  Abbildung 14 – etamis®-Serviceseite (Datei-Eigenschaftenkd02.html - ausgefüllt)
   
   
  
  Abbildung 15 – etamis®-Demobereich (Ausstellungen | Übersicht Kölner Dom – nach Dateneinpflegung)
   
   
  
  Abbildung 16 – etamis®-Serviceseite (kd02.html)
   

Wie Sie aus der vorhergehenden Abbildung ersehen können, wurde unterhalb der Grafik („kd02.jpg“) der Informationsbereich „Online Bestellung“ eingefügt. Dies ist der Fall, weil zuvor als Inhaltstemplate die Vorlage „Shop“ ausgewählt wurde. Die Daten wurden in diesem Beispiel bereits eingepflegt – die Beschreibung hierzu finden Sie im Kapitelabschnitt etamisShop.