Erste Schritte:
Einfach mal drauflosschreiben und -basteln. Das ist der erste Tipp für den Umgang mit dem HTML-Editor FrontPage Express, mit dem in diesem Workshop die Bewerbungshomepage erstellt wird. So machst du dich mit den Grundfunktionen am besten schnell vertraut. Wer mit Microsoft-Programmen arbeitet, dem wird die Handhabung wenig Schwierigkeiten bereiten: Die Symbol-Leisten mit den Formatierungsmöglichkeiten (z. B. Textausrichtung, -größe) lehnen sich an die Leisten des Textverarbeitungsprogrammes Word an.

Menü-Leiste einstellen
Auch andere Usern aber können sich durch ein bisschen Experimentieren relativ schnell einarbeiten. Nachdem du eine neue "Normale Seite" über "Datei/Neu" geöffnet hast, solltest du dafür sorgen, dass alle Symbolleisten im Menü zu sehen sind. Dazu gehst du auf "Ansicht" und markierst mit einem Klick alle fünf Auswahlmöglichkeiten.

Der nicht durch einen Haken markierte Punkt "HTML" führt übrigens zur Ansicht des automatisch generierten HTML-Codes. Für Anfänger ist das ein Buch mit sieben Siegeln. Dort sollte ohne HTML-Kenntnis nichts verändert werden! Die gesamten Menü-Optionen sollten nun ungefähr so aussehen:

Anhand der Menü- und Symbolleisten wird nun die Bewerbungshomepage erstellt.

Und jetzt?
Um ein Gefühl für den Editor zu bekommen, gib einfach in der neuen Seite ein wenig Text ein und formatieren diesen. Dabei gibt es bei FrontPage Express eine Besonderheit: Wer einen Zeilenumbruch erzwingen will, muss die "Return"-Taste bei gleichzeitig gedrückter "Shift"-Taste betätigen. Ansonsten wird ein Absatz erstellt (zwei Zeilenumbrüche).

Nun geben wir ein: "Herzlich willkommen auf meiner Bewerbungshomepage!". Nach einem Absatz folgt: "Hier finden sie im folgenden:" Nach einem weiteren Absatz folgt nun eine nicht numerierte Aufzählung (das Symbol weit rechts mit den drei blauen Punkten).

Dort geben wir nacheinander

• Anschreiben
• Lebenslauf
• Zeugnisse
• Sonstiges

ein. Durch einen erneuten Klick auf das Aufzählungs-Symbol wird die Aufzählung beendet. Alternativ kannst du auch zwei Mal die "Return"-Taste drücken.

Formatierungen
Das Ergebnis sieht noch relativ trist aus. Deswegen nimmst du jetzt einige Formatierungen vor und gestaltet es optisch ansprechender. Um Formatierungen auf ausgewählte Elemente anwenden zu können, müssen diese markiert werden. Dazu ziehst du die Maus bei gedrückter linker Maustaste über den Schriftzug.
Der markierte Teil kann dann über Elemente der Menü-Leiste bearbeitet werden. Im Folgenden benötigst du:

• Schriftart
• Ausrichtung
• Schriftbild (fett, kursiv oder unterstrichen)
• Schriftgröße

Du markierst jetzt den gesamten Text. Über den Menü-Punkt "Schriftart" wählst du die Schrift "Verdana". Du lässt alles markiert und über Ausrichtung wählst du "Zentriert" (mittleres Symbol bei "Ausrichtung"). Der Text wird nun mittig angeordnet. Als nächsten Schritt markierst du die erste Zeile "Willkommen auf meiner Bewerbungshomepage!", klickst einmal auf "Schrift vergrößern" und gleich im Anschluss auf das Schriftbild "Fett" (linkes Symbol bei "Schriftbild").
Als nächstes wirst du ein Bild einfügen, um die Seite grafisch ein wenig aufzulockern.

Bilder einfügen und Hintergrundfarbe
Das Bewerbungsfoto soll nach der Begrüßung eingesetzt werden. Dazu fügst du einen Absatz ein. Der Cursor blinkt nun in der Mitte einer neuen leeren Zeile. Für die Site benötigte Bilder und Dateien solltest du in einem eigens angelegten Ordner ablegen. Den Ort kannst du dir selbst auswählen. Dazu klickst du auf "Start/Windows Explorer". Dort wählst du dir aus, wo du den Ordner auf deiner Festplatte ablegen möchtest. Dann klickst du auf "Datei/Neu/Ordner" und gibst diesem einen Namen, etwa "Homepage". In dieses Verzeichnis legst du alle Bilder, Seiten und Dateien ab, die in deiner Homepage zu finden sein sollen.

Über das gelbe Symbol in der Mitte der unteren Leiste kannst du problemlos Bilder in deine Seite integrieren. Nach dem Klick öffnet sich ein Fenster, über das du Bilder von einem beliebigen Ort deiner Festplatte aus einfügen kannst. Du klickst auf "Aus Datei" und "Durchsuchen" und wählst das gewünschte Bild aus dem extra für die Homepage angelegten Ordner. Dabei solltest du darauf achten, dass das Bild schon vorher entsprechend bearbeitet wurde (Größe, Speicherplatz).

Nun wählst du statt dem grellen Weiß noch eine andere Hintergrundfarbe. Dazu gehst du auf "Format/Hintergrund" und wählst als Farbe beispielsweise "Hellgrau". Der ganze Bildschirm färbt sich jetzt hellgrau ein.

Vorher - Nachher
So, das waren die ersten Schritte, um dich ein wenig mit den Grundfunktionen von FrontPage Express vertraut zu machen. Das Ergebnis sieht zwar noch ein wenig mager aus, doch am Ende des Workshops wirst du eine ganz andere Seite erstellt haben. Dazu lernst du im nächsten Schritt, mit Tabellen umzugehen. Danach bastelst du mit genauer Anleitung die folgende Seite, die du natürlich mit eigenen Bildern füllen kannst:

Vorher:

Nachher: