Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

TUDWCMS – Arbeiten mit dem Editor Epoz.

Ähnliche Präsentationen


Präsentation zum Thema: "TUDWCMS – Arbeiten mit dem Editor Epoz."—  Präsentation transkript:

1 TUDWCMS – Arbeiten mit dem Editor Epoz.
Medienzentrum (MZ) TUDWCMS – Arbeiten mit dem Editor Epoz. Dresden,

2 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Arbeiten mit dem Editor Epoz Und so sieht er aus... Icons: zum Bearbeiten von Text, Einfügen von Bildern, Links etc. Arbeitsfläche: hier wird der Inhalt, den Sie erstellen oder bearbeiten angezeigt TUDWCMS – Arbeiten mit dem Editor Epoz

3 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Arbeiten mit dem Editor Epoz Und so können Sie zwischen WYSIWYG und HTML-Modus umschalten… (WYSIWYG = What You See Is What You Get) Links unter dem Editor befindet sich ein Haken, mit dem zwischen diesen beiden Modi umgeschalten werden kann. TUDWCMS – Arbeiten mit dem Editor Epoz

4 Arbeiten mit dem Editor Epoz
Was bedeuten die Icons... Inhalt 1 Icons zur Textformatierung Icons zum Einfügen spezieller Textelemente Spezielle Icons 4 Icons zum Einfügen von Objekten TUDWCMS – Arbeiten mit dem Editor Epoz

5 1 Icons zur Textformatierung - Allgemein
ZUR ÜBERSICHT Was bedeuten die Icons... 1 Icons zur Textformatierung - Allgemein Die meisten dieser Icons sind denen von MS Word nachempfunden. Mit Ihnen kann der Text formatiert, ausgerichtet sowie Gliederungen und Einrückungen erstellt werden indem der betreffende Text markiert und anschließend das Icon mit der entsprechenden Formatierung geklickt wird. Daher im Folgenden nur eine kleine Auswahl. 2 Icons zum Einfügen spezieller Textelemente roten Text Text ohne Zeilenumbruch Trennlinie einfügen Hier wird entweder ein entsprechend formatierter Text aus einer Eingabebox oder eine Trennlinie an der Stelle der Cursorposition eingefügt. ACHTUNG: Zuvor markierte Textteile werden überschrieben! TUDWCMS – Arbeiten mit dem Editor Epoz

6 1 Icons zur Textformatierung - Auflistung
ZUR ÜBERSICHT Was bedeuten die Icons... 1 Icons zur Textformatierung - Auflistung Absatz Nummerierung Tiefgestellt ÜBERSCHRIFT 2 Durchgestrichen Aufzählungszeichen Überschrift 3 Hochgestellt Fett Einzug verkleinern Kursiv Rechts ausgerichtet Einzug vergrößern Unterstrichen Zentriert Vorformatierter Text Links ausgerichtet TUDWCMS – Arbeiten mit dem Editor Epoz

7 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 1.1 Absatz Mit Hilfe dieses Icons können Absätze definiert werden. Internet Explorer: Durch ENTER wird automatisch ein neuer Absatz erzeugt. Zeilenumbrüche können durch SHIFT+ENTER eingefügt werden Mozilla Ableger (Mozilla, Firefox, Netscape): Durch ENTER wird ein Zeilenumbruch eingefügt. Absätze müssen mit Hilfe des Icons Paragraph definiert werden. gewünschten Text markieren und anschließend den Button „Absatz“ betätigen. Sie sollten alle Texte in einen Absatz setzen, um gleichmäßige Abstände zu erhalten TUDWCMS – Arbeiten mit dem Editor Epoz

8 1.2 Überschrift 2 & Überschrift 3
ZUR ÜBERSICHT Was bedeuten die Icons... 1.2 Überschrift & Überschrift 3 Mit Hilfe dieser Icons kann der Text innerhalb eines Absatzes als Überschrift definiert werden. Den Cursor innerhalb des entsprechenden Absatzes positionieren oder diesen markieren und anschließend das Icon „Überschrift 1“ für eine Seitenüberschrift oder „Überschrift 2“ für eine Unterüberschrift betätigen. INFO: „Überschrift 1“ wird durch den Titel des Dokuments vorgegeben! TUDWCMS – Arbeiten mit dem Editor Epoz

9 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 1.3 Vorformatierter Text (z.B.: zur Markierung von Zitaten oder Quellcode) Mit Hilfe dieses Icons kann Text (vorzugsweise ein Absatz) hervorgehoben werden. Den gewünschten Text markieren und anschließend das Icon „Vorformatierter Text“ klicken. TUDWCMS – Arbeiten mit dem Editor Epoz

10 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 2 Spezielle Icons 2.1 roten Text einfügen Mit Hilfe dieses Icons kann Text in roter Schriftfarbe eingefügt werden. In das Eingabefeld den gewünschten Text eingeben und anschließend den Button „Einfügen“ betätigen. ACHTUNG: Markierter Text wird ersetzt. TUDWCMS – Arbeiten mit dem Editor Epoz

11 2.2 Text ohne Zeilenumbruch
ZUR ÜBERSICHT Was bedeuten die Icons... 2.2 Text ohne Zeilenumbruch Mit Hilfe dieses Icons kann Text angegeben werden, innerhalb dessen kein Zeilenumbruch erfolgen soll. Diesen Text können Sie in der Eingabebox eingeben. Alles was innerhalb dieses Bereichs steht, wird innerhalb einer Zeile dargestellt. Beispiel: Es soll verhindert werden, dass bei einer Preisangabe der Zahlenwert vom Währungssymbol getrennt wird. „normal“ eingegeben mit „Text ohne Zeilenumbruch einfügen“ („1.000 Euro“ wird separat eingegeben!) Achtung! Zu lange Abschnitte sprengen das Design. Der Artikel kostet EURO und keinen Cent mehr. Der Artikel kostet 1.000 EURO und keinen Cent mehr. TUDWCMS – Arbeiten mit dem Editor Epoz

12 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 2.3 Trennlinie einfügen Mit Hilfe dieses Icons wird an der aktuellen Cursorposition eine Trennlinie eingefügt. Cursor an der gewünschten Stelle platzieren eingeben und anschließend auf „Trennlinie einfügen“ klicken. TUDWCMS – Arbeiten mit dem Editor Epoz

13 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 3 Spezielle Icons Dieses Icon dient der Aufhebung der Formatierung ( ) von Text. Formatierung aufheben Mit Hilfe dieser Icons können Sie vorangegangene Zustände wiederherstellen. Rückgängig Wiederherstellen TUDWCMS – Arbeiten mit dem Editor Epoz

14 4 Icons zum Einfügen von Elementen
ZUR ÜBERSICHT Was bedeuten die Icons... 4 Icons zum Einfügen von Elementen Für alle diese Icons gilt: Es wird an der aktuellen Cursorposition ein Element eingefügt, d.h. evtl. markierter Text wird überschrieben! Inhalte, die mittels dieser Elemente dargestellt werden sollen, werden in separaten Dialogboxen eingegeben bzw. nachträglich eingefügt. Internen Link einfügen Link hinzufügen Gliederung erstellen Tabelle mit Kopf einfügen Externen Link einfügen Einzelnes Bild einfügen Sprungmarke (Anker) einfügen Tabelle ohne Kopf einfügen Mehrere Bilder einfügen Link auf Sprungmarke einfügen Bild mit Fliesstext einfügen Tabelle ohne Rahmen einfügen Sprungmarken-verzeichnis erstellen Link zu Bild einfügen TUDWCMS – Arbeiten mit dem Editor Epoz

15 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.1 Internen Link einfügen So erstellen Sie einen internen Link auf ein Objekt innerhalb des TUDWCMS: Cursor an gewünschte Stelle setzen und Icon anklicken. Linktext: Bezeichnung des Links, der anschließend im Text angezeigt wird. URL (Ziel des Links): „Durchsuchen“ klicken, zum gewünschten Verzeichnis browsen, „Link einfügen“ anklicken. Beschreibung (Alternativtext): Geben Sie eine kurze Beschreibung des Links ein. (siehe nächste Seite) Ist dieses Feld aktiviert, wird der Link in einem neuen Fenster geöffnet. Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

16 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.1 Internen Link einfügen HINWEIS ZUR BARRIEREFREIHEIT: Beschreibung (Alternativtext): Die Beschreibung des Links sollte sowohl kurz als auch eindeutig sein, um somit Nutzern mit alternativen Ausgabegeräten stets die Orientierung zu ermöglichen. (Entspricht dem title-Attribut in HTML) Interne Links sollten nur im gleichen Fenster geöffnet werden (Standardeinstellung belassen: ohne Haken) TUDWCMS – Arbeiten mit dem Editor Epoz

17 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.2 Externen Link einfügen So erstellen Sie einen externen Link auf eine Internetseite außerhalb des TUDWCMS: Cursor an gewünschte Stelle setzen und Icon anklicken. Linktext: Bezeichnung des Links, der anschließend im Text angezeigt wird. URL (Ziel des Links): Eingeben der gewünschten externen Adresse („http://“ nicht vergessen!). Beschreibung (Alternativtext): Geben Sie eine kurze Beschreibung des Links ein. (siehe nächste Seite) Ist dieses Feld aktiviert, wird der Link in einem neuen Fenster geöffnet. Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

18 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.2 Externen Link einfügen HINWEIS ZUR BARRIEREFREIHEIT: Beschreibung (Alternativtext): Die Beschreibung des Links sollte sowohl kurz als auch eindeutig sein, um Nutzern mit alternativen Ausgabegeräten stets die Orientierung zu ermöglichen. Verweis auf interne Dokumente nicht als externe Links angeben! Externe Links sollten immer in einem neuem Fenster geöffnet werden. TUDWCMS – Arbeiten mit dem Editor Epoz

19 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.3 Sprungmarke einfügen So fügen Sie eine Sprungmarke (Anker) innerhalb eines Dokumentes ein: Cursor an gewünschte Stelle setzen und das Icon anklicken. Name: Bezeichnung des Ankers. Typ: In diesem Listenfeld wird ausgewählt, ob der Anker für ein Inhaltsverzeichnis verwendet werden soll oder nicht. Wenn später über die Funktion Sprungmarkenverzeichnis erstellen (siehe 3.5) ein Inhaltsverzeichnis erstellt werden soll, index (Inhaltsverzeichnis) als Ankertyp auswählen! Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

20 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.4 Link auf Sprungmarke einfügen So erstellen Sie einen Link zu einer Sprungmarke (Anker): Cursor an gewünschte Stelle setzen und Icon anklicken. Linktext: Bezeichnung des Links, der anschließend im Text angezeigt wird. Beschreibung (Alternativtext): Geben Sie eine kurze Beschreibung des Links ein. (Siehe nächste Seite) Anker: Listet alle Anker auf die sich bereits auf der Seite befinden. Den gewünschten Anker auswählen. Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

21 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.4 Link auf Sprungmarke einfügen Hinweis zur Barrierefreiheit: Beschreibung (Alternativtext): Die Beschreibung des Links sollte sowohl kurz als auch eindeutig sein, um somit Nutzern mit alternativen Ausgabegeräten stets die Orientierung zu ermöglichen. TUDWCMS – Arbeiten mit dem Editor Epoz

22 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.5 Sprungmarkenverzeichnis erstellen So erstellen Sie ein Inhaltsverzeichnis von Ihren Ankern: Cursor an gewünschte Stelle setzen und Icon anklicken. Typ: In diesem Listenfeld muss auswählt werden, ob die Anordnung des Inhaltsverzeichnisses vertikal oder horizontal erfolgen soll. Button „Einfügen“ betätigen. Beispiel: TUDWCMS – Arbeiten mit dem Editor Epoz

23 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.6 -Link einfügen So können Sie einen Link zu einer -Adresse erstellen: Cursor an gewünschte Stelle setzen und Icon anklicken Linktext: Name der Person oder Institution für die -Adresse, die im Text erscheinen soll. Idealerweise vollständige Maildresse eingeben um Handling für Nutzer zu erleichtern. -Adresse: vollständige - Adresse der Zielperson/Institution (ohne mailto:). Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

24 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.7 Einzelnes Bild einfügen So können Sie ein einzelnes Bild einfügen: Cursor an gewünschte Stelle setzen und Icon anklicken. Bild: über den „Durchsuchen“- Button das gewünschte Bild aus dem TUDWCMS auswählen. INFO: Die Bild-URL wird immer als „echte“ URL (absolute URL) eingefügt, damit der Editor sie verarbeiten kann. Die URL wird später automatisch als relative URL verarbeitet. Untertitel: Hier den Untertitel des Bildes eingeben (kann später noch bearbeitet werden). Wird dieses Feld leer gelassen, wird der Platzhalter für den Untertitel nicht angelegt! TUDWCMS – Arbeiten mit dem Editor Epoz

25 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.7 Einzelnes Bild einfügen Beschreibung (Alternativtext): hier muss ein alternativer Text, welcher den Kerninhalt des Bildes näher beschreibt, eingetragen werden! Zur Gewährleistung der Barrierefreiheit muss dieser Text angegeben werden. Bild-Breite/Höhe: legt die Bildgröße (proportional) in Pixel fest (z.B. zum Verkleinern) Keine Eingabe: Originalgröße. Position: legt fest, ob das Bild rechts, links oder zentriert ausgerichtet werden soll. TUDWCMS – Arbeiten mit dem Editor Epoz

26 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.7 Einzelnes Bild einfügen Zoom-Link: Hier können Sie bestimmen, ob (bei vorheriger Verkleinerung) das Bild in Originalgröße oder ein anderes Bild oder Datei (über „Durchsuchen“) aufgerufen werden soll. Das „neue Fenster“ ist dabei für ein Bild ein „Pop-up“, für eine Datei ein komplett neues CMS-Fenster. Ist das oberste Optionsfeld „kein“ aktiviert, wird das Zoom-Symbol (Lupe ) nicht erzeugt. Zoom-Link über Klick auf: Legt fest, ob der Aufruf des Zoom-Links über Klick auf das Bild oder über Klick auf das Lupensymbol erfolgen soll (bei „Bild“ wird die Lupe nicht erzeugt). Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

27 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... Beispiele zu 4.7 Einzelbild links, zentriert rechts ausgerichtet „Lupen“ Icon für die Zoom-Funktion TUDWCMS – Arbeiten mit dem Editor Epoz

28 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... Beispiele zu 4.7 TUDWCMS – Arbeiten mit dem Editor Epoz

29 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.8 Mehrere Bilder einfügen Diese Funktion arbeitet genauso wie „Einzelbild einfügen“, jedoch ohne die Attribute: „Bild-Breite/Höhe“ , „Zoom-Link über Klick auf“ Es können bis zu vier Bilder auf einmal nebeneinander eingefügt werden, die zusammen (incl. Bildabstand) eine Breite von 420 Pixel nicht überschreiten sollten. Beispiel: TUDWCMS – Arbeiten mit dem Editor Epoz

30 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.9 Bild mit Fließtext einfügen Cursor an gewünschte Stelle setzen und Icon anklicken Bild: Über den „Durchsuchen“-Button das gewünschte Bild auswählen. Die Bild-URL wird immer als „echte“ URL (absolute URL mit eingetragen, damit der Editor sie verarbeiten kann. Die URL wird später automatisch als relative URL verarbeitet. Untertitel: Hier den Untertitel des Bildes eingeben (kann später noch bearbeitet werden). Wird dieses Feld leer gelassen, wird der Platzhalter für den Untertitel nicht angelegt! TUDWCMS – Arbeiten mit dem Editor Epoz

31 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.9 Bild mit Fließtext einfügen Beschreibung (Alternativtext): Text, der den Kerninhalt des Bildes näher beschreibt, um eine barrierefreie Darstellung zu gewährleisten. Bild-Breite/Höhe: legt die Bildbreite oder die Bildhöhe in Pixel fest. Position: legt die Position des Bildes fest (links oder rechts vom Fliesstext). TUDWCMS – Arbeiten mit dem Editor Epoz

32 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.9 Bild mit Fließtext einfügen Zoom-Link: Hier können Sie bestimmen, ob (bei vorheriger Verkleinerung) das Bild in Originalgröße oder ein anderes Bild oder eine andere Datei (über „Durchsuchen“) aufgerufen werden soll. Das „neue Fenster“ ist dabei für ein Bild ein „Pop-up“, für eine Datei ein komplett neues CMS-Fenster. Ist das oberste Optionsfeld „kein“ aktiviert, wird das Zoom-Symbol (Lupe ) nicht erzeugt. Zoom-Link über Klick auf: Legt fest ob der Aufruf des Zoom-Links über Klick auf das Bild oder über Klick auf das Lupensymbol erfolgen soll. Fliesstext: In dieses Feld den gewünschten Text eingeben, der um das Bild fliessen soll. Button „Einfügen“ betätigen TUDWCMS – Arbeiten mit dem Editor Epoz

33 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... Beispiele zu 4.9 Bild links mit Fliesstext Bild rechts mit Fliesstext TUDWCMS – Arbeiten mit dem Editor Epoz

34 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.10 Link zu Bild einfügen So erstellen Sie einen Link zu einem Bild, welches in einem neuen Fenster geöffnet werden kann: Cursor an gewünschte Stelle setzen und Icon anklicken. Linktext: Bezeichnung des Links, der anschließend im Text angezeigt werden soll. Beschreibung (Alternativtext): Geben Sie eine kurze Beschreibung des Links ein. (Siehe nächste Seite) Bild: über „Durchsuchen“ das gewünschte Bild auswählen. Button „Einfügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

35 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.11 Gliederung erstellen So erstellen Sie eine Gliederung (Liste mit Haupt- & Unterebene, wobei der Listentyp frei wählbar ist): Cursor an gewünschte Stelle setzen und Icon anklicken Ebenenanzahl: legt die Anzahl der Hierarchiestufen fest (max. 2) Listentyp Hauptebene: Art der Aufzählung / Nummerierung für die Hauptebene (Ebene1). Anzahl Einträge Hauptebene: Anzahl der Einträge innerhalb der Hauptebene. Listentyp Unterebene: Art der Aufzählung / Nummerierung für die Unterebene (Ebene2). Anzahl Einträge Unterebene: Anzahl der Einträge innerhalb der Unterebene. Button „Erstellen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

36 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.12 Tabelle ohne Kopf einfügen So erstellen Sie eine Tabelle ohne Kopf: Cursor an gewünschte Stelle setzen und Icon anklicken. Überschrift: Überschrift der Tabelle Zusammenfassung: Zusammenfassung des inhaltlichen Kerns (siehe nächste Seite) Zeilen: Zeilenanzahl der Tabelle Spalten: Spaltenanzahl der Tabelle Button „Einfügen“ betätigen. Beispiel: TUDWCMS – Arbeiten mit dem Editor Epoz

37 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.12 Tabelle ohne Kopf einfügen HINWEIS ZUR BARRIEREFREIHEIT: Zusammenfassung: muss den Tabelleninhalt eindeutig beschreiben. Eine Tabelle sollte nur zur Gegenüberstellung von Daten verwendet werden, nicht zur Umsetzung des Layout! TUDWCMS – Arbeiten mit dem Editor Epoz

38 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.13 Tabelle mit Kopf einfügen So erstellen Sie eine Tabelle mit Kopf: Das Erstellen funktioniert genauso wie bei der „Tabelle ohne Kopf“. Zusätzlich muss hier aber noch Kopf-Position angegeben werden. Diese legt fest an welcher Stelle der Tabelle der Tabellenkopf angelegt werden soll. Beispiel: Tabelle mit Kopf-Position „oben“ TUDWCMS – Arbeiten mit dem Editor Epoz

39 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.14 Tabelle ohne Rahmen einfügen So können Sie Inhalte in einer Tabelle ohne Rahmen gegenüberstellen: Cursor an gewünschte Stelle setzen und Icon anklicken. Zusammenfassung: Zusammenfassung des inhaltlichen Kerns. (siehe nächste Seite) Zeilen: Festlegung der Zeilenanzahl. Es werden automatisch 2 Spalten angelegt. Die Daten werden nachher auf der Webseite ohne gestrichelten Rahmen gegenübergestellt. Button „Hinzufügen“ betätigen. TUDWCMS – Arbeiten mit dem Editor Epoz

40 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.14 Tabelle ohne Rahmen einfügen HINWEIS ZUR BARRIEREFREIHEIT: Es gelten die selben Regeln wie bei einer Tabelle ohne/mit Kopf! Zusammenfassung muss den Inhalt der Gegenüberstellung eindeutig beschreiben. Es sollte nur zur Gegenüberstellung von Daten verwendet werden. TUDWCMS – Arbeiten mit dem Editor Epoz

41 Arbeiten mit dem Editor Epoz
ZUR ÜBERSICHT Was bedeuten die Icons... 4.14 Tabelle ohne Rahmen einfügen Editoransicht Seitenansicht Die gestrichelten Hilfslinien dienen nur der leichteren Bearbeitung im Editor… … und werden nach dem Speichern des Dokuments auf der Webseite nicht mehr angezeigt. TUDWCMS – Arbeiten mit dem Editor Epoz

42 Arbeiten mit dem Editor Epoz
Weitere Bausteine… Durch Klicken auf Weitere Bausteine … öffnet sich ein extra Fenster in welchem Ihnen der HTML-Text für folgende Funktionen zum in den Quelltext kopieren vorgegeben wird: adresse mit Mail-Icon Komplettes Kontaktportlet Bild mit Link Flash-Filme einbinden Textbox mit blauem Ramen TUDWCMS – Arbeiten mit dem Editor Epoz

43 Arbeiten mit dem Editor Epoz
Weitere Bausteine … 5.1 adresse mit Mail-Icon Hier ersetzen Sie die Mailadresse durch Ihre. Schalten Sie zuerst den Editor auf den HTML-Modus um. (siehe Folie 3) Kopieren Sie den kompletten Quelltext an die entsprechende Stelle und ersetzen die Muster- adresse durch die gewünschte Adresse. Ersetzen Sie „Mein Name“ mit dem gewünschten Text. Wenn Sie den HTML-Modus wieder ausschalten, sehen Sie bereits das eingefügte Objekt. TUDWCMS – Arbeiten mit dem Editor Epoz

44 5.2 Komplettes Kontaktportlet
Quelltext: Und so sieht es dann aus: <b>Mein Name</b><br /> Tel.: <br /> Fax: < br> <a href="mailto: "><IMG src="http://web-redaktion.tu-dresden.de/icon_ .gif"> Mein Name</a><br><br> im Büro:<br> Montag-Freitag<br> 9:00-13:00<br><br> Sitz:<br> <a href="/service/lageplaene"> TUD Nöthnitzer Str.43<br> Zi. 218</a><br><br> Post:<br> TU Dresden<br> Dresden<br><br> Pakete:<br> Helmholtzstraße 10<br> Dresden<br><br> Achtung: Ändern Sie nur die rotgedruckten Stellen! TUDWCMS – Arbeiten mit dem Editor Epoz

45 Arbeiten mit dem Editor Epoz
Weitere Bausteine… 5.3 Bild mit Link Kopieren Sie diesen Quelltext komplett in Ihr Dokument im HTML-Modus (siehe Folie 3) <a href=" " target="_blank"><img src=" " alt="" width="180" border="0"> Dies ist die Zieladresse des Links und dies die URL des Bildes, das angezeigt werden soll. TUDWCMS – Arbeiten mit dem Editor Epoz

46 Arbeiten mit dem Editor Epoz
Weitere Bausteine… 5.4 Flashfilme einbinden Hinweis: Um einen Flashfilm in Ihr Dokument einzubinden, muss zuvor ein Film im .fla Format als Datei ins System geladen worden sein. (siehe: 5 Objekte anlegen – Datei [Folie 19] im Handbuch Arbeiten mit dem Redaktionssystem) Er wird dann im TU eigenen Player abgespielt. Zuerst kopieren Sie den Quelltext in Ihr Dokument (im HTML-Modus, siehe Folie 3) an die Stelle, wo der Player angezeigt werden soll Ersetzen Sie die angegeben URL durch die Ihres Films im Redaktionssystem. Ändern Sie gegebenfalls Breite und Höhe des Films. Der Film / Player wird erst angezeigt, nachdem das Dokument gespeichert wurde. Ändern Sie hier Breite und Höhe des Films (Die Einheit ist Pixel) Tragen Sie hier die URL des hochgeladenen Films ein. TUDWCMS – Arbeiten mit dem Editor Epoz

47 5.5 Blaue Textbox mit Rahmen
Weitere Bausteine… 5.5 Blaue Textbox mit Rahmen Um einen Text mit einem solchen hellblauen Rahmen zu hinterlegen, kopieren Sie einfach den HTML-Quelltext in Ihr Dokument (im HTML-Modus, siehe Folie 3) und ersetze Sie den Beispieltext durch Ihren Text. Ersetzen Sie diesen Text. Nach dem Umschalten des Editors in den „normalen“ Betrieb sollte der blau hinterlegte Text zu sehen sein. TUDWCMS – Arbeiten mit dem Editor Epoz

48 Arbeiten mit dem Editor Epoz
Inhaltsverzeichnis Zur HTML-Ansicht umschalten Übersicht der Icons 1 Icons zur Textformatierung-Allgemeines 1 Icons zur Textformatierung – Auflistung 1.1 Absatz 1.2 Überschriften 1.3 Vorformatierter Text 2 Icons für spezielle Textelemente 2.1 roten Text einfügen 2.2 Text ohne Zeilenumbruch 2.3 Trennlinie einfügen 3 Spezielle Icons 4 Icons zum Einfügen von Elementen (Links, Tabellen …) 4.1 Internen Link einfügen 4.1 Interne Links - Hinweis zur Barrierefreiheit 4.2 Externen Link einfügen 4.2 Externe Links - Hinweis zur Barrierefreiheit 4.3 Sprungmarke (Anker) einfügen 4.4 Link auf eine Sprungmarke (Anker) einfügen 4.5 Sprungmarkenverzeichnis erstellen 4.6 -Link einfügen 4.7 Einzelnes Bild einfügen 4.8 Mehrere Bilder einfügen 4.9 Bild mit Fließtext einfügen 4.10 Link zu Bild einfügen 4.11 Gliederung erstellen 4.12 Tabelle ohne Kopf einfügen 4.13 Tabelle mit Kopf einfügen 4.14 Tabelle ohne Rahmen einfügen TUDWCMS – Arbeiten mit dem Editor Epoz


Herunterladen ppt "TUDWCMS – Arbeiten mit dem Editor Epoz."

Ähnliche Präsentationen


Google-Anzeigen