Arbeitsblatt: CmsBox

Eine Homepage mit CMS-Box erstellen Anmelden: Öffne unsere Seite (vita.juniorwebaward.ch). Klicke auf den Link „Login (ganz unten rechts). Gebe den Benutzernamen () und das Passwort ein (PW: ) (oben rechts). Drücke auf Login. Seite bearbeiten Wenn du nun die Page bearbeiten möchtest drücke auf den Button „Seite Bearbeiten (oben rechts). Auf der linken Seite werden dir alle Werkzeuge angezeigt. Toolbar Werkzeuge Cmsbox: Mit der Cmsbox kannst du allgemeine Sachen anschauen: Ansicht: Du kannst die aktuelle Seite anschauen, wie sie aussieht. Das kannst du aber erst machen, wenn du die Seite schon publiziert hast. Editor: Du kannst die Seite wieder verändern und nach deinen Bedürfnissen anpassen. Archiv: Du kannst von dieser Seite alte publizierte (schon einmal veröffentlichte) Versionen anschauen. Ganz rechts kannst du das Datum eingeben (welche alte Ausgabe möchtest du?). Du kannst innerhalb der Seite Sachen markieren und diese kopieren (unter „Bearbeiten „Kopieren drücken). Später kannst du diese Inhalte in anderen Seiten wieder einfügen (unter „Bearbeiten „Einfügen drücken). Bedienungsanleitung Hier kannst du eine Kurzanleitung herunterladen, wie man mit Cmsbox arbeitet. Lade dafür die Anleitung Deutsch runter und drucke diese aus. Du kannst dir auch zwei englisch gesprochene Videos anschauen. Wenn du ein Problem nicht lösen kannst, dann schreibe dem Cms- Support und du erhältst innerhalb von 24 Stunden eine Antwort. Supportanfrage Hier kannst du bei einem Problem direkt Profis fragen und sie schreiben dir ein Mail zurück. Logout Wenn du fertig bist, musst du dich abmelden. Das machst du mit Logout. Hinzufügen Wenn man eine Homepage schreibt, dann haben die Seiten verschiedene Ebenen. Es gibt Hauptseiten und Unterseiten. Eine Unterseite kann man nur über die dazugehörende Hauptseite erreichen. Man kann unterhalb der Seite noch weitere Seiten (Unterunterseiten) einfügen. Hauptseite Unterseite Unterseite Unterunterseite Hauptseite Unterseite Unterseite Unterseite Hauptseiten Unterunterseite Unterunterseite Unterseite Unterunterseiten Seite Du kannst eine neue Seite auf der Ebene, in der du gerade bist (wenn du auf den Hauptseiten bist, fügt es eine weitere Hauptseite ein, auf den Unterseiten eine weitere Unterseite, auf den Unterunterseiten eine weitere Unterunterseite), einfügen. Nachdem du eine Seite eingefügt hast, erhält die Seite einen Link, den du beschriften kannst. Ebenfalls kannst du deiner Seite einen Titel geben (ganz oben der Seite). Nachdem du auf den Titel geklickt hast, kannst du ebenfalls die Farben des Hintergrunds verändern (siehe Bild). Browse Tite Farben ändern Titelbild Mit „Browse kannst du das Titelbild aller Seiten unterhalb der Hauptseite verändern. Das Bildverhältnis sollte etwa 3 (Breite) 1 (Höhe) sein, also zum Beispiel 600:200 Pixel. Wenn du „Browse anklickst, dann öffnet ein neues Fenster, indem du eine Datei suchen und auswählen kannst. Wenn man nichts spezielles auf einer Seite markiert hat, kann man die Seite (und die Unterseiten) „sichtbar oder „versteckt darstellen. Sichtbar bedeutet, dass links oder oben auf publizierten Seiten für den Besucher ein Button zum Anklicken sichtbar ist. Bei versteckten Seiten ist kein Button sichtbar. Dies ist sinnvoll, wenn es sehr viele Seiten sind und einzelne direkt auf einer Seite verlinkt sind. Wichtig: Immer wenn du willst, dass andere deine Seite sehen können, musst du sie „publizieren (oben rechts auf „publizieren drücken oder unter „Verlauf „publizieren wählen). Wenn du die Seite nicht publizierst, dann wird diese zwar abgespeichert, aber nicht im Internet für alle sichtbar! Man kann sie auch später weiterbearbeiten, bis man sie publiziert. Unterseite Hier kannst du Seiten einfügen, welche eine Ebene tiefer als die vorher geöffnete Seite ist: Hauptseite geöffnet - Unterseite; Unterseite geöffnet - Unterunterseite. Du hast ebenfalls die oben beschriebenen Möglichkeiten. Achtung: bei den Unterseiten kannst du die Titelbilder nicht ändern (mit „Browse) Artikel Man kann einen Text zu einem Thema einfügen. Man kann den Artikel „breit formatieren, so dass er den ganzen Kasten ausfüllt oder „schmal, dass er nur den halben Kasten ausfüllt und daneben noch etwas anderes (Bilder, Tabellen etc.) dargestellt werden kann. „Schmal „Einfach „Breit Weiter kann man den Text in verschiedenartige Kasten darstellen. Bei den beiden oberen Bildern würde „einfach gewählt. Es gibt aber auch „Kasten, „Block und „Kontur. „Kasten „Block „Kontur Wenn man einen Artikel eingefügt hat, dann blinkt der Strich zuerst oben. Dort kann man nun einen Untertitel einfügen. Wenn der Artikel immer noch markiert ist, kann man unter „Hinzufügen einen „Text, „Link, eine „Linie, ein „Code oder „Upload einfügen. Mit „Text schreibe ich einen normalen Text unter den Untertitel. Es gibt hier verschiedene Formatierungen (siehe Bild links). Merke dir, dass man für jede neue Formatierung einen neuen „Text „hinzufügen muss. Ich kann den Text über die „ganze Spalte oder nur über die halbe Spalte (geht bei der Formatierung „Breit und „Schmal!) schreiben. Mit „Link kann ich einen Hyperlink einfügen, der zu einer anderen Seite führt. Ich kann in das Feld eine Homepageadresse angeben oder mit internen Links verbinden. Wenn ich auf das leere Eingabefeld drücke, erhalte ich eine Auswahl: „kein Link enthält keine Verbindung zu einer anderen Internetseite. Mit „Home werde ich mit der Startseite dieser Homepage verbunden. Mit „Drucken wird eine PDF- Datei von dieser Seite erstellt, welche ich dann in diesem Programm ausdrucken kann. Mit „Zurück komme ich auf die vorhergehende Seite und mit „Weiter auf die nächste Seite (das kann auch eine „versteckte Seite sein!). Auch die „Links kann ich als „ganze oder „halbe Spalte darstellen. Ich kann auch eine „Linie „hinzufügen. Diese kann „Dünne oder „Fett, „Ausgezogen, „Gestrichelt oder „Gepunktet sein und über die „ganze oder „halbe Spalte gehen. Mit „Code kann man html- Codes eingeben. Html- Code ist ein Programmiersprache mit der das Internet aufgebaut ist. Einige Codes kann ich (Lehrperson) herausfinden und evtl. kann man in Büchern nachschlagen. Fragt mich, wenn ihr etwas Spezielles darstellen wollt. Mit „Anzeigen wird der Befehl auf der Homepage nur ausgedruckt sichtbar, mit „Ausführen wird das auf der Seite gemacht, was befohlen wird (Bsp. Lauftext, blinkender Text etc.). Man kann den Befehl in der „ganzen oder „halben Spalte darstellen. Wenn du eine Datei auf den Computer laden willst, musst du „Upload wählen. Auch hier kannst du den Upload auf der „ganzen oder „halben Seite anzeigen. Du kannst Bilder, Musik, Filme und andere Dateien einfügen. Mit „Download kann man die Datei mit einem Mausklick hinunterladen. Mit „Anzeigen wird die Datei direkt auf der Seite sichtbar. Um eine Datei auf das Web zu laden musst du „Browse wählen. Es erscheint ein neues Fenster, indem du eine Datei von deinem Computer oder Speichermedium (Stick, CDRom etc.) wählen kannst. Wenn du „Anzeigen wählst gibt es je nach Art der Datei weitere verschiedene Darstellungs- und Befehlsmöglichkeiten. Bei Musikdateien kann man den Balken ) „hell oder „dunkel anzeigen und die Musik einmal wiedergeben oder immer wiederholen lassen. Bei Bildern kann man einen Link einfügen (lese unter „Link nach). Tabelle Man kann auch „Tabellen einfügen. Auch hier kannst du oberhalb der Tabelle einen Titelschreiben. Mit den ersten Zahlen kannst du die Anzahl Zeilen wählen, mit den zweiten die Anzahl Spalten. „Automatisch bedeutet, dass die Spaltengrösse je nach Länge der Wörter angepasst wird, mit „Feste Breite bleiben die Spalten immer gleich breit. „Horizontal macht die Linien horizontal, man kann aber auch „vertikal vergleichen. Mit „Normal gibt es keine weiteren spezielle Markierungen, mit „Fusszeile wird die erste Linie herausgehoben, mit „Kopfzeile die letzte und mit „Beides die erste und letzte. Mit „Liniert wird mit Linien, mit „Balken mit verschiedenen Schattierungen unterschieden. Man kann ebenfalls zwischen „Einfach, „Kasten, „Block und „Kontur unterscheiden (Beispiele siehe unter „Artikel). Die Tabelle kann „breit (über ganze Spalte) oder „schmal (halbe Spalte) dargestellt werden. Formular Mit „Formular richtest du für den Besucher deiner Seite eine Möglichkeit ein, mit der er dir eine Rückmeldung geben kann. Unter der E-Mail-Adresse schreibst du den Ort ein, an den die Rückmeldung gesendet werden soll (Bsp. unsere Klassen- Mail-Adresse: ). Man kann mit „Einfach, „Kasten, „Block und „Kontur die Darstellung unterscheiden (Beispiele siehe unter „Artikel). Und die ganze „Breite oder nur die halbe Breite („Schmal) verwenden. Unter „Hinzufügen kannst du verschiedene Sachen wählen, die du in das Formular einfügen kannst. Mit „Text kannst du erklären, was man mit dem Formular rückmelden kann. Es funktioniert gleich wie ein Text in einem „Artikel (siehe oben). Ebenfalls eine „Linie kannst du einfügen (siehe oben unter „Artikel). Mit „Eingabe kann der Besucher eine Angabe oder eine Rückmeldung frei hineinschreiben. Es kann ein „Text, eine „E-Mail- Adresse, eine „Webseite oder eine „Nummer sein. Wenn ich „Erforderlich wähle, muss man diese Frage ausfüllen, mit „Optimal kann der Besucher wählen, ob er den Bereich ausfüllt oder nicht. Bei den Zahlen kann ich auswählen, wie gross die Box sein soll, in die der Besucher hineinschreiben kann (sobald du 2 oder grösser wählst, kann man nur noch „Texte hineinschreiben). Mit „Aliniert wird die Schreibbox rechts neben der Frage gesetzt, mit „Unterhalb unter der Frage. Mit „Auswahl kann der Besucher eine vorgegebene Antwort auswählen. Bei den Zahlen wählt er die Anzahl der vorgegebenen Antworten und bei „Aliniert und „Unterhalb wählt er, ob die Antworten neben oder unter der Frage steht. Bearbeiten Mit Bearbeiten kann man Sachen, die man schon gemacht hat, verändern. Ich kann damit einzelne Teile der Seite oder die ganze Seite bearbeiten. Rückgängig Macht meine letzte Tätigkeit rückgängig. Wiederholen Wiederholt das, was ich vorher rückgängig gemacht habe. Kopieren Kopiert den markierten Teil, damit ich ihn an einem anderen Ort ebenfalls einsetzen kann (mit „Einfügen). Ausschneiden Löscht den markierten Teil, ich kann aber mit „Einfügen den gelöschten Teil an einem anderen Ort wieder hineinsetzen. Einfügen Fügt an den markierten Ort das, was ich „kopiert oder „ausgeschnitten habe, wieder ein. Duplizieren Verdoppelt den markierten Teil. Löschen Löscht den markierten Teil (oder die ganze Seite). Clipboard Im „Clipboard werden alle kopierten und ausgeschnitten Elemente abgelegt und können überall auf der Webseite wieder eingefügt und weiterverarbeitet werden. Leeren Mit „Leeren löscht man alle Elemente aus dem „Clipboard. Verlauf Hier kann man bis zu 10 Schritte gleichzeitig rückgängig machen oder wiederholen. Zurücksetzen Macht den letzten Befehl wieder rückgängig. Publizieren (mit.) Alle im Verlauf aufgeführten Änderungen werden im Netz veröffentlicht. (Alle publizierten Versionen einer Page werden im „Archiv (unter „Cmsbox) gespeichert). Home Ist die Startseite. Wenn man die Internetadresse eingibt, wird diese Seite als erstes geöffnet. Du findest diesen Link ganz unten links. Auch diese Seite kann verändert werden. Wenn diese Seite leer ist, dann wird sie beim Aufstarten der Seite automatisch übersprungen. Sitemap Mit Sitemap findest du den Aufbau aller Seiten und dessen Unterseiten. Es gibt mir einen Überblick, was ich alles schon geschrieben habe. PDF speichern Hier kann man die offene Seite ausdrucken oder den Inhalt auf einem Medium abspeichern. Empfehlen So kann man die Seite anderen Leuten weiterempfehlen. System by cms box Du gelangst direkt auf die Homepage von CMS BOX. Logout Du meldest dich von der programmierbaren Seite ab. Nun kannst anschauen, wie die Seite für den Besucher aussieht. Achtung: Alle eingefügten Elemente kann man verschieben, indem ich mit der Maus draufklicke und die Box an den neuen Ort ziehe