Version 1.0 Merkblätter

Transkript

1 Version 1.0 Merkblätter Die wichtigsten CMS Prozesse zusammengefasst. Das Content Management System für Ihren Erfolg.

2 Tabellen im Contrexx CMS einfügen Merkblatt I Tabellen dienen dazu, Texte oder Bilder auf einer Internetseite zu strukturieren. Solche Tabellen können im Editor einfach erstellt werden. Klicken Sie dazu im Editor auf das folgende Symbol: Tabellen einfügen Um eine Tabelle im Editor einzufügen gehen Sie wie folgt vor: 1. Schritt: Klicken Sie auf das Symbol Tabelle einfügen/editieren. Folgendes Fenster erscheint: Abbildung: Tabellen Eigenschaften. Geben Sie die gewünschten Optionen an: Zeile: Geben Sie die Anzahl Zeilen ein. (Bsp. 3 für 3 Zeilen) Spalte: Geben Sie die Anzahl Spalten ein. (Bsp. 2 für 2 Spalten) Breite: Bestimmen Sie die absolute oder relative Zellenbreite an. (Bsp. 200 für 200 Pixel Breite) Höhe: Bestimmen Sie die Zellenhöhe. (Bsp. 300 für 300 Pixel Höhe) Rahmen: Geben Sie die gewünschte Rahmenstärke an. Rahmenstärke wird aufsteigend stärker. Geben Sie hier 0 ein, wenn Sie keine Rahmen wünschen. Ausrichtung: Bestimmen Sie die Ausrichtung der Tabelle. (Bsp. zentriert für eingemittet) Zellenabstand aussen: Geben Sie den gewünschten Zellenabstand nach aussen an. Abstand wird aufsteigend grösser. Zellenabstand innen: Geben Sie den gewünschten Zellenabstand nach innen an. Abstand wird aufsteigend grösser. 2. Schritt: Klicken Sie auf ok. Resultat In diese Tabelle können nun Texte oder Bilder strukturiert eingefügt werden.

3 Tabellen im Editor nachbearbeiten Merkblatt II Um bereits vorhandene Tabellen nachträglich zu bearbeiten, bietet Contrexx folgende Möglichkeiten: Zeilen einfügen/entfernen Spalten einfügen/löschen Zellen einfügen/löschen Zellen vereinen/teilen Klicken Sie in die Tabelle und betätigen Sie die rechte Maustaste, folgendes Menü erscheint: Zeile einfügen: Fügen Sie unterhalb zusätzliche Zeilen ein. Zeilen entfernen: Klicken Sie in die entsprechende Zeile, um diese zu löschen. Spalte einfügen: Fügen Sie zusätzliche Spalten ein. Spalte löschen: Klicken Sie in die entsprechende Spalte, um diese zu löschen. Zellen einfügen: Fügen Sie zusätzliche Zellen ein. Zellen löschen: Klicken Sie in die entsprechende Zelle, um diese zu löschen. Zellen vereinen: Markieren Sie die bestimmten Zellen und wählen Sie danach Zellen vereinen, um diese zu einer Zelle zusammenzufügen. Zellen teilen: Klicken Sie in die gewünschte Zelle und wählen Sie Zelle teilen, um diese in zwei Zellen zu spalten.

4 Textlinks mit Contrexx einfügen Merkblatt II I Sie wollen in einer bestimmten Textpassage einen Link einfügen? Klicken Sie im Editor auf folgendes Symbol Links einfügen Geben Sie den Text ein. Beispiel: Startseite Markieren Sie den Text-Bereich des Links. Um einen Text zu markieren, ziehen Sie den Mauszeiger mit der gedrückten linken Maustaste über den Text. Beispiel: Startseite Klicken Sie auf das Symbol Link einfügen/editieren. Geben Sie die geforderten Informationen an: Abbildung: Link einfügen. URL Damit können Sie einen Hyperlink erstellen. (Bsp.: Wenn Sie auf eine -Verknüpfung klicken, wird ein neues Nachrichtenfenster in dem Mail- Programm geöffnet, das der Besucher Ihrer Website mit dem Browser verknüpft hat. Im Textfeld An im Fenster der -Nachricht wird die in der -Verknüpfung angegebene Adresse automatisch eingefügt. Sie haben auch die Möglichkeit, einen Link zu einer Internetseite aus dem Content Manager zu verweisen. Wählen Sie dafür Server durchsuchen und geben Sie die gewünschte Datei an. - Im Hauptverzeichnis finden Sie alle Files und Bilder, welche Sie verlinken können. - Unter pages finden Sie, für Querverweise, alle Seiten vom Content Manager. Um generell einen Link zu kopieren müssen Sie als Erstes die Zeichen markieren. Drücken Sie nun die rechte Maustaste und wählen Sie Kopieren. Um den Link an einer beliebigen Stelle einzufügen, drücken Sie wieder die rechte Maustaste und wählen Sie einfügen.

5 Bild mit Contrexx hochladen Merkblatt IV Um ein Bild mit Contrexx hochzuladen, gehen Sie wie folgt vor 1. Schritt: Klicken Sie Links unter Content Management mit der linken Maustaste auf den Menupunkt Media Manager. Klicken Sie nun oben auf den Menupunkt Content Bildverwaltung 2. Schritt: Klicken Sie danach auf Dateien hochladen. 3. Schritt: Klicken Sie nun auf Durchsuchen. Sie sehen nun den Inhalt Ihrer Harddisk. Gehen Sie in das entsprechende Verzeichnis und wählen Sie das gewünschte Bild aus. Sie können bis zu fünf Dateien auswählen und gleichzeitig hochladen. Klicken Sie danach auf Hochladen. Somit wären die gewünschten Dateien unter dem von Ihnen bestimmten Verzeichnis auf Ihrer Seite zum Download bereit. WICHTIG Bilder auf Internetseiten sollten die Grösse von 100kb nicht übersteigen. Das heisst, Bilder welche beispielsweise von eine Digitalkamera direkt kommen, sind zu gross und müssen mit einem Bildbearbeitungsprogramm nachbearbeitet werden. Falls Sie viele Bilder darstellen möchten, eignet sich das Modul Bildergalerie dazu. Sie haben die Möglichkeit, die Bilder nachträglich auch mit Contrexx zu bearbeiten (siehe dazu Merkblatt V).

6 Bilder bearbeiten mit Contrexx Merkblatt V Es besteht die Möglichkeit, die bereits vorhandenen Bilddateien im Media Manager neu zu optimieren. Sie können schnell und einfach die Grösse und Qualität der Bilder ändern. Somit benötigen Sie keine Bildbearbeitungssoftware mehr. Gehen Sie dazu wie folgt vor: 1. Schritt: Klicken Sie in der Content Bildverwaltung auf das Bild, welches Sie zu bearbeiten wünschen. Die Vorschau des Bildes, sowie dessen Grösse und Format wird angezeigt. (Siehe unten) Abbildung: Bilder Vorschau. 2. Schritt: Klicken Sie auf das Symbol editieren. 3. Schritt: Falls Sie wünschen können Sie hier nun den Bildnamen ändern. Ansonsten klicken Sie auf das Optionsfeld Bild bearbeiten: Ja. Folgende Optionen erscheinen: Abbildung 20: Bild bearbeiten. 4. Schritt: Geben Sie die gewünschte Bildgrösse in Pixel an. Zudem können Sie die Qualität bestimmen. Denken Sie daran, dass die Bildqualität einen entscheidenden Einfluss auf die Dateigrösse hat. Klicken Sie danach auf Speichern.

7 Bild mit Contrexx auf einer Seite einfügen Merkblatt VI Um ein Bild im Editor klicken Sie im Editor auf das Symbol: Wichtig Das Bild muss vorgängig in der Content Bildverwaltung im Media Manager hochgeladen werden (siehe dazu Merkblatt IV). Klicken Sie auf das Symbol Bild einfügen/editieren. Folgendes Fenster erscheint: Abbildung: Bild Eigenschaften. Fügen Sie nun mit Hilfe der Server durchsuchen -Schaltfläche ein Bild aus der Content Bildverwaltung ein. Optional können Sie noch einen Text dazu geben, die Bildgrösse und somit auch die Speichergrösse nochmals bearbeiten sowie die Rahmenstärke, den Freiraum und die Ausrichtung bestimmen. Die Rahmenstärke und der Freiraum werden aufsteigend stärker. Falls Sie keinen Rahmen oder Freiraum wünschen geben Sie bitte 0 ein. (Siehe oben) 3. Schritt: Klicken Sie auf ok um das Bild einzufügen.

8 Bild mit Contrexx bei Klick vergrössern Merkblatt VII Sie wollen ein Bild auf Ihrer Seite einfügen (Verkleinerte Darstellung, Thumbnail) und bei einem Klick eine vergrösserte Darstellung erhalten? Gehen Sie dazu wie folgt vor: 1. Schritt: Klicken Sie auf das Symbol Bild einfügen/editieren im Editor: Wichtig Das Bild muss vorgängig in der Content Bildverwaltung im Media Manager hochgeladen werden (siehe dazu Merkblatt IV). Fügen Sie nun mit Hilfe der Server durchsuchen -Schaltfläche ein Bild aus der Content Bildverwaltung ein (siehe dazu Merkblatt VI). Geben Sie unter Breite und Hoehe die gewünschte Grösse der gewünschten verkleinerten Darstellung ein. (Bsp. Orginalgrösse (800 und 600) verkleinerte Darstellung (200 und 150). Merken Sie sich die Originalgrösse des Bildes (In diesem Fall 800 und 600). 2. Schritt: Klicken Sie auf ok um das Bild einzufügen. 3. Schritt: Klicken Sie nun, nachdem Sie das Bild eingefügt haben einmal auf das Bild (markieren) und danach auf das Symbol Link einfügen / editieren : 4. Schritt: Klicken Sie nun auf Zielseite, wählen POP-up Fenster unter Zielfenster aus und geben unten die ursprüngliche Grösse des Bildes ein (Grösse des POP-up Fensters). Damit das Fenster etwas Grösser als das Bild dargestellt wird, geben Sie jeweils etwas grössere Werte als das Bild ein. (Bsp. Hat das Bild hat eine Breite von 800, geben Sie hier eine Fensterbreite von 820 ein.) Klicken Sie nun auf ok. Abbildung: Bild in einem POP-up Fenster vergrössert darstellen.