Detaillierte Beschreibung & Bewertung ausgewählter Homepage Online- Baukästen

Transkript

1 Detaillierte Beschreibung & Bewertung ausgewählter Homepage Online- Baukästen Hier möchten wir eine Übersicht über verschiedene, von uns getestete kostenlose Online-Baukästen bieten, um Ihnen die Orientierung ein wenig zu erleichtern. Wenn Sie sich für einen der Baukästen entschieden haben, probieren Sie am besten erst einmal in aller Ruhe aus. Einfach mal durchklicken, es ist wirklich nicht schwer Bewertung Kosten: keine Umfang: nur 1 Seite (Visitenkarte) 10 Vorlagen zur Auswahl Bearbeitung: einfach, Text & Bild können direkt in die Vorlage eingefügt werden, ohne Zwischenordner Anmeldung: einfach, keine Adresse erforderlich Werbung: keine Beispiel: Fazit: einfach handhabbar, aber kaum Möglichkeiten der Gestaltung Direkte Änderung in der Vorlage So funktioniert s: Anmeldung: Erstellung: Änderung: freenet-startseite: jetzt kostenlos Mitglied werden anklicken Basic Mitgliedschaft wählen. freenet-startseite: Homepage (links im Menü) einloggen los geht s für Einsteiger freenet-startseite: Homepage einloggen Baukasten 1/17

2 2. Bewertung Kosten: keine Umfang: 20 Seiten, viele Designs zur Auswahl, individuell veränderbar Bearbeitung: Editor, komplizierter als freenet und lizzynet Werbung: unaufdringlich oben links Anmeldung: relativ unkompliziert (aber aufwendiger als bei freenet), Adresse erforderlich Beispiel: Fazit: relativ einfach handhabbar, insgesamt ist die Beepworld-Seite übersichtlich gestaltet Einfacher Editor So funktioniert s: Anmeldung: Eigene Adresse ist erforderlich, da ein vorläufiges Passwort (z.b ) dorthin verschickt wird. Dieses Passwort braucht man für den allerersten Log-In, bei dem man jedoch aufgefordert wird, ein neues Passwort anzugeben. Der Vorteil liegt auf der Hand: Man kann sich ein Passwort ausdenken, welches man sich leicht merken kann. 2/17

3 Erstellung der Homepage: Nach dem Log-In sieht man diesen gelben Kasten am rechten Bildschirmrand. Er ist für die Erstellung der Homepage wichtig! Um das eigene Homepageprojekt zu bearbeiten, klickt man zunächst auf Seiten erstellen und Inhalte ändern Man gelangt dann zu dieser Seite: Voreingestellt ist die Seite Index. Wenn man selbst neue Seiten erstellt hat (s.u.), erscheinen diese auch hier. Eine neue Seite erstellt man, indem man hier einen neuen Namen einträgt, also z.b. Hobbies für eine Seite über die eigenen Hobbies. Danach auf Erstellen klicken. Achtung! Die Seitennamen dürfen keine Leerzeichen enthalten! Um eine Seite zu bearbeiten, markiert man sie in der Liste mit einem Mausklick und wählt dann bearbeiten. Es öffnet sich der Editor, in dem man die Änderungen vornehmen kann. Die Änderungen müssen durch einen Klick auf den Button im Editor ganz unten übernommen werden. 3/17

4 Neu erstellte Seiten erscheinen später auf der Homepage als Buttons zum Navigieren. Sie können über Linkmenü verändert werden. Dateiverwaltung/Bilder einfügen: Hier werden die Bilder für die Homepage gespeichert, bevor man sie im Editor einfügen kann Homepage aufrufen: Hier kann man sich die Homepage ansehen. Linkmenü Gästebuch & Besucherzähler gibt es nicht bei der kostenlosen Variante Der Editor Es gibt 3 verschiedene Editoren bei Beepworld (das ist das Fenster, in welches man seine Inhalte eingibt, die später auf der Homepage erscheinen sollen) Mit dem Internet Explorer Editor kann man... - Tabellen einfügen: Lassen sich im Nachhinein nicht mehr transparent machen! Vor dem Bearbeiten geht das, aber dann muss man in durchsichtigen Tabellen arbeiten schwierig. - Schriftart, -größe, -farbe gestalten - Aufzählungen einfügen - Bilder und Musik einfügen Mit einem Klick auf ändern, hat man die Möglichkeit den Editor zu wechseln. Wir haben mit dem Internet Explorer Editor gearbeitet. - Verlinken: Häkchen setzen v, der Link wird dann automatisch gesetzt 4/17

5 Navigation bei beepworld Oben, in der Mitte des Bildschirms befindet sich ein Zurück-Button. Von hier aus kommt man zurück zur vorherigen Auswahl. Unsere Erfahrungen aus der Durchführung eines Homepage-Workshops mit beepworld Anmeldung Der Benutzername und das Passwort wurden von vielen Jugendlichen verwechselt oder nicht richtig wiedergegeben, so dass es bei diesen Jugendlichen lange dauerte, bis sie mit ihrer Homepagebearbeitung beginnen konnten. Fazit Name und Passwort müssen aufgeschrieben werden, bei beepworld muss man das Passwort einmal ändern, so dass es sogar 2 Passwörter gibt, die man leicht vertauschen kann. Gestaltungsmöglichkeiten Die Auswahl an Designvorlagen ist sehr klein, außerdem bieten die Vorlagen entweder keine Gestaltungsmöglichkeiten oder nur sehr geringe, die Vorlagen sind sehr starr. Außerdem hat es sich doch als störend erwiesen, dass man auf Werbung angewiesen ist, wenn man das kostenlose Angebot wählt. Technik von beepworld Teilweise waren die Ladezeiten nach Auswahl einer Designvorlage sehr lang. Es gab keine Information darüber, wie z. B. Bitte einen Moment Geduld!, so dass man nicht wusste, wie man weiter vorgeht. Irgendwann wurde die Veränderung dann sichtbar. Einige Features waren plötzlich nicht mehr möglich, z. B. das Einfügen bewegter Figuren (Smilys etc.). Dann konnte man den kompletten Account nur noch löschen und von vorn anfangen. 5/17

6 3. Bewertung Kosten: Umfang: keine 5 Seiten, thematisch voreingestellt (Homepage, Fotoalbum, Lebenslauf, Interessen, Linktipps) Bearbeitung: WebBuilder (= Assistent für das Design von Internetseiten), einfacher als bei beepworld, viele Vorlagen, viele Gestaltungsmöglichkeiten Werbung: Anmeldung: Beispiel: Note: aufdringlich am rechten Rand, Homepage wird ziemlich gestört, man muss von links nach rechts scrollen sehr kompliziert, komplizierter als bei beepworld Der WebBuilder ist anwenderfreundlich, die Werbung ist aber störend und insgesamt ist der Stil von Tripod aufgeregt. So funktioniert s: Direkte Änderung in der Vorlage Anmeldung - jetzt registrieren (ziemlich klein am rechten Seitenrand) Formular ausfüllen - Adresse erforderlich, zu dieser Adresse wird ein Link geschickt, den man anklicken muss - FTP-Passwort aussuchen (für das Einloggen auf dem Homepage-Server) - Klick auf Tripod Account nutzen 6/17

7 - 2-3 Minuten warten, bis man sich mit Username und Passwort anmelden kann Erstellung der Homepage - direkt nach der Anmeldung kann man Online Tools auswählen: WebBuilder (weiter unten auf der Seite) - Klick auf Webseite erstellen - Vorlage auswählen und auf erstellen klicken - danach landet man in der Vorlage: Hier kann man direkt Bild und Text einfügen. - zum Schluss oder zwischendurch auf veröffentlichen klicken (oben in der Symbolleiste) - Pflichtfelder ausfüllen (die mit dem *) - die Veröffentlichung nimmt Zeit in Anspruch Gästebuch Es gibt keins bei der kostenlosen Variante. Ändern oder Löschen der Homepage - anmelden - Mein Account wählen (links im Menü) - Online Tools und WebBuilder wählen - Bearbeiten/ Löschen Löschen nur mit WebFTP - mit WebFTP (links im Menü) - einzelne Seiten anklicken und auf die Mülltonne klicken (oben in der Symbolleiste) Mülltonne 7/17

8 4. Bewertung Kosten: keine Umfang: 125 KB Bearbeitung: Editor, mehr Möglichkeiten als bei beepworld, viele Vorlagen Werbung: je nach Layout relativ unaufdringlich Anmeldung: kompliziert, Adresse erforderlich, Passwort wird verschickt Beispiel: Note: relativ einfach handhabbar, übersichtliche Navigation Mehr Funktionen als bei beepworld Änderung des Passwortes So funktioniert s: Nach dem Einloggen gelangt man auf eine Seite, auf der man oben den Button Homepage bearbeiten anklicken muss. Auf der folgenden Seite erscheinen diese Schaltflächen: Hier können viele verschiedene Layouts für die Homepage ausgewählt werden Zunächst geht man am besten auf Seiten bearbeiten: Bei 123imweb sind 3 Seiten voreingestellt (Indexseite, Gästebuch und Kontakt), die man hier bearbeiten kann. Hier kann das Passwort geändert werden 8/17

9 So sieht das dann aus: Mit einem Klick auf die entsprechenden Symbole, kann man die voreingestellten Seiten bearbeiten, ansehen etc. Das Bearbeiten erfolgt in einem Editor, der ganz einfach wie ein Textverarbeitungsprogramm zu bedienen ist. Tipp: Auch wenn man sonst lieber mit einem anderen Browser arbeitet, empfiehlt sich hier der Internet Explorer. Der Editor, der dann zur Verfügung steht, ist deutlich komfortabler. Bilder in die Homepage einfügen: Bevor man ein Bild in die Homepage einfügen kann, muss es auf den Server geladen werden. Erst Durchsuchen anklicken, um die eigene Festplatte nach dem gewünschten Bild zu durchsuchen, dann auf Hochladen klicken. 9/17

10 Anschließend wechselt man wieder in den Bearbeitungsmodus der Seite, auf der das Bild erscheinen soll und bindet das Bild ein: Das bedeutet übrigens what you see is what you get, was bedeutet, dass die Homepage später so aussehen wird wie man es im Editor sieht. Schaltfläche zum Bilder einfügen Tipp: Wenn Sie wissen wollen, wofür die vielen Schaltflächen im Editor gut sind, dann fahren Sie mit der Maus darauf und lassen den Mauszeiger ein Weilchen darauf ruhen es erscheint eine kurze Erklärung. Wenn das gewünschte Bild in die Seite eingefügt wurde, dann kann man es (nachdem man darauf geklickt hat) an seinen Eckpunkten größer oder kleiner ziehen. Tipp: Wenn Sie mal nicht mehr wissen, wo Sie sich gerade befinden, gelangen Sie mit einem Klick auf den Button Homepage bearbeiten immer wieder zu der Übersichts-Seite: Auf der linken Seite der 123imweb-Seiten befindet sich übrigens ein Menü, was für Ihre Arbeit hilfreich sein kann: Hier finden sich genaue Anleitungen, Antworten auf die häufigsten Fragen und ein Support- Forum, in dem Sie sich mit anderen Usern austauschen können. Hilfe gibt es ebenso mit einem Klick auf den Support-Button ganz ober auf der Seite. Hier finden sich neben Glossar und Schritt-für- Schritt-Anleitungen auch die Möglichkeit, eine direkte Anfrage an die Seitenbetreiber zu richten. 10/17

11 5. Bewertung Kosten: keine Umfang: 3-5 Seiten zusätzlich zur Startseite, je nach Design. Es gibt 23 Vorlagen. Bearbeitung: Editor, ähnlich schlicht wie bei beepworld Werbung: relativ unaufdringlich am unteren Rand Anmeldung: unkompliziert, Adresse erforderlich Beispiel: Note: übersichtliche Navigation, aber zu kompliziert in der Bearbeitung Sehr einfacher Editor, trotzdem sind einige Funktionen sind zu kompliziert Anmeldung So funktioniert s Nach der Anmeldung (auf der Startseiten den Button Mitglied werden anklicken), bekommt man User- ID und Passwort. Dann kann es losgehen. Auf jeder Seite von web-baukasten.de findet sich diese Button-Leiste: Hier können Sie unter Einstellungen Ihr Passwort ändern 11/17

12 Alles was man zur Erstellung der Homepage braucht, findet sich zunächst unter der Registerkarte Baukasten. Homepage bauen anklicken, dann nochmal Homepage erstellen. Man landet hier: Hier den gewünschten Namen der Seite eingeben Mit Klick auf diesen Pfeil öffnet sich ein Drop-down-Menü. Die Adresse der Homepage kann nicht nur dein_name.wb3.de, sondern auch dein_name.istvollgeil.de (etc.) lauten. Die gewünschte Endung der www-adresse kann hier ausgewählt werden. Hier die Buttons für die gewünschten Seiten festlegen. Für Button 1 empfiehlt sich Home, weitere könnten z.b. sein Fotos, Gästebuch etc. Hier kann das Design der Seiten ausgewählt werden. Kann später jederzeit verändert werden. Zum Schluss nur noch auf Homepage erstellen klicken. Das Bearbeiten der Seite ist nun unter Community Dienste verwalten (oben) möglich. Links erscheint ein Fenster, in dem Ihre verwendeten Dienste eingetragen sind. Mit einem Klick darauf, gelangen Sie in den Homepagebearbeitungsmodus. 12/17

13 Unter Einstellungen können Text- und Linkfarbe eingestellt werden sowie das Seitendesign verändert werden. Hier kann man die Homepage mit Inhalt füllen Der Editor ist einfach zu bedienen und bietet einige Möglichkeiten, z.b kann man Tabellen einfügen. Tabellen Für Transparenz die 0 setzen. Aber dann muss man in einer Tabelle arbeiten, die man nicht sieht. Transparenz lässt sich nicht im Nachhinein einstellen. Tabelle in Tabelle einfügen nicht möglich. Bilder einfügen Im Menü links den Punkt Bildverwaltung auswählen: Hier kann die Festplatte nach Bildern durchsucht werden. Anschließend hochladen. Danach wieder mit dem Button Inhalt eingeben den Editor aufrufen und Bild einfügen 13/17

14 Speichern: Man muss 2x speichern: zuerst rechts oben im Editor und dann zum Ansehen der Homepage im Menü am linken Rand: Homepage speichern. Zurück-Link einbauen: Zum Navigieren innerhalb des Web-Auftritts (also zwischen den einzelnen Seiten) ist es sinnvoll, auf jeder Seite einen Link einzufügen, der zurück zur Startseite führt. Beispiel: Auf der Seite Hello Kitty soll es einen Zurück Link zur Startseite geben. Kompliziert: Man wählt die Seite Hello Kitty für die Bearbeitung an. Dort gibt es im oberen Teil des Editors einen Punkt Verknüpfung, diesen aktiviert man und klickt auf ändern. Hier kann man z. B. eine Verbindung zur Startseite herstellen oder auch mit einer Webseite. 14/17

15 Zusätzliche Dienste einbinden Registerkarte Community/ Dienste verwalten: Hier können zusätzliche Dienste in die eigene Webpräsenz eingebaut werden, wie z.b. ein Gästebuch, in dem Besucher ihre Grüße hinterlassen können oder ein Forum, in dem diskutiert werden kann. 15/17

16 6. Bewertung Kosten: Umfang: keine 5 MB Bearbeitung: Gestaltungselemente werden per Klick ausgewählt (Hintergrund, Schriftart, Vorlagen für einzelne Seiten, Briefkasten etc.) Werbung: Anmeldung: Beispiel: Note: keine unkompliziert, nur für Mädchen, keine Adresse erforderlich Einfach in der Handhabung, ruhige Navigation, Formatkunde für Fotos, bester Baukasten So funktioniert s Erstellung der Homepage Über die Registerkarte Community wählt man links im Menü Lizzypage und dann Deine HomePage. Die Schritte sind selbsterklärend. Man findet Erklärungen und Hilfe und kann einfach ausprobieren. Mit dem Befehl Homepage veröffentlichen (ganz unten) speichert man automatisch alle Änderungen und kann sich die Homepage sofort ansehen. Man kommt über den Button speichern und zur Übersicht wieder zu dieser Übersicht. 16/17

17 So kann z. B. eine Vorlage aussehen. Hier wurde eine Seite ausgewählt, bei der 3 Bilder nebeneinander angeordnet sind. Die Seiten werden automatisch dadurch verlinkt, dass man sie erstellt und benennt. Jede Seite hat das gleiche Menü am Rand. Autorin: Vivien Kretke Die auf veröffentlichten Materialien sind im Rahmen des Kooperations- und Beratungsnetzwerk für Internetzugangs- und Lernorte (KuB-Netzwerk) entstanden. Das KuB-Netzwerk ist ein Teilprojekt des LernNetzwerks Bremen ( dem Bremer Beitrag zum Bundesprogramm Lernende Regionen. In diesem Projekt kooperieren: ServiceBureau Internationale Jugendkontakte Zentrum für Schule und Beruf (zsb) Bremische Zentralstelle zur Verwirklichung der Gleichberechtigung der Frau (ZGF) Stadtbibliothek Bremen Institut für Informationsmanagement Bremen GmbH (ifib) 17/17