changed:
-
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.
<center> </center>
<center><img src="NeueSeiteEdit.jpg" /></center>
<center>**Abbildung 8** – etamis®-Demobereich (Internetseite Ausstellungen | Übersicht)</center>
<center> </center>
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.
<center> </center>
<center><img src="NeueSeiteTools.jpg" /></center>
<center>**Abbildung 9** – etamis®-Serviceseite (Tools)</center>
<center> </center>
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.)
<center> </center>
<center><img src="NeueSeiteVorEdit.jpg" /></center>
<center>**Abbildung 10** – etamis®-Serviceseite (Ausstellungen | Kölner Dom – vor Dateneinpflegung)</center>
<center> </center>
- 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.
<center> </center>
<center><img src="NeueKurzinformation.jpg" /></center>
<center>**Abbildung 11** – etamis®-Serviceseite (Eingabeoberfläche „neue Seite“ anlegen)</center>
<center> </center>
» 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:
<center> </center>
<center><img src="NeueDateiAnlegen.jpg" /></center>
<center>**Abbildung 12** – etamis®-Serviceseite (Eingabeoberfläche „neue Datei“ anlegen)</center>
<center> </center>
» 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):
<center> </center>
<center><img src="NeueSeiteNachEdit.jpg" /></center>
<center>**Abbildung 13** – etamis®-Serviceseite (Ausstellungen | Kölner Dom – nach Dateneinpflegung)</center>
<center> </center>
- 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:
<center> </center>
<center><img src="DateiEigenschaftenkd02.jpg" /></center>
<center>**Abbildung 14** – etamis®-Serviceseite (Datei-Eigenschaftenkd02.html - ausgefüllt)</center>
<center> </center>
<center> </center>
<center><img src="NeueSeite.jpg" /></center>
<center>**Abbildung 15** – etamis®-Demobereich (Ausstellungen | Übersicht Kölner Dom – nach Dateneinpflegung)</center>
<center> </center>
<center> </center>
<center><img src="kd02.jpg" /></center>
<center>**Abbildung 16** – etamis®-Serviceseite (kd02.html)</center>
<center> </center>
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.
<img src="InfoCenterKuenstler.jpg" />