Handbuch zur Editland-Site "Gasthof zum Ochsen"
Die Fernbedienung
Das Steuerungsmodul für Ihre Website?
 | |
|
01 Fettschrift 02 Linksbündig 03 Kursiv 04 Zentriert 05 Unterstrichen 06 Rechtsbündig 07 Horizontale Linie 08 Blocksatz 09 Geordnete Liste 10 Ungeordnete Liste 11 12 13 HTML-Textformatierungen entfernen 14 Textfarbe 15 Link setzen 16 Link aufheben 17 Bild einfügen (Upload) |
18 Bildeigenschaften 19 Seite speichern 20 Ausschneiden 21 Kopieren 22 Einfügen 23 Rückgängig 24 Wiederherstellen 25 Löschen 26 Tastaturkürzel 27 Seite (neu oder löschen) 28 Menü bearbeiten 29 Template (auswählen oder ändern) 30 CMS Einstellungen 31 Schriftstil 32 33 |
Ihr CMS beherrscht zwei Internetstandards: HTML trans. 4.01 und XHTML 1.0 strict. Je nach Standard sind einige Zuweisungen noch gültig oder nicht mehr gültig.
Das Template für Ihre Website verwendet bereits den neueren Standard XHTML 1.0 strict, wodurch die Schaltflächen und Elemente 11,12, 32 und 33 nicht unterstützt werden und in Ihrer Fernbedienung auch nicht angezeigt werden.
Die rot markierten Schaltflächen sind für Ihre Arbeit wesentlich. Diesen Schaltflächen sollten Sie besondere Aufmerksamkeit widmen. Die Schaltfläche 30 führt Sie in die hinteren Administrationsbereiche (Backend), wo Sie u.a. das Passwort ändern können und eine Seitenstatistik finden. Sollten Sie Ihre Installation mit zusätzlichen Funktionen (Plugins) erweitern, finden Sie dort auch die Pluginverwaltung.
Tastenkürzel
Viele Tastenkürzel, die Sie aus Ihrer Textverarbeitung kennen funktionieren auch hier.
Tastaturkürzel während des Editierens:
(Umschalt+Return) = Neue Zeile
(Return) = Neuer Absatz
(Strg+X) = Ausschneiden
(Strg+C) = Kopieren
(Strg+V) = Einfügen
(Strg+B) = Fettschrift
(Strg+I) = Kursiv
(Strg+U) = Unterstrichen
(Strg+Z) = Rückgängig
(Strg+Y) = Wiederherstellen
(Strg+F) = Suchen (innerhalb der Seite)
(Strg+A) = Gesamten Inhaltsblock markieren
(Strg+Linksklick) Absatz markieren
Schriftstile
Viel mehr als nur Layout...
Schriftstile
Eine Website wird von Mensch und Maschine gelesen. Wo dem Menschen optische Reize genügen, braucht die Maschine logische Auszeichnungen, um die Bedeutung (Wichtigkeit) einer Textpassage zu beurteilen und Ihre Seite in der Datenbank den richtigen Stichworten zuzuordnen. Daher sollten Sie Überschriften logisch auszeichnen (also Überschriften nicht nur fett formatieren). Überschriften aus-/kennzeichnen Sie über das Auswahlmenü "Schriftstil" in der Lasche. Die Lasche klappen Sie über den kleinen blauen Pfeil aus. Die Formatierung für Überschriften wird über die Auszeichnungen in der CSS-Datei zur Webseite einheitlich und vollautomatisch vorgenommen.
Unter Schriftstile finden Sie außerdem einige Extraformate, um für Ihre menschlichen Seitenbesucher Texte optisch hervorzuheben. Das System weist Formatierungen zu, in dem es von der Markierung oder Cursorposition zurückläuft und im Quelltext nach Formatierungsanweisungen (sogenannte Tags) sucht. Hierbei hat Microsoft noch nicht für Markierungen grundsätzlich den <span>-Tag berücksichtigt. Daher müssen wir einen kleinen Trick anwenden, wenn wir Texte innerhalb einer Zeile über die Extraformate verändern wollen.
Markieren Sie die gewünschte Textstelle und klicken Sie auf das F für "Fett", setzen Sie den Cursor in die nun fett formatierte Textpassage und wählen Sie den Schriftstil aus dem Bereich Text small, medium,large und Extraformate ohne weitere Kennzeichnung in Klammern. Diese sogenannten Inline-Formate können auch auf Absätze und Überschriften angewendet werden. Absatzformate und Überschriften-Formate nicht aber auf Textpassage innerhalb einer Zeile, bzw. Absatz.
Was macht eigentlich das Clear? Sie haben ein Objekt (Bild oder Absatz) rechts oder links ausgerichtet und obwohl der Absatz neben dem Objekt deutlich kürzer als das Objekt ist, möchten Sie nun, dass der Text unter dem Objekt fortfährt. Wenden Sie nun clear auf den Absatz an, der unter dem Objekt erscheinen soll.
Es empfiehlt sich immer ein zwei oder drei Absätze am Ende der Seite zu bevorraten, die keinerlei Formate enthalten.
Extraformate
Da Flash immer über allen HTML-Elementen schwebt muss bei wenig Platz für eine Kopfzeile eine andere Methode gewählt werden. Hier wurde eine Image-Replacement-Methode eingesetzt. Im Textbereich auf weißem Grund steht diese besondere Technik über die gesamte Site zur Verfügung, soweit diese über die Editland-Fernbedienung editiert werden kann.
Achtung! Die SIFR-Technik kann nur auf Überschriften angewendet werden und in den Zeilen können keine Bilder rechts oder links angeordnet werden.
Der Block unter Überschrift 6 erreicht man über die Schriftstil in der Lasche der Fernbedienung/ Absatzformatierung "Kasten".
Formatierungen, die nur auf Absätze angewandt werden sollten sind mit (A) gekennzeichnet.
Formatierungen, die auf Überschriften einer vordefinierten Überschrift begrenzt sind haben in der Klammer dahinter (Ün) n = Zahl der Ordnung.
(in der folgenden Abbildung "Marker", "Marker dunkel" "Marker hell", "Kasten")
Template, Layoutraster
Von Zuordnungen und Textbausteinen
Am Beispiel Gasthof zum Ochsen in Mannheim
Das Template hat 7 Editierbare Bereiche
(01) Header in sIFR-Format "TW Cen MT (Ü3)", (02) Das Leitbild um z.B. Saisonal das Foto auszutauschen, wenn in der Gaststube Adventsstimmung verbreitet wird, (03) die Sidebar, (04) kurzer Bereich, um neben der Navigation einen Beitrag zu setzen. Die Menge des Textes sollte ungefähr auf die Länge der Navigation abgestimmt sein. (05) Die Navigation kann über die Schaltflächem, neue Seite und Menü bearbeitet werden, (06) Textblock 2 unter der Navigation, der eigentliche Textblock für Inhalte und (07) um über alle Seiten eine Fußzeile laufen zu lassen.
Die Bereiche (03), (04) und (06) sind individuell für jede Seite verschieden, während die Bereiche (01), (02) und (07) über alle Seiten jeweils den selben Inhalt präsentieren.
Die Textbausteine werden wie folgt abgespeichert:
(01) content/content/staticcontent_1.txt
(02) content/content/staticcontent_2.txt
(03) content/content/[seitenname]_3.txt
(04) content/content/[seitenname]_1.txt
(05) content/menu/menudata.csv (+ Steuerdaten in code/struk.csv)
(06) content/content/[seitenname]_2.txt
(07) content/content/staticcontent_3.txt
Die Inhalte der Textbausteine werden in den txt-Dateien in einfachem (X)HTML abgespeichert. Sie durfen alles enthalten was auch sonst eine HTML-Seite im Quelltext hat, einmal von den Kopfzeilen und Fußzeilen abgesehen.
Bei den Templates Galerie und Formulare kommen weitere Module hinzu, die über die Pluginverwaltung in die Seite eingefügt werden. (Sie hierzu auch die Hilfe zu den Plugins in deren Administration). Die Templates Kontakt und Formulare hat die Bereiche (04) und (06) genau umgekehrt, da die Folgeseiten, den Platz unterhalb des Menüs benötigen und die Folgeseiten hierfür den Textbaustein [seitenname]_1.txt gegen die Formularverarbeitung austauschen.
Das Bild der Gaststube hat die Maße 753x95 Pixel. Das Bild darf höher nicht aber breiter sein.
Farbenklänge
Farbwerte und sicher ist sicher ...
Schriftfarben werden in Editland über den Colorpicker mit der Schaltfläche 14 geändert.
Diese Farben können auch von Hand eingegeben werden. Es empfiehlt sich immer für eine Website einen eingeschränkten Farbklang zu verwenden:
Farbklang (v.l.n.r.):
weiß rgb(255, 255, 255) #ffffff
dunkelgrau rgb(82, 78, 77) #524E4D
weinrot rgb(150, 35, 31) #96231F
altrosa rgb(213, 159, 157) #D59F9D
hellgrau rgb(222, 214, 214) #DED6D6
Die Farbwerte können auch direkt in das Farbfeld für Schriftfarben eingegeben werden.
Datenstruktur
Die Ordner einer Editland-Installation
Diese Datenstruktur ist ein Beispiel mit Plugins:
Zur Wiederherstellung der Website sollten nach Änderungen die Ordner pics und content inkl. Unterordner, sowie die Datei code/struk.csv per FTP auf die lokale Platte gesichert werden, und einmalig, bzw. wenn sich in den Grundeinstellungen und Erweiterungsmodulen (Plugininstallationen) etwas ändert: code/plugins.csv, admin/esettings.php, admin/menusettings.php und admin/settings.php
Bilder die nicht im Ordner "pics" abgelegt wurden müssen absolut adressiert werden (also: http://...) und können i.R. übr Copy&Paste eingefügt werden. Da bei dem Programm hier gerne Bedienungsfehler auftreten, empfiehlt es sich Bilder immer über das Bildmenü in den pics-Ordner zu laden und über die Bilderverwaltung einzufügen. Im Ordner "gfx" sind die kleinen Pfeile und andere grafische Menu-Elemente abgelegt. In dem für die Seite verwendeten ListMenu ist nur die Aktivanzeige relevant.
Änderungen an den Templates können über geeignete Programme jederzeit vorgenommen werden und per FTP aktualisiert werden. Hierbei ist darauf zu achten, dass die Pfade erhalten bleiben. Insbesondere muss der Pfad zum style.css und den images unverändert bleiben, da sonst Brüche im Layout auftreten.
Die Unterordner des Ordners Pluginadmin gehören zu den Erweiterungen und außer dem Unterordner "mailer" des Ordner "plugins" sind auch alle Unterordner des Ordners "plugins" nicht Bestandteil der Grundinstallation, hierzu zählt auch der Unterordner "sFIR-Fonts".
Klicken Sie auf TOC rechts unten um Seiten direkt anzusteuern.