Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3

Transkript

1 Inhaltsverzeichnis Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2 Schritt 1: Design auswählen...3 Schritt 2: Umfang und Struktur der Seiten bestimmen...7 Schritt 3: Inhalte bearbeiten...9 Grafik einfügen Link einfügen Foto-Galerie einfügen Gästebuch einfügen Feedbackformular einfügen Forum einfügen Schritt 4: Extras einstellen Schritt 5: Publizieren Systemvoraussetzungen WEB.DE WebBaukasten 1/25

2 Mit dem WEB.DE WebBaukasten zur eigenen Homepage! Mit dem WEB.DE WebBaukasten stellen wir Ihnen eine umfangreiche und einfach zu bedienende Anwendung zur Seite, mit der Sie in wenigen Minuten eine eigene Website erstellen und im Internet publizieren können. Wichtig: Bevor Ihre neue Website für jeden im Internet erreichbar ist, müssen Sie auf der Seite Website verwalten die Option WebBaukasten nutzen anklicken. Beginnen Sie die Erstellung der Seiten durch Klick auf 1. Design. WEB.DE WebBaukasten 2/25

3 Schritt 1: Design auswählen In Schritt 1 legen Sie das Design Ihrer Website fest. Wählen Sie zunächst über den Reiter Layout eine aus über 100 Vorlagen aus. Für eine schnelle Vorauswahl wurden die Vorlangen nach Themen in Kategorien sortiert. Details wie Farbschemata, Kopfbanner, Buttons, Logo, sowie ein Flash- Intro können Sie in der Vorlage anschließend noch anpassen. Tipp: Über die Funktion "Website-Vorschau" im linken oberen Bereich des Fensters können Sie sich die erstellte Seite jederzeit in einem neuen Browserfenster anzeigen lassen. Jedes Layout können Sie zunächst über die Vorschauansicht detailliert einsehen oder über die entsprechende Schaltfläche auswählen. Die Layout-Vorlage zeigt Ihnen, ausgefüllt mit Blindtext, beispielhaft, wie Ihre Website aussehen könnte. WEB.DE WebBaukasten 3/25

4 Wenn Sie sich für ein Layout entschieden haben können Sie das Farbschema anpassen. Wählen Sie einfach per Mausklick Ihre Lieblingsfarbe aus. Unter Kopfbanner werden Ihnen unterschiedliche Motive angeboten. Wählen Sie hier Ihren Favoriten aus. Anschließend können Sie die Buttons des Layouts anpassen. Wählen Sie einfach nach Ihrem persönlichen Geschmack. WEB.DE WebBaukasten 4/25

5 Falls Sie ein persönliches Logo zur Hand haben können Sie dies hier einfügen. Die empfohlene Größe der Grafik-Datei ist von der jeweiligen Design-Vorlage abhängig und wird Ihnen angegeben. Unter Flash-Intro können Sie Ihre effektvolle Animationen erstellen, die Besuchern beim Betreten Ihrer Seite angezeigt wird. Geben Sie einfach eine persönliche Überschrift und Text ein (z.b. einen Willkommensgruß), wählen Sie ein Hintergrundbild sowie einen Effekt und bestätigen Sie die Schaltfläche "Anwenden" - das soeben erstellte Flash-Intro wird sofort abgespielt. Unter Info geben Sie optional Daten Ihrer Firma ein - wie z.b. einen Firmenslogan, Info zum Urheberrecht, die URL sowie den Firmen Namen WEB.DE WebBaukasten 5/25

6 - diese Daten werden an den entsprechenden Stellen in die Vorlage übernommen. Hinweis: Bitte beachten Sie, dass diese Informationen nicht bei allen Layouts angezeigt werden. Über die Vorschau des ausgewählten Layouts können Sie sehen, was auf der Website übernommen wird. Wenn Sie mit dem Design Ihrer Seite zufrieden sind klicken Sie rechts unten auf "Weiter" - Sie werden automatisch zu Schritt 2 - Seiten geleitet. WEB.DE WebBaukasten 6/25

7 Schritt 2: Umfang und Struktur der Seiten bestimmen In Schritt 2 bestimmen Sie Umfang und Struktur Ihrer Website. Da verschiedene Informationsinhalte gewöhnlich in unterschiedlichen Seiten und Strukturen angelegt werden, stellen wir Ihnen vorab zwei vorgefertigte Website-Typen zur Verfügung: Eine persönliche (private) Seite oder eine Seite für Ihr Unternehmen. Diese beinhalten bereits verschiedene Unterseiten und können individuell nach Ihren Bedürfnissen angepasst werden. Wählen Sie in der Liste durch Setzen eines Häkchens aus den vorgeschlagenen Seiten und bestätigen Sie die Auswahl mit der Schaltfläche "Ausgewählte Seite(n) hinzufügen" - diese werden nun in das Feld Aktuelle Website-Struktur übernommen. WEB.DE WebBaukasten 7/25

8 Anschließend können Sie auf den einzelnen Seiten die Titel bearbeiten oder bis zu 12 neue Seiten hinzufügen. Klicken Sie hierfür auf "Neue Seite hinzufügen". Geben Sie nun einen Seitentitel ein und wählen Sie zwischen zwei Seiten-Typen, einer "normalen" HTML-Seite oder einer Fotogalerie-Seite. Darüber hinaus können Sie die Hierarchie bearbeiten, indem Sie die Seite auf eine höhere oder niedrigere Ebene verschieben. Die derzeitige Website-Struktur kann bis zu 6 Top- Level-Seiten (Seiten auf oberster Ebene) und bis zu 10 Seiten niedrigerer Ebene enthalten. Insgesamt allerdings maximal 12 Seiten. Mit Hilfe der Strg- Taste können Sie mehrere zu löschende Seiten auswählen. Über die Funktion "Website-Vorschau" im linken oberen Bereich des Fensters können Sie sich die erstellte Seite jederzeit in einem neuen Browserfenster anzeigen lassen. Wenn Sie mit Struktur und Umfang Ihrer Website zufrieden sind klicken Sie links unten auf "Weiter" - Sie werden automatisch zu Schritt 3 - Inhalte geleitet. WEB.DE WebBaukasten 8/25

9 Schritt 3: Inhalte bearbeiten In Schritt 3 erstellen und bearbeiten Sie die Inhalte Ihrer Website. Klicken Sie dazu in die Textfelder, um die standardmäßig eingefügten Texte mit Ihren eigenen zu überschreiben. Anschließend können Sie, wie Sie es eventuell bereits aus Textverarbeitungsprogrammen kennen, über die Symbolleiste verschiedenen Schriftarten, Schriftgrößen und Schriftfarben auswählen oder die Ausrichtung des Textes festlegen. Zudem können Sie hier auch Listen, Aufzählungen und Tabellen einfügen oder Bilder in eine Foto-Galerie hochladen (falls Sie in "Schritt 2 - Seiten" eine Foto-Galerie angelegt haben). Wenn Sie im WebBaukasten mit der Maus über die verschiedenen Symbole fahren, bekommen Sie eine Kurzbeschreibung zur jeweiligen Funktion angezeigt. WEB.DE WebBaukasten 9/25

10 Damit Sie auch ohne HTML-Kenntnisse anspruchsvolle Webseiten gestalten können, stehen Ihnen noch weitere Funktionen zur Verfügung, die Sie mit Klick auf das entsprechende Symbol in der Menüleiste einfügen können: Grafik einfügen Hyperlink einfügen Gästebuch einfügen Feedbackformular einfügen Forum einfügen Hinweis: Pro Seite können Sie jeweils nur ein Modul (Gästebuch, Feedbackformular oder Forum) einfügen. Insgesamt können Sie vier Module in Ihre Webseite einfügen. Über die Schaltfläche Website-Vorschau im linken oberen Bereich des Fensters können Sie sich die erstellte Seite jederzeit in einem neuen Browserfenster anzeigen lassen. Wenn Sie mit den Inhalten Ihrer Website zufrieden sind klicken Sie auf Weiter - Sie werden automatisch zu Schritt 4 - Extras geleitet. WEB.DE WebBaukasten 10/25

11 Grafik einfügen 1. Um eine Grafik einzufügen klicken Sie in der Menüleiste auf das Grafik-Symbol 2. Wählen Sie im sich öffnenden Fenster den entsprechenden Pfad auf Ihrem PC und bestätigen Sie die markierte Grafik mit Upload. 3. Im Vorschaufenster wird Ihnen nun die Grafik angezeigt, neben Layout- Einstellungen zur Anordnung und Abstand können Sie einen alternativen Text eintragen, üblicherweise eine Beschreibung des Bildes. Bestätigen Sie Ihre Eingabe abschließend mit OK. WEB.DE WebBaukasten 11/25

12 Link einfügen 1. Das Fenster zum Einfügen eines Links öffnen Sie durch Klicken auf das Link-Symbol 2. Tragen Sie die Adresse der Verknüpfung ein und bestätigen Sie mit OK. WEB.DE WebBaukasten 12/25

13 Foto-Galerie einfügen 1. Wenn Sie bei "Schritt 2 - Seiten" eine Seite vom Typ Fotogalerie erstellt haben, dann können Sie Bilder hochladen, indem Sie im WebBaukasten zu Schritt 3 - Inhalte bearbeiten gehen. 2. Wechseln Sie nun auf die Galerie-Seite und klicken Sie dort doppelt auf das Modul photo. 3. Wählen Sie über die Schaltfläche Durchsuchen... ein Foto auf Ihrer Festplatte aus. 4. Geben Sie im entsprechenden Feld eine Bildüberschrift ein und laden Sie es anschließend über Bild hinzufügen hoch. Wiederholen Sie diese Schritte für jedes weitere Foto. 5. Über den Reiter Foto-Template Auswahl können Sie sich für einen Bildhintergrund entscheiden und ihn gleich über Fotogalerievorschau ansehen. 6. Wenn Sie alle Fotos hochgeladen haben bestätigen Sie mit Klick auf Übernehmen. WEB.DE WebBaukasten 13/25

14 Hinweis: Das eingefügte Modul ("photo") wird im WebBaukasten auf "Schritt 3 - Inhalte bearbeiten" lediglich als Modulbaustein angezeigt - über die Schaltfläche "Website-Vorschau" links oben können Sie sich die Galerie auch in einem neuen Browserfenster anzeigen lassen. WEB.DE WebBaukasten 14/25

15 Gästebuch einfügen 1. Um ein Gästebuch einzufügen, gehen Sie im WebBaukasten zu Schritt 3 - Inhalte bearbeiten und klicken mit der Maus innerhalb der Seite auf die Stelle, an der das Gästebuch platziert werden soll. 2. Klicken Sie anschließend in der Menüleiste auf das Gästebuch-Symbol: 3. Klicken Sie nun doppelt auf das Modul guestbook 4. Wählen Sie zunächst das Design Ihres Gästebuchs aus, indem Sie auf eine der Vorlagen klicken. WEB.DE WebBaukasten 15/25

16 5. Klicken Sie nun auf den Reiter Gästebuch-Eigenschaften und wählen Sie dort Ihre bevorzugten Einstellungen aus. Mit Klick auf Gästebuch-Vorschau können Sie sich anschauen, wie das Gästebuch aussehen wird. Wenn Sie damit zufrieden sind, speichern Sie Ihre Einstellungen mit Klick auf Übernehmen. Hinweis: Das eingefügte Modul (Gästebuch) wird im WebBaukasten in "Schritt 3 - Inhalte bearbeiten" lediglich als weißes Rechteck angezeigt - über die Schaltfläche Website-Vorschau links oben können Sie sich die Seite mit dem Gästebuch auch in einem neuen Browserfenster anzeigen lassen. WEB.DE WebBaukasten 16/25

17 Feedbackformular einfügen 1. Um ein Feedbackformular (ermöglicht den Besuchern Ihrer Seite, Ihnen s zu senden) einzufügen, gehen Sie im WebBaukasten zu Schritt 3 - Inhalte bearbeiten und klicken mit der Maus innerhalb der Seite auf die Stelle, an der das Feedbackformular platziert werden soll. 2. Klicken Sie anschließend in der Menüleiste auf das Feedback-Symbol: 3. Klicken Sie nun doppelt auf das Modul feedback: WEB.DE WebBaukasten 17/25

18 4. Bestimmen Sie die Eigenschaften des Feedbackformulars: Name des Feedbackformulars: Tragen Sie hier den Text ein, der als Überschrift des Formulars angezeigt werden soll. -Adresse: An diese Adresse wird das Formular gesendet, wenn der Besucher Ihrer Seite auf "senden" klickt. -Betreff: Der Text, den Sie in dieses Feld eingeben, wird automatisch in die Betreffzeile der eingetragen, wenn der Besucher Ihrer Seite das Feedbackformular abschickt. Antworttext: Geben Sie hier den Text ein, der angezeigt werden soll, nachdem der Besucher Ihrer Seite das Feedbackformular gesendet hat. WEB.DE WebBaukasten 18/25

19 5. Mit Klick auf Felder legen Sie fest, welche Angaben die Besucher Ihrer Seite ins Formular machen können bzw. müssen, bevor sie es abschicken können. Wenn Sie damit zufrieden sind, speichern Sie Ihre Einstellungen mit Klick auf Übernehmen. Hinweis: Das eingefügte Modul (Feedbackformular) wird auf in "Schritt 3 - Inhalte bearbeiten" lediglich als weißes Rechteck angezeigt - über die Schaltfläche Website-Vorschau links oben können Sie sich die Seite mit dem Feedbackformular auch in einem neuen Browserfenster anzeigen lassen. WEB.DE WebBaukasten 19/25

20 Forum einfügen 1. Um ein Forum (ermöglicht den Gästen Ihrer Seite, über beliebige Themen zu diskutieren) einzufügen, gehen Sie im WebBaukasten zu Schritt 3 - Inhalte bearbeiten und klicken mit der Maus innerhalb der Seite auf die Stelle, an der das Forum platziert werden soll. 2. Klicken Sie anschließend in der Menüleiste auf das Forum-Symbol: 3. Klicken Sie nun doppelt auf das Modul forum: 4. Wählen Sie zunächst das Design Ihres Forums aus, indem Sie auf eine der Vorlagen klicken. WEB.DE WebBaukasten 20/25

21 5. Klicken Sie nun auf den Reiter Forum-Eigenschaften und wählen Sie dort Ihre bevorzugten Einstellungen aus. Mit Klick auf Forum-Vorschau können Sie sich anschauen, wie das Forum aussehen wird. Wenn Sie damit zufrieden sind, speichern Sie Ihre Einstellungen mit Klick auf Übernehmen. Hinweis: Das eingefügte Modul (forum) wird im WebBaukasten in "Schritt 3 - Inhalte bearbeiten" lediglich als weißes Rechteck angezeigt - über die Schaltfläche Website-Vorschau links oben können Sie sich die Seite mit dem Forum auch in einem neuen Browserfenster anzeigen lassen. WEB.DE WebBaukasten 21/25

22 Schritt 4: Extras einstellen In Schritt 4 legen Sie Beschreibungen und sogenannte Metatags für Ihre Website fest. Tragen Sie zunächst einen Site-Titel ein, der bei Aufruf der Website in der Titelleiste des Browsers angezeigt werden soll - üblicherweise eine kurze Begrüßung oder der Firmenname - bei Aufruf der WEB.DE Fre Loginseite sieht der Site-Titel z.b. so aus: Das Feld Site-Schlagwörter dient der Indexierung zum späteren Auffinden Ihrer Website in Suchmaschinen. Trennen Sie die Schlagworte einfach durch Kommata. Site-Beschreibungen werden von einigen Suchmaschinen verwendet, wenn Ihre Site im Rahmen eines Suchergebnisses angezeigt wird. Beschränken Sie Ihre Beschreibung auf Wörter, da die meisten Suchmaschinen Angaben darüber hinaus nicht berücksichtigen. Wenn Sie mit den Einstellungen fertig sind klicken Sie auf "Übernehmen" um Ihre Eingaben zu speichern. Klicken Sie WEB.DE WebBaukasten 22/25

23 anschließend rechts unten auf "Weiter" - Sie werden automatisch zu Schritt 5 - Publizieren geleitet. WEB.DE WebBaukasten 23/25

24 Schritt 5: Publizieren In Schritt 5 übertragen Sie Ihre Website ins Internet, damit jeder Ihre neue Seite im Internet sehen kann. Dabei wird auf Ihrem Server ein neuer Ordner "webde_webbaukasten" automatisch angelegt. In diesen werden die Startseite Ihrer Webseite, die Datei "index.htm", sowie alle weiteren Seiten der Website, die Sie mit dem WEB.DE WebBaukasten erstellt haben, hochgeladen. Sämtliche Daten in diesem Ordner sind wie alle andere Daten auf Ihrem Server per FTP zugänglich. Wichtig: Bevor Ihre neue Website für jeden im Internet erreichbar ist, müssen Sie auf der Seite Website verwalten die Option WebBaukasten nutzen anklicken. WEB.DE WebBaukasten 24/25

25 Systemvoraussetzungen Bitte beachten Sie, dass der WEB.DE Webbaukasten für folgende Browser optimiert wurde: Internet Explorer 5.5 und höher Mozilla 1.4 und höher Netscape 7.0 und höher Firefox 0.9 und höher WEB.DE WebBaukasten 25/25