Diese Seite kann auch als pdf-file heruntergeladen werden.

Transkript

1 Kleines Vademecum für cms 3.0 (artmedic) Trifles-Kleinigkeiten Diese Seite kann auch als pdf-file heruntergeladen werden. Bearbeitungsprogramm starten Browser starten In Browserfenster der Website.ch/cms_index.php eingeben, (ok) Passwort?????? eingeben (ok) Seitenverwaltung Neue Seite anlegen Linkbezeichnung: Namen der Seite, so wie sie im Menü links erscheinen soll. Linksreihenfolge: Rangnummer einsetzen. Wenn Seite als Untermenü einer Hauptseite sein soll, dann «Bitte Hauptmenü auswählen» öffnen und «Elternseite» auswählen. Wenn die Seite als Untermenü eines bereits bestehenden Untermenüs erscheinen soll, dieses als Hauptmenü auswählen. Kopfgrafik auswählen: Das als Hauptkopfgrafik ausgewählte Bild erscheint auch auf allen anderen Seiten. Eine von der Hauptkopfgrafik abweichendes Bild muss zuerst hoch geladen werden (Button: Kopfgrafiken verwalten) und kann dann für spezielle Seiten ausgewählt werden. Seite anlegen: (ok) Reihenfolge und Linkbezeichnungen editieren Zuerst mit Klappmenü die zu editierende Seite auswählen Dann: Button «Seiten editieren» (ok) Es können Reihenfolgenummer, Linkbezeichnung, Menüposition sowie die Kopfgrafik neu zugeordnet werden. ACHTUNG: Wenn der bearbeiteten Seite eine andere Kopfgrafik zugeordnet ist, diese wieder auswählen, sonst erscheint die Hauptkopfgrafik. Seite löschen Zuerst mit Klappmenü die zu löschende Seite auswählen Dann Button «Löschen» (ok). Kann nicht rückgängig gemacht werden.! Designverwaltung Mit dem Button «Designverwaltung» nimmt man Einfluss auf die Gestaltung der gesamten Website. Design-Upload: Man kann entweder ein bestehendes Design, eine vorhandene CSS-Datei, benutzen oder eine eigene CSS-Datei hochladen. Design anwenden: (nach dem Hochladen) die gewünschte Css-Datei 1 von :45

2 auswählen. Mit Design anwenden abschliessen (OK). Design bearbeiten: Die betrffende Datei auswählen und den Button Design bearbeiten drücken. Es öffnet sich ein Fenster, in dem die betreffende CSS-Datei bearbeitet werden kann. Will man das neue Design speichern, zuunterst auf den Button Änderungen speichern drücken (mit der Tabulator-Taste kommt man direkt dorthin) oder vorher der Datei noch einen neuen Namen verpassen. >>Zur Seitenlayoutverwaltung In der Seitenlayoutverwaltung ist grafisch dargestellt, wie die CMS-Seite eingestellt ist. div#page = max. Breite der gesamten Anzeige div#banner Bannerbreite (Kopfgrafik) div#subbanner = Unterbannerbreite div#menue = Menü div#content = Seiteninhalt div#text = Masse innerhalb des Content! width: auto; margin-top: 20px; margin-right: 50px; margin-bottom: 20px; margin-left: 50px; >>Seitenschrift und Seitenhintergrundfarbe Drückt man auf den Button Seitenschrift und Seitenhintergrundfarbe öffnet sich ein Fenster, in dem man die Schriftart, -grösse. -farbe und die Seitenhintergrundfarbe sowie die Seitenrandbreite festlegen kann. 2 von :45

3 Inhalte einfügen Allgemein Texte können aus dem Word (oder einem x-beliebigen Programm) kopiert und eingefügt werden. Sie müssen jedoch neu formatiert werden. Bilder müssen vor dem Einsetzen zuerst hoch geladen werden. Links sind Ausdrücke, die man anklicken kann und die auf eine neue Seite wechseln. Dabei ist zu beachten, dass interne Links (Wechsel auf Seiten von ) immer im gleichen Fenster geöffnet werden sollen. Externe Links, also ein Wechsel auf eine andere Homepage, z.b., sollten immer ein neues Fenster öffnen! Das Gleiche gilt auch für Links mit Bildern! Inhalt in eine Seite einfügen Contentverwaltung: Bitte Seite auswählen dann Button «Inhalt bearbeiten» Im WYSIWYG-Editor kann man fast wie in einem gewöhnlichen Schreib-/Desktop-Programm die Seite gestalten. WICHTIG: Wenn man Änderungen an der Seite vorgenommen hat, muss man die Seite sichern, sonst gehen alle Änderungen verloren. Dies besonders beachten, wenn man noch schnell ein Bild hoch laden möchte und ohne zu sichern den Button «Bilder verwalten» drückt! Der Wechsel ins Internet ist über das Menü ganz rechts möglich. Text formatieren Text, der formatiert werden soll, markieren, und auf den entsprechenden Button drücken 3 von :45

4 oder Button drücken, Text eingeben, Button wieder drücken. Im Klappmenü «Format» können die Formate der Übrschriften ausgewählt werden sowie gewöhnlicher Text ohne zusätzliche Formatierung. Text umformatieren Will man Text umformatieren, empfiehlt es sich, den Text zuerst zu «entformatieren» und dann neu formatieren. Andernfalls kommt der HTML-Code ins «Zittern». Bilder einfügen Zuerst Bilder in einem Bildbearbeitungsprogramm auf die gewünschte Breite (höchstens 500px) verkleinern.. Wenn möglich auch die Qualität der Bilder auf etwa 50% im jpg-format senken. Nur Bilder hoch laden mit jpg, png oder gif als Endung. Vor dem Einfügen müssen die Bilder hoch geladen werden: Im Hauptprogramm oben Button «Bilder verwalten» drücken Durchsuchen-Button drücken. Im Menü «Datei uploaden» die Bild-Datei auswählen und «öffnen» drücken. Button «hochladen«(ok) Anschliessend die zu bearbeitende Seite wählen und im Wysiwig-Editor den Cursor an die Stelle stzen, wo man das Bild einfügen möchte. «Bild auswählen, bearbeiten» (ok) Im Menü kann man auf der obersten Zeile die Url irgend eines Bilds angeben, welches sich nicht im Ordner «Bilder» befindet. Auf der nächsten Zeile (Bildliste) kann man in einem Klappmenü die im Ordner «Nilder» sich befindenden Bilder auswählen. Bildbeschreibung und Titel des Bildes eingeben. Grösse: Wird automatisch angegeben (kann man ändern - Änderung besser im Wysiwyg-Editor oder im «Bilder verwalten»-programm vornehmen!). Rahmen: Breite des Rahmens angeben (normalerweise Null) Ausrichten: Vertikal einrücken: Horizontal einrücken Alternatives Bild: mit Häkchen kann man festlegen welches Bild erscheint, wenn man mit der Maus darüber und welches, wenn die Maus ausserhalb ist. Zuerst ist das Ausgangsbild wie oben beschrieben einzufügen. Anschliessend das Häkchen beim alternativen Bild setzen und zuerst das Ausgangsbild und dann das alternative Bild angeben. 4 von :45

5 Diese beiden Bilder werden ausgewählt. Abschliessen mit Einfügen. ACHTUNG: Mit Einfügen ist das Bild noch nicht gespeichert! Farbige Bilderrahmen (Nur im FF?) Zuerst Schriftfarbe wählen, dann Bild einfügen und Rahmenbreite angeben - (Dann wieder Schriftfarbe schwarz auswählen). Link einfügen / bearbeiten (Weiterleitung auf eine neue Seite) Zuerst Wort oder Bild markieren, das weiter verlinken soll. Auf dieses Icon drücken. Im Menü Link URL eingeben (z.b. oder Klappemn Verweisliste öffnen und eine Seite der eigenen Website auswählen. Ziel: vorgegeben ist als Ziel das gleiche Fenster, d.h. die neue Seite öffnet im gleichen Frame und mit «Eine Seite zurück»-pfeil erscheint die Ausgangsseite wieder. Bei Verlinkung mit externen Sites immer _blank wählen, sonst verschwindet mit der Zeit die eigene Website für den Betrachter. Setzt man bei JS-Popup ein Häkchen und gibt die entsprechenden Daten ein, wird ein Fenster geöffnet, dessen Grösse und Beschaffenheit man selber festlegen kann. Will man den Link ändern, muss man wieder das Wort oder das Bild markieren und auf das gleiche Symbol drücken. (Sicherere Methode: Wort/Bild markieren, Link löschen, erst dann neu verlinken.) Anker setzen Möchte man von irgendeiner Seite an eine bestimmte Stelle einer anderen (oder der gleichen) Seite verlinken, muss man ein Wort an der Zielstelle markieren, das Symbol Anker wählen und eine Bezeichnung für die markierte Stelle einsetzen. An der Linkstelle setzt man einen Link auf diese Seite (Verweisliste) und fügt am Schluss ein # Zeichen gefolgt mit dem Ankernamen ein. 5 von :45

6 Bei den top-verlinkungen (Springen an den Anfang der Seite) einfach die gleiche Seite als Link angeben. top Farbige Schrift Für farbige Schrift auf Symbol klicken. Weiter schreiben. Wenn nicht mehr gewünscht, wieder auf Symbol klicken und schwarz wählen. Nun ist die Schrift wieder schwarz. Einfacher: Text, der farbig werden soll, markieren, Symbol klicken, Farbe wählen. einfügen. Schrift mit Hintergrund Schrift mit Hintergrund: Wie für farbige Schrift. Schrift vergrössern Da der der mitgelieferte Tiny MCE (WYSIWYG-Editor) keinen Button für die Schriftgrösse besitzt, kann man durch folgende TAGs im HTML-Code eine Schriftgrössen-Veränderung herstellen: «font style="font-size: 16pt">Vergrösserung der Schrift«/font> (Das Zeichen «durch einfache spitze Klammer ersetzen.) Kopieren, Ausschneiden und Einfügen mit Buttons im Firefox nicht möglich Firefox/Mozilla erlaubt im Wysiwyg-Editor mit den Buttons kein Kopieren, Ausschneiden und Einfügen. Will man dennoch von dieser Möglichkeit Gebrauch machen, bietet Mozilla eine Lösung an. Seiten editieren, ohne dass die Änderungen sofort online sichtbar werden Will man Seiten ändern, ohne dass sich die Änderungen direkt auf der aufgeschaltenen Homepage auswirken, so bietet sich folgender Weg an: Seitenverwaltungs-Button: zu ändernde Seite auswählen Bei der Menüposition Einzelseite auswählen Button Seite editieren (ok) Die ausgewählte Seite ist auf der Homepage im Internet nicht mehr sichtbar und man kann in aller Ruhe die Änderungen vornehmen. Will man die veränderte Seite wieder im Internet sichtbar werden lassen, ist der umgekehrte Weg zu wählen: Button: Seitenverwaltung Button: Seiten editieren zu ändernde Seite suchen, sie befindet sich am Ende der Liste als Einzelseite. Bei der Menüposition entweder Hauptseite - wenn die Seite im Hauptmenü erscheinen soll - oder - wenn sie eine Seite aus 6 von :45

7 einem Untermenü ist - die dazugehörende Seite aus dem Hauptmenü auswählen.button Seite editieren (ok) 7 von :45