Benutzung des Texteditors

Transkript

1 Benutzung des Texteditors Eine Internetseite besteht in aller Regel nicht nur aus reinem Fließtext. So können z.b. Bilder und Links einen Text sinnvoll ergänzen. Mit Zwischenüberschriften gliedern Sie einen Text in logische Abschnitte und erhöhen die Lesbarkeit. Auch bei der Pflege Ihrer eigenen Webseite sollen Ihnen die gewohnten Funktionen eines Officeprogramms wie z.b. Microsoft Word oder OpenOffice Writer zur Verfügung stehen. PortUNA.cms ist deshalb grundsätzlich mit dem Tiny-Editor ausgestattet, einem Hilfsprogramm, welches auch in anderen Content Management Systemen (z.b. Joomla) zum Einsatz kommt. So können auch Nutzer erfolgreich mit dem Content Management System PortUNA arbeiten, die über keine HTML- Kenntnisse (Programmierkenntnisse) verfügen. Lesen Sie in den nachfolgenden Abschnitten, wie Sie Texte, Tabellen, Bilder und Dateien bearbeiten bzw. in Ihre eigene Webseite integrieren. Texte eingeben und entsprechend formatieren Texte zu formatieren bedeutet, Ihrem Fließtext eine Form zu geben. Neben der Definition von Absätzen und Zwischenüberschriften, haben Sie bei Internettexten weiterhin die Möglichkeit, Textstellen mit Links zu versehen und/oder Bilder einzufügen. Der im PortUNA.cms verwendete Tiny-Editor bietet Ihnen eine Leiste mit Buttons, die denen aus bekannten Textverarbeitungsprogrammen wie z.b. Microsoft Word (Office) ähnlich sind. Viele der verwendeten Symbole kommen Ihnen bestimmt bekannt vor: Fettschrift, kursiver Text, unterstrichener Text, Aufzählungen usw.. Generell gilt: Farblich stark hervorgehobene Buttons bilden aktiv zur Verfügung stehende Funktionen ab, währenddessen Buttons von schwächerer Farbgebung erst zur Verfügung stehen, wenn die Grundfunktion genutzt wird. So muss sich mindestens eine aktive Tabelle im Editor befinden um eine zusätzliche Tabellenzeile einfügen zu können. Über nachfolgende Buttons erzeugen Sie folgende Formatierungen: der markierte Text wird fett angezeigt der markierte Text wird kursiv angezeigt der markierte Text wird unterstrichen angezeigt

2 der markierte Text wird durchgestrichen angezeigt der markierte Text wird linksbündig angezeigt der markierte Text wird zentriert angezeigt der markierte Text wird rechtsbündig angezeigt der markierte Text wird im Blocksatz angezeigt der markierte Text wird mit einem Aufzählungszeichen (Punkt) angezeigt. Um einen neuen Aufzählungspunkt zu erzeugen, drücken Sie die Taste Enter Hinweis: der markierte Text wird mit einem Aufzählungszeichen (fortlaufende Ziffer) angezeigt. Um den nächsten Aufzählungspunkt zu erzeugen, drücken Sie die Taste Enter mit diesem Button können Sie die zuletzt getätigte Aktion rückgängig machen mit diesem Button können Sie einer rückgängig gemachte Aktion wiederherstellen Texte über Editor-Funktion einfügen Officeprogramme wie Microsoft Word fügen den Texten eine Vielzahl zusätzlicher Elemente und Attribute zu, die im Tiny-Editor und auf Webseiten stören bzw. zu einer fehlerhaften Anzeige führen. Aus diesem Grund enthält der verwendete Editor die folgende Funktion: Sie öffnen wie gewohnt Ihr Word-Textdokument, markieren die Textstelle die auf Ihre Webseite übernommen werden soll, betätigen die rechte Maustaste und klicken auf kopieren. Wechseln Sie in die PortUNA-Eingabemaske und klicken Sie auf das Word-Text einfügen -Symbol ( ). Als Nutzer des Internetbrowsers Microsoft Explorer wird nach diesem Arbeitsschritt der kopierte Text sofort in den Tiny-Editor eingefügt. Verwenden Sie den Browser Mozilla Firefox, so erscheint zunächst ein Popup-Fenster in das Sie den kopierten Text, wieder durch Betätigung der rechten Maustaste, einfügen. Klicken Sie

3 zusätzlich den Button Einfügen am Ende des Dialogfensters und der Text wird in den Editor eingefügt. Der zu kopierende Textabschnitt sollte nun in der für das Internet geeigneten Form erscheinen. Texte über Copy & Paste einfügen Diese an sich praktische Einrichtung zum Kopieren und Einfügen von Texten sollten Sie nicht nutzen. Hier kann es zu Konflikten mit den Stilvorgaben Ihrer Internetseite kommen, da der einzufügende Text eine andere Formatierung erhalten kann als in der Webseitenvorlage definiert. Die Stilvorgaben können also übergangen werden. Es können dann eventuell unschöne Stilbrüche (andere Schriftart, -größe, -farbe etc.) auftreten. PortUNA.cms ist mit einem Kontrollmechanismus ausgestattet, welcher stark vom Seitenlayout abweichende Formatierungen automatisch erkennt und unterbindet. Dass wirklich alle abweichenden Formatierungen erkannt und automatisch an das Seitenlayout angepasst werden, kann jedoch nicht garantiert werden. Deshalb sollten Sie nach Möglichkeit Texte nicht mittels Copy & Paste einfügen, sondern die zuvor beschriebene Editorfunktion nutzen. Tabellen erstellen und bearbeiten Um eine neue Tabelle zu erstellen, klicken Sie bitte auf das Symbol Neue Tabelle einfügen ( ). Sie müssen sich überlegen wie viele Spalten und Zeilen Ihre Tabelle haben soll. Diese Festlegung wird über das folgende Dialogfenster vorgenommen:

4 Über die erweiterten Einstellungen des Dialogfensters können Sie viele andere Einstellungen vornehmen wie z.b. die Breite der Tabelle. Klicken Sie auf Einfügen um die Tabelle im Editor sichtbar zu machen. Um die Tabelle an die Seitengröße anzupassen klicken Sie mit der Maus auf die Tabellenzellen. Die Tabelle ist nun als Objekt markiert und Sie können sie durch das Ziehen und Schieben mit der Maus (gedrückte linke Maustaste) vergrößern bzw. verkleinern. Weitere gebräuchliche Funktionen bei der Arbeit mit Tabellen sind: Klicken Sie mit der Maus in eine Tabellenzelle. Von hier aus fügen Sie durch Klick auf das abgebildete Symbol oberhalb eine komplette Tabellenzeile (volle Breite) ein. Klicken Sie mit der Maus in eine Tabellenzelle. Von hier aus fügen Sie durch Klick auf das abgebildete Symbol unterhalb eine komplette Tabellenzeile (volle Breite) ein. Klicken Sie mit der Maus in eine Zelle der Tabellenzeile die Sie komplett löschen möchten. Betätigen Sie das abgebildete Symbol und die gesamte Zeile samt Inhalt wird entfernt. Klicken Sie mit der Maus in die Zelle einer Tabellenspalte, an die auf der linken Seite eine neue Spalte angefügt werden soll. Klicken Sie mit der Maus in die Zelle einer Tabellenspalte, an die auf der rechten Seite eine neue Spalte angefügt werden soll. Um mehrere Zellen miteinander zu verbinden, markieren Sie die betreffenden Zellen durch Ziehen des Mauszeigers (gedrückte linke Maustaste) und klicken auf das Symbol. Um Zellen wieder zu trennen, klicken Sie auf dieses Symbol

5 Tabellen aus anderen Dokumenten in den Editor einfügen Hierbei kann es wie auch schon beim Einfügen von Texten aus anderen Dokumenten und Internetseiten zu Problemen kommen. Achten Sie stets darauf, dass Sie wirklich nur den Tabellenkörper der zu kopierenden Tabelle mit der Maus markieren. Nutzen Sie für das Einfügen von Tabellen samt Inhalt auch ausschließlich die Einfügefunktion des Tiny-Editors: Sie öffnen das Dokument mit der zu kopierenden Tabelle (auch Internetseite), markieren die Zellen die auf Ihre Webseite übernommen werden sollen, drücken die rechte Maustaste und klicken auf kopieren. Wechseln Sie in die PortUNA- Eingabemaske undklicken Sie auf das in dieser Tabelle links stehende Symbol. Die Tabelle erscheint im Texteditor. Sie können die Bearbeitung der Tabelle mit den im Tiny-Editor zur Verfügung stehenden Funktionen fortsetzen, nachdem Sie in die Tabelle geklickt haben bzw. die für die Bearbeitung vorgesehenen Zellen markiert haben. Werden Tabellen nach dem Verfahren Copy & Paste übernommen, kommt es eventuell zu den bereits beim Thema Texte einfügen und bearbeiten genannten Schwierigkeiten. Darum ist auch hier von dem Verfahren abzuraten. Bilder einfügen und bearbeiten Bei vielen in PortUNA.cms enthaltenen Funktionsmodulen sind vordefinierte Bildplätze enthalten (z.b. Immobilien und Veranstaltungen sowie Vorstellung). Dies dient der Standardisierung in der Eingabe und Anzeige von Informationen (vordefinierte Abfolge z.b. Text-Bild-Text). Viele Module verlangen allerdings nach einer höheren Flexibilität, so dass oftmals der Webseiteninhaber entscheidet, an welchen Stellen und in welcher Zahl Bilder erscheinen. Auch dieser höhere Grad der Individualisierung lässt sich mit Hilfe des PortUNA.cms abbilden. Der in das System eingebettete Tiny-Editor ermöglicht das Einfügen von Bildern an einer beliebigen Stelle des Seiteninhalts. Dafür steht folgendes Symbol zur Verfügung ( ) Generell gilt: Laden Sie Bilder in einem gängigen Format wie z.b. GIF oder JPEG/JPG hoch. Im Dialogfenster finden Sie weitere Hinweise/Anforderungen die zu beachten sind. Bilder dürfen die Dimension von 1600x1200 Bildpunkten (Pixel) und eine Speichergröße von 1024 Kilobyte nicht überschreiten. Werden Bilder ins System geladen die von diesen Vorgaben abweichen (größer sind) kann es zu Fehlfunktionen kommen.

6 Klicken Sie auf das Symbol für die Bilderhochladefunktion. Es erscheint das folgende Dialogfenster: Vergeben Sie zunächst einen einprägsamen Fototitel, z.b. Foto Blumen Startseite. Bitte beachten Sie, dass dieser Titel später auf Ihrer Webseite zusehen ist, wenn man mit der Maus auf das Bild geht. Klicken Sie bei Foto hochladen auf die Schaltfläche Durchsuchen. Es öffnet sich ein Dateiauswahlfenster in vergleichbar folgender Weise: Wählen Sie die Bilddatei aus und klicken Sie auf Foto hinzufügen. Das Bild wird nun ins System geladen. Je nach Größe der Datei kann dieser Vorgang eine halbe

7 bis eine Minute andauern. Wenn das Bild hochgeladen wurde und Ihnen damit zur Verfügung steht, finden Sie einen zusätzlichen Verweis auf das hochgeladene Bild: Sie können diesen Vorgang nun beliebig oft wiederholen, bis alle Bilder die Sie für den gesamten Internetauftritt benötigen in das System hochgeladen sind. Hinweis: Während des Hochladeprozesses werden die Bilder auf eine maximale Bildbreite von 450 Bildpunkten (Pixel) verkleinert. Dies geschieht systemseitig ganz automatisch. Ihre Bilder sind nun im System vorrätig und können an einer beliebigen Stelle des Tiny-Editors eingefügt werden. Zu jedem ins System geladenen Bild gehören Buttons mit den folgenden Funktionen: Bild/Foto einfügen: Klicken Sie mit der Maus auf dieses Symbol und Ihr Bild erscheint an der Stelle der Texteingabemarke des Editors. Bild/Foto bearbeiten: Mit dieser Funktion können Sie das Bild/Foto umbenennen, also den Fototitel bearbeiten. Bild/Foto löschen Haben Sie ein Foto in den Texteditor eingefügt, stehen Ihnen weitere Möglichkeiten der Bearbeitung zur Verfügung, z.b. können Sie das eingefügte Foto mit Hilfe dieser Schaltfläche zentriert (Bild) zentrieren.

8 Das sieht beispielsweise so aus: Text- und Bildlinks einfügen/bearbeiten/löschen Ein wesentliches Merkmal von Internetseiten ist die Möglichkeit, mit Hilfe von verlinkten Texten und Bildern auf andere Internetseiten zu verweisen. Der im PortUNA.cms integrierte Tiny-Editor hält für die Bearbeitung eine sehr leicht zu bedienende Funktion bereit. Um einen Link zu erzeugen markieren Sie zuerst die betreffende Textstelle oder aber das Bild. Klicken Sie auf den Button Link einfügen/bearbeiten ( folgende Dialogfenster: ). Es erscheint das

9 Geben Sie die Zieladresse ein. Dabei wird zwischen internen und externen Links unterschieden: Interne Links sind Verweise auf andere Bereiche Ihrer Webseite. Eine mögliche Zieladresse, die Sie in das Feld Link-URL eingeben könnten, wäre bspw. /texte/seite.php?id=5196 Externe Links verweisen auf andere Webseiten. Geben Sie für Link-URL bitte die vollständige Adresse ein. Wenn Sie beispielsweise auf die Internetseite der Online-Enzyklopädie Wikipedia unter verlinken möchten lautet die komplette Link-URL folgendermaßen: Mit der Festlegung des Ziels entscheiden Sie, ob bei Klick auf den Link ein neues Browserfenster geöffnet oder die verlinkte Seite im gleichen (geöffneten, bereits aktiven) Browserfenster angezeigt wird. Die Einfügung eines zusätzlichen Titels steht optional zur Verfügung. Wird dieses Feld freigelassen, setzt das System den Link automatisch an die zuvor markierte Stelle der Editor-Eingabemaske. Klicken Sie auf Einfügen und der Link wird im Editor erzeugt.

10 Um einen Link zu löschen, markieren Sie das Bild resp. den Text und klicken Sie auf das Link entfernen Symbol ( ) Dateien einfügen und bearbeiten

11 Zusätzlich zu Text- und Bildinformationen können Internetseiten Dateien enthalten. Als Beispiel kann hier z.b. die Satzung eines Vereins oder ein Bestell- bzw. Anmeldeformular gelten. Für gewöhnlich handelt es sich um Dokumente in einem gängigen Textformat wie z.b. Microsoft Word (Dateiendung doc ) bzw. Adobe Acrobat Reader (Dateiendung pdf ). Durch Klick auf den Dateilink können Nutzer Ihrer Internetseite betreffende Dokumente öffnen und sich beispielsweise ausdrucken. Nutzen Sie dafür die Funktion Dateiverwaltung im Tiny-Editor. Klicken Sie bitte das Diskettensymbol Dateiverwaltung ( ). Es erscheint das folgende Dialogfenster: Vergeben Sie zunächst einen einprägsamen Dateititel, z.b. Anmeldeformular Maifest. Klicken Sie bei Datei hochladen auf die Schaltfläche Durchsuchen. Es öffnet sich ein Dateiauswahlfenster in vergleichbar folgender Weise:

12 Wählen Sie die entsprechende Datei aus und klicken Sie auf Datei hinzufügen. Die Datei wird nun ins System geladen. Je nach Größe der Datei kann dieser Vorgang einige Zeit in Anspruch nehmen. Das Dialogfenster der Dateihochladefunktion beinhaltet nun zusätzlich einen Verweis auf die hochgeladene Datei:

13 Wenn die Datei hochgeladen ist, erhalten Sie folgendes Ergebnis: Sie können diesen Vorgang nun beliebig oft wiederholen, bis alle Dateien die Sie für den gesamten Internetauftritt benötigen in das System hochgeladen sind. Ihre Dateien sind nun im System vorrätig und können an einer beliebigen Stelle des Tiny-Editors eingefügt werden. Zu jedem ins System geladenen Bild gehören Buttons mit den folgenden Funktionen: Datei einfügen: Klicken Sie mit der Maus auf dieses Symbol und Ihre Datei erscheint an der Stelle der Texteingabemarke des Editors. Datei bearbeiten: Mit dieser Funktion können Sie die Datei umbenennen, also den Dateititel bearbeiten. Datei löschen

14 Probleme mit dem Tiny-Editor Je nach verwendetem Internetbrowser und der ursprünglichen Herkunftsquelle von in den Tiny-Editor eingefügten Informationen, kann es zu sichtbaren Differenzen in der Anzeige der Informationen kommen. So erscheinen beispielsweise auf Ihrer Internetseite zusätzliche Leerzeilen zwischen Textblöcken obwohl diese im Tiny- Editor auf den ersten Blick nicht sichtbar sind, die Daten also scheinbar korrekt eingegeben worden sind. Um auch im Tiny-Editor alle Informationen so angezeigt zu bekommen wie sie nachher auch auf der Internetseite dargestellt werden, wurde die Funktion Unsauberen Code aufräumen ( ) in den Editor integriert. Sie erhalten die Ansicht wie sie auch auf Ihrer Internetseite erscheinen wird. Sie können nun entsprechende Korrekturen vornehmen und die komplette Seite neu abspeichern. An dieser Stelle möchten wir darauf hinweisen, dass der verwendete Tiny-Editor ein zusätzliches Hilfsmittel sein soll um Internetseiten schnell und ansprechend zu gestalten. Auf die laufende Entwicklung dieses Plugin-Moduls haben wir leider keinen direkten Einfluss. Auch die Anpassung des Editors an individuelle Wünsche unserer Kunden ist nur in sehr engen Grenzen möglich. Wir bemühen uns, die jeweils aktuellste Version des Editors innerhalb von PortUNA.cms zu verwenden. Gravierende Probleme mit dem Tiny-Editor bitten wir Sie uns umgehend mitzuteilen.