|
|
Toolbox
unten rechts. Dann öffnet sich der Editor. Nun können Sie Ihre Seite mit Inhalt füllen und
| ENTER | beginnt einen neuen Absatz |
| SHIFT + ENTER | fügt einen Zeilenumbruch ein |
| STRG + X | ausschneiden |
| STRG + C | kopieren |
| STRG + V | einfügen |
|
Klicken Sie auf ein Werkzeug in der Toolbox und Sie gelangen direkt zur jeweiligen Beschreibung.
Speichern
Ihre Änderungen werden gespeichert und Sie kehren zur normalen Seiten-
ansicht zurück.
ansicht zurück.
Rückgängig / Wiederherstellen
Sie können bis zu 15 Änderungen rückgängig machen bzw. wiederherstellen
Formatierung entfernen
Hier können Sie eine formatierte Textstelle wieder in den Ursprungszustand zurückversetzen.
Fett, Kursiv, Unterstrichen oder Durchgestrichen
Wählen Sie eine Schrifteigenschaft, um eine Textstelle hervorzuheben.
Tiefgestellt, Hochgestellt
Hier können Sie Wörter oder Buchstaben höher oder tiefer setzen.
Linksbündig, Zentriert, Rechtsbündig, Blocksatz
Hier können Sie die Ausrichtung eines Textblocks mit dem entsprechenden Button vornehmen.
Einzug verringern, Einzug erhöhen
Hier können Sie einen Textblock einrücken.
Nummerierte, unnummerierte Liste einfügen
Mit einer Liste können Aufzählungen kenntlich gemacht werden. Wenn Sie mit der rechten Maustaste in eine Liste klicken, erreichen Sie ein Untermenü in dem Optionen vergeben werden können.
Textfarbe, Text markieren
Hier können Sie Text einfärben odermarkieren wie mit einem Textmarker.
Anker einfügen
Ein Anker kann an einer beliebigen Stelle
einer Webseite gesetzt werden. Durch
das Setzen eines Ankers besteht die
Möglichkeit, diese Stelle der Webseite direkt aufzurufen, ohne daß der Besucher dorthin scrollen muß. Anker werden über eine Verlinkung erreicht.
Setzen Sie den Cursor an die Stelle, wo sich der Anker befinden soll. Klicken Sie auf den Button Anker einfügen und vergeben Sie einen Namen für den Anker. Mit OK bestätigen. Der Anker ist gesetzt. (Das Symbol ist nur im Editor sichtbar.) - Zum Entfernen brauchen Sie nur den Anker anklicken und die Entfernen-Taste auf der Tastatur drücken. - Nun müssen Sie noch einen Link zu Ihrem Anker setzen. Lesen Sie dazu im nächsten Abschnitt Verlinkung auf einen Anker.
einer Webseite gesetzt werden. Durch
das Setzen eines Ankers besteht die
Möglichkeit, diese Stelle der Webseite direkt aufzurufen, ohne daß der Besucher dorthin scrollen muß. Anker werden über eine Verlinkung erreicht.
Setzen Sie den Cursor an die Stelle, wo sich der Anker befinden soll. Klicken Sie auf den Button Anker einfügen und vergeben Sie einen Namen für den Anker. Mit OK bestätigen. Der Anker ist gesetzt. (Das Symbol ist nur im Editor sichtbar.) - Zum Entfernen brauchen Sie nur den Anker anklicken und die Entfernen-Taste auf der Tastatur drücken. - Nun müssen Sie noch einen Link zu Ihrem Anker setzen. Lesen Sie dazu im nächsten Abschnitt Verlinkung auf einen Anker.
Link einfügen, Link entfernen
Hier haben Sie die Möglichkeit einen Link zu plazieren. Markieren Sie eine Textstelle oder ein Bild, das Sie verlinken möchten und klicken Sie auf den Button Link einfügen. Das Fenster Link einfügen öffnet sich.
Link Info
URL / Verlinkung einer Internetseite
Mit dem Link-Typ URL können Sie auf eine www-Adresse oder eigene Seite verlinken. Wenn
sich die URL in einem anderen Fenster öffnen
soll, vergeben Sie bitte die entsprechende
Einstellung unter dem Reiter Zielseite.
Anker in dieser Seite / Verlinkung auf einen Anker
Hier können Sie auf einen Anker in der selben Seite zu verlinken. Wenn Sie auf einen Anker einer anderen Seite verlinken möchten, wählen Sie URL als Link-Typ, geben den Pfad zu der entsprechenden Seite ein, gefolgt von dem Raute-Symbol # und dem Ankernamen. (Anker sollten zuerst gesetzt und dann verlinkt werden.) Erfahrene Benutzer können auch im Quelltext IDs an einzelne HTML-Elemente vergeben, welche dann ebenfalls als Anker genutzt werden können.
eMail / Verlinkung auf eine eMail-Adresse
Sie können Text oder ein Bild mit einer eMail-Adresse verlinken. Markieren Sie eine Textstelle auf Ihrer Webseite, klicken Sie auf Link einfügen, wählen Sie als Link-Typ eMail und geben Sie Ihre eMail-Adresse ein. Die Adresse wird mit javascript codiert und sollte so vor Spammern sicher sein. In den Feldern Betreffzeile und Nachrichtentext können Sie einen vordefinierten Text eintragen, der erscheint, wenn sich das Fenster des eMail-Programms Ihres Besuchers öffnet.
Medien durchsuchen
Über den Button Medien durchsuchen gelangen Sie zum Medienmanager. Wenn Sie im Medienmanager eine Datei als URL auswählen, wird statt einer neuen Seite die Datei geöffnet bzw. zum Download angeboten.
Zielseite
Hier haben Sie die Möglichkeit festzulegen,wie sich die verlinkte Seite öffnen soll. Wenn
Sie nichts angeben, öffnet sich die verlinkte
Seite im selben Browserfenster. Alternativ
kann sich die Seite in einem neuen bzw. in
einem Popup-Fenster öffnen.
Optionen
In den Optionen können Sie einen Linktitel vergeben. Das ist nützlich für die Suchmaschinenoptimierung. Außerdem können Sie dem Link eine ID geben. Er kann damit z.B. als Anker genutzt oder von einem Javascript angesprochen werden. Mit einer Stylesheet-Klasse oder einer Style-Definition kann das Aussehen des Links verändert werden.
Bild einfügen
Bild- Info
Bildauswahl
Klicken Sie auf den Button Medien durchsuchen und wählen Sie ein Bild aus dem Medienmanager, um es in Ihre Seite einzufügen. Wie Sie ein Bild im Medienmanager uploaden erfahren Sie auf der nächsten Seite. Das gewählte Bild erscheint im Vorschau-Fenster.
Alternativer Text
In diesem Fenster können Sie eine Bildbeschreibung festlegen. Dies ist von Bedeutung hinsichtlich der Suchmaschinenoptimierung.
Breite / Höhe
Hier können Sie die Bildgröße verändern. Ist das
Schloss geschlossen, verändert sich die Größe
proportional. Beim Anklicken öffnet sich das Schloss
und Sie können Breite und Höhe einzeln verändern.
Klicken Sie auf das Pfeil-Symbol wird das Bild
in seine Originalsgröße zurückversetzt.
Schloss geschlossen, verändert sich die Größe
proportional. Beim Anklicken öffnet sich das Schloss
und Sie können Breite und Höhe einzeln verändern.
Klicken Sie auf das Pfeil-Symbol wird das Bild
in seine Originalsgröße zurückversetzt.
H-/V-Abstand / Ausrichtung
Hier können sie Ihr Bild in die gewünschte Positionbringen. H- bzw V-Abstand definiert den horizon-
talen (links uns rechts) bzw. vertikalen (oben
und unten) Abstand in Pixel. - Ausserdem haben
Sie verschiedene Möglichkeiten der Ausrichtung.
Optionen
Hier können Sie dem Bild eine ID geben und die Bildeigenschaften mit einer Stylesheet-Klasse oder einer Style-Definition beeinflussen.
Flash einfügen
Sie können Flashfilme und Flashvideos einfügen. Bei Videos wird automatisch der mitgelieferte Videoplayer geladen.
Info
Klicken Sie auf den Button Medien durchsuchen, um einen Flashfilm aus dem Medienmanager auszuwählen. Der Film erscheint im Vorschaufenster.
Optionen
Vergeben Sie einen Filmtitel und Abspieloptionen. Desweiteren kann eine ID sowie eine Stylesheet-Klasse und / oder Style-Definition vergeben werden.
Medienmanager öffnen
Mit diesem Button können Sie den Medienmanager direkt öffnen, so daß eine schnellere Bearbeitung Ihrer Medien möglich ist.
Tabelle einfügen
Tabellen sind ein nützliches Gestaltungselement. Mit Hilfe von Tabellen kann das Layout einer Seite in verschiedene Blöcke (Spalten/Zeilen) eingeteilt werden. Klicken Sie auf Tabelle einfügen. Im Popup-Fenster können Sie die Anzahl der Zeilen und Spalten sowie die Breite und Höhe der Tabelle festlegen.
Wählen Sie keinen Rahmen, also die Einstellung 0 vergeben, wird im Editor eine gestrichelte Hilfslinie angezeigt. In der normalen Seitenansicht ist die Tabelle dann unsichtbar. - Mit der Einstellung Zellenabstand außen können Sie einen Abstand zwischen den Zellen in Pixel festlegen. Der Zellenabstand innen bezeichnet den Abstand Ihres Textes oder Bildes zum Zellenrand. - Die Ausrichtung positioniert die Tabelle.
Contextmenü
Eine erstellte Tabelle kann auch über dassogenannte Contextmenü geändert werden.
Klicken Sie dafür mit der rechten Maustaste
in eine Tabellenzelle und wählen Sie einen
Menüpunkt aus der angezeigten Liste, um
Details der Tabelle zu bearbeiten.
Horizontale Linie einfügen
Mit einer horizontalen Linie können Textblöcke besser sichtbar voneinander getrennt werden.
Seiteneinteilung einfügen
Mit dem Button Seiteneinteilung einfügen besteht die Möglichkeit eine Seite für die Besucheransicht in mehrere Unterseiten zu teilen. Schauen Sie sich zur Verdeutlichung die Seite News der Demoversion an. Die einzelnen Newsseiten sind im Editor eine einzige Seite. Eine Seiteneinteilung darf nicht willkürlich eingefügt werden. Behandeln Sie die Inhalte im Editor vor und nach einer Seitenteilung wie eingenständige, abgeschlossene Seiten.
Das Homepagesystem erstellt für den Besucher daraus automatisch eine Vorschauseite mit Links auf die Unterseiten. Eine Seitenteilung erscheint im Editor als gestrichelte Linie.
Vorlagen
Hier haben Sie eine Auswahl verschiedener Templates (Layoutvorlagen). Ihre im Administrationsbereich System erstellten Templates werden ebenfalls in dieser Liste aufgeführt. - Wenn Sie ein Template anklicken, wird der entsprechende, formatierte Block an der Stelle Ihrer Seite eingefügt, an der sich der Cursor befindet. Haben Sie ein Template mit Bild ausgewählt, erscheint ein Platzhalter für das Bild. Klicken Sie den Platzhalter an und anschließend auf Bild einfügen / editieren. Wählen Sie ein Bild aus (siehe Beschreibung Bild einfügen), das den Platzhalter ersetzen soll. Mit OK bestätigen.
Templates erstellen
Ein Template ist nichts anderes als HTML-Quelltext. Templates sind nützlich, um Elemente, die sich auf der Homepage wiederholen, nicht jedes mal neu erstellen zu müssen (z.B. eine Tabelle mit einer bestimmten Größe, Hintergrundfarbe, Schriftgröße usw.). Am einfachsten erstellt man ein Template folgendermaßen: Sie erstellen ein Layout mit dem Editor, kopieren den Quelltext der Editor-Quelltextansicht und fügen es im Administrationsbereich System unter dem Punkt eigene Templates im Editor bereitstellen in die Templatedatei ein.
Wichtig: Mehrere Templates müssen mit %%next_template%% voneinander getrennt werden. - Ausserdem haben Sie die Möglichkeit Ihrem Template mit %%name%%Templatename%%/name%% einen Namen und mit %%text%%Templatebeschreibung%%/text%% eine Beschreibung zu geben. So finden Sie Ihre Templates im Auswahlfenster leichter wieder.
Wichtig: Mehrere Templates müssen mit %%next_template%% voneinander getrennt werden. - Ausserdem haben Sie die Möglichkeit Ihrem Template mit %%name%%Templatename%%/name%% einen Namen und mit %%text%%Templatebeschreibung%%/text%% eine Beschreibung zu geben. So finden Sie Ihre Templates im Auswahlfenster leichter wieder.
Sonderzeichen
Hier können Sie Sonderzeichen in Ihren Text einfügen, wie z.B.:
HTML-Blöcke anzeigen
Mit diesem Button können Sie die HTML-Blockstruktur Ihrer Webseite sichtbar machen und wieder ausblenden.
Quelltext anzeigen
Hier können Sie in den Quelltext Ihrer Seite umschalten und diesen ändern.
Format
Wenn Sie einen Textabschnitt als Überschrift kenntlich machen möchten, muß dieser erst in einen Absatz umgewandelt werden! Sie erhalten einen Absatz, indem Sie hinter die Überschrift klicken und anschließend die Enter-Taste drücken. - Sollte sich normaler Text vor Ihrer Überschrift befinden, klicken Sie vor den ersten Buchstaben Ihrer Überschrift und drücken ebenfalls die Enter-Taste. - Wenn Sie Ihre Überschrift in einen Absatz umgewandelt haben, klicken Sie einfach in die Überschrift und wählen Überschrift 1 bis 6 aus der Auswahlbox Format.
Die Überschriftenformatierung hilft bei der
Positionierung Ihrer Internetseite in den
Suchmaschinen. Als Überschrift markierte
Textabschnitte werden von den Suchmaschinen
höher bewertet als normale Textabschnitte. -
Aber Vorsicht: Google läßt sich nicht täuschen.
Wenn Sie z.B. den kompletten Text als Über-
schrift markieren, ist es wahrscheinlich, daß
diese Seite nicht im Suchergebnis erscheint. -
Nutzen Sie Überschriften nur für tatsächliche
Überschriften. Wenn Sie mehrere Überschriften
auf einer Seite verwenden, geben Sie ihnen eine Hierarchie:
Hauptüberschrift -> Überschrift 1, Nebenüberschrift -> Überschrift 2 usw. - Weitere Informationen finden Sie im Bereich So geht's unserer Webseite unter Suchmaschinenoptimierung.
Positionierung Ihrer Internetseite in den
Suchmaschinen. Als Überschrift markierte
Textabschnitte werden von den Suchmaschinen
höher bewertet als normale Textabschnitte. -
Aber Vorsicht: Google läßt sich nicht täuschen.
Wenn Sie z.B. den kompletten Text als Über-
schrift markieren, ist es wahrscheinlich, daß
diese Seite nicht im Suchergebnis erscheint. -
Nutzen Sie Überschriften nur für tatsächliche
Überschriften. Wenn Sie mehrere Überschriften
auf einer Seite verwenden, geben Sie ihnen eine Hierarchie:
Hauptüberschrift -> Überschrift 1, Nebenüberschrift -> Überschrift 2 usw. - Weitere Informationen finden Sie im Bereich So geht's unserer Webseite unter Suchmaschinenoptimierung.
Schrift
Im Administrationsbereich Design wurde die Standard-
schriftart festgelegt. Wenn Sie diese für einzelen Wörter
oder Sätze ändern möchten, markieren Sie den entspre-
chenden Abschnitt und wählen eine andere Schriftart.
WICHTIG: Wenn Sie eine geänderte Schriftart wieder
entfernen oder durch eine andere ersetzen möchten,
müssen Sie die vorhandene Schriftart erst entfernen.
Markieren Sie den entsprechenden Textabschnitt, öffnen
Sie die Auswahlbox Schrift und klicken Sie auf die farbig
markierte Schriftart, um diese zu entfernen.
schriftart festgelegt. Wenn Sie diese für einzelen Wörter
oder Sätze ändern möchten, markieren Sie den entspre-
chenden Abschnitt und wählen eine andere Schriftart.
WICHTIG: Wenn Sie eine geänderte Schriftart wieder
entfernen oder durch eine andere ersetzen möchten,
müssen Sie die vorhandene Schriftart erst entfernen.
Markieren Sie den entsprechenden Textabschnitt, öffnen
Sie die Auswahlbox Schrift und klicken Sie auf die farbig
markierte Schriftart, um diese zu entfernen.
Grösse
Im Administrationsbereich Design wurde die Standard-
größe des Textes festgelegt. Wenn Sie diese für einzelne
Wörter oder Sätze ändern möchten, markieren Sie den
entsprechenden Abschnitt und wählen eine größere oder
kleinere Schriftgröße aus.
WICHTIG: Wenn Sie eine geänderte Größe wieder ent-
fernen oder durch eine andere ersetzen möchten,
müssen Sie die vorhandene Schriftgröße erst entfernen.
Markieren Sie den entsprechenden Textabschnitt, öffnen
Sie das Auswahlfenster Größe und klicken Sie auf die
farbig markierte Auswahl, um diese zu entfernen.
größe des Textes festgelegt. Wenn Sie diese für einzelne
Wörter oder Sätze ändern möchten, markieren Sie den
entsprechenden Abschnitt und wählen eine größere oder
kleinere Schriftgröße aus.
WICHTIG: Wenn Sie eine geänderte Größe wieder ent-
fernen oder durch eine andere ersetzen möchten,
müssen Sie die vorhandene Schriftgröße erst entfernen.
Markieren Sie den entsprechenden Textabschnitt, öffnen
Sie das Auswahlfenster Größe und klicken Sie auf die
farbig markierte Auswahl, um diese zu entfernen.
Style
Hier können Sie selbst definierte Stylesheet-Klassen einzelnen Seitenelementen zuweisen. Markieren Sie einen Textabschnitt und wählen Sie Ihre Stylesheet-Klasse aus der Auswahlbox.
WICHTIG: Wenn Sie einen Style wieder entfernen oder durch einen anderen ersetzen möchten, müssen Sie den vorhandenen Style erst entfernen. Markieren Sie die entsprechende Stelle, öffnen Sie die Auswahlbox Style und klicken Sie auf die farbig markierte Auswahl, um diese zu entfernen.
WICHTIG: Wenn Sie einen Style wieder entfernen oder durch einen anderen ersetzen möchten, müssen Sie den vorhandenen Style erst entfernen. Markieren Sie die entsprechende Stelle, öffnen Sie die Auswahlbox Style und klicken Sie auf die farbig markierte Auswahl, um diese zu entfernen.
Stylesheets erstellen
Für die Programmierung eigener Stylesheets sind CSS-Kenntnisse erforderlich. Sie können Styles für IDs oder HTML-Elemente erstellen oder Stylesheet Klassen definieren. In der Auswahlbox werden nur Klassen aufgelistet. Um sicher zu gehen, daß Ihre Styles die Standardstyles des Sitedummys überschreiben, sollten Sie hinter jeder Definition ein !important einfügen (z.B. font-size: 20px !important;). Stylesheets werden im Administrationsbereich System gespeichert und sind anschließend im Editor aufrufbar.
|
- Seite 8 - |
|
