Nach dem Einstellen von KUPU werden die  Formatierungsmöglichkeiten der neuen KUPU-Menüleiste der Reihe nach erklärt und sollten dann selbst im Übungsdokument ausprobiert werden:

1. Einstellung von Kupu in seinen persönlichen "EINSTELLUNGEN"

Zuerst muß KUPU aktiviert werden: In eurer waagerechten Navigationsleiste klickt ihr auf Meine Einstellungen:

Auf der kommenden Übersichtsseite bitte nochmals klicken auf MEINE EINSTELLUNGEN:

Dann seht ihr das Pulldown-Menü: rechts am roten Pfeil - und danach im aufgeklappten Menü auf KUPU klicken:

Alles andere nicht verändern!!!
Abschließend unten speichern nicht vergessen.
Danach gehen wir aus unseren Einstellungen raus und surfen mit Hilfe der linken Navigationsleiste in unseren Arbeitsgruppenordner.

2. Umgang mit KUPU auf der Seite "KUPU-Übungen"

Zum Nachlesen legt ihr entweder dieses Tutorial in einem 2. Tab (z.B. in Firefox) oder ihr druckt es aus, um gleichzeitig im Dokument KUPU-Übungen die neu entstandenen Formatierungsmöglichkeiten im HAUPTTEXT-Feld auszuprobieren.

Hier bemerken wir, dass im Haupttextfeld oben eine neue blau eingefärbte Navigationsleiste (KUPU) erscheint. Diese Leiste möchte ich euch nun erklären. Ich fange links mit den Textformatierungsvarianten an:

2.1. Textformatierungen:

Alle Texte können unterschiedlich formatiert werden. Ich schreibe hier im Tutorial den Fliesstext mit NORMAL. Klickt man auf den Pfeil, so kann man im Pulldown-Menü alle vorgefertigten Textformate sehen (siehe obige Grafik).

Will man Text verschieben, so wird die Textauswahl markiert und mit gedrückter LINKER MAUSTASTE an die neue Stelle verschoben. (Ausschneiden, kopieren und einfügen geht bei mir nicht, aus Sicherheitsgründen hat mein Firefox-Browser diese Funktionen ausgeschaltet.)

2.2. Bilder

• Klickt man auf das Bildsymbol (siehe roter Kreis im folgenden Bild), dann erscheint die Image Library. Links ist das Plone-Verzeichnis, wo Herr Stroß Radschinski uns einen allgemeinen Bilderordner angelegt hat (netzwerk-E Logos & Grafiken): Alle sollten ihre Bilder vom eigenen Rechner hochladen und hier ablegen.
• In der Mitte liegen die Verzeichnisse mit Ordnern und Dateien.
  
• Klickt man auf eine, so erscheint rechts diese Datei mit Dateiangaben und Beschreibungen, falls vorhanden.
  

• Zur Übersicht aber bitte immer die neuen Bilder in einem eigenen Ordner zusammenhalten, sonst verliert man irgendwann den Überblick oder die Bezeichnungen sind u. U. doppelt! Im Moment ist hier nur unser Netzwerklogo (als gif und jpg-Datei) vorhanden und die Bilder vom Tutorial in einem eigenen Ordner.
• Klickt man dort dann diese Gruppe an, erscheint der Inhalt der Bilder und Grafiken-Dateien oder -Ordner in der mittleren Spalte. Klickt man dann auf einen Dateinamen, erscheint dieses ganz rechts als kleines Bild mit den Daten (Größe-Namen usw.)
  
• Klickt man schließlich auf OK, dann erscheint das gewählte Bild in unserem Haupttext. Ladet einfach mal Text/Bild hier in diesen Ordner und probiert es aus, das geht super einfach!
  

Ansonsten kann man auch auf die anderen Gruppenebenen der Website kommen, wenn man in der mittleren Spalte ganz oben (...(Parent folder)) eine oder mehrere Ebenen höher geht und dort nach Dateien sucht. Da dies aber u. U. verwirrend ist, da man nicht unbedingt die gesamte Struktur unserer Netzwerk-E-Homepage im Kopf hat, ist erst einmal zu empfehlen, auf dieser Ebene zu bleiben.

2.3. interne Verlinkung

Man kann auch Text mit internen Dokumenten (in unserer Netzwerk-E-Homepage) verlinken. Wie immer muss erst einmal der zu verlinkende Text markiert werden. Nach der Verlinkung erscheint der Text farbig und unterstrichen.
Öffnen wir das Verlinkungstool, so sehen wir folgende Grafik:

Klickt man auf das Link-Symbol (siehe roter Kreis) in der blauen Menüleitse, dann erscheint der LINK DRAWER. Links sieht man in der Spalte wieder die Gruppenordner, mittig den Inhalt eines angeklickten Ordners und die sich darin befindenden Dokumente.
Will ich z.B. den vorher markierten Text mit einem Dokument verlinken, klickt ihr in der mittleren Spalte auf das ausgewählte Dokument, welches dann rechts mit der Beschreibung des Inhaltes (falls vorhanden) erscheint. Klickt man auf OK ist die Verlinkung zu diesem ausgewählten Dokument vollzogen und das Wort erscheint farbig/unterstrichen im Haupttextfeld.
 

2.4. externe Verlinkung

Will man externe Webseiten mit Text verlinken, verfährt man genauso, d.h. zuerst den Text markieren und dann das folgende Symbol (neben der internen Verlinkung: siehe roter Kreis am Rand der Grafik) anklicken:

Nach Eingabe der Webadresse (URL) kann man mit Peview die URL überprüfen - oder ihr drückt gleich auf OK: Der vorher markierte Text ist verlinkt mit dieser externen Webseite, im Text wieder sichtbar an der Farbe und dem Unterstrich.

2.5. die restlichen Symbole

Viele Symbole im Menü neben dem Fenster kennt man aus den Textprogrammen wie WORD, WordPerfekt u.a.m...
B= Fett, I= kursiv, U= unterstrichen usw.

In der folgenden Grafik sind nochmal 4 besonders zu erwähnen:

1. Dieses Symbol erzeugt Tabellen, dazu kommen wir gleich in Punkt 4.
2. Wie in MS-Word kann man eine Stufe innerhalb seiner Bearbeitung zurück und bei
3. auch wieder vorwärts gehen.
4. Hier kann man in den Quelltext sehen und manuell Veränderungen am Code vornehmen, wenn man sich auskennt. Ansonsten bitte hier nichts bearbeiten!

So, nun sollte man im Übungsdokument ein wenig herumprobieren und üben, ehe es zur Tabelle geht.

3. Tabelleneintragungen

Wenn die Textformatierungen geübt und alle Möglichkeiten ausprobiert worden sind, sollte nun auch einmal eine Tabelle erstellt werden:
Dazu klickt ihr auf das Symbol (Nr. 1 in der obigen Grafik oder auf das Tabellensymbol in der unteren Grafik (roter Kreis). Das dann aufgehende Menü zeigt in der Regel folgendes Bild:

1= Klassifizierung der Tabelle: (siehe nächste Punkte 3.1.1. bis 3.1.3. mit Demobildern)

2 u. 3= Angabe der Anzahl von Zellen (ROWS) und Spalten (COLUMNS)

4= Bei Aktivierung haben die Buchstaben in der obersten Zeile eine fette Überschrift.
Die Buchstaben können dann aber im Nachhinein nicht mehr anders formatiert werden. Will man also Überschriften oder andere Textformatierungen (siehe Punkt 3.1.) durchführen, sotte hier das Häkchen bei CREATE nicht gesetzt sein.

5= Die Tabelle wird kreiert

6= Alle Tabellen werden fixiert.

3.1. Tabellenvarianten (Table Class)

Es gibt vier Tabellenvarianten, die im Pulldown-Menü erscheinen, wenn man bei 1 auf den Pfeil klickt. Diese werden nun im Einzelnen angesprochen:

3.1.1. Tabellenvariante PLAIN

Die erste Einstellung (siehe Bild oben) der Tabelle steht standardmäßig auf plain. Ich habe 2 Zellen in 4 Spalten mit festgelegter fetter Schrift in der Kopfzeile angegeben. Wenn ich auf ADD TABLE klicke und anschließend dieses Einstellungsmenü mit CLOSE schließe, habe ich folgende Tabelle erzeugt:

Man sieht im Raster oben COL 01 fett. Diese Schrift ist nun fett eingestellt und läßt sich nicht mehr ändern. die Zahl 01 hinter COL (Abkürzung für COLUMN) bedeutet die Angabe von der 0. Spalte mit der 1. Zelle, danach kommt COL 11 (1.Spalte in der 1. Zelle, COL 21 (2. Spalte mit 1. Zelle) usw... (Die Buchstaben markieren und neuen Text anstelle dieser Spalten/Zellenangabe einfügen, sollte eigentlich bekannt sein.)
Schreibt man in die Zelle, so verschiebt sich der Rand automatisch. Man sollte hier immer auf den Umbruch achten, damit die Spalten nicht zu groß werden und am Ende immer noch ganz auf einem 17-Zoll-Sandard-Monitor zu sehen sind (horizontales Scrollen finde ich immer sehr lästig).
Sobald man in eine Zelle klickt, um Texte oder Bilder einzufügen, entstehen Symbole (siehe roter Kreis), mit denen man die Spalte/Zelle durch Anklicken entfernen kann.

3.1.2. Tabellenvariante LISTING ohne CREATE

Die zweite Einstellung LISTING mit den selben Zellen und Spaltenangeben sieht dann beispielsweise wie folgt aus:

Ohne Aktivierung von CREATE habe ich nun die Möglichkeit, den Text frei zu formatieren. Hier z.B. wurde der Text mit Headline (unterstrichen) und fett formatiert. Außerdem bekommen die Zellen und Spalten hier nur einen dünnen Rand.

3.1.3. Tabellenvariante GRID und DATA

Die dritte Einstellung GRID unterscheidet sich nur unwesentlich von der Einstellung DATA und sieht dann wie folgt aus:

Ich finde die erste Standard-Einstellung OHNE AKTIVIERUNG von CREATE am sinnvollsten. Denn hier habe ich die Möglichkeit, den Text der Spaltenüberschriften individuell zu formatieren und die Zellenränder sind auch schöner als bei LISTING, GRID und DATA. Am besten experimentiert ihr ein wenig herum, womit ihr dann gut zurecht kommt!

3.2. Tabellen-Mausmenüs

Wenn man eine Tabelle kreiert hat, kann man auch im Haupttextfeld sofort die Menge von Spalten und Zellen ergänzen bzw. reduzieren:
Sollte also einmal eine Zelle im nachhinein horizontal fehlen, so kann man diese folgendermaßen erzeugen:

Man klickt mit der rechten Maustaste an die Stelle und nun erscheint folgendes Menü - am Mauspfeil klebend:

1. CUT

2. COPY

3. PASTE

4. ADD ROW

5. DELETE ROW

6. ADD COLUMN

7. DELETE COLUMN

8. DELETE TABELLE

Punkt 1-3 funktionieren u. U. nicht. Mein Firefox-Browser hat diese Funktionen blockiert wegen Viren und Trojaner-Gefahren.

_________
_________
_________
Waagerechte, horizontale Zellenreihen erzeugt man mit 4 (ADD ROW) und löscht diese wieder mit 5 (DELETE ROW)

|  |  |
|  |  |
|  |  |
Senkrechte Zellenblöcke (Säulen oder Spalten) erzeugt man mit dem Befehl 6 (ADD COLUMN) und löscht diese mit 7 (DELETE COLUMN).

8 (DELETE TABELLE) ist eigentlich klar: "Es iss fott..."

4. Vorschau ohne Speichern

Ganz rechts auf der blauen Menüleiste gibt es noch 2 Symbole:

1= Mit der stilisierten Lupe kann man während des Scheibens seine Formatierung kontrollieren (Klick auf dieses Symbol) Zum Verlassen diesen Vorschaumodus klickt man erneut auf dieses Symbol

2= Der Schmetterling ist das Logo von KUPU und führt beim Anklicken zu einigen Demo-Seiten dieser Software.

5. VIEL SPASS BEIM ÜBEN

Nun wünsche ich euch viel Erfolg im Umgang mit diesem Zusatzprogramm. Man lernt schnell, dieses Hilfsprogramm zu schätzen. Es ist für mich eine einfachere Art der Texterstellung als die Methode (siehe altes Tutorial), wo über das Textprogramm MS-WORD eine html-Seite erzeugt und in PLONE hochgeladen wurde. Die Arbeit mit KUPU ist viel schneller,  komfortabler und birgt nicht so viele Gefahren einer Fehleinstellung.

Sollte trotzdem etwas unklar sein, bitte ich alle, mich wirklich ungeniert anzumailen. Ich antworte i.d.R. sofort auf euer feed back, wenn ich am Rechner sitze, und das ist (mit anderer Arbeit) im Moment ziemlich oft.
Tschööö us Kölle...
Bernd
Email: b.keller@ndh.net