Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

hilfe [d.m.Y H:i]
sec
hilfe [d.m.Y H:i]
Zeile 1: Zeile 1:
-<​html><​div class="​ueberschrift_1"><​span class="​inline_orange">​Formular</​span></​div>​ +
-<div class="​normaler_text"><​font color="#​ff0000"><​strong>​Das Formluar ist zwar auf einer Wiki-Seite, es darf aber nicht editiert werden, also NIE im Wiki-Editor aufrufen, sonst muss es per Hand wieder dort plaziert werden!<​br /> +
-<br /> +
-<br /> +
-Diese Hilfe-Seite ist weiterhin in Arbeit ...</​strong></​font></​div>​ +
-<br /> +
-<br /> +
-<div class="​ueberschrift_3">​Generelles</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Bildgr&​ouml;&​szlig;​en</​div>​ +
-<div class="​normaler_text"><​br /> +
-Linke Spalte: 150 Pixel breit<br /> +
-Teaserbild &​quot;​Aktuell&​quot;​ optimal: 150 Pixel b x 110 Pixel h<br /> +
-Hauptspalte:​ maximal 430 Pixel breit<br /> +
-&​uuml;​ber die volle Breite (linke und Hauptspalte):​ maximal 600 Pixel</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Einloggen</​div>​ +
-<br /> +
-<div class="​normaler_text">&​Uuml;​ber die URL-Zeile<​br /> +
-http://​www.infag.de/​seiten/​doku.php?​do=login&​amp;​id=start<​br /> +
-wird die Login-Seite aufgerufen. Durch Eingabe der Login-Daten und &​quot;​Anmelden&​quot;​ loggt man sich ein. &​Uuml;​ber die Navigation ruft man die zu bearbeitende Seite auf. Mehrere Redakteure k&​ouml;​nnen gleichzeitig eingeloggt sein. Die Seite, die von einem Redakteur gerade bearbeitet wird, ist f&​uuml;​r andere Redakteure gesperrt.</​div>​ +
-<div class="​ueberschrift_5_ohne_rand">&​nbsp;</​div>​ +
-<div class="​ueberschrift_5">​Ausloggen</​div>​ +
-<div class="​normaler_text"><​br /> +
-Nach abgeschlossener Arbeit und Verlassen des Editiermodus durch Speichern loggt man sich &​uuml;​ber den Button &​quot;​Abmelden&​quot;​ wieder aus.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Bearbeiten</​div>​ +
-<div class="​normaler_text"><​br /> +
-Nach dem Login, dem Aufruf der zu bearbeitenden Seite und Klicken auf &​quot;​Diese Seite Bearbeiten&​quot;​ befindet man sich im Editiermodus. &​Uuml;​ber dem Seiteninhalt findet man diverse, prinzipiell aus &​quot;​Word&​quot;​ bekannte Buttons. In der zweiten (unteren) Schalterleiste befindet sich links das Pulldown-Men&​uuml;​ f&​uuml;​r die vordefinierten Stile bzw. Formate &ndash; das wichtigste Tool des Editors.</​div>​ +
-<div class="​ueberschrift_5"><​br /> +
-Speichern / Abbrechen</​div>​ +
-<br /> +
-<div class="​normaler_text">​Durch Klicken des Button &​quot;​Speichern&​quot;​ werden die Modifikationen gespeichert und ver&​ouml;​ffentlicht. Vor dem Speichern hat man die M&​ouml;​glichkeit,​ im Eintragsfeld &​quot;​Zusammenfassung&​quot;​ den Bearbeitungsschritt kurz zu charakterisieren. Mit dem Speichern verl&​auml;​sst man gleichzeitig den Editiermodus. Zur erneuten Bearbeitung:​ &​quot;​Diese Seite Bearbeiten&​quot;​. &​Uuml;​ber den Button &​quot;​Abbrechen&​quot;​ verl&​auml;​sst man den Editiermodus ohne Modifikation,​ bzw. verwirft get&​auml;​tigte &​Auml;​nderungen.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Zur&​uuml;​ckgreifen auf &​auml;​ltere Versionen</​div>​ +
-<div class="​normaler_text"><​br /> +
-&​Uuml;​ber den Button &​quot;&​Auml;​ltere Versionen&​quot;​ ruft man eine Liste auf, &​uuml;​ber die eine &​auml;​ltere Fassungen wieder aktiviert werden kann. Diese Funktion kann auch dazu verwendet werden, andere Fassungen der Seite (beispielsweise Sommer- und Winterversion) zu archivieren und bei Bedarf wieder zu aktivieren. Im Eintragsfeld &​quot;​Zusammenfassung&​quot;​ k&​ouml;​nnen die Versionen eindeutig gekennzeichnet werden.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Neue Seite erstellen &ndash; vorrangig zum Testen von Inhalten</​div>​ +
-<br /> +
-<div class="​normaler_text">​Neue Seiten k&​ouml;​nnen erstellt werden, in dem in der URL-Zeile des Browsers an die Zeichenfolge <br /> +
-http://​www.infag.de/​seiten/​doku.php/<​br /> +
-der gew&​uuml;​nschte Name der neuen Seite angef&​uuml;​gt wird. Achtung: Kleinschreibung,​ Leerzeichen sind durch Unterstriche zu ersetzen &​quot;​_&​quot;,​ Umlaute und sz &​quot;&​szlig;&​quot;​ sind aufzul&​ouml;​sen!<​br /> +
-<br /> +
-Nach Best&​auml;​tigung/​Enter erscheint das Dialogfenster &​quot;​Dieses Thema existiert noch nicht&​quot;​. &​Uuml;​ber den Button &​quot;​Seite anlegen&​quot;​ wird die neue Seite schlie&​szlig;​lich eingerichtet.<​br /> +
-<br /> +
-Die neue Seite ist in der best&​auml;​ndigen Navigation nicht ber&​uuml;​cksichtigt und kann &​uuml;​ber sie somit auch nicht erreicht werden. Die Seite ist also f&​uuml;​r die &​Ouml;​ffentlichkeit praktisch nicht zug&​auml;​nglich. &​Uuml;​ber die Eingabe des URL-Pfades ist sie aber aufzurufen. <br /> +
-Achtung: Die Suchfunktion der infag-hompage erfasst auch die Inhalte dieser versteckten Seiten!</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Neue Unterseiten zu den vorhandenen Rubriken erstellen</​div>​ +
-<div class="​normaler_text"><​br /> +
-Es gibt zwei M&​ouml;​glichkeiten zu Einrichtung neuer Unterseiten. Die erste entspricht dem weiter oben beschriebenen Weg: Eingabe einer neuen bzw. erg&​auml;​nzten URL-Zeile. Der zweite Weg: auf der Seite, zu der eine neue Unterseite eingerichtet werden soll, erstellt man einen Link. Dabei gibt man unter anderem auch die URL der neuen Unterseite (= deren Namen) an. Bet&​auml;​tigt man den neu eingerichteten Link, erscheint auch hier die Meldung &​quot;​Dieses Thema existiert noch nicht&​quot;​. &​Uuml;​ber den Button &​quot;​Seite anlegen&​quot;​ wird die neue Seite schlie&​szlig;​lich eingerichtet.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Benennung der neuen Unterseite</​div>​ +
-<br /> +
-<div class="​normaler_text">​Erstellt man neue Unterseiten zu den vorhandenen Rubriken (&​quot;​Startseite&​quot;,​ &​quot;​infag&​quot;,​ Franziskanische Familie&​quot;,​ ...), dient es der &​Uuml;​bersichtlichkeit,​ wenn die Namen der neuen Unterseiten eine Erweiterung der vorhandenen Namen darstellen. Eine neue Unterseite zur Startseite(Aktuell):<​br /> +
-http://​www.infag.de/​seiten/​doku.php/​startseite_neue_Unterseite<​br /> +
-wobei &​quot;​_neue_Unterseite&​quot;​ als Platzhalter f&​uuml;​r den gew&​uuml;​nschten Namen steht. (Bisher werden die Unterseiten zu den Aktuell-Aufmachern einfach durchnummeriert:​ _01, _02, _03, ...)</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​(Test-)Seiten l&​ouml;​schen</​div>​ +
-<br /> +
-<div class="​normaler_text">​Eine Seite wird gel&​ouml;​scht,​ wenn deren Inhalte gel&​ouml;​scht und dann &​quot;​Speichern&​quot;​ aktiviert wird. Darauf erscheint wieder die Meldung &​quot;​Dieses Thema existiert noch nicht&​quot;​. &​Uuml;​ber &​quot;&​Auml;​ltere Versionen&​quot;​ aber sind vorherige Versionen dieser Seite doch noch zu erreichen und gegebenenfalls wieder zu aktivieren.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Navigationsmen&​uuml;​ und aufklappende Subnavigation</​div>​ +
-<div class="​normaler_text"><​br /> +
-Die Navigation und die Subnavigation kann nur durch Programmierung modifiziert werden. Navigation der dritten Ebene (z.B. die Linkzeilen am Kopf und Fu&​szlig;​ der Seiten unter &​quot;​Franziskanische Familie&​quot;​) kann durch die Redaktion erstellt werden.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Formatieren</​div>​ +
-<br /> +
-<div class="​normaler_text">​Zur Formatierung des Textes werden die im Pulldownmen&​uuml;​ bereitgestellten Formate benutzt &​ndash; ​ &​auml;​hnlich den Formatvorlagen in &​quot;​Word&​quot;​. ​ Im Unterschied zu &​quot;​Word&​quot;​ reicht es aber nicht aus, die Texteingabemarke in dem zu bearbeitenden Absatz zu platzieren, um das Format anzuwenden. Vielmehr muss der Textbereich,​ der ein bestimmtes Format erhalten soll, exakt vom gew&​uuml;​nschten Anfang bis zum gew&​uuml;​nschten Ende _markiert_ werden. Die Auswahl eines Formates aus dem Men&​uuml;​ erzeugt einen so genannten Block. Nicht sichtbare Steuerzeichen vor und hinter dem eigentlichen Text definieren den Anfang und das Ende dieses Blocks. Eine &​Uuml;​berschrift ist ein Block, der folgende normale Text ist ein weiterer Block, der sich wahlweise &​uuml;​ber einen einzelnen Absatz erstrecken kann oder auch &​uuml;​ber mehrere Abs&​auml;​tze,​ wenn sie in demselben Format vorliegen sollen. F&​uuml;​r eine Zwischen&​uuml;​berschrift ist der Block <font color="#​ff6600">​Normaler Text</​font>​ zu unterbrechen. Ein neuer Block wird nicht mit der Return-/​Entertaste erzeugt, sondern einzig durch die Markierung eines Textbereiches.<​br /> +
-<br /> +
-Es empfiehlt sich, sehr geplant vorzugehen; sich von oben nach unten zu arbeiten, da ein nachtr&​auml;​gliches Umformatieren in den meisten F&​auml;​llen bedeutet, die bisher verwendeten Formate wieder l&​ouml;​schen zu m&​uuml;​ssen. Nur so vermeidet man, dass ein Blockformat in ein schon vorhandenes Blockformat geschachtelt wird, und es dadurch zu doppelten Formatierungen kommt, wie beispielsweise einem _doppeltem_ Einzug. Das L&​ouml;​schen einer Blockformatierung geschieht, in dem man das Format &​quot;​Ohne Format&​quot;​ anwendet (manchmal auch mehrmals).</​div>​ +
-<br /> +
-<div class="​ueberschrift_1">&​Uuml;​berschrift 1</​div>​ +
-<div class="​normaler_text">​ +
-<div class="​spalte_links">​Formate</​div>​ +
-Die oben stehende Zeile wurde mit dem Format <font color="#​ff6600">&​Uuml;​berschrift 1</​font>​ formatiert. Sie stellt damit einen Block dar. Dieser Absatz ist ebenfalls ein Block mit dem Format <font color="#​ff6600">​Normaler Text</​font>​. Formate gelten so lange, bis sie abgew&​auml;​hlt werden. Die meisten Formate sind Blockformate,​ die auf ganze Bl&​ouml;​cke angewendet werden. Ein neuer Block wird nicht mit der Return-/​Entertaste erzeugt sondern einzig durch die Markierung eines Textbereiches.</​div>​ +
-<div class="​ueberschrift_2">&​Uuml;​berschrift 2</​div>​ +
-<div class="​normaler_text">​ +
-<div class="​spalte_links">​Bl&​ouml;​cke <br /> +
-<​div>​ +
-<​div>​unterbrechen</​div>​ +
-</​div>​ +
-</​div>​ +
-Alle Bl&​ouml;​cke werden so lange weiter gef&​uuml;​hrt,​ bis sie den Hinweis erhalten, dass der Block zu Ende ist. Leider gibt es keinen Button, der ein Format unterbricht,​ so dass man ab der Stelle ein anderes Format anwenden k&​ouml;​nnte. Wenn in der Formatierung <font color="#​ff6600">​Normaler Text</​font>​ geschrieben wurde und nun eine <font color="#​ff6600">&​Uuml;​berschrift 3</​font>​ nachtr&​auml;​glich eingef&​uuml;​gt werden soll, ist es notwendig, diesen Textblock zuerst in den Stil <font color="#​ff6600">​Ohne Format </​font>​zur&​uuml;​ckzuwandeln. Dadurch verliert der aktuelle Textblock seine Formatierungen. Erst dann kann die neue Zeile, die als Zwischen&​uuml;​berschrift definiert werden soll, eingef&​uuml;​gt,​bzw. geschrieben,​ markiert und&​nbsp;​ dieser Textblock bis zur neuen Zeile mit &​quot;&​Uuml;​berschrift 3&quot; markiert und dieser Markierung der Stil <font color="#​ff6600">​Normaler Text</​font>​ zugeordnet werden, anschlie&​szlig;​end die Zeile &​quot;&​Uuml;​berschrift 3&quot; markiert und der Stil <font color="#​ff6600">&​Uuml;​berschrift 3 </​font>​zugeordnet werden.</​div>​ +
-<div class="​ueberschrift_3">&​Uuml;​berschrift 3</​div>​ +
-<div class="​normaler_text">​ +
-<div class="​spalte_links">​Kleiner Tip</​div>​ +
-Man sollte unten auf der Seite immer ein paar Leerzeilen ohne Format haben, damit man in einem unformatierten Bereich weiterschreiben kann. Nur bei kompletten Einsch&​uuml;​ben in schon bestehende Strukturen wird eine Neuformatierung notwendig.</​div>​ +
-<br /> +
-<div class="​ueberschrift_4">&​Uuml;​berschrift 4</​div>​ +
-<div class="​normaler_text">​ +
-<div class="​spalte_links">​Buchstabenformate</​div>​ +
-Anders ist das bei Formatierungen,​ die keine Blocks&​auml;​tze ben&​ouml;​tigen,​ wie z.B. bei den Texten und Bildern in der linken Spalte sowie den Farbformatierungen sowie Fett/​Italic/​Unterstrichen. Die k&​ouml;​nnen auf einzelne Worte im Text angewendet werden. Bei den Farb- und Buchstabenformatierungen kann auch das Radiergummi dazu benutzt werden, Formatierungen zu unterbrechen oder zu l&​ouml;​schen.</​div>​ +
-<div class="​ueberschrift_5">&​Uuml;​berschrift 5</​div>​ +
-<div class="​normaler_text">​ +
-<div class="​spalte_links">​Die linke Spalte</​div>​ +
-Wie geht das mit den Texten in der linken Spalte. Ganz einfach. Die linken Spaltentexte orientieren sich an den rechten Spaltentexten. Man schreibt zuerst, sagen wir mal, ein Wort f&​uuml;​r die linke Spalte, dann schreibt man die rechte Spalte komplett. Dann markiert man das eine Wort f&​uuml;​r die linke Spalte und wendet den Stil <font color="#​ff6600">​Spalte Links</​font>​ an. Dann kann man gegebenenfalls noch weiteren Text in die linke Spalte schreiben und somit sehen, ob der Text auch da reinpasst. Das sollte umbedingt &​uuml;​berpr&​uuml;​ft werden, da sonst die rechte Spalte sp&​auml;​ter bei der Darstellung im Internet so weit nach rechts verschoben wird, bis die linke Spalte gen&​uuml;​gend Platz hat.</​div>​ +
-<br /> +
-<div class="​normaler_text">​Aber wenn ich nun unter diesem Block noch was einf&​uuml;​gen will und das nicht diese Formatierung haben soll und ich dann auf ohne Format klicke, dann f&​auml;​llt die Linke Spalte und der Textblock doch ineinander zusammen! <br /> +
-<br /> +
-Ja, aber der eigentliche Textblock kann dann unabh&​auml;​ngig von der linken Spalte markiert und wieder als normaler Text formatiert werden.</​div>​ +
-<br /> +
-<div class="​ueberschrift_3">​Bilder</​div>​ +
-<div class="​normaler_text"><​img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg"​ class="​bild_links"​ alt=""​ />Wie wurde das gemacht? Ich habe einen Text eingegeben und dann mich entschieden,​ dass an der Oberkante dieses Textblockes ein Bild in der linken Spalte anfangen soll. Dazu habe ich erst ein mal diesen Textblock als normalen Text formatiert. Dann bin ich an den Anfang dieses Textblockes gegangen und habe das Bild-Einf&​uuml;​gen-Icon geklickt, mir das entsprechende Bild ausgesucht und OK gedr&​uuml;​ckt. Das Bild wurde in diesen Textblock eingef&​uuml;​gt. Dann habe ich ein mal auf dieses Bild geklickt und dann den Stil <font color="#​ff6600">​Bild Links</​font>​ angew&​auml;​hlt. Daraufhin wurde das Bild nach links in die linke Spalte verschoben.<​br /> +
-Es geht auch anders herum, erst Textblock schreiben, dann Bild einf&​uuml;​gen,​ dann auf Bild klicken und als <font color="#​ff6600">​Bild Links</​font>​ formatieren und dann den Textblock markieren und als <font color="#​ff6600">​Text normal</​font>​ formatieren. Ist aber nicht so sch&​ouml;​n zu markieren.</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Bilder links mit Unterschrift</​div>​ +
-<div class="​normaler_text">​ +
-<div class="​bild_links"><​img width="​150"​ height="​89"​ alt=""​ src="/​seiten/​userfiles/​image/​test.jpg"​ /><br /> +
-Ach ja!</​div>​ +
-Der Vorgang ist der gleiche wie oben: Ich schreibe einen Textblock, formatieren ihn als <font color="#​ff6600">​Text normal</​font>,​ gehe an den Anfang, f&​uuml;​ge ein Bild ein, dr&​uuml;​cke die Entertaste, f&​uuml;​ge eine Zeile Text ein, die maximal so breit wie das Bild sein sollte, dr&​uuml;​cke ein weiteres mal die Entertaste, markiere nun Bild und Bilduntertext und w&​auml;​hle den Stil <font color="#​ff6600">​Bild links mit Text.</​font></​div>​ +
-<br /> +
-<br /> +
-<div class="​ueberschrift_5">​Textgr&​ouml;&​szlig;​e bei den Bildern</​div>​ +
-<div class="​bild_links"><​img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg"​ alt=""​ /><br /> +
-Lorem ipsum</​div>​ +
-<div class="​normaler_text">​Wieso ist ein bei dem oberen Beispiel der Text kleiner als bei diesem Beispiel? Im oberen Beispiel wurde erst der Textblock formatiert, dann das Bild + Text eingef&​uuml;​gt und dann das Bild + Text formatiert. Die Schrift wurde um 80% zur Umgebung verkleinert,​ also um&​nbsp;​ 80% zum <font color="#​ff6600">​Text normal</​font>​. Text normal ist seinerseits um 80% zum Gesamtdokument verkleinert. Im 2. Beispiel wurde erst der Textblock hergestellt,​ dann am Anfang das Bild + Text eingef&​uuml;​gt,​ dann das Bild + Text formatiert und anschlie&​szlig;​end der Textblock markiert und mit <font color="#​ff6600">​Text normal</​font>​ formatiert. Das hei&​szlig;​t,​ der umgebende Formatbereich ist der des Gesamtdokumentes und dort ist die Schriftgr&​ouml;&​szlig;​e 100% von der aus auf 80% verkleinert wurde. Wichtig ist eigentlich nur, sich auf eine Gr&​ouml;&​szlig;​e zu beschr&​auml;​nken und diese durchzuformatieren. Um das obere Beispiel mit der unteren Formatierung oder umgekehrt zu versehen, kann man den entsprechenden Text markieren und dann das PulldownMen&​uuml;​ Gr&​ouml;&​szlig;​e verwenden.</​div>​ +
-<br /> +
-<br /> +
-<div class="​bild_links">&​Uuml;​ber dem Bild<br /> +
-<img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg"​ alt=""​ /><br /> +
-unter dem Bild</​div>​ +
-<div class="​normaler_text">​Nat&​uuml;​rlich geht das auch: Text &​uuml;​ber und unter dem Bild und die Schriftgr&​ouml;&​szlig;​en lie&​szlig;​en sich ebenfalls unabh&​auml;​ngig davon anpassen. <br /> +
-<br /> +
-<br /> +
-<br /> +
-<br /> +
-<br /> +
----</​div>​ +
-<br /> +
-<div class="​ueberschrift_5">​Zweispaltige Bilder</​div>​ +
-<div class="​normaler_text">​Hier folgt dann ein zweispaltiges Bild</​div>​ +
-<br /> +
-<div class="​bild_links_und_rechts"><​img width="​600"​ height="​150"​ alt=""​ src="/​seiten/​userfiles/​image/​header_datenbank1.JPG"​ /><br /> +
-Das bekommt hier auch noch eine Bildunterschrift</​div>​ +
-<br /> +
-<div class="​normaler_text">​Wie wurde das gemacht? Zuerst habe ich ein Bild eingef&​uuml;​gt,​ die Entertaste gedr&​uuml;​ckt,​ den Bilduntertext eingef&​uuml;​gt,​ die Entertaste gedr&​uuml;​ckt und dann diesen Text hier geschrieben.<​br /> +
-Dann habe ich das Bild und den Bilduntertext markiert und den Stil Bild <font color="#​ff6600">​L+R mit Text</​font>​ angew&​auml;​hlt. Dann habe ich diesen Block hier markiert und <font color="#​ff6600">​Text normal</​font>​ angew&​auml;​hlt.<​br /> +
-Zu beachten ist auch hier, dass die Textgr&​ouml;&​szlig;​e immer 80% zur umgebenden Textgr&​ouml;&​szlig;​e ist, wenn ich also zuerst den ganzen Block als <font color="#​ff6600">​Text normal </​font>​formatiert h&​auml;​tte,​ und dann erst das Bild mit Bilduntertext,​ dann w&​auml;​re der Bilduntertext (s.o.) kleiner ausgefallen.<​br /> +
-<br /> +
-<​strong>​ Sollte jedoch mal hinterher ein Bild in einen schon bestehenden Text normal einf&​uuml;​gen wollen, dann kann man dies auch tun.<br /> +
-</​strong>​ +
-<div class="​bild_links_und_rechts"><​img width="​600"​ height="​150"​ alt=""​ src="/​seiten/​userfiles/​image/​header_datenbank1.JPG"​ /><br /> +
-Dies ist eine kleine Schrift</​div>​ +
-<br /> +
-Einfach die Entertaste dr&​uuml;​cken,​ Bild einsetzen, Enter, Text drunter schreiben (sofern er klein sein soll), Enter, Normalen Text weiter schreiben, dann Bild und den kleinen Text markieren und ebenfalls als <font color="#​ff6600">​Bild L+R mit Text</​font>​ formatieren. Die Vorgehensweise ist anders, das Ergebnis gleich.</​div>​ +
-<br /> +
-<br /> +
-<div class="​ueberschrift_3">​Neue Formate</​div>​ +
-<div class="​normaler_text">​Hier mal ein Link: <a href="​http://​www.nolink.de">​Hallo</​a>​ ohne Stil, also der Standard-Link und noch ein Link: <span class="​link_fett_blau"><​a href="​http://​www.nolink.de">​Hallo</​a></​span>,​ hier der Stil <font color="#​ff6600">​Link Fett Blau</​font>​ und noch ein Link:  <span class="​link_klein_fett_blau"><​a href="​http://​www.nolink.de">​Hallo</​a></​span>​ mit dem Stil <font color="#​ff6600">​Link Klein Fett Blau</​font>​ wobei der Link (<​strong>​kleiner Tip</​strong>​) nicht am Ende einer Eingabe stehen sollte, da man nicht so ohne weiteres hinter einem Link weiter schreiben kann. Dann muss man den Link wieder entfernen, Leerzeichen und Text (!) eingeben und den Link wieder setzen und formatieren.<​br /> +
-<br /> +
-Dann gibt es da noch <span class="​inline_fett_braun">​das hier</​span>:​ die Formatierung <font color="#​ff6600">​Inline Fett Braun</​font>,​ dazu und zu den Links noch ein <​strong>​kleiner Tip</​strong>:​ diese Inline-Formatierungen (wozu die Linksformatierungen auch geh&​ouml;​ren) k&​ouml;​nnen ebenfalls mit dem Radiergummi entfernt werden!<​br /> +
-<br /> +
-<span class="​inline_klein">​Dieser Text hier ist</​span>​ <font color="#​ff6600">​Inline Klein</​font><​br /> +
-<span class="​inline_gross_fett_braun">​Dieser Text ist</​span>​ <font color="#​ff6600">​Inline Gross Fett Braun</​font><​br /> +
-<span class="​inline_gross_fett_orange">​Dieser Text ist</​span>​ <font color="#​ff6600">​Inline Gross Fett Orange</​font><​br /> +
-<span class="​inline_braun">​Dieser Text hier ist</​span>​ <font color="#​ff6600">​Inline Braun</​font><​br /> +
-<span class="​inline_orange">​Dieser Text ist</​span>​ <font color="#​ff6600">​Inline Orange</​font><​br /> +
-<span class="​inline_unsichtbar">​Dieser Text ist</​span>​ <font color="#​ff6600">​Inline Unsichtbar</​font>​!!! Achtung: in der<br /> +
-<span class="​inline_unsichtbar">​Dieser Text ist </​span>​Editierung ist dieser Text Gr&​uuml;​n <br /> +
-<span class="​inline_unsichtbar">​Dieser Text ist </​span>​(damit man ihn sieht).<​br /> +
-<font size="​5"​ color="#​00ff00"​ style="​background-color:​ rgb(255, 102, 0);"><​br /> +
-</​font></​div>​ +
-<div class="​ueberschrift_3">​Tabellen</​div>​ +
-<div class="​normaler_text">​Tabellen sind b&​ouml;​se. Sie werden aber trotzdem benutzt. Also wird hier die Tabelle mal gezeigt :-)<br /> +
-<br /> +
-<table cellspacing="​1"​ cellpadding="​1"​ border="​0">​ +
-  <​tbody>​ +
-    <​tr>​ +
-      <​td>​Tel.:</​td>​ +
-      <​td>​040 - 27 28 29 44</​td>​ +
-    </​tr>​ +
-    <​tr>​ +
-      <​td>​Fax:</​td>​ +
-      <​td>​040 - 27 55 66 44</​td>​ +
-    </​tr>​ +
-    <​tr>​ +
-      <​td>​email:</​td>​ +
-      <​td>​ich@hier.de</​td>​ +
-    </​tr>​ +
-    <​tr>​ +
-      <td valign="​top">&​nbsp;</​td>​ +
-      <td valign="​top">&​nbsp;</​td>​ +
-    </​tr>​ +
-  </​tbody>​ +
-</​table>​ +
-<br /> +
-Die gestrichelten Linien im Editiermodus fallen bei der Darstellung im Web weg. Das Format der Schrift innerhalb der Tabelle entspricht der Schrift <font color="#​ff6600">​Text normal</​font>​. Bei der Anlage einer Tabelle sollte darauf geachtet werden, dass im Feld f&​uuml;​r die Breite nichts (Nichts, nicht Null!) steht und das der Rahmen auf 0 (Null, nicht Nichts!) gesetzt wird. Fataler weise kann eine Tabelle nicht nachtr&​auml;​glich umformatiert werden, nur die anzahl der Zeilen ist nach unten hin mit der TAB-Taste erweiterbar.<​br /> +
-<br /> +
-<br /> +
-###</​div>​ +
-<br /> +
-<​div>​ +
-<div class="​ueberschrift_3">​Downloads</​div>​ +
-</​div>​ +
-<div class="​normaler_text">​Wenn ein Download angeboten werden soll, dann geschiet dies folgenderma&​szlig;​en:​ Man erstellt einen Text, der sp&​auml;​ter angeklickt werden soll, wie z.B. Hier klicken. Dann markiert man diesen Text und klickt auf den <font color="#​99ccff">​Linkbutton</​font>​ in der Men&​uuml;​leiste. Dort w&​auml;​hlt man im Men&​uuml;<​font color="#​99cc00">​ Upload</​font>​ und macht einen Upload in das entsprechende Unterverzeichnis. Wenn dies erfolgt ist, wechselt man im Men&​uuml;​ auf <font color="#​99cc00">​Link Info</​font>​ und w&​auml;​hlt Link-Typ URL und Protokoll Anderes an. Die URL sollte dort schon angezeigt sein. <a href="/​seiten/​userfiles/​file/​downloads/​hilfe [INFAG].pdf">​Hier ein Beispiel</​a></​div>​ +
-<br /> +
-<br /> +
-<br /> +
-<div class="​ueberschrift_3">​Nach oben</​div>​ +
-<div class="​normaler_text">​M&​ouml;​chte man einen Nach-Oben-Link herstellen, dann w&​auml;​hlt man nach dem Klick auf den <font color="#​00ccff">​Linkbutton</​font>​ unter Link-Typ URL aus, unter Protokoll Anderes und als URL gibt man #anfang ein und erh&​auml;​lt das hier: <a href="#​anfang">​Zum Anfang!</​a>​ <br /> +
-<br /> +
-<font color="#​ff0000">​Hinweis dazu: </​font>​Der Editor kann mit der Editor-internen Ankerfunktion nur dann arbeiten, wenn er im von ihm zu bearbeitenden Quelltext auch einen Anker findet. Der Anker ganz oben ist jedoch au&​szlig;​erhalb seines Sichtbereiches. Daher muss er mit #anfang angegeben werden. Alle innerhalb des Editors vergebenen Anker k&​ouml;​nnen per Link-Typ Anker vergeben werden, sofern sie schon definiert worden sind.</​div>​ +
-<br /> +
-<br /> +
-<div class="​ueberschrift_3"><​a name="​Sprungmarken"><​span class="​inline_braun">​Sprungmarken</​span></​a></​div>​ +
-<div class="​normaler_text">​Das sind die Dinger mit dem Anker. Diese lassen sich von &​uuml;​berall her ansteuern, der Link dazu ist, sofern man nur auf der Seite navigieren m&​ouml;​chte,​ ein #​Sprungmarkenname oder Seitenname#​Sprungmarkenname. Diese Sprungmarke hier l&​auml;&​szlig;​t sich von &​uuml;​berall im Internet durch diesen Link hier ansteuern: http://​www.infag.de/​seiten/​doku.php/​hilfe#​Sprungmarken oder aus dem wiki heraus mit hilfe#​Sprungmarken wobei Sprungmarken der Name f&​uuml;​r diese Sprungmarke war.<br /> +
-<​strong>​TIP:</​strong>​ Dummerweise werden diese Sprungmarken in Blau angezeigt, daher: Sprungmarke nicht &​uuml;​ber einen Text legen, sondern &​uuml;​ber ein Leerzeichen.</​div>​ +
-<div class="​ueberschrift_3">​Neue Seiten</​div>​ +
-<div class="​normaler_text">​Man erstellt einen Text, der dann verlinkt werden soll, wie z.B. &​quot;​hier geht's weiter&​quot;​ Dann ein Klick auf den Linkbutton. Link-Typ URL, Protokoll Anderes, dort gibt man dann einen Namen ein. Der Name ist der Men&​uuml;​-Name,​ in das die neue Seite untergeordnet sein soll sowie ein neuer Name.<br /> +
-Wir wolle im Men&​uuml;​ &​quot;​Fanziskanische Familie/​Erster Orden&​quot;​ eine Seite &​quot;&​Uuml;​ber uns&​quot;​ anlegen. Wichtig ist: alle Buchstaben klein, alle Leerzeichen sind durch &​quot;​_&​quot;​ zu ersetzen, alle Umlaute&​nbsp;​ und das sz durch Umschreibungen. Hier das Beispiel als neuer Wiki-Name: franziskanische_familie_erster_orden_ueber_uns<​br /> +
-Der Link erzeugt automatisch beim ersten Aufrufen die Aufforderung nach der Erstellung dieser Seite.</​div>​ +
-<br /> +
-<br /> +
-<div class="​ueberschrift_3">​Linkliste</​div>​ +
-<div class="​linkfeld"><​a href="​http://​www.nolink.de">&​nbsp;​ Hier&​nbsp;</​a><​a href="​http://​www.nolink.de">​ sind&​nbsp;</​a><​a href="​http://​www.nolink.de">​ mehrere&​nbsp;</​a><​a href="​http://​www.nolink.de"><​span class="​letzter_link">​ Links&​nbsp;</​span></​a></​div>​ +
-<div class="​normaler_text">​Wie geht'​s?​ Diese Links wurden zuerst geschrieben:​ &​quot;​Hier sind mehrere Links&​quot;​ (die Leerzeichen sind hier immer zwei!) danach wurde dieser Satz als Style <font color="#​ff6600">​Linkfeld</​font>​ definiert. Danach wurden die 4 Links jeweils einschlie&​szlig;​lich der f&​uuml;​hrenden und folgenden Leerzeichen gesetzt. Danach wurde der letzte Link noch mal markiert und als Styl <font color="#​ff6600">​Letzter Link</​font>​ formatier. Das Format Linkfeld ist ein Blockformat,​ es kann also nicht innerhalb dieses Textblockes verwendet werden. Es muss, wie auch die &​Uuml;​berschriften aus einem Ohne-Format-Bereich herraus definiert werden, sonst erh&​auml;​lt es eine doppelte Einr&​uuml;​ckung und eine sehr kleine Schriftgr&​ouml;&​szlig;​e.</​div>​ +
-<br /> +
-<div class="​ueberschrift_3">​Block &​uuml;​ber zwei Spalten&​nbsp;</​div>​ +
-<div class="​block_zweispaltig_normaler_text">​Wie der Style-Name schon sagt, dies ist ein Block &​uuml;​ber zwei Spalten, er hat das Format der rechten Hauptspalte,​ geht aber &​uuml;​ber beide Spalten. Sonst gibt es derzeit nichts interessantes &​uuml;​ber diesen Style zu berichten...</​div>​ +
-<div class="​ueberschrift_3">​Block &​uuml;​ber 2 Spalten U3</​div>​ +
-<div class="​block_zweispaltig_u3">​Hier mal ein wenig Text &​uuml;​ber zwei Spalten mit dem Stil<br /> +
-l <span class="​inline_orange">​Block 2 Spaltig U3</​span>​ mit ein wenig F&​uuml;​lltext und F&​uuml;​lltext und noch mehr F&​uuml;​lltext...</​div>​ +
-<br /> +
-<div class="​ueberschrift_3">​Und noch ein Stil</​div>​ +
-<div class="​ueberschrift_5_ohne_rand">​Dieses Braun hier nennt sich &​Uuml;​berschrift 5 ohne Rand<br /> +
-<br /> +
-Hier ist ein Text</​div>​ +
-<​div>​ +
-<div class="​normaler_text"><​a href="​http://​www.nolink.de"><​span class="​link_klein_fett_blau">​und ein Link</​span></​a></​div>​ +
-</​div>​ +
-<div class="​ueberschrift_5_ohne_rand">​Und ein Text</​div>​ +
-<a href="​http://​www.nolink.de">​ +
-<div class="​normaler_text"><​span class="​link_klein_fett_blau">​und ein Link</​span></​div>​ +
-</​a>​ +
-<div class="​ueberschrift_5_ohne_rand">​und ein Text</​div>​ +
-<div class="​normaler_text"><​a href="​http://​www.nolink.de"><​span class="​link_klein_fett_blau">​und ein Link<br /> +
-<br /> +
-</​span></​a></​div>​ +
-<br /> +
-<br /> +
-<br /> +
-<br /> +
-<br /> +
----</​html>​+
Datenschutzerklärung   Letzte Aktualisierung: 15.03.2017 18:32