Bei uns finden Sie regelmäßig neue Medien zum Einsatz für Ihren Unterricht. Stöbern Sie in den Neuerscheinungen der letzten Monate.
WB-Workshop
Basics
Bei einem Content-Management-System wie es Websitebaker ist erfolgt die Bearbeitung der Homepage ausschließlich im Browser. Das bedeutet, dass es zu einer Homepage zwei Ansichten gibt:
- Die normale Seite, wie sie jeder Nutzer sieht, der Ihre Seite aufruft - man nennt dies das Frontend.
- Eine Administrationsseite, auf der die Administratoren die Seite verwalten können - das Backend. Das Backend ist logischerweise passwortgeschützt.
Beim Arbeiten an der Seite verwenden Sie am besten immer zwei Browserfenster bzw. -tabs. Einen für das Backend zum Bearbeiten der Seite und einen für das Frontend, um die Änderungen direkt zu überprüfen.
Installation der Portable-Edtition auf Stick
Laden Sie die Portable-Edition des Websitebaker hier herunter und speichern Sie die Datei z. B. auf dem Desktop.
Erstellen Sie auf Ihrem Stick oder in Ihren Eigenen Dateien einen Ordner, z. B. WBPortable. Doppelklicken Sie die heruntergeladene Datei und wählen Sie bei Extract to das gerade erstellte Verzeichnis aus.
Das Entpacken kann bis zu 20 Minuten dauern, insbesondere auf Stick. Bitte nicht ungeduldig werden, wenn der Prozess eine ganze Weile bei 30% anhält.
Arbeiten mit dem PortableWB
Starten Sie Websitebaker mit Doppelklick auf die Datei WebsiteBakerPortable.exe.
Es öffnet sich ein neues Browserfenster mit einer Startseite.
Ändern Sie zunächst in der Menüleiste links die Sprache auf Deutsch (DE).
Scrollen Sie nach unten, um das Frontend und das Backend der Demoversion in neuen Tabs zu öffnen (einfach anklicken).
Sollten Sie die Browserfenster versehentlich schließen, so erreichen Sie den Bereich erneut, wenn Sie den Browser öffnen und folgende Adressen eingeben:
- Frontend: http://127.0.0.1:4001/wbdemo/
- Backend: http://127.0.0.1:4001/wbdemo/admin/
Loggen Sie sich im Backend ein:
- Username: admin
- Password: admin
Alternative: Online-Demo
Sie möchten ohne Installation loslegen? Kein Problem. Verwenden Sie die Online-Demo.
- Hier geht es zum Frontend.
- Hier geht es zum Backend. Der Zugang zum Backend lautet:
Benutzername: admin
Kennwort: demo123
Sie müssen jedoch folgendes beachten. Änderungen, die Sie an der Online-Demo vornehmen bleiben nicht erhalten, weil natürlich auch andere User diese Demo verwenden. Außerdem wird die Installation von Zeit zu Zeit zurückgesetzt. Wenn Sie also auf ein bleibendes Ergebnis Wert legen, sollten Sie die Portable-Edition verwenden.
Unabhängig davon sollten beide Systeme nur zu Testzwecken verwendet werden. Bauen Sie nicht Ihre komplette geplante Website auf dem Testsystem auf, weil sich dies nur sehr schwierig auf ein Produktivsystem übertragen lässt.
Die nachfolgenden Erläuterungen gelten unabhängig, ob Sie mit der Portable-Edition oder der Online-Demo arbeiten.
Erste Schritte mit Website-Baker
Umstellen der Sprache
Unter Preferences > My Settings können Sie die Sprache von Englisch auf Deutsch stellen.
Ihre erste Seite
Wechseln Sie zu Seiten und erstellen Sie eine neue Seite. Wählen Sie als Titel "Willkommen" und belassen Sie die übrigen Einstellungen. Klicken Sie auf Hinzufügen.
Sie landen auf einer Seite, die einem Textverarbeitungsprogramm wie Word ähnelt. Geben Sie dort Text ein und formatieren Sie ihn wie üblich.
In den folgenden Screenshots wird ein Link auf die Seite des Landesmedienzentrums erstellt. Markieren Sie dazu das Wort Landesmedienzentrum und wählen Sie folgendes Symbol in der Symbolleiste:
Im sich öffneneden Fenster geben Sie die Linkadresse ein (am besten Kopieren und Einfügen) und wählen unter Zielseite _blank aus, damit sich beim Anklicken des Links ein neues Fenster öffnet.
Speichern Sie die Seite und betrachten Sie ihr Werk, indem Sie zum Frontend wechseln und die Ansicht des Browsers aktualisieren.
Templates
Das Aussehen Ihrer Seite lässt sich sehr leicht über Templates verändern.
Auswahl eines Templates
Suchen Sie auf einer der unten stehenden Seiten ein Template aus und laden es herunter.
Installation des Templates
Gehen Sie im Backend von WB auf die Seite Erweiterungen > Designvorlagen. Klicken Sie auf Durchsuchen und browsen Sie zu der gerade heruntergeladenen Datei. Klicken Sie auf Installieren.
Ändern des angezeigten Templates
Wechseln Sie zu Optionen > Standardeinstellungen und wählen Sie unter Template das gerade installierte Template aus.
Betrachten Sie im Frontend die Auswirkung Ihrer Änderung.
Weitere Themen
- Bilder einfügen
- Image-Gallery
- Kalender
- Benutzergruppen