Compitreff: Klassenhomepage mit Educanet2 erstellen

Transkript

1 Compitreff: Klassenhomepage mit Educanet2 erstellen 1. Layoutmodule für Ihre Website Bevor sie Ihre erste Webseite anlegen, müssen Sie verschiedene Gestaltungsoptionen auswählen, die das Aussehen Ihrer gesamten Website festlegen. Hierzu klicken Sie auf die Funktion Grundeinstellungen wählen. Diese Auswahl kann von Ihnen über die gleiche Funktion später auch wieder verändert werden. Als nächstes geben Sie in die dafür vorgesehenen Textfelder den Titel Ihrer Website und Ihre E Mail Adresse ein. Die E Mail Adresse erscheint als Icon Link im Kopfbereich der veröffentlichten Website. Sie können Ihre Eingaben später auch wieder verändern. 1.1 Hintergrundfarbe wählen Nun können Sie zwischen diversen Hintergrundfarben jenen Farbton auswählen, der auf Ihrer Website dargestellt werden soll. Die intensive, dunkle Farbe wird dabei als Hintergrund dargestellt, die schwache, helle Farbe wird für die Buttons in der Navigation verwendet. 1.2 Schrifttyp wählen Wählen Sie nun einen der angebotenen Schrifttypen aus. Achten Sie dabei, dass die Schrift auf Ihren geplanten Seiten gut lesbar ist. Sie können diese Einstellungen jederzeit für all Ihre Seiten wieder ändern. Die ausgewählte Farbkombination und die Schrift werden für Ihre gesamte Website verwendet. Speichern Sie anschliessend Ihre Einstellungen mit Auswahl speichern. Mit der Bestätigung "Ihre Eingaben wurden gespeichert" schliesst das Fenster automatisch. Compitreff Homepage mit Educanet 2 erstellen Seite 1 von 7

2 Nachdem Sie die Grundeinstellungen festgelegt haben können Sie Ihre erste Webseite erstellen. Hierzu wählen Sie die Funktion Neue Seite anlegen. Sie haben mehrere Seitenlayout Varianten zur Auswahl, die in folgende Kategorien aufgeteilt werden können: Text und Bilder Arbeitsblätter Interaktive Übungen Die verschiedenen Seitenlayouts werden weiter hinten in dieser Dokumentation erwähnt (ab Seite 7). 2. Formularfelder für Texteingabe 2.1 Seitenname: Das Navigations Menü Ihrer Website entsteht automatisch über die Seitennamen. Der in diesem Feld eingetragene Name erscheint als Hyperlink im Menü. Da das Menü das Inhaltsverzeichnis Ihrer Website ist, sollte der Seitenname aussagekräftig, aber nicht zu lang sein. 2.2 Überschrift: Die Seitenüberschrift erscheint, im Gegensatz zum Seitennamen, nicht im Menü, sondern nur auf der jeweiligen Seite. Sie ist fett formatiert und grösser als der übrige Text. Zur besseren Orientierung könnten Sie hier beispielsweise den gleichen Text wie unter Seitenname eingeben. Zu lange Überschriften werden automatisch umgebrochen. 2.3 Teaser: Geben Sie hier einen kurzen und aussagekräftigen Text zu den Inhalten Ihrer Webseite ein. Der Textblock erscheint fett formatiert und farbig unterlegt (angepasst an Ihre ausgewählte Hintergrundfarbe). 3. Bilder einfügen Über den Button Durchsuchen wählen Sie auf Ihrer Festplatte das zum Einfügen vorgesehene Bild aus. Es können nur JPG oder GIF Dateien in die Seite integriert werden. Dazu öffnet sich ein Fenster, das den Inhalt Ihrer Festplatte anzeigt. Haben Sie das Bild ausgewählt, klicken Sie auf den Button Öffnen. Das Bild wird automatisch auf den Server geladen und in die Seite eingefügt. 4. Link zur nächsten Seite Wenn Ihre Website mehr als eine Seite haben soll, können Sie als zusätzliche Navigationshilfe am Ende jeder Seite auf die folgende verlinken. Hierzu geben Sie in das Textfeld einen beliebigen Text ein, beispielsweise "weiter zur nächsten Seite". Die Seite erscheint dann unter Ihrem Seitennamen in der Übersicht des Website Generators. Die erste Seite ist Ihre Startseite, jede weitere eine Unterseite. Zum Bearbeiten klicken Sie auf den betreffenden Seitennamen innerhalb der Liste. Rechts neben den Seitennamen wird unter Seitentyp angezeigt, welche Layoutvorlage Sie jeweils gewählt haben sowie Datum und Uhrzeit der letzten Änderung. Compitreff Homepage mit Educanet 2 erstellen Seite 2 von 7

3 5. Link auf andere Website Beim Verlinken auf andere Websites müssen Sie beachten, dass die Links mit beginnen. Dann werden sie automatisch als Link erkannt und aktiviert. 6. Website veröffentlichen Um das Ergebnis Ihrer getätigten Eingaben in der Online Ansicht sehen zu können, müssen Sie erst auf Website veröffentlichen und anschliessend auf die im dunkelblauen Feld eingetragenen Internetadresse klicken. Das Gleiche gilt für später vorgenommene Veränderungen. Erst danach ist die Website (bzw. die aktualisierte Fassung) unter der ausgewiesenen Internetadresse abrufbar. Wenn Sie in der Seitenübersicht auf den Titel einer Seite klicken, öffnet sich der Editiermodus. Die Internetadresse Ihrer Website steht im dunkelblau unterlegten Feld über der Webseiten Übersicht. 7. Funktionen 7.1 Seite editieren Sie können die Inhalte bereits erstellter Seiten jederzeit bearbeiten und ändern. Klicken Sie dazu auf das "Stift" Icon oder den Seitenname der Seite, die Sie editieren möchten. 7.2 Seitenlayout ändern Ein Klick auf das Icon öffnet ein Pop up Fenster, in dem Sie das Layout der Seite entsprechend der angebotenen Vorlagen jederzeit verändern können. 7.3 Nach oben schieben Über diese Funktion wird die Reihenfolge der ausgewählten Webseite jeweils um eine Position nach oben verändert. 7.4 Nach unten schieben Klicken Sie auf das Icon wird die Reihenfolge der ausgewählten Webseite jeweils um eine Position nach unten verändert. 7.5 Menüebene wechseln Ein Klick auf das Icon "Menüebene wechseln" ändert die Ebene der ausgewählten Seite. Dabei werden die Seiten, die sich in der ersten Menüebene befinden, in der Übersicht mit einem blauen Balken hinterlegt, während die Seiten der zweiten Menüebene weiss gekennzeichnet sind. Möchten Sie, dass der Link zu einer Seite in der Navigation nicht sichtbar ist, klicken Sie zweimal auf das Icon (das Seitensymbol rechts wird ausgeblendet). Sie können die eingestellte Menüebene Ihrer Seiten jederzeit wieder ändern. 7.6 Seite löschen Klicken Sie auf das Icon mit dem Papierkorb, löschen Sie die ausgewählte Webseite. Nach Bestätigung der Abfrage ist die Seite unwiderruflich gelöscht. Compitreff Homepage mit Educanet 2 erstellen Seite 3 von 7

4 8. Website Generator Der Website Generator ermöglicht die automatische Erstellung von Webseiten mit unterschiedlichen Gestaltungsmöglichkeiten und Funktionen. Neben den Layoutmodulen zur Einbindung von Hintergrundfarben, verschiedenen Schrifttypen sowie Grafiken und Bilder im GIF oder JPEG Format, können Seiten mit interaktiven Übungsformen integriert werden. Sie können den Website Generator zur Realisierung einer privaten Homepage zur Projektpräsentation oder zur Erstellung einfacher Onlinekurse einsetzen. Die Internetadresse Ihrer Website wird dabei automatisch festgelegt. Der Website Generator steht Ihnen in drei Plattform Bereichen zur Verfügung. Zur Erstellung einer privaten Homepage klicken Sie auf den Reiter Privat und links im Menü auf die Funktion Website. 9. Seitenlayout Varianten 9.1 Text und Bilder Standard Mit diesem Layout haben Sie die Möglichkeit, auf der Seite einen hervorgehobenen Lockartikel (=Teaser), drei Textblöcke mit Überschrift sowie drei Grafiken oder Bilder zu platzieren. Die Grafiken werden abwechselnd am linken oder rechten Seitenrand des Innenframes platziert. Die Grafiken dürfen hierfür max. 250 Pixel breit sein Bilder rechts Dieses Layout bietet die gleichen Möglichkeiten wie Standard (1.1), platziert die Grafiken jedoch am rechten Seitenrand des Innenframes. Grafikgrösse: max. 250 Pixel breit Bilderreihe Auch hier können Sie wieder einen Lockartikel (Teaser) verfassen, drei Textblöcke mit Überschrift setzen und drei Grafiken uploaden. Die Grafiken werden nach dem ersten Textblock nebeneinander in der Mitte des Innenframes platziert. Damit die Grafiken nebeneinander Platz haben beträgt die max. Breite jeder Grafik 145 Pixel. Compitreff Homepage mit Educanet 2 erstellen Seite 4 von 7

5 9.1.4 Bilder gross Eingabemöglichkeit für einen hervorgehobenen Locktext (Teaser), drei Textblöcke mit Überschrift sowie Upload von drei grösseren Grafiken, die unter jeden Textblock platziert werden. Die Grafiken dürfen eine Breite von max. 470 Pixel aufweisen Bilder Eingabemöglichkeit für einen hervorgehobenen Locktext (Teaser), einem Textblock mit Überschrift sowie Upload von wahlweise acht kleineren (je max. 100 Pixel breit) oder grösseren Grafiken (Vergrösserungsfunktion über Anklicken), neben denen jeweils ein Textblock mit Überschrift platziert werden kann. 9.2 Arbeitsblätter Arbeitsblatt 1 Uploadmöglichkeit für zweimal drei nebeneinander stehende Grafiken unter die jeweils ein Textblock platziert werden kann, Aufzählungsliste für sechs Unterpunkte mit Kommentar (z.b. Aufgaben mit Beschreibung), Linkliste für insgesamt sechs Verlinkungen sowie ein Downloadangebot Arbeitsblatt 2 Uploadmöglichkeit für eine Grafik (max. 250 Pixel breit) unter die ein Textblock platziert werden kann, Aufzählungsliste für sechs Unterpunkte mit Kommentar (z.b. Aufgaben mit Beschreibung), Linkliste für insgesamt sechs Verlinkungen sowie ein Downloadangebot Arbeitsblatt 3 Uploadmöglichkeit für zwei Grafiken (je max. 250 Pixel breit) neben die jeweils ein Textblock platziert werden kann, Aufzählungsliste für sechs Unterpunkte mit Kommentar (z.b. Aufgaben mit Beschreibung), Linkliste für insgesamt sechs Verlinkungen sowie ein Downloadangebot. Compitreff Homepage mit Educanet 2 erstellen Seite 5 von 7

6 9.3 Interaktive Übungen Für die Erstellung von Seiten mit interaktiven Übungen können Sie Vorlagen mit drei Aufgabentypen verwenden: Multiple Choice Beim Aufgabentyp Multiple Choice müssen die richtigen Antworten per Checkbox ausgewählt werden. Sie geben in die Eingabemaske bis zu fünf Aussagen ein. Danach wählen Sie die richtige(n) Aussage(n) aus, in dem Sie die dazugehörige(n) Checkbox(en) anklicken. Nachdem Sie alle Aussagen eingetragen und die richtigen Checkboxen gekennzeichnet haben, klicken Sie auf den Button Speichern und Schliessen bzw. nur Speichern Lückensatz / Lückentext Bei diesem Aufgabentyp werden Lückensätze durch eine offene Eingabe ergänzt. Dabei ist eine Lücke pro Satz möglich. Ihnen stehen hierbei drei Möglichkeiten zur Verfügung: Wortlücke in der Mitte des Satzes Wortlücke am Anfang des Satzes (Es müssen nicht zwingend alle drei Felder ausgefüllt werden, d.h. Sie können auch nur zwei Felder verwenden) Wortlücke am Ende des Satzes (Es müssen nicht zwingend alle drei Felder ausgefüllt werden, d.h. Sie können auch nur zwei Felder verwenden) Sie können in die Eingabemaske bis zu fünf Lückensätze eingeben. Beachten Sie, dass Sie in der Lücke das Zeichen " aus technischen Gründen nicht verwenden können Auswahlbox Bei diesem Aufgabentyp werden die richtigen Antworten über eine Auswahlbox bestimmt. Sie können in die Eingabemaske bis zu fünf Aussagen und Auswahlmöglichkeiten eingeben. Bei jeder Frage erscheint die gleiche Auswahlbox, d.h. die Auswahlmöglichkeiten müssen so gewählt werden, dass es auf jede Aussage eine richtige Antwort gibt. Der Button Auswertung erscheint bei allen interaktiven Übungen nach Fertigstellung und Veröffentlichung automatisch unter einer Aufgabe. Über seine Aktivierung erfolgt die Überprüfung der Lösung. Anhand der Icons neben einer Lösung wird sichtbar welche Antworten richtig oder falsch sind (Häkchen = richtig, Kreuzchen = falsch). Wurde falsch geantwortet, gibt es die Möglichkeit zur Wiederholung, bis die Aufgabe richtig gelöst ist. Danach erfolgt eine automatisch Weiterleitung zur nächsten Seite. Compitreff Homepage mit Educanet 2 erstellen Seite 6 von 7

7 9.4 Quellen und Materialien Literatur Liste für insgesamt zehn Buchtitel mit Kommentar Linkliste Liste für insgesamt zehn Links mit Kommentar Downloads Liste für insgesamt zehn Downloadangebote mit Kommentar Termine Liste für insgesamt zehn Termine mit Kommentar. 10. Urheberrecht Bevor Fremdmaterialien im Internet veröffentlicht werden dürfen, muss der Urheber dazu sein Einverständnis geben. Ganz gleich ob es sich dabei um Text, Grafik, Musik oder Video handelt. Auch private und nicht kommerzielle Homepages sind hiervon nicht ausgeschlossen ausgenommen, der Urheber weist ausdrücklich auf die freie Nutzung von Materialien hin. Handelt es sich bei Texten und Bildern um Schülerarbeiten, sollten in der Regel auch die Eltern über die Veröffentlichung im Internet informiert werden. Compitreff Homepage mit Educanet 2 erstellen Seite 7 von 7