Konzeption: Neuer Internetauftritt

Transcrição

Hochschule für Technik, Wirtschaft
und Kultur Leipzig
University of Applied Sciences
Konzeption:
Neuer Internetauftritt
Modul: Schulungsinhalt
Dokumenthistory:
Dokument Version
Änderungen
Autor
Datum
0.1
grob Anforderungen
Stefan Schmeißer
11.07.08
0.2
Inhalte eingefügt
Student Stefan Schilling
12.07.08
0.21
Inhalte angepasst
Student Stefan Schilling
29.07.08
0.3
Reihenfolge, Detailerklärungen eingefügt
Stefan Schmeißer
13.08.08
0.3.1
Hinweise zur Arbeitsumgebung eingefügt (Workflow Stefan Schmeißer
News/Events)
10.09.08
0.3.2
Einfügen Anlegen von Mitarbeitern in Ansprechpartner Stefan Schmeißer
Datenbank
24.09.08
0.3.3
Anpassen Vorgehen News und Events einstellen
Stefan Schmeißer
05.02.09
0.3.4
Multimedia Objekt Anleitung eingefügt
Stefan Schmeißer
10.02.09
0.3.5
Hinweis Dateiupload erlaubte Zeichen
Stefan Schmeißer
10.04.09
0.3.6
Hinweis zu Nachrichten (Sortierung im Backend)
Studentin Gabi Ehrlich
21.07.09
0.4.0
Erweiterung neue Funktionen & Erklärung Bild im Inhalt Stefan Schmeißer
einfügen
19.08.10
0.4.1
Erweiterung Erklärung Bildergalerie
Stefan Schmeißer
04.10.10
0.4.2
Redaktionelle Änderungen
Studentin Sandra Bendlin
23.02.11
0.5
Änderungen bzgl. neue Typo3 Version 4.5.X z.B. „neue Stefan Schmeißer
Seite anlegen“
21.03.11
HTWK Leipzig
Karl-Liebknecht-Straße 132
04277 Leipzig
Telefon (0341) 3076-66 24
Telefax (0341) 3076-63 80
Internet www.htwk-leipzig.de
Leipzig, am 22. März 2011
O:\Internetauftritt\schulung_anleitung_installation\Schulungsunterlagen_20110321.doc
1.
Ziel ..............................................................................................................................4
2.
Schulungsinhalte ...........................................................................................................4
2.1
Allgemein Erklärung CMS System................................................................................4
2.2
Allgemeine Vorstellung Webseite ...............................................................................4
2.2.1
Aufteilung der Webseite: ...................................................................................5
2.2.2
Content (Inhalte) .............................................................................................5
2.2.3
Erklärung Begriff „Frontend“ ..............................................................................6
2.2.4
Erklärung Begriff „Backend“ ...............................................................................6
2.2.5
Datenbank (Inhalte speichern) ...........................................................................6
2.2.6
Webserver (Inhalte ausliefern)............................................................................6
2.2.7
Berechtigungskonzept.......................................................................................6
2.3
Einloggen ins Backend .............................................................................................6
2.4
Allgemeine Erklärung Backend...................................................................................7
2.4.1
Aufbau und wichtigste Module ...........................................................................7
2.4.2
Allgemeine Funktionen/Symbole/Icons erklären....................................................8
2.4.3
Strukturbaum.................................................................................................10
2.5
Webseiten ............................................................................................................10
2.5.1
Neue Seite anlegen.........................................................................................10
2.5.2
Neues Inhaltselement auf Seite einfügen ...........................................................12
2.5.3
Einführung in den Rich Text Editor (RTE) ...........................................................14
2.5.3.1
2.6
Links anlegen .............................................................................................14
2.5.3.1.1
Interne Links........................................................................................14
2.5.3.1.2
Externe Links........................................................................................15
2.5.3.1.3
Dateien herunterladen / Downloadlinks ....................................................15
2.5.3.1.4
E-Mail – Adresse als Link........................................................................16
2.5.3.1.5
Gestaltung von Links per Icon.................................................................17
2.5.3.2
Tabellen ....................................................................................................17
2.5.3.3
Reiterkarte Media - Bild im zum Text hinzufügen .............................................18
2.5.3.3.1
Text mit rechts liegendem Bild................................................................18
2.5.3.3.2
Im Rich Text Editor per Icon „Bild einfügen“ ............................................19
Inhaltselemente für die Seitengestaltung .................................................................19
2.6.1
Rechte Teaserspalte - Inhaltstyp Linklisten ........................................................21
2.6.2
Inhaltstyp NEWS - Nachricht ............................................................................21
2.6.2.1
2.6.3
2.6.3.1
2.6.4
Nachrichten einstellen .................................................................................21
Inhaltstyp Events – Veranstaltung und Termin ....................................................24
Einstellen einer neuen Veranstaltung / Termin: ...............................................24
Inhaltstyp Ansprechpartner..............................................................................26
2.6.4.1
3.
Verwaltung der Mitarbeiter Datenbank............................................................26
2.6.5
Inhaltstyp Flash .............................................................................................28
2.6.6
Bilder – Bildergalerie ......................................................................................29
2.6.7
Multimedia ....................................................................................................31
2.6.8
Dateien Hochladen/Download ..........................................................................33
2.6.9
Mehrsprachigkeit ............................................................................................33
Glossar: ......................................................................................................................33
Seite 3 von 33
1.
Ziel
Dieses Dokument soll den Inhalt der Typo3 Redakteurs Schulung strukturieren und dokumentieren.
2.
Schulungsinhalte
2.1 Allgemein Erklärung CMS System
-
CMS  Content-Managment-System (übersetzt etwa Inhaltsverwaltungssystem)
-
Allgemein dient es zur gemeinschaftlichen Erstellung und Bearbeitung des
Inhalts von Text- und Multimedia-Dokumenten meist für das World Wide Web
-
Wir nutzen das Content Management System „TYPO3“ für den Webauftritt der
HTWK Leipzig, zukünftig könnte auch das IPTV (CampusTV) über das TYPO3 mit
Inhalt befüllt werden.
-
Programmier- oder HTML-Kenntnisse sind nicht zwingend erforderlich
2.2 Allgemeine Vorstellung Webseite
URL – Adresse: http://www.htwk-Leipzig.de
Seite 4 von 33
2.2.1 Aufteilung der Webseite:
Die Startseite hat ein abweichendes Layout ebenso manche Fakultätsstartseiten. Alle weiteren Seiten
haben folgende Aufteilung:
o
Header – Kopfbereich (meist mit Reiterkarten für die 1. Menüebene)
o
Linke Spalte (für die 2. – 5 Menüebene)
o
Inhaltsbereich: mit Inhaltselementen
o
Rechte Spalte (Seiten mit breiten Tabellen können ohne rechte Spalte angelegt werden)
o
Footer – Fußbereich
o
Quicklinks
Weitere standardisierte Elemente aller Webseiten:
o
Sitemap, Impressum, Kontakt
o
Seite drucken / Seite empfehlen
o
Sprachumschaltung
o
Suche
o
Am Ende jedes Inhaltsbereichs die Funktionsbuttons „Mail an Autor“ , „Drucken“,
„Empfehlen“, „Nach Oben“
2.2.2 Content (Inhalte)
-
als Content bezeichnet man den darzustellenden Informationsgehalt
-
Contents können in verschiedensten Formen vorliegen, z.B. Text, Bild-, Audiooder Videodaten
Seite 5 von 33
2.2.3 Erklärung Begriff „Frontend“

Inhalte anschauen z.B. im Browser IE, FireFox
-
mit dem Frontend beschreibt man die Sicht auf eine Internetseite die jeder
Besucher sehen soll, z.B. www.htwk-leipzig.de
-
hier kann jeder Besucher die im Backend eingestellten Inhalte, welche öffentlich
zu sehen sein sollen, anschauen
2.2.4 Erklärung Begriff „Backend“

Inhalte einstellen und verwalten
-
das Backend dient zum Einstellen von Inhalten, welche über das Frontend
ausgegeben werden sollen, z.B. www.htwk-leipzig.de/typo3
-
das Backend wird ebenfalls über einen Browser bedient.
2.2.5 Datenbank (Inhalte speichern)
-
ein Datenbanksystem dient zur elektronischen Datenverwaltung
-
wesentliche Aufgaben: große Datenmengen zu speichern und benötigte Daten
für den Benutzer bereitzustellen
-
dies geschieht bei TYPO3 alles im Backend
2.2.6 Webserver (Inhalte ausliefern)
-
ein Webserver überträgt die Inhalte an den Internet-Browser
2.2.7 Berechtigungskonzept
-
Nicht jeder kann alles ändern
-
Jeder Bereich darf nur die jeweils freigegebenen Seiten ändern
2.3 Einloggen ins Backend
URL – Adresse für Schulung und Produktiven Einsatz: http://www.htwk-leipzig.de/typo3
Login (Benutzer):
(wie übergeben im Handout)
Passwort:
(wie übergeben im Handout)
Seite 6 von 33
2.4 Allgemeine Erklärung Backend
Das Backend ist nur für die Redakteure und Administratoren gedacht. Besucher sehen nur
das so genannte Frontend.
Erklärung des Seitenaufbaus des Backends:
Nach dem Einloggen sieht man einen Begrüßungsbildschirm. Beim Klick links im Menü auf
Web  Seite wird folgende „normale“ Ansicht dargestellt:
o
Generell ist das Backend in 3 Spalten aufgeteilt (die Spaltenbreite kann per Maus
geändert werden
-
Linke Spalte – „Werkzeugbereich“ stellt die Funktionen und Werkzeuge dar (je
nachdem wofür Sie Berechtigung besitzen werden zusätzliche Werkzeuge
eingeblendete)
-
Mittlere Spalte – als „Strukturbaum“ bezeichnet: beinhaltet im Normalfall alle
Seiten der HTWK Leipzig und Ihrer Fakultäten usw. in Form mehrere
strukturierter Bäume. Durch das „[+]“ Plussymbol können die Bäume aufgeklappt
werden. Zusätzlich enthält der Strukturbaum die Zweige für die Sie direkt
verantwortlich sind – also Schreibberechtigung haben.
-
Rechte Spalte - „Inhaltsbereich“: dort werden, nachdem Sie ein Werkzeug
aktiviert und eine Seite im Strukturbaum angewählt haben, die vorhandenen
Inhalte der Seite mit den möglichen Optionen zum Bearbeiten der Inhalte
dargestellt.
2.4.1 Aufbau und wichtigste Module
-
das Backend teilt sich in drei Bereiche auf, der Bereich Werkzeuge, der Bereich
Strukturbaum und der Bereich Seiteninhalte
-
nun eine kurze Übersicht über die Werkzeuge:
Werkzeug
Beschreibung zur Funktion
Web  Seite
Hier können Webseiten sowie Inhalte bearbeitet und neu
angelegt werden.
Web  Anzeige
Vorschau der Webseite im Bereich des Seiteninhaltes.
Web  Liste
Übersicht der Elemente, welche einem bestimmten Bereich
im Strukturbaum zugeordnet sind. Elemente können z.B.
Webseiten mit Inhalt sein. Diese Funktion wird z.B. zum
Seite 7 von 33
einstellen von Nachrichten und Veranstaltungen verwendet
sowie zur Pflege des Telefonverzeichnisses durch KDP.
Web  Statistik
Optionale Funktion zum Einsehen einer kleinen Statistik der
Seitenaufrufe. Diese Funktion ist sehr rudimentär und nur für
bestimmte Redakteure tatsächlich von Interesse – daher wird
in der Schulung nicht darauf eingegangen.
Web  Links überprüfen
Optionale Funktion um vorhandene Links und Verweise von
Seiten automatisch auf Fehler zu prüfen. Bekanntlich ändert
sich das Internet rasant. Schnell veralten Internetadressen –
um nicht einzeln manuell prüfen zu müssen, ob alle
verlinkten Webseiten noch „Online“ sind, wird diese
Funktion bereitgestellt.
Datei  Dateiliste
In der Mitte öffnet sich der Strukturbaum. Der Hauptordner
lautet „fileadmin/“, darunter befinden sich alle Unterordner.
In diesen können neue Ordner angelegt, Dateien
hochgeladen, umbenannt & gelöscht werden. Nötig um z.B.:
PDFs oder Bilder einzustellen.
Benutzerwerkzeuge  Einstellungen
Einstellungen wie z.B. Name, Email-Adresse oder auch
Sprache können hier eingestellt werden.
Hier können Sie Ihr Passwort ändern.
2.4.2 Allgemeine Funktionen/Symbole/Icons erklären
Im TYPO3 System gibt es viele Icons. Wenn sich die Funktion der Icons nicht sofort erschließ können
Sie mit der Maus über einem Icon kurz verharren und es wird ein Hinweis eingeblendet was der Klick
auf das Icon bewirkt.
durch klicken etwas „aufklappen“ und mehr Elemente/Seiten werden sichtbar
Einzelne Webseite (z.B.: im Strukturbaum angezeigt)
System Ordner – nur für Sonderfunktionen (Telefonliste, News, Events) nötig
Dateiordner also Verzeichnis
Verlassen ohne Speichern
Speichern ohne verlassen, speichern mit Vorschau, speichern und schließen,
speichern und neuen Inhaltsblock erstellen
Fragezeichen – kleine Hilfestellungen zu gegebenen Themen, erscheint wenn der
Cursor auf einem begriff verharrt
Suchen - öffnet das Suchfenster
Ansehen – beim Klicken öffnet sich neues Fenster für die Voransicht
PopUp Blocker deaktivieren! im Firefox 3.6.X : im Menü klicken:
Extras  Einstellungen  Inhalt  „Pop-up-Fenster blockieren“ ggf. deaktivieren
Seite 8 von 33
oder Ausnahme für HTWK Leipzig hinzufügen
Shortcuts – Schnellverweise aufrufen bzw. anlegen
Seitencache löschen
,
Neue Seite, Neuen Inhaltsblock
Seite neu laden / aktualisieren
Seite ändern / editieren
Inhaltselement oder Seite kopieren
Inhaltselement oder Seite ausschneiden
Inhalt oder Seite einfügen (welche zuvor kopiert oder ausgeschnitten wurde)
Datei(en) hochladen (Dateiupload)
Inhaltselement / Seite löschen
Abmelden – Abmeldebutton, nach Beendigung der Arbeit hierüber beenden
für alle sichtbare Seite / Element
versteckte Seite / Element (wird niemandem im Frontend angezeigt
im Menü ausgeblendete Seite – ist aber weiterhin aufrufbar – wer die URL kennt oder Suche
benutzt
nur für bestimmte Besucher sichtbar (je nach Einstellung der Zugriffsrechte z.b. nur Intern
Innerhalb der HTWK Leipzig sichtbar)
interner Verweis - Diese Seite ist eine automatische Weiterleitung auf eine andere Seite
externer Verweis – Diese Seite leitet auf eine externe Webseite weiter
dieses Elemente / Datensatz (z.B. News) ist versteckt – also nie sichtbar im Frontend
dieses Element / Datensatz (z.B. News) hat eine Zeitsteuerung für die Anzeige aktiviert
D.h. es wurde definiert, dass nur ab einem bestimmten Datum – bis zu einem Datum
dieses Element / Datensatz sichtbar ist
dieses Element / Datensatz ist nicht sichtbar bzw. es liegen spezielle Einstellungen vor die
die Anzeige verhindern
durch klicken kann Element verborgen/ deaktiviert werden
durch klicken kann Element sichtbar gemacht werden (d.h. aktuell ist es verborgen)
durch klicken kann Element bearbeitet werden
Kalender – durch klicken wird ein Kalender eingeblendet….
Seite 9 von 33
2.4.3 Strukturbaum
o
der Strukturbaum repräsentiert die Struktur der Webseite
o
hierbei werden Verweise, Seiten mit Inhalt, Seiten die nicht im
Frontend-Menü angezeigt werden sollen übersichtlich dargestellt
o
zum Navigieren zu den
gewünschten Namen klicken
o
beinhaltet die Webseite weitere Unterseiten, so kann man diese
mit Klick auf das „ “ Zeichen öffnen, falls diese wieder
eingeklappt werden sollen, so klickt man auf das „ “ Zeichen
o
Als Redakteur werden Ihnen im Normalfall alle Zweige aller an
der HTWK Leipzig vorhandenen Webseite (im TYPO3 System)
angezeigt. Dies dient nur dazu, dass Sie im Bedarfsfall auf
vorhandene Seiten verlinken können. Sie haben keine
Bearbeitungsrechte auf diesen Seiten. Zusätzlich wird Ihnen der
Teilbereich des Strukturbaums eingeblendet für den Sie
zuständig und freigeschaltet sind – nur dort können Sie dann
Seiten ändern und neu einstellen.
einzelnen
Seiten
einfach
auf
2.5 Webseiten
2.5.1 Neue Seite anlegen
1. Im Linken Menü den Punkt „WebSeite“ wählen. Nun die Stelle im Strukturbaum auswählen
an der neue Seite eingefügt werden soll. Achtung es kann nur dort eingefügt werden, wo
jeweiliger Bereich auch die benötigten Rechte hat (KDS kann nicht bei KDP Seiten
einfügen…)
2. Klicken Sie das Icons
„Neue Seiten erstellen“ über dem Strukturbaum
3. Unterhalb des Icons wird nun eine Auswahl an Seitentypen dargestellt die Sie einfügen
können:

Normale Webseite

Verweis auf eine interen Webseite

Link zu einer externen Webseite

Neuen Systemordner anlegen (nur für Admin)
4. Bewegen Sie Ihren Mauszeiger nun über den gewünschten Seitentyp – im Normalfall ist dies
das 1. Icon in der Leiste „ “. Klicken Sie nun mit der Linken Maustaste dieses ICON an und
halten die Maustaste gedrückt. Ziehen Sie nun das Icon auf den Strukturbaum an die
Position an der Sie die neue Seite einfügen möchten:
Seite 10 von 33
5. Sobald Sie die Maustaste losgelassen haben, wird an der jeweiligen Stelle eine neue Seite
eingefügt und nach einem Augeblick wechselt die Darstellung und Sie können direkt im
Strukturbaum den Seitentitel definieren:
6. Ersetzen Sie den „Standard-Titel“ durch den gewünschten Seitentitel. Um den Titel
nachträglich zu ändern können Sie auf den Seitentitel doppelklicken und nach einem kurzen
Moment erscheint der Titel mit einer blauen Markierung und Sie können den Titel erneut
anpassen
7. Alle neu angelegten Seiten werden mit der Seitenaufteilung der übergeordneten Seiten
angelegt. D.H. der früher nötige Schritt der Auswahl der Seitenaufteilung entfällt. Möchten
Sie den im Normalfall auf „Unterseite mit rechter Spalte“ gesetzten Seitentyp ändern wollen
- finden Sie diese Option in den Seiteneigenschaften.
8. Alle neu angelegten Seiten sind Standardmäßig verborgen. D.H. nur eingeloggte Redakteure
sehen diese neue Seite. Um eine Seite sichtbar zu machen gehen Sie wie folgt vor: Klicken
Sie auf das Icon „ “vor dem Seitentitel. Nun öffnet sich nach einem Moment eine Auswahl
an möglichen Aktionen. Wählen Sie „Aktivieren“ um die Seite für alle Besucher sichtbar zu
machen:
9. Um sich Ihre neu angelegte Seite anzeigen zu lassen klicken Sie Ihre neue Seite einmal im
Strukturbaum an, so dass Sie in der rechten Spalte oben das Icon „Web-Seite anzeigen“
.
eingeblendet bekommen. Klicken Sie das Icon
Seite 11 von 33
Sofern kein Popup Blocker Ihres Browsers die Anzeige unterdrückt, sehen Sie nun Ihre neu
angelegte Seite in einem neuen Browserfenster.
2.5.2 Neues Inhaltselement auf Seite einfügen
1. Nun muss ein Inhaltselement auf der Seite hinzugefügt werden. Dazu die Seite im
Strukturbaum anklicken (ggf. vorher den Strukturbaum aktualisieren durch
falls neue
„Neues Element anlegen“
Seite nicht angezeigt wird). Im rechten Bereich das Icon
wählen. Je nach eingestelltem Seitentyp können Sie neue Elemente im Bereich „Inhalt“ (A) das ist der Hauptbereich oder „Teaser“ (B), das ist die rechte Spalte der Webseite, einfügen.
Klicken Sie unterhalb von „Inhalt“ auf das Icon „
“.
2. Nun wählen eines Inhaltstyps.
Normalerweise wird dies „Text
und Bilder“ sein. Alle weiteren
zur
Auswahl
stehenden
Inhaltstypen werden später
erklärt bzw. sind nicht im
täglichen Gebrauch nötig.
3. Auf der Registerkarte „Allgemein“ ist nun eine Überschrift einzugeben.
4. Im Feld „Text“ können Sie mithilfe eines Editors (Rich Text Editor – RTE) den gewünschten
Text einfügen
5. Nun speichern Sie Ihre Eingaben durch klicken auf das Diskettensymbol „ “ im oberen
Bereich der Seite. Wenn Sie das Diskettensymbol mit dem Auge dran wählen sollte sich ein
neues Browserfenster öffnen (bitte dran denken
den Popup Blocker im Browser zu deaktivieren!
Dazu z.B. im FireFox im Menü klicken: Extras 
Einstellungen  Inhalt  „Pop-up-Fenster
blockieren“ abwählen oder Ausnahme für HTWK
Leipzig hinzufügen.)
Seite 12 von 33
Weitere Hinweise:
o
Nicht vergessen nach beenden der Arbeiten die Seite sichtbar zu machen. Dazu im
Strukturbaum die neu angelegte Seite anklicken und die Seiteneigenschaften
bearbeiten.
o
Nun wie unten ersichtlich in den Seiteneigenschaften in der Reiterkarte „Zugriff“ das
Häckchen bei „Deaktivieren“ herausnehmen. Und Speichern nicht vergessen!
o
Wenn Sie im Inhaltsbereich Downloads, Linklisten oder Ansprechpartner angeben – können
Sie auch alternativ oder zusätzlich die Rechte Spalte (Teaserspalte) dafür nutzen – Erklärung
weiter unten in diesem Dokument.
Seite 13 von 33
o
Suchmaschinen Optimierung. Um Ihre Seiten optimal in den Suchergebnislisten zu platzieren
(und möglichst barrierefreie Seiten bereitzustellen) können Sie unter den
Seiteneigenschaften den Reiter „Metadaten“ s. u. wählen und dort zusätzliche Schlagworte
und eine kurze Beschreibung des Seiteninhalts ablegen.
2.5.3 Einführung in den Rich Text Editor (RTE)
Wenn Sie wie oben beschrieben eine neue Seite mit dem Inhaltselement „Text und Bilder“ gewählt
haben – steht Ihnen bei der Bearbeitung ein Leistungsfähiger Editor zur Verfügung. Sie benötigen
also keine HTML Kenntnisse um Text zu formatieren und haben ähnliche Funktionen wie bei einer
Textverarbeitungssoftware zur Verfügung. Im Folgenden einige Detailerklärungen:
2.5.3.1 Links anlegen
Es gibt 4 verschiedene Linktypen. Diese können alle über den Texteditor angegeben werden:
Markieren Sie dazu im Texteditor zuerst den gewünschten Begriff. Nun wird das Icon „Link einfügen“
aktiv und kann angeklickt werden. Im Folgenden werden die einzelnen Linktypen vorgestellt.
2.5.3.1.1
Interne Links
Interne Links – zeigen auf Seiten die im gleichen CMS System liegen. Wählen Sie die Registerkarte
„Seite“. Nun geben Sie bei Titel einen beliebigen Text ein (für barrierefreie Seiten empfiehlt es sich
einen aussagekräftigen Titel zu verwenden). Danach klicken Sie im Seitenbaum auf die gewünschte
Seite. Ist die Seite nicht verfügbar auf welche Sie verlinken möchten melden Sie sich vorerst direkt
an Herrn Schmeißer.
Seite 14 von 33
Hinweis:
Interne Seiten sollen immer im gleichen Fenster geöffnet werden daher bitte nicht Ziel „_blank“ –
Neues Fenster wählen.
2.5.3.1.2
Externe Links
Externe Links sind Webseiten die nicht in diesem Typo3 CMS System verwaltet werden. Zum Beispiel
Webseiten die nicht mit www.htwk-leipzig.de beginnen oder z.B. die Fachbereichsseiten.
Wählen Sie die Reiterkarte „Externe URL“. Tragen oder kopieren Sie die URL des Links ein.
Anschließend vergeben Sie im Feld Titel einen aussagekräftigen Titel für die Webseite auf die Sie
den Link setzen (dadurch unterstützen Sie die Barrierefreiheit!). Klicken Sie „Link setzen“ um die
Einstellungen zu speichern.
Hinweis:
Externe Links müssen immer im neuen Browserfenster öffnen daher wählen Sie unter „Ziel“ immer
„neues Fenster“.
2.5.3.1.3
Dateien herunterladen / Downloadlinks
Um den Besuchern der Webseite Dateien zum Herunterladen anzubieten wählen die die Reiterkarte
„Datei“. Vergeben Sie ebenfalls einen aussagekräftigen Titel und wählen danach eine Datei aus dem
Verzeichnisbaum. Um dort die gewünschte Datei zur Auswahl zu haben, müssen Sie diese zuvor
„hochladen“. Dies wird in einem der folgenden Kapitel beschrieben.
Seite 15 von 33
Hinweis:
Externe Links müssen immer im neuen Browserfenster öffnen daher wählen Sie unter „Ziel“ immer
„neues Fenster“.
2.5.3.1.4
E-Mail – Adresse als Link
Wählen bzw. markieren Sie im Texteditor den Begriff oder Namen und klicken Sie auf Link
hinzufügen. Im PopUp wählen Sie die Reiterkarte „E-Mail“. Tragen Sie nun die E-Mail Adresse ein.
Und einen aussagekräftigen Titel. Klicken Sie „Link setzen“ um die Einstellungen zu speichern.
Hinweis:
Durch die Verwendung dieser Funktion stellen Sie sicher, dass die angegebenen E-Mail Adressen
nicht einfach automatisiert mit Spam beschickt werden können. Sie helfen durch die Verwendung
wertvolle Arbeitszeit einzusparen!
Seite 16 von 33
2.5.3.1.5
Gestaltung von Links per Icon
Im Normalfall wird beim erstellen eines neuen Links ein
entsprechendes Icon vor dem Link platziert. Z.B: eine
Diskette bei einem Downloadlink auf eine Datei. Sie
können dieses Verhalten beim Setzen oder Aktualisieren
eines Links beeinflussen. Wählen Sie dabei während es
bearbeiten eines Links in der Selectbox „Stil:“
entsprechend den gewünschten Linkstil.
2.5.3.2 Tabellen
Um Tabellen darzustellen bietet der Texteditor das Icon
„Tabelle einfügen“.
Sie können nun beliebig viele Spalten und Zeilen anlegen. Sobald Sie eine Tabelle angelegt haben
werden weitere Icons aktiv und Sie können z.B. Zellen oder Spalten verbinden, Teilen usw.
Hinweise:

Haben Sie vor eine relativ breite Tabelle darzustellen, ist es ggf. nötig die rechte Spalte
(Teaserspalte) wegzulassen. Beim Anlegen der Seite wählen Sie Unterseite breit (Unterseite
ohne rechte Teaserspalte) als Layout. Oder stellen bei einer bereits angelegten Seite das
Seitenlayout unter den Seiteneigenschaften  Reiterkarte Erweitert  Seiten-Datenstruktur
um.

Weiterhin empfehle ich für Tabellen immer ein separates Inhaltselement anzulegen. Dies hat
den Vorteil eine Tabelle einfacher bearbeiten zu können und ggf. auf anderen Seiten einfach
zusätzlich einzubinden.
Seite 17 von 33

Sollte das virtuelle Rahmengitter der Tabelle beim Bearbeiten nicht angezeigt werden hilft
ein Klick auf das Icon „Ränder umschalten“
2.5.3.3 Reiterkarte Media - Bild im zum Text hinzufügen
Es gibt mehrere Möglichkeiten ein Bild zum Text hinzuzufügen. Die einfachste Variante ist beim
anlegen eines Inhaltselements s.o. den Typ „Text mit rechts liegendem Bild“ zu verwenden.
2.5.3.3.1
Text mit rechts liegendem Bild
Ausgangspunkt: Sie haben eine Seite angelegt und das Inhaltselement „Text und Bilder“ gewählt.
Klicken Sie bei dem Inhaltselement auf „Element bearbeiten“
Reiterkarten zur Auswahl – Sie klicken auf „Bilder“.
. Im folgenden haben Sie einige
Nun stehen Ihnen verschiedene Einstellungen für das Einbinden von Bildern zur Verfügung. Im
einfachsten Fall klicken Sie wie oben dargestellt auf (2.) das Icon „Dateien durchblättern“ „
“.
Anschließend öffnet sich ein neues Browserfenster und Sie wählen aus dem Verzeichnisbaum das
gewünschte Bild. Das Fenster sollte sich nun schließen. Weitere Informationen zum Dateiupload
später in diesem Dokument.
Zusätzlich können Sie einstellen, ob das Bild verlinkt werden oder Bildunterschriften erhalten soll
etc.
Seite 18 von 33
2.5.3.3.2
Im Rich Text Editor per Icon „Bild einfügen“
Überall wo Ihnen der „Rich Text Editor“ (RTE) zur Verfügung steht – also auch beim Eintragen von
News etc. können Sie über das Icon „Bild einfügen“ ein Bild hinzufügen.
Nach dem Klicken des Icons öffnet sich ein neues Fenster in dem Sie aus dem Verzeichnisbaum ein
Bild wählen können. Das Fenster sollte sich anschließend wieder schließen. Weitere Informationen
zum Dateiupload später in diesem Dokument. Durch rechten Mausklick auf das Bild im Textfeld
können Sie die Größe ändern und weitere Einstellungen vornehmen. Üblicherweise sollten Bilder
rechtsbündig (200 Pixel breit) mit Textumfluß oder über die komplette Breite des Inhaltsbereichs
(515 Pixel breit) eingebunden werden.
Weitere Möglichkeiten sind im späteren Teil der Anleitung zu entnehmen.
2.6 Inhaltselemente für die Seitengestaltung
Durch Klicken auf
„Neues Element anlegen“ auf einer Webseite haben Sie im folgenden eine
reichhaltige Auswahl an speziellen Elementen zur Seitengestaltung. Sind nicht alle im folgenden
aufgeführten Elemente für Sie sichtbar sind Sie nicht zur Verwendung berechtigt. Bei Interesse
wenden Sie sich direkt an Hr. Schmeisser mit der Bitte um Freigabe des Elements.
Übersicht:
Standard Elemente für Text mit Bild.
HTML ist nur im Ausnahmefall möglich.
Seite 19 von 33
Boxen mit speziellem Layout für den jeweils angegebenen Zweck.
Für Einbettung von Nachrichten aus der News Datenbank
Animierte „Slide Show“ mit einer Bilderabfolge
Standort eines Objektes auf einer Karte darstellen
Suchabfrage Formular für bestimmte Bereiche
Für Einbettung von HTWK Mitarbeitern aus der Telefonlisten Datenbank
Für Einbettung von Veranstaltungen aus der Event Datenbank
Für externe Verarbeitung der Nachrichten und Veranstaltungen die in der HTWK Datenbank
gespeichert sind.
Ideal, wenn mehrere Fotos bzw. ganze Verzeichnisse mit Fotos zu einer Veranstaltung etc. angezeigt
werden sollen.
Wenn externe Applicationen / Webseiten innerhalb des HTWK Leipzig Layouts erscheinen sollen.
Ausnahme!
Streaming Client für Videos die z.B. bei der Fakultät Medien gehostet werden.
Wenn Sie einfache Umfragen auf Ihrer Seite einbinden wollen.
Teil des Newsletter-Moduls mit allen Einstellungen u.a. ein Registrierungsformular für individuelle
Newsletter.
Seite 20 von 33
Nun folgt Erklärung ausgewählter Contentelemente, die je nach Ihren Bedürfnissen in der Schulung
behandelt werden.
2.6.1 Rechte Teaserspalte - Inhaltstyp Linklisten
Wählen Sie bei der Auswahl des Inhaltstyps „Linkbox“
Definieren Sie eine Überschrift im Feld „Inhalt“.
Und fügen Sie darunter einen neuen Link hinzu:
Mit den Links ist es möglich, einen externen Link (zu einer anderen Webseite) oder einen internen
Link (zu einer Seite im Typo3 Bereich der HTWK Leipzig) anzugeben.
Bezeichnung Link: hier kann der Name des Links eingegeben werden und dieser wird Anstelle des
Links angezeigt.
URL Link: hier kann der Link–Pfad zur externen Adresse angegeben werden oder mit Klick auf das
Zeichen erscheint ein neues Fenster. In diesem Fenster kann die interne Seite ausgewählt werden
worauf der Link zeigen soll.
2.6.2 Inhaltstyp NEWS - Nachricht
Der Inhaltstyp Nachricht (im Typo3 als News bezeichnet) wird zum veröffentlichen von Nachrichten
verwendet. Wählen Sie dazu das Inhaltselement „News“:
Das Einbetten des News Elements wird hier nicht dokumentiert.
Im Prinzip benötigen Sie diese Funktion kaum, da die Webseiten alle voreingerichtet sind und dass
hinzufügen mit allerhand Aufwand verbunden ist. Wenden Sie sich an den [email protected], wenn Sie dazu eine genaue Anleitung benötigen.
2.6.2.1 Nachrichten einstellen
Nachrichten einstellen ist dagegen ein üblicher Fall. Nachrichten werden an vielen Stellen angezeigt
zum Beispiel:
o
Auf der Startseite
o
Auf Nachrichten Übersichtsseiten z.B.: Presse  Aktuelles
o
In der rechten Spalte je nach gewähltem Bereich z.B. bei Absolventen
o
Als RSS-Feed auf externen Webseiten z.B.: Digiboard oder Alumni Portal oder iGoogle usw.
o
Als Detailseite (beim Klick auf eine Nachricht)
Das Einstellen einer Nachricht ist dezentral seit dem 05.02.2009 möglich. Ggf. muss diese Funktion
durch den Webmaster ([email protected]) für Sie individuell freigegeben werden. Ebenso
ist je Redakteur definiert in welchen Kategorien er Nachrichten einstellen darf.
Nach dem Einstellen werden Ihre Nachrichten in den jeweiligen Kategorien sofort angezeigt.
Seite 21 von 33
Anleitung Einstellen von Nachrichten:
1. im Bereich Werkzeug auf Web  Liste klicken
2. im Bereich Strukturbaum auf „News“ klicken
3. a) Vorhandene Nachrichten bearbeiten: Klick auf den Stift rechts neben den Namen der
Nachricht. Wichtig: beim Ändern eingestellter Nachrichten, die zusätzlich in weiteren Kategorien
freigegeben wurden z.B.: als Pressemeldung oder auf der Startseite der HTWK Leipzig  geht
nach jeder Änderung durch einen Redakteur die zusätzlich freigegebene Kategorie verloren.
Grund: um unerwünschte nachträgliche Inhaltsänderung z.B. auf der Startseite zu verhindern.
Bitte wenden Sie sich bei Änderungen bereits erstellter und freigegebener Nachrichten direkt an
die Pressestelle um unnötige Verwirrung zu vermeiden.
b) Neue Nachricht einzustellen: Klick auf das Icon
links neben dem Wort „Bezeichnung:“
Bezeichnung:
Name der Nachricht.
Start:
Datum und Uhrzeit, wann die
Nachricht im Frontend erscheinen
soll. (normalerweise lassen Sie
dieses Feld frei)
Datum/Zeit:
Datum und Uhrzeit welche dann im
Frontend angezeigt werden sollen.
(wichtig falls Sie nachträglich eine
Nachricht einstellen!)
Untertitel:
Falls gewünscht angeben.
Text:
Beinhaltet den Text der Nachricht.
Stichworte:
Metatags, welche im Browserfenster
angezeigt werden. Dient dem
besseren auffinden der Nachricht
4. Klick auf Registerkarte „Relations“
Seite 22 von 33
Kategorie: Mit Klick auf z.B.
„Aktuelles“ ordnet man die
Nachricht der Kategorie Aktuelles
(Startseite) zu. Sie als Redakteur
können nur die für Ihren Bereich
relevanten Kategorien zuordnen.
Ist die Nachricht auch für andere
Bereiche relevant informieren Sie
die Pressestelle oder den
verantwortlichen Redakteur. Der
Webmaster kann Ihnen ggf.
weitere Kategorien freischalten.
Zum Löschen der gewählten
Kategorie unter „Ausgewählt:“ auf
den Kategorie-Namen klicken und
danach auf das rechts daneben
liegende Kreuz.
Bilder: hier können Bilder zu den
Nachrichten hinzugefügt werden.
Mit Klick auf das Ordner-Bild
öffnet sich ein Fenster und danach
wählt man sein gewünschtes Bild
aus. Achtung: das Bild muss
vorher über die Dateiliste
hochgeladen werden.
Bildunterschrift/Links/Dateien:
Bildunterschrift/Links/Dateien
können an die Nachricht
angehangen werden.
5. Speichern mit Klick auf eines dieser Symbole
6. Falls Sie die Nachricht zusätzlich für weitere Bereiche also in Ihnen nicht freigegebenen
Kategorien z.B. auf der Startseite der HTWK Leipzig oder in anderen Fachbereichen
veröffentlichen möchten informieren Sie per Mail die Pressestelle.
Weitere Hinweise zu Nachrichten:
Im Internet werden die Nachrichten der Aktualität nach sortiert angezeigt. Alte Nachrichten
rutschen mit der Zeit nach hinten. Bitte löschen Sie NIE manuell „veraltete“ Nachrichten.
Die Liste der eingetragenen Nachrichten wird automatisch nach Erstellungsdatum sortiert. Möchten
Sie die Nachrichten im Backend nach anderen Kriterien sortieren, klicken Sie zuerst innerhalb der
. Anschließend wird nur die Liste
News-Seite oben auf das „+“ neben „News“
der Nachrichten dargestellt. Um diese alphabetisch nach dem Namen zu sortieren klicken Sie auf
„Bezeichnung“. Möchten Sie die Nachrichten nach Ihrem eingetragenen Datum sortieren, scrollen Sie
nach unten und wählen Sie in dem Textfeld „Datum/ Zeit“ aus. Bestätigen Sie Ihre Auswahl mit den
Button „Felder setzen“. Anschließend erscheint in der Nachrichten-Liste eine neue Spalte, die das
Datum der Nachricht anzeigt. Zur Sortierung wieder auf die Spaltenbezeichnung (in diesem Fall
„Datum/ Zeit“) klicken.
Seite 23 von 33
2.6.3 Inhaltstyp Events – Veranstaltung und Termin
Das HTWK Event Inhaltselement stellt die Veranstaltungen und Termine auf der Startseite, in der
rechten Teaserspalte, als Liste oder Detailansicht dar.
Das Einbetten des Event Elements wird hier nicht dokumentiert.
Im Prinzip benötigen Sie diese Funktion kaum, da die Webseiten alle voreingerichtet sind und das
hinzufügen mit allerhand Aufwand verbunden ist. Wenden Sie sich an den [email protected], wenn Sie dazu eine genaue Anleitung benötigen.
2.6.3.1 Einstellen einer neuen Veranstaltung / Termin:
Das Anlegen erfolgt fast analog dem Einstellen einer Nachricht.
1. im Bereich Werkzeug auf Web  Liste klicken
2. im Bereich Strukturbaum auf „Events“ klicken
3. a)
Vorhandene Events bearbeiten: Klick auf den Stift rechts neben den Namen der
Veranstaltung. Wichtig: beim Ändern eingestellter Veranstaltungen, die zusätzlich in weiteren
Zielgruppen freigegeben wurden z.B. auf der Startseite der HTWK Leipzig  geht nach jeder
Änderung durch einen Redakteur die zusätzlich freigegebene Zielgruppe verloren. Grund: um
unerwünschte nachträgliche Inhaltsänderung z.B. auf der Startseite zu verhindern. Bitte wenden
Sie sich bei Änderungen bereits erstellter und freigegebener Veranstaltungen direkt an die
Pressestelle um unnötige Verwirrung zu vermeiden.
b)
Neue Veranstaltung einzustellen: Klick auf das Icon
„Bezeichnung:“
links neben dem Wort
Seite 24 von 33
Im Folgenden Formular können Sie
Bezeichnung:
Name der Veranstaltung (durch
begrenzte Zeichenanzahl bei langen
Namen am Ende mit „…“ abkürzen.)
Typ:
Art der Veranstaltung um die
potentiellen Teilnehmer zu informieren
und später gezielte Suche / Filter zu
ermöglichen
Zielgruppe:
Dieses Feld ist wichtig – damit
beeinflussen Sie auf welchen Webseiten
die Veranstaltung eingeblendet wird.
Die Anzahl der verfügbaren Zielgruppen
ist jeweils auf Ihren Webseitenbereich
zugeschnitten. Weitere Zielgruppen
ordnet die Pressestelle zu, wenn eine
Veranstaltung hochschulweit
interessant ist (bitte informieren Sie
dazu per Mail die Pressestelle)
Bereich:
Durch Angabe des Bereichs wird
festgelegt in welchem Gebäude der
HTWK Leipzig eine Veranstaltung
stattfindet. Und automatisch eine
Anfahrtsskizze verlinkt. Außerdem ist
eine Filterung des Veranstaltungsortes
möglich. Z.B. alle Veranstaltungen im
Geutebrückbau etc.
Datum/Zeit Begin/Ende:
Hier legen Sie Beginn und Ende fest.
Bitte geben Sie diesen möglichst exakt
an. Nutzen Sie bei
Erklärungsbedürftigen
Veranstaltungszeiten das darunter
Befindliche Feld:
Sonstiger Zeitlicher Hinweis
Um auf spezielle Öffnungszeiten
hinzuweisen.
Ort: Genaue Angabe des
Veranstaltungsortes mit Zimmer Nr etc.
Beschreibung: Inhalt / Anlass der
Veranstaltung ggf. mit weiterführenden
Links usw.
Alle weiteren Felder sind optional und
erklären sich selbst.
4. Speichern mit Klick auf eines dieser Symbole
Seite 25 von 33
Weitere Hinweise zu Veranstaltungen:
Im Internet werden primär nur Veranstaltungen eingeblendet welche Heute bzw. Zukünftig
stattfinden. Ältere (mehr als 1 Tag alte) Veranstaltungen werden automatisch ins Archiv verlagert
wo diese zu Dokumentations- und Nachschlagezwecken weiterhin verfügbar sind. Das Bereitstellen
eines Veranstaltungsarchivs wird durch den Webmaster auf Wunsch in jedem Webseitenbereich
durchgeführt.
Bitte löschen Sie NIE manuell „veraltete“ Veranstaltungen da es oft vorkommt das Teilnehmer im
Nachhinein erneut danach suchen und dann meist vergebens in der Pressestelle anfragen.
2.6.4 Inhaltstyp Ansprechpartner
Damit können Sie passend zu einem Thema in der rechten Spalte einen Ansprechpartner einblenden.
Wählen Sie diesen Inhaltstyp und auf der folgenden Seite die Reiterkarte „Plugins“.
Unter dem Punkt „Ansicht“ wählen Sie „Box“ . Normalerweise aktualisiert sich die Seite und Ihnen
werden zusätzliche Elemente angezeigt.
. Klicken Sie auf „Ansprechpartner“ im sich öffnenden
Wählen Sie unter Kontaktperson das Icon
Fenster und wählen die gewünschte Kontaktperson aus. Mit dem Suchformular können Sie gezielt
eine Person aus der Liste suchen, da diese mit mehr als 450 einträgen recht umfangreich ist.
und das
Anschließend sollte sich das PopUp schließen. Nun drücken Sie auf den speichern
Fenster aktualisiert sich. Anschließend müssen Sie die Telefonnummer, Fax und E-Mail Adresse
auswählen je nachdem was zu dem Ansprechpartner angezeigt werden soll (manche Mitarbeiter
haben unterschiedliche Funktionen und je nachdem mehrere Telefonnummern z.B. der Rektor…)
Unter „Detailseite“ können Sie angeben welche Seite sich öffnen soll, wenn die Kontaktperson
angeklickt wird. Es gibt dort verschiedene Möglichkeiten die auf Wunsch ausführlich erklärt werden.
(Bitte Herrn Schmeißer ansprechen).
Bei Ausgangspunkt wählen Sie das Icon
und dann „Ansprechpartner“ anklicken im Popup.
Nun speichern Sie erneut die Einstellungen – fertig.
2.6.4.1 Verwaltung der Mitarbeiter Datenbank
Für die Verwaltung der vorhandenen Mitarbeiter wurden separate Zugriffsrechte eingerichtet. Nur das
Kanzlerdezernat Personalwesen kann Daten zu den vorhandenen Mitarbeitern ändern. Wenden Sie
sich entsprechend an Frau Dietel oder Frau Schröder.
Um Mitarbeiter hinzuzufügen klicken Sie:
1. Links unter Web  Liste
2. klicken Sie im Strukturbaum auf „Ansprechpartner“
3. Nun können Sie rechts mit dem Icon einen neuen Mitarbeiter hinzufügen:
Seite 26 von 33
4. Füllen Sie alle Felder sorgfältig aus:
Reiterkarte Allgemein:
Vorname, Nachname, Geschlecht
Title de  dies ist der Titel z.B. „Prof. Dr. „ bitte achten Sie auf eine einheitliche Schreibweise
Title en  dies ist der Englische Titel für die Englischsprachige Webseite
Straße, PLZ, Ort  kann leer gelassen werden wird ansonsten in der VCARD mit eingebettet
Funktion  ausführliche Funktionsbeschreibung der Person also Z.B.: „Direktor der Bibliothek,
Datenschutz Beauftragter, Professor für Literatur“ der Text kann sehr ausführlich sein!
Funktion kurz  kurze Bezeichnung z.b. „Bibliotheksdirektor“
Foto  Foto der Person verlinken. Dazu bitte zuvor die Personalfotos in passender Auflösung
unter Datei  Dateiliste einspielen in den Ordner „fileadmin/personalfotos“ Auflösung immer
100 Pixel Breite × 120 Pixel Höhe
Reiterkarte Bereich  Wählen Sie den Bereich ggf. mehrere in dem der Mitarbeiter angestellt und
tätig ist
Reiterkarte Objekte  Wählen Sie unter Objekt 1 das primäre Objekt aus in dem die Person ein
Zimmer hat. Unter Object Detail 1 fügen sie die reine Zimmernummer ein z.B: „228“ .
Sollte der Mitarbeiter mehrere Zimmer besitzen füllen Sie ggf. Object 2 und Object 3 optional
aus.
Reiterkarte Telefon  beginnend mit Telefon 1 tragen Sie die wichtigste Telefonnummer im
Format +49 (0) 341/3076 XYZ ein. Bitte beachten Sie die einheitliche Schreibweise der
Telefonnumer!!! Falls vorhanden fügen Sie ebenfalls Telefon 2 und Telefon 3 ein.
Reiterkarte Telefax  tragen sie analog der Telefonnummer die korrekt formatierte Nummer ein:
+49 (0) 341/3076 XYZ
Reiterkarte Web  hier kann die E-Mail Adresse und ggf. vorhandene Webseite des Mitarbeiters
angegeben werden. Bei Professoren wäre dies z.B: die eigene Webseite. Bitte fügen Sie vorerst
keine rein privaten Webseiten ein. (Seriösität)…
Bezeichnung Link 1  geben Sie hier den Namen der Webseite ein z.B. „Webseite Datenschutz“
Link 1  geben Sie hier die Webadresse ein http://htwk.net/de/hochschule/organe-undgremien/beauftragte/datenschutz/
Bezeichnung Link 2  Name einer weiteren Webseite
Link 2  Webadresse einer weiteren Webseite
E-Mail 1  Haupt E-Mail Adresse der Person
E-Mail 2  zusätzliche E-Mailadresse z.B.: in einer Funktion wie [email protected] oder
[email protected]
E-Mail 3  ggf. weitere E-Mailadresse am Fachbereich oder weitere Funktion [email protected]
Nur intern anzeigen  Wenn Sie dort ein Häkchen setzen wird diese Person nur intern innerhalb
der HTWK Leipzig angezeigt. Extern nicht mehr.
Priorität  damit wir die Reihenfolge beim anzeigen in Mitarbeiterlisten gesteuert. Aktuell wird
dieses Feld nicht genutzt – daher auf „normal“ einstellen. Je höher der Wert desto weiter oben
wird die Person in Listen dargestellt
5. Speichern Sie die Daten ab.
Seite 27 von 33
Um Mitarbeiterdaten zu ändern:
Klicken Sie hinter dem Namen der Person den „Stift“.
Um einen Mitarbeiter zu entfernen:
Klicken Sie auf das Icon vor dem Namen der jeweiligen Person und wählen „löschen“
2.6.5 Inhaltstyp Flash
Stellt das große grafische Elemente (Key Visual) auf der (Fakultäts-) Startseite dar.
Ist für die Anzeige des Leitbildes bzw. wichtige Termine (z.B. Hochschulinformationstag) gedacht.
Änderungen werden eher selten nötig und nur durch die jeweils geschulten Redakteure durchgeführt.
Jede Fakultätsseite hat im Strukturbaum einen Ordner „Flash“.
Folgendermaßen erstellen Sie neue Animierte Flash Slideshows:
1. Wählen Sie im Backend links die Funktion „LISTE“
2. Klicken Sie im Strukturbaum nun den Ordner „Flash“
an. Im rechten Backendbereich sollte nun die
vorhandenen Flash Slideshows angezeigt werden.
3. Klicken Sie den Button
zu erzeugen.
um eine neue Slideshow
4. Vergeben Sie auf der Reiterkarte „allgemein“ einen
neuen Titel und wählen Sie unter „Type“ ob Sie einzelne Bilder gezielt auswählen möchten –
oder einen Pfad mit Bildern für die Slideshow verwenden wollen.
5. Speichern Sie
.
6. Fügen Sie beliebig oft Bilder Sie durch klicken von
hinzu.
7. Geben Sie bei Bedarf eine URL an, zu der gesprungen werden soll, wenn später in die
Slideshow geklickt wird.
8. Speichern.
Achtung: Wenn Sie als Type „Get pictures from a directory“ gewählt haben – muss in dem Feld
„Directorypath (relative)“ ein Pfad wie folgt eingetragen werden:
./fileadmin/fbbauwesen/aktuelles/wettbewerbe/betonkanuregatta/
Seite 28 von 33
Bitte wählen Sie exakt den Ordner Ihres Bereiches aus Groß/Kleinschreibung ist relevant ebenso der
Begin „./fileadmin/“ und „/“ am Ende.
Hinzufügen einer Slideshow auf eine Webseite:
1. Wählen Sie im Backend die Funktion „Seite“.
2. Wählen Sie im Strukturbaum die Seite an auf der eine Slideshow eingebettet werden soll.
3. Fügen Sie auf der Seite ein neues Inhaltselement hinzu.
4. Vergeben Sie, wenn gewünscht, eine Überschrift auf der Reiterkarte „allgemein“.
5. Wählen Sie die Reiterkarte „Plug-In“. Klicken Sie dort bei dem Feld „Slideshow“ auf
.
6. In dem sich öffnenden PopUp Fenster wählen Sie den Ordner
„Flash“. Neben dem Strukturbaum im PopUp sollten Sie nun
die vorhandenen zuvor angelegten Slideshows zur Auswahl
haben.
7. Nach dem anwählen einer
Slideshow schließt sich
das PopUp Fenster.
8. Im letzten Schritt können
Sie ein alternatives Bild
im
Feld
„alternative
Image“ auswählen. Dies
wird angezeigt, wenn der
Besucher der Webseite
kein Flash in seinem
Browser darstellen kann.
9. Speichern nicht vergessen!
2.6.6 Bilder – Bildergalerie
Wie Sie noch später erfahren hat jeder Bereich ein eigenes Verzeichnis wo Bilder und Downloads
abgelegt werden. Dort ist es Ihnen möglich explizit z.B. Bilder oder Bilderserien strukturiert
abzulegen. Mithilfe des Bilder-Galerie-Inhaltselements können Sie eine unbegrenzte Menge Fotos
online als Fotogallerie einbinden.
Fügen Sie auf der gewünschten Seite das Inhaltselement „Bilder-Galerie“ ein. In der Reiterkarte
„allgemein“ definieren Sie eine passende Überschrift. In der Reiterkarte „Plugin“ klicken Sie bei
„Mode“ den Begriff „Dateipfad“ an. Nun speichern Sie die Auswahl - damit die zur Verfügung
stehenden Felder sich aktualisieren. Nun tragen Sie im Feld „Dateipfad“ den Pfad ein unter dem die
Fotos liegen.
Zum Beispiel: fileadmin/allgemeine_downloads/beispielfotos/
Seite 29 von 33
Stolperfallen für korrektes funktionieren sind:

Groß/Kleinschreibung beim Dateipfad beachten – unbedingt exakt so wie unter Datei 
Dateiliste angelegt identisch schreiben.

Am Ende des Dateipfades muss ein „/“ stehen.

Dateien und Verzeichnisse sollten keine Sonderzeichen, Leerzeichen, Umlaute enthalten – im
Idealfall also nur Buchstaben, Zahlen sowie Punkt und Binde- /Unterstrich. Ansonsten
werden nicht alle Fotos korrekt in der Galerie angezeigt.

Weiterer Hinweis zum Ermitteln des Dateipfades: klicken Sie auf „Datei“  „Dateiliste“.
Wechseln Sie nun in das Verzeichnis in dem die Bilder für die Galerie abgelegt sind. Im
folgenden Screenshot sehen Sie (bei 3.) wie im rechten oberen Bereich der Pfad zur
Bildergalerie aussieht. Wichtig ist, das vor dem Pfad immer ein „fileadmin/“ davor gesetzt
wird. Anhand des folgenden Beispiels lautete der Pfad also:
„fileadmin/oema/news/2010/Lange_Nacht_der_Wissenschaften/“
Weitere Hinweise:
Seite 30 von 33

Im Feld „Link Bezeichnung (jede in eine neue Zeile)“ können Zeilenweise getrennt für jedes
Bild individuelle Beschriftungen z.B.: Urheber/Ort/Dargestellte Personen etc. eingefügt
werden. Also 1. Bild in der ersten Zeile, 2. Bild in der 2. Zeile usw.

Klicken Sie das Feld „Galerie“ an, um die Fotos bei der vergrößerten Darstellung wie bei
einer Fotogalerie weiterschalten zu können.

Bedenken Sie beim Hochladen der Fotos die Dateigröße! Wenn Sie Ihre Fotos in der
Maximalauflösung hoch laden, wird viel Speicherplatz verbraucht und die Ladezeit beim
Betrachter der Galerie ist sehr lang. Sollten Sie dennoch Fotos in höherer Auflösung als
1024x768 einspielen, beachten Sie folgenden Hinweis: Damit auch Besucher mit kleinerem
Bildschirm die Fotos der Galerie komplett betrachten können - stellen Sie unter „Breite
Shadowbox“ eine Maximalbreite z.B. von 700 Pixel und „Höhe Shadowbox“ 500 Pixel ein
siehe Screenshot.
2.6.7 Multimedia
Bei Bedarf können Sie sich zur Benutzung des Multimedia–Inhaltselements freischalten lassen
([email protected]).
Mithilfe dieses Elementes, können Sie beliebige Musik/Video-Inhalte auf einer Webseite integrieren.
Aktuell werden u. a. folgende Dateiformate unterstützt:

SWF, SWA, DCR, WAV, AVI, AU, MOV, ASF, MPG, WMV, MP3 u. a. z.B: TXT HTML HTM CLASS
Seite 31 von 33
Bitte folgende Hinweise beachten:

Möglichst nur Dateitypen und Kodierungsformate verwenden die universell dargestellt
werden können. Wenn Sie z.B. eine WMV einbetten können Linux und Apple Rechner sowie
mobile Geräte diese ggf. nicht darstellen da dafür evt. keine Plug-Ins verfügbar sind.
Verwenden Sie z.B. MOV für dieses Format stellt Apple ein Betriebssystemübergreifendes
Plug-In bereit. Bei dem AVI/MPEG Format hängt die plattformübergreifende Darstellung vom
verwendeten Kodierungsverfahren ab (Codec). Exotische Verfahren wie DivX/Xvid kann
definitiv nur von wenigen Besuchern vorausgesetzt werden. SWF = Flash Format ist am
weitesten verbreitet und für alle Rechnertypen existieren Browser-Plug-Ins.

Bei ungewöhnlichen Dateiformaten muss beachtet werden, dass die Besucher der Webseite
ein entsprechendes Browser-Plugin installiert haben müssen, um das Multimedia-Objekt
anschauen zu können. Geben Sie ggf. auf der Webseite wo das Objekt eingebettet wurde
einen Hinweis zum Download benötigter Plugins.

Dateigröße, Dateigröße, Dateigröße!:
o
Bitte beachten Sie, dass Sie nur maximal 50 MB große Dateien über das Backend
einspielen können.
o
Um die Serverbelastung, Netzbelastung und die Internet Übertragungs-Kosten nicht
unnötig zu strapazieren wird generell zum sparsamen Einsatz der Multimedia Objekte
gebeten und darum die Dateigröße effektiv zu komprimieren.
o
Setzen Sie das Video daher nicht auf häufig frequentierte Einstiegsseiten wo die
Benutzer nicht primär Interesse an der Ansicht des Videos haben und/oder lassen
Sie das Video nicht automatisch starten.
Optionale Parameter:
Im Typo3 Backend ist es nach dem Einbetten des Multimedia Objektes möglich per Reiterkarte
„Multimedia“:
1. Eine zuvor hochgeladene Datei auszuwählen.
2. Zusätzliche Parameter im Feld „Parameter“ einzufügen. Da eine breite Palette an
Möglichkeiten existiert gehe ich nicht weiter auf die einzelnen Möglichkeiten ein. Je nach
verwendetem Dateityp müssen Sie sich per Google selbst die benötigten Parameter
zusammensuchen. Dies ist auch der Grund, weshalb nur auf Anfrage eine Freischaltung
dieses Elements erfolgt.
Beispielparameter:
width=515
height=300
autostart =false
AllowScan = 1
EnableFullScreenControls =1
BufferingTime =5
EnablePositionControls = -1
AnimationAtStart =1
loop=0
ShowStatusBar=1
Usw..
Seite 32 von 33
2.6.8 Dateien Hochladen/Download
Bitte nur Dateien hochladen und verlinken die fertig erstellt sind und keine Viren enthalten.
So geht’s:
1. Datei  Dateiliste klicken
2. Bereichs-Ordner im Strukturbaum auswählen. (Jeder Bereich hat einen eigenen entsprechend
abgekürzten Ordner unter fileadmin/xy/ z.B. fileadmin/kdp/)
3. a) Neuen Ordner erstellen mit Klick auf
(Optional)
b) Datei hochladen mit Klick auf
4. Anzahl der gewünschten Gesamtanzahl an Dateien auswählen
5. Auf Durchsuchen klicken, um die Datei auf dem lokalen PC auszuwählen
6. Und schließlich auf „Hochladen“ klicken
Das Hochladen einer Datei kann je nach Größe der Datei, Zeit in Anspruch nehmen. Je größer die
Datei desto länger dauert das Hochladen.
Das Downloaden aus der Dateiliste heraus, geschieht mit einfachem Klick auf die gewünschte Datei.
Hinweise:

Jeder Bereich ist für sein Verzeichnis verantwortlich – ordentliche Strukturierung notwendig!
Unnötige, veraltete, nicht verwendete Dateien bitte entfernen. Sinnvoll benannte
Unterverzeichnisse z.B.: für Bildergalerie zu einem bestimmten Event anlegen!

Sollten Sie Dateien überschreiben wollen, setzten Sie entsprechend das Häkchen – ansonsten
werden bereits vorhandene Dateien beibehalten!

Wichtig: bei der Erstellung von Verzeichnissen bitte keine Umlaute und Sonderzeichen
verwenden. (Auch keine Punkte „.“ in Verzeichnisnamen).
2.6.9 Mehrsprachigkeit
Es gibt mehrere Sprach-Bäume. Änderungen sind fast nur im deutschen Baum nötig außer
Mitarbeiter vom AAA/ÖA – diese werden auch die anderen Sprachen pflegen.
3. Glossar:
CMS – Content Management System
URL – üblicherweise im Browser eingegebene Adresse einer Webseite z.B.: www.htwk-leipzig.de
Seite 33 von 33

Konzeption: Neuer Internetauftritt

Transcrição

Documentos relacionados

Versand DTAUS – Datei im Online-Banking

Firewall ZoneLabs

Konzeption: Neuer Internetauftritt

Volksbank Hellweg eG

Outlook Express Einrichten von eMail-Adressen und eMail

→ Kalender-Export aus JEvents für den Import in den Google

DSL-Speedtest online

Anleitung zur Onlinebuchung für Privatunterricht

Anleitung zur Umstellung auf die VR-Kennung in der VR

07.08.06 Copyright by Kurt Bucher WGA Remover

USB RC Flugsimulator Flugsimulator