Kapitel 10. Crash-Kurs: Demo-Webseite

Inhaltsverzeichnis

10.1. Vorbereitungen
10.2. Seiten anlegen
10.3. Startseite mit Inhalten füllen
10.4. Startseite mit Vorlage verbinden
10.5. Style Sheets, Logo und Hintergrundbilder einbinden
10.6. Inhalte der Startseite gestalten
10.7. Inhalte des Impressum gestalten
10.8. Kontaktformular erstellen

Zusammenfassung

In diesem Crash-Kurs geht es darum, Sie ohne grosse Umschweife an die Erstellung einer einfachen Webseite heranzuführen, ohne sich zu intensiv mit dem Wieso und Warum zu beschäftigen. Allerdings sind an vielen Stellen die ausführlichen Beschreibungen, die an anderer Stelle in diesem Handbuch vorkommen, referenziert.

Zur Umsetzung haben wir eine Test-Webseite erstellt, die weder besonders gehaltvoll noch besonders aussergewöhnlich ist, dafür aber einfach genug, um nicht den Blick auf das Wesentliche zu trüben – die Bedienung von Welcompose.

Abbildung 10.1. Screenshot der Demo-Webseite

Screenshot der Demo-Webseite

[Anmerkung] Anmerkung

Um das nachfolgendene Beispiel nachvollziehen zu können, benötigen Sie die Materialien zum Crash-Kurs. Diese können Sie aus dem Downloadbereich der Welcompose Webseite herunterladen.

Sollten Sie Probleme beim Verständnis der Beispiele haben, lesen Sie bitte die inhaltlichen Kapitel des Handbuchs durch. Sollten dennoch Fragen offen bleiben, können Sie sich gerne auch an die User-Community in unseren Foren wenden. Hier werden Sie zeitnah unterstützt.

10.1. Vorbereitungen

Wer sich die Demo-Webseite anschaut, sieht, dass sie einfach aufgebaut ist: Eine Navigation oben, zwei Inhaltsseiten mit Fliesstext (Startseite und Impressum) und ein Kontaktformular. Bevor damit begonnen werden kann, die Navigation und die einzelnen Seiten anzulegen, muss zuerst eine Vorlagengruppe angelegt werden – denn ohne Vorlagengruppe kann keine Seite angelegt werden.

Um eine neue Vorlagengruppe anzulegen, klicken Sie zuerst auf den Navigationspunkt Vorlagen und dann auf den Unterpunkt Vorlagengruppen. Von dort gelangen Sie über den Link Neu anlegen zur Eingabemaske, um eine neue Vorlagengruppe anzulegen.

Abbildung 10.2. Vorlagengruppe hinzufügen

Vorlagengruppe hinzufügen

Name

Geben Sie in das Feld einen Namen für die Vorlagengruppe an. Wählen Sie einen möglichst beschreibenden Namen wie Standardaussehen.

Beschreibung

In dieses Feld können Sie optional einen Beschreibungstext für die Vorlagengruppe angeben, der dessen Verwendungszweck näher beschreibt. Dies bietet sich bei der Verwendung von nur einer Vorlagengruppe wie jetzt weniger an, kann bei grösseren Webseiten mit vielen Vorlagengruppen aber praktisch sein.

Klicken Sie nun auf die Schaltfläche Speichern, um die Vorlagengruppe anzulegen.