Anleitung für Publisher

Transkript

1 Anleitung für Publisher Herbert Zach 20. Dezember 2014

2 Unterschiedliche Content-Typen (Beiträge) Normale Joomla Content Seiten: SeniorBern, Impressum, Gehe zu Ab- und Anmeldung Titel und HTML-Textfeld Mit JCE-Editor ZContent Seiten: Bärenhöck, CompiHelp, Maccheria, Kalender, Blog Titel, HTML-Textfeld Mit JCE-Editor und zusätzliche INFOS, Datum, Intro, Autor, etc.

3 Joomla Content 4 2 Nicht beachten 1 Oben Edit starten Mit JCE-Editor 3 Nicht beachten

4 Joomla Content Editor öffnen Der Publisher muss sich vorgängig registrieren Anschliessend sieht er alle Beiträge (irgendwo auf der WEB-Seite), die er bearbeiten kann, oben rechts mit einem Editorzeichen markiert. Mit Klick auf dieses Editorzeichen öffnet er den Editor des Beitrags. Die Texteingabe ist ähnlich wie bei WORD wenn blockiert Administrator orientieren

5 Joomla ZContent Details siehe weiter hinten Infofelder Mit JCE-Editor 1 Unten Edit starten

6 ZContent Editor öffnen Der Publisher muss sich vorgängig registrieren Anschliessend werden alle Beiträge (auf der ganzen WEB-Seite), die er bearbeiten kann, unten links mit einem Editorzeichen markiert. Mit Klick auf dieses Editorzeichen öffnet er den Editor des Beitrags. Die Texteingabe ist ähnlich wie bei WORD

7 Kurzempfehlung I Der WEB-Editor arbeitet ähnlich wie ein Text-Editor. Die Funktionen sind aber zum Teil eingeschränkt und weichen ab. Format / Absatz / Schriftart und -grösse bitte nicht verwenden!! Erstelle den Text möglichst ausserhalb des WEB-Editors in einem normalen Text-Editor ohne Formatierung (z. B unter Windows 7 / Zubehör / Editor). WORD ist dafür nicht geeignet! die Formatierungsanweisungen von Word erzeugen Probleme.

8 Kurzempfehlung II Text mit «copy/paste» zwischen den Editoren austauschen [Ctrl][A] markieren [Ctrl][C] kopieren [Ctrl][V] einfügen Texte anschliessend im WEB-Editor formatieren.

9 Joomla Content Wichtige Formatierungsfunktionen Quickinfos beachten eher nicht verwenden HTML einschalten

10 HTML HTML HyperText Mark-up Language ist eine Sprache, die es ermöglicht, Informationen im Internet zu präsentieren. HTML ist die Muttersprache des Browsers. Alle Informationen sind grundsätzlich als HTML abgelegt. HTML kann viele Funktionen unterstützen, ist aber für Ungeübte schwer zu verstehen. Mit HTML können Bilder, Videos, und auch Tabellen eingefügt und genau ausgerichtet werden. Für HTML-Interessierte weitere Infos ganz am Schluss

11 Bilder- und Video-Manager Bildeigenschaften im Text Datenbrowser Aktionen

12 Bilder- und Video-Manager Zusatzfunktionen Neues Verzeichnis Anzeige umschalten Upload Bildinfo Bildbearbeitung Quickinfos beachten

13 Bildeigenschaften im Text eher nicht Bildpfad Bildgrösse Bild im Text anordnen

14 Bilder und Videos hochladen Bild mit Maus hineinziehen oder via Durchsuchen Bitte keine grösseren Bilder! Teaser- oder Vorschaubildgrösse Anklicken für Teaser und Vorschaubilder

15 Bilder und Videos hochladen Bildgrössen für die WEB-Seiten beim Upload vorbereiten (Vorschlag: 640 x 480 px / jpg-format) bitte nicht grösser! Teaserbild beim Hochladen automatisch erstellen (140 x 100 px / jpg Format) Bild für Gallery (240 x 180 px / jpg Format) Passend beschneiden auswählen! ACHTUNG: Die Dateinamen dürfen keine Spezialzeichen beinhalten (.;äöü(] )

16 Flash einbinden

17 Gallery einbinden 2 3 JCE Mediabox-Popups 5 4 löschen Gleiche Gruppe gleicher Name Vorbereitung: A. Erweiterten Bildmanager starten und Verzeichnis auswählen. B. Vorschaubild mit Upload erstellen (Beispiel 240x 180px) 1 C. Im Beitrag die Position der Galerie anklicken. D. Bilder markieren und Gruppennamen zuteilen 6 E. Einfügen

18 Gallery - Checkliste Im Bildermanager das gewünschte Bild-Verzeichnis einrichten oder erstellen. Die Bilder im Format 640 x 480px und die Vorschaubilder 240 x 100px passend beschneiden, auswählen und hochladen. So sind die Vorschaubilder immer gleich gross! Position im HTML-Text-Feld anklicken Dann die grossen Bilder der Gallery markieren. Unter Popup / JCE Mediabox-Popups denselben Gruppenname einfügen und URL-Feld löschen. Gallery einfügen

19 Links einfügen

20 ZContent-Beitrag editieren I Auswählen 140 x 100 px mit copy / paste Reiner Text mit copy / paste HTML-Text

21 Teaserbild Die Beiträge werden mit einem Teaserbild eingeleitet. Dazu wird ein Bild 140 x 100 px (BxH) verwendet. Beim Upload eines Bildes kann automatisch ein kleines Bild erstellt werden 140 x 100 px.

22 ZContent-Beitrag editieren II editierbar Endzeit als Textfeld z.b. ca. 12:00 Uhr Bericht ID intern Bericht URL

23 ZContent als Kopie speichern Der Administrator kann im Admin-Bereich einen Beitrag als Kopie speichern: Komponenten / Zcontent, dann den Beitrag suchen und öffnen Beitrag anpassen und oben rechts als Kopie speichern

24 Kennzahlen WEB-Bild normalerweise 640 x 480px Teaserbild 140 x 100 px Vorschaubild für die Gallery 240 x 180px Passend beschneiden rechts auswählen!

25 Probleme? Falls Du Probleme hast, melde Dich beim Administrator )

26 Backup Nur für Interessierte!

27 HTML: Allgemein HTML HyperText Mark-up Language ist eine Sprache, die es ermöglicht, Informationen im Internet zu präsentieren. HTML ist die Muttersprache Ihres Browsers. Das, was Sie im Internet sehen, ist die Interpretation des Quellcodes durch den Browser. Um den HTML-Code einer Seite anzuschauen, wählen Sie im Menü des Browsers Ansicht und hier den Punkt Quelltext.

28 HTML: Dokstruktur Tags: Begin Ende eines Elementes /Bereiches Div-Name Beliebig verschachtelt

29 HTML: Weitere Elemente <b> </b> fett <p> </p> Absatz <h1..6> </h1> Überschrift(en) <br> oder besser <br /> Zeilenumbruch <div> </div> Block <tr><td></td></tr> Zeilen, Spalten in Tabellen <Element style="css-eigenschaft:wert;...">...</element> etc. Mehr Info:

30 SELFHTML

31 Tutorial: zu HTML zum Selbststudium HTML Aufbau der Seite: &v=ngnbmgt577g&nr=1