Inhalte Aktualisieren

Transkript

1 big.pro juventa.de Inhalte Aktualisieren Inhaltsverzeichnis Inhaltsverzeichnis Frontend Abmelden Anleitungen Support Textinhalte ändern Bearbeitungsmodus Absatzformate Zeichenformate Template Formate (CSS Klassen) Verlinkung (Hyperlink) Der Link Manager Sprungziele (Anker) PDF Dokumente hochladen und verlinken Der Datei Browser Datei Upload CSS Klasse für PDF Dokumente Bilder auf der Internetseite Einzelbild einfügen (ohne PopUp Funktion) Der Bilder Manager im JCE Editor Bilder hochladen Verzeichnisstruktur Aktuelles Programm Neuen Beitrag erstellen Datum zur Veröffentlichung ändern Seite 1 von 12

2 1 Frontend juventa.de/index.php/login Navigation[Fußzeile Spalte 3] Login 1.1 Abmelden Nach Beendigung der Wartungsarbeiten abmelden: Linke Spalte Schaltfläche [Abmelden] 1.2 Anleitungen Nach dem Anmelden landen Sie im Beitrag "Anleitungen". Hier finden Sie Tipps und Skripte, die Ihnen bei der Bearbeitung helfen. Wichtige Hinweise: Web Browser Einfügen von Texten Hochladen und einfügen von Bildern Weitere Anleitungen fürs Frontend (PDF Skripte) Anleitungen fürs Backend (PDF Skripte) 1.3 Support Bei Fragen oder Problemen wenden Sie sich an Zur Porta Porta Westfalica Festnetz Mobil Seite 2 von 12

3 2 Textinhalte ändern Symbol [Zahnrad] Bearbeiten Der Seiteninhalt öffnet sich im Online Editor Änderungen übernehmen oder ohne zu speichern abbrechen Beitragstitel: wird über dem Inhalt und im Browsertab angezeigt JCE Editor Tools Hinzufügen einer bestehenden Bildergalerie oder eines Einzelbildes aus der Bildergalerie Wird nach dem Absatz gesetzt, bis zu dem angeteasert wird. Daraus wird der "Weiterlesen" Link generiert ("Weiterlesen: "). Im Editor wird diese Textstelle durch eine Linie dargestellt. 2.1 Bearbeitungsmodus Im Online Editor "JCE" wird der Text editiert, dazu stehen Standardwerkzeuge zur Formatierung zur Verfügung. Neben den Standard Absatzformaten gibt es auch Template Formate (CSS Stile), die extra für dieses Web Template erstellt wurden. Sie können jederzeit erweitert werden, sprechen Sie dafür mit der Web Designerin Ihres Vertrauens. Copy&Paste Text Absatzformate Template Formate Vollbild Tabelle einfügen Verlinken Bild einfügen (Einzelbild) Seite 3 von 12

4 2.2 Absatzformate Überschrift 1 Überschrift 6 Listenformate eingerückte Absätze ("Einzug erhöhen") Absatzausrichtung Zeichenformate Fett, Kursiv, Unterstrichen, Durchgestrichen Schriftfarbe xtra_gruen bild_rechts bild_links a.pdf 2.5 Template Formate (CSS Klassen) BIG Grün Bild wird links von Text umgeben Bild wird rechts von Text umgeben für Verlinkte PDF Dokumente Verlinkung (Hyperlink) Text oder Bilder können auf folgende Weisen verlinkt werden: Interne Verlinkung zu anderen Menüpunkten oder Detailseiten zu Sprungzielen innerhalb einer Seite (Anker) zu PDF Dokumenten (oder anderen Dokumententypen) externe Verlinkung zu anderen Internetseiten Im Online Editor setzen Sie eine Verlinkung mit dem Symbol[Kette] Das Kettensymbol startet dann den Link Manager. 1. Textstelle oder Bild markieren 2. Kettensymbol anklicken 3. Ziel im Link Manager auswählen und einfügen (oder updaten) Seite 4 von 12

5 2.5.1 Der Link Manager Internetadresse, die vom Link aufgerufen wird PDF Dokument oder E Mail verlinken Menü Struktur über [Plus] und [Minus] Zeichen ein und ausklappen, anschließend Eintrag auswählen Festlegen, ob ein neuer Browsertab geöffnet werden soll Link Übernehmen (Einfügen oder Updaten) Seite 5 von 12

6 2.5.2 Sprungziele (Anker) 1. Anker setzten, Ankername vergeben 2. Verlinkung einrichten 1 Im Online Editor setzen Sie einen Anker mit dem Symbol[Anker] Wichtig: Vermeiden Sie Umlaute und Sonderzeichen im Ankernamen! Im Link Manager finden Sie gesetzte Anker unter "Inhalt": 2 Seite 6 von 12

7 3 PDF Dokumente hochladen und verlinken Diese Aufgaben könne beide über den Link Manager erledigt werden. 1. Link Manager aufrufen 2. Datei Browser starten: Symbol[Durchsuchen] 3. Ordner "PDF" auswählen a. gegf. Dokument hochladen 4. Dokument auswählen 5. Schaltfläche[Einfügen] 6. CSS Klasse für PDF zuweisen 7. Schaltfläche[Einfügen] 3.1 Der Datei Browser Dokument hochladen (1) Ordner für Dokumente Symbole zum Verwalten Ausgewähltes Dokument bestätigen Seite 7 von 12

8 3.2 Datei Upload 1. Verzeichnis [pdf] wählen 2. Symbol[Dokument Hochladen] 3. Dokument mit gedrückter Maustaste aus dem lokalen Verzeichnis auf die graue Fläche ziehen (Mehrfachauswahl möglich) oder Schaltfläche[Durchsuchen] 4. Anschließend Schaltfläche [Hochladen] klicken. Wichtig: Konventionen für Dateinamen/ typen im Internet keine Leerzeichen keine Sonderzeichen, außer Bindestrich und Unterstrich CSS Klasse für PDF Dokumente Das Web Template hält einen Stil zur Darstellung von PDF Downloads bereit. 1. Link Manager Register[Erweitert] 2. DropDown Option [Klassenliste]: pdf 1 2 Seite 8 von 12

9 4 Bilder auf der Internetseite Es gibt verschiedene Möglichkeiten Bilder auf der Seite zu integrieren. als Einzelbild im Fließtext (ohne PopUp Funktion) als Bildergalerie (Phoca Gallery) als Einleitungsbild im Beitrag (ohne PopUp Funktion) Dieses Skript beschriebt nur das einfügen von Einzelbildern im Text. 4.1 Einzelbild einfügen (ohne PopUp Funktion) Navigation [Inhalt], Beitrag anklicken Bild Symbol in den Editor Tools Der Bilder Manager wird gestartet. Hier kann ein Bild ausgewählt und angepasst werden (Abb. nächste Seite) Der Bilder Manager im JCE Editor Größe anpassen Bild steht links vom Text, Text umfließt rechts, Abstand 10 Pixel Symbole "Ordner erstellen" und "Hochladen" Seite 9 von 12

10 4.2 Bilder hochladen Wichtige Hinweise: Konventionen für Dateinamen/ typen im Internet (Vergl. Sktipt im Online Bereich " Weboptimieren von Bildern"): keine Leerzeichen, nur Bindestrich u. Unterstrich nur Dateitypen jpg, png und gif 4.3 Verzeichnisstruktur Damit der das Medienverzeichnis übersichtlich bleibt, sollte eine bestimmte Verzeichnisstruktur eingehalten werden. Verzeichnisse: big basis big go mitarbeiter startseite 1. Verzeichnis auswählen 2. gegf. Unterverzeichnis erstellen (vergl. Abb. vorherige Seite) 3. Symbol[Hochladen] 4. Bilder mit gedrückter Maustaste aus dem lokalen Verzeichnis auf die graue Fläche ziehen (Mehrfachauswahl möglich) oder Schaltfläche[Durchsuchen] 5. Schaltfläche [Hochladen] Seite 10 von 12

11 4.4 Aktuelles Programm Neuen Beitrag erstellen Aktuelle Beiträge im Bereich "BIGbasis Aktuelles Programm" (Nur Nutzerkonto ad.aktuell) 1. Navigation[BIGbasis Aktuelles Programm] Programmpunkt erstellen 2. Titel vergeben: Dieser Titel bildet später die Überschrift und beschriftet den Browsertab. 3. Alias: dieses Feld wird automatisch generiert und muss im System einmalig sein; aus dem Aliasnamen wird die URL in der Adressleiste gebildet 4. Weiterlesen: zwischen dem Einleitungstext und dem Text, der in der Detailansicht eines Beitrags gezeigt wird setzt man ein das "Weiterlesen" Signal; a. hinter den Einleitungsabsatz klicken b. Schaltfläche[Weiterlesen] 5. Neuen Beitrag übernehmen: Schalfläche[Speichern] oder abbrechen ohne speichern Seite 11 von 12

12 4.4.1 Datum zur Veröffentlichung ändern Das Datum der Veröffentlichung bestimmt die Reihenfolge der Auflistung, der jüngste Beitrag erscheint in der rechten Spalte immer zu Oberst. Standardmäßig wird ein Beitrag mit dem aktuellen Datum veröffentlicht, welches über dem Beitrag erscheint. Sie können ein anderes Datum eingeben, um so Einfluss auf die Chronologie zu haben. vorheriger 1. Abschnitt "Veröffentlichen" Veröffentlichung starten 2. Symbol[Kalender] anklicken 3. Datum auswählen vorheriges Jahr Seite 12 von 12