Folgende Erklärung bitte lesen:
Der Editor ist so eingestellt, dass es immer mit einem Absatz (paragraph) anfängt. Dies kann man natürlich ändern, z.B. auf eine "Heading" setzen. Hier unverändert, ist dies also ein Absatz. Die Schriftart, Größe und Farbe (unverändert) ist Helvetica, 13px , #111 (schwarz 90%).
Allerdings wird Helvetica auf weniger als 8% der Windows-Systeme dargestellt (nicht installiert), aber zu 100% auf Mac. Wenn die Schrifftart nicht installiert ist, greift der Browser auf die Ersatz Schriftart im CSS angegeben = Verdana, das ist höchstwahrscheinlich was Sie jetzt sehen. damit man jeztz nicht bei jedem Element wieder die Schriftart, Größe und Farbe angibt, wurden Schriftarten Helvetica und Verdana aus dem menü genommen. Diese sind als Standard eingestellt und es würde nur unnötigen (schmutzigen) Quelltext verursachen wenn man dies immer wiederholt. Der Benutzer sollte also nichts ändern - nur seinen Text eingeben.
"Unverändert" bedeutet es wurden keine Änderungen im Editor an der Schriftart, Größe und Farbe ausgeführt. Diese werden also so übernommen wie sie im CSS festgelegt sind. Änderungen im Editor überschreiben die festgelgten Daten des CSS.
Wenn man "Enter" klickt, schliesst es das vorige Element und beginnt ein neues - standard gestellt auf Absatz. Um nur einen Zeilenumbruch zu bekommen klickt man "Shift + Enter" ... genau wie in einem Word-Dokument. Das schliesst also NICHT das vorige Element.
Drückt man "Space" (Leerzeichen) mehrmals wird der editor diese später wieder rausnehmen, denn wie soll der Browser Leerezeichen darstellen? deshalb gibt es das Feld "Insert non-breaking Space" ... sezt ein " " ins HTML ... womit der Browser auch weis was zu tun ist.
Da es auf dieser Website zur Zeit eine Datei gibt "wie reiche ich einen beitrag ein" wurde diese Erklärung hier geschrieben - welche etwas anders ist und es dem Benutzer einfacher machen soll.
Nun ein paar Beispiele:
Überschrift in H1
Dies ist normale Schrift in einem Absatz mit der Klasse "lead". Die Schriftart ist Helvetica, die Schrift ist größer und dunkler als die Schrift ohne diese Klasse. Dies ist normale Schrift in einem Absatz mit der Klasse "lead". Die Schriftart ist Helvetica, die Schrift ist größer und dunkler als die Schrift ohne diese Klasse.
Überschrift in H2
Dies ist normale Schrift, ohne weiteren Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica.
Überschrift in H3
Dies ist normale Schrift, ohne weiteren Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica.
Überschrift in H4
Dies ist normale Schrift, ohne weiteren Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica. Dies ist normale Schrift, ohne Markup, in einem Absatz. Die Schriftart ist Helvetica.
Ungeordnete Liste (H5)
- In kursiven Stil (italic) sieht das so aus,
- etwas unterstrichener Text,
- SMALL: kleiner Text der Klasse "small"
- ein hyperlink im Text
- und ein Stück fette Schrift im Text
Dies ist eine blockquote, auf Deutsch wahrscheinlich ein Zitat. Es hebt das Zitat hervor. Dies ist eine blockquote, auf Deutsch wahrscheinlich ein Zitat. Es hebt das Zitat hervor. Dies ist eine blockquote, auf Deutsch wahrscheinlich ein Zitat. Es hebt das Zitat hervor. Albertina Zweinstein
Überschriften:
Oben stehende Beispiel-Überschriften sind Resultate wenn man diese im Editor verwendet. Überschriften die als Page-title und/oder als Page-header vom System dargestellt werden, sind nicht hiervon betroffen.
Bilder:
Bilder sind im Editor eingestellt auf "miitig ausrichten " als Standard. Der Benutzer braucht also weiter nichts zu unternehmen ... sollte aber dafür sorgen dass das Bild in eine neue zeile geht (Shift + Enter). selbstverständlich kann man das Bild auch ander ausrichten.
bilder sollten eine maximale Breite von 640 Pixel haben, sonst wird überstehendes abgeshnitten.
Wenn man im editor auf das Symbol für bilder einfügen klickt, kann es vorkommen dass es ein weilchen dauert bis im Popup-Fenster die bilder angezeigt werden - das liegt daran dass hier (zur Zeit) über 7400 Bild-Dateien liegen.
Editor:
Es sind zwei Editoren aktiviert, a) für backend , b) für frontend.
Die Profile dieser beiden sind etwas unterschiedlich. Sie können die Einstellungen ändern im komponenten JCE > Profiles.
Die Editors sind auf 640px Breite gestellt, dies entspricht etwa der Breite der Webseite (wenn die linke Spalte an ist.
Für den jeweiligen Editor wurden nur die Einstellungen selektiert die man auch tatsächlich braucht, weitere können gerne wieder hinzugefügt/weggenommen werden (JCE > Profiles).
Im Editor stehen 4 Element-Klassen zur verfügung:
1)"p.lead" = Absatz der klasse lead, Intro-paragraph ... google (SEO) weis was das ist.
2) "small" = Kleingeschriebenes, 12px, Farbe 60%schwarz
3) "space20" = ein 20 Pixel hohes leeres Element
4) "space40" = ein 40 Pixel hohes leeres Element
Beide space-Elemete gedacht für Leereaum den man manchmal gerne möchte. Schreiben Sie also nicht innerhalb dieser Elemente - sondern "Enter" und danach in ein neues Element.
Leute die sich mit Markup auskennen, können den letzen Button "view source" gebrauchen. Wenn man dort Fehler macht, wird der Editor diese automatissch beim speichern löschen, oder nachbessern.
MFG
Website-Bauen.de