4 Die FrontPage-Website

Transkript

1 4 Die FrontPage-Website Ziele dieses Kapitels A Sie lernen die Struktur einer Website kennen. A Sie können Websites verschachteln. A Sie können Websites konvertieren. Microsoft Office Frontpage 2003 Einführung

2 Frühere Versionen von FrontPage 2002 bestanden aus zwei Komponenten: Der FrontPage Explorer diente der Verwaltung von Websites, der FrontPage Editor war für das Editieren von HTML-Dokumenten zuständig. Seit FrontPage 2002 finden Sie beide Komponenten in einer Applikation vereint. Das Verwalten von Websites und das Arbeiten an den HTML-Dokumenten ist dadurch erheblich leichter. Im Folgenden erstellen wir gemeinsam eine erste Website. Anhand dieser Site zeigen wir Ihnen verschiedene Darstellungsmöglichkeiten und Funktionen. 4.1 Ihre erste Website B Sie erstellen eine Website. 1. Starten Sie FrontPage über Start, (Alle) Programme, Microsoft Office 2003, Microsoft Office FrontPage Abb. 4.1: FrontPage 2003 nach dem Start 2. Klicken Sie auf Datei, Neu. 3. Am rechten Rand des Programms erscheint der so genannte Aufgabenbereich Neu, mit dessen Hilfe Sie schnell eine neue Website erstellen können. 4. Wählen Sie unter Neue Website den Eintrag Website mit einer Seite aus ikon VerlagsGesmbH, 2004

3 5. Markieren Sie im Dialog Webvorlagen die Vorlage Persönliche Webseite. Abb. 4.2: Vorlagen für Websites 6. Geben Sie unter Optionen als Adresse der neuen Website: bitte an. Windows speichert daraufhin die Dateien auf dem eingerichteten Webserver. 7. Klicken Sie auf OK. Frontpage 2003 erzeugt nun automatisch ein komplettes Website, das aus mehreren Seiten besteht und über Hyperlinks miteinander verknüpft ist. Sie finden das Website im Verzeichnis C:\Inetpub/wwwroot, das Windows bei der Installation des Webservers eingerichtet hat, und dort im Unterverzeichnis Mein Website. Die Struktur Ihrer neuen Website erreichen Sie aber natürlich auch direkt aus FrontPage heraus. Microsoft Office Frontpage 2003 Einführung

4 Abb. 4.3: Neues Website in FrontPage Doppelklicken Sie im (bisher einzigen) Register Website die Datei Default.htm. Dadurch öffnen Sie ein zweites Register, das Ihnen eine Vorschau auf diese Seite bietet ikon VerlagsGesmbH, 2004

5 Abb. 4.4: Die Seite Default.htm im Bearbeitungsmodus Sie können sich die Website aber auch direkt im Browser anzeigen lassen. Klicken Sie dazu auf Datei, Browservorschau... oder auf das Symbol. Microsoft Office Frontpage 2003 Einführung

6 Abb. 4.5: Vorschau in Browser Klicken Sie auf den Pfeil neben dem Symbol, haben Sie die Möglichkeit, die Vorschau in verschiedenen Fenstergrößen zu simulieren. Das ist wichtig, um die verschiedenen denkbaren Voraussetzungen zu testen, unter denen Ihre Besucher später die Seite sehen werden. So gibt es durchaus noch Internetsurfer, die mit einer Bildschirmauflösung von nur 640 x 480 Punkten unterwegs sind. Und auch für die soll eine Website natürlich gut aussehen und funktionieren. C Sie können als Mindeststandard mittlerweile getrost eine Auflösung von 800 x 600 Pixel wählen. Achten Sie beim Gestalten Ihrer Webseiten darauf, dass alle wichtigen Informationen und Komponenten (Menüs, Buttons ) in dieser Auflösung richtig zu sehen sind! Abb. 4.6: Auswahl verschiedener Auflösungen für die Vorschau Nehmen Sie zwischen dem letzten Speichern und der Vorschau im Browser Änderungen an einer Seite vor, fragt FrontPage Sie, ob Sie die Änderungen erst speichern möchten. Klicken Sie auf Ja, um das zu tun, oder auf Nein, um ohne Speichern in die Vorschau zu wechseln. Sie können aber FrontPage auch dazu bringen, Seiten vor der Vorschau automatisch zu speichern ikon VerlagsGesmbH, 2004

7 Klicken Sie dazu auf den Pfeil neben dem Symbol und wählen Browserliste bearbeiten. Setzen Sie ein Häkchen vor die Option Seite vor der Vorschau automatisch speichern und bestätigen Sie mit OK. Dann brauchen Sie sich um das Speichern der Seite nicht mehr zu kümmern. Übungsaufgabe A Probieren Sie in der Vorschau die unterschiedlichen Bildschirmauflösungen aus. 4.2 Die Website im Detail Sie haben nun auf die Schnelle den kompletten Rahmen einer Website erstellt. Dabei hat FrontPage 2003 nicht nur eine Reihe von Webseiten angelegt (Sie erinnern sich: Das Erstellen von Webseiten ist die eine Hauptaufgabe von FrontPage). Vielmehr hat FrontPage auch gleich die komplette Struktur für Ihre Website erstellt, die Sie mit dem Programm verwalten können. Schauen Sie sich einmal die Struktur Ihrer Website an. Klicken Sie dazu in FrontPage auf das Register Website, wenn Sie sich nicht mehr in dieser Ansicht befinden. Abb. 4.7: Die Struktur Ihrer Website Sie sehen einige Ordner, die mit einem Unterstrich beginnen, zum Beispiel das Verzeichnis _fpclass. Diese Ordner verwendet FrontPage für das Verwalten der Website. Sie dürfen diese Ordner weder verändern noch löschen, um die Struktur Ihrer Website nicht zu zerstören. In der Regel befindet sich im jedem Website ein Dokument mit dem Namen Default.htm oder Index.htm. Diese Seiten zeigt der Browser automatisch an, wenn Sie in der Adresszeile keine spezielle Seite angegeben haben. So wäre in diesem Beispiel die URL identisch mit der URL Wie dieses Standarddokument heißen soll, wird in der Regel am Server eingestellt; mit den beiden Varianten index.htm oder default.htm kommen Sie aber auf jeden Fall zurecht. Microsoft Office Frontpage 2003 Einführung

8 4.3 Die Root-Website Die Root-Website ist sozusagen die Mutter aller Websites auf Ihrem Internetserver. Sie beinhaltet alle anderen Websites auf Ihrem Rechner. Diese Wurzel trägt selbst keinen Namen und wird deshalb über den eigentlichen Webservernamen angesprochen. B Sie öffnen die Root-Website. 1. Klicken Sie auf Datei, Website öffnen Tippen Sie als Websitena (soll eigentlich Websitename heißen!) ein. 3. Klicken Sie auf Öffnen. FrontPage lädt nun das Root-Web und zeigt Ihnen dessen Ordnerstruktur. Im Moment sollte sich nur eine echte Website im Root-Web befinden: MeinWeb, das Sie eben angelegt haben. Abb. 4.8: Ordner in der Root-Website localhost FrontPage zeigt in dieser Übersicht fast keinen der physisch in der Website vorhandenen Ordner an, um zu verhindern, dass jemand dort unbeabsichtigt Daten ändert. Einzige Ausnahme ist der _private -Ordner, der Anwenderdaten enthalten kann. 4.4 Das Unterweb Sie haben den Ordner MeinWeb in der der Root-Website sicher schon entdeckt. Im Prinzip ist diese Website ein ganz normaler Ordner. Allerdings behandelt FrontPage dieses Verzeichnis speziell und dokumentiert diesen Sonderstatus mit dem Icon, an dem Sie zwischen Website und normalen Ordner unterscheiden können. MeinWeb ist eine so genannte Unterwebsite zur Root-Website ikon VerlagsGesmbH, 2004

9 B Sie legen eine weitere Unterwebsite an. 1. Klicken Sie auf Datei, Neu und wählen Sie im Aufgabenbereich auf der rechten Seite den Eintrag Website mit einer Seite. 2. Nehmen Sie als Vorlage für die Unterwebsite bitte die Vorlage Standardwebsite und vergeben Sie bei den Optionen die URL 3. Klicken Sie abschließend auf OK. Abb. 4.9: Unterweb standardwebsite erstellen 4. FrontPage öffnet die neue Website in einer neuen Instanz (also in einem neuen Fenster). Schließen Sie diese neue Instanz von FrontPage (über + ) und bringen Sie wenn nötig die FrontPage-Instanz mit der Titelleiste wieder in den Vordergrund. 5. Drücken Sie die Funktionstaste, um die Ansicht zu aktualisieren. Sie sehen nun das Unterweb in Ihrer Root-Übersicht. Im Fenster der Root-Website sehen Sie nun das als Website gekennzeichnete Unterverzeichnis standardweb. Doppelklicken Sie diese Unterwebsite, öffnet FrontPage diese Site in einer neuen Instanz zum Bearbeiten. Microsoft Office Frontpage 2003 Einführung

10 Abb. 4.10: Root-Website mit neuem Unterweb 4.5 Verschachtelte Website Mit FrontPage 2003 ist es möglich, innerhalb eines Unterwebs eine weitere Website anzulegen. So eine Unter-Unter-Website heißt im Fachjargon Nested-Website, und meint damit das Verschachteln mehrerer Unterwebsites. B Sie erstellen eine neue Website innerhalb einer Unterwebsite. 1. Öffnen Sie die Standardwebsite mit einem Doppelklick, um die Unterwebsite in einer neuen FrontPage-Instanz zu öffnen. 2. Klicken Sie auf Datei, Neu und wählen im Aufgabenbereich wieder Website mit einer Seite. 3. Wählen Sie eine beliebige Webvorlage aus und geben Sie in den Optionen die URL ein. 4. Bestätigen Sie die Einstellungen mit OK. 5. Schließen Sie anschließend die neue Instanz von FrontPage über Drücken Sie anschließend in der Instanz die Taste, um die Ansicht zu aktualisieren. Sie sehen nun im Fenster der Standardwebsite die neue Unterwebsite und haben damit eine verschachtelte Website angelegt. 7. Schließen Sie über + nun auch diese Instanz ikon VerlagsGesmbH, 2004

11 Abb. 4.11: Verschachtelte Website Übungsaufgabe A Machen Sie sich mit den unterschiedlichen Websites vertraut, indem Sie die Ergebnisse im localhost und in den entsprechenden Unterordnern anschauen. 4.6 Website konvertieren Der Unterschied zwischen einem normalen Ordner und einem Website besteht einzig und allein in der Art und Weise, wie FrontPage diese verschiedenen Elemente verwaltet. Mit FrontPage 2003 ist es möglich, normale Ordner in Websites zu konvertieren und umgekehrt. B Sie konvertieren einen Ordner in eine Website. 1. Klicken Sie im Fenster mit der rechten Maustaste auf eine freie Stelle und wählen aus dem Kontextmenü den ersten Eintrag Neu, Ordner. 2. Geben Sie dem Ordner den Namen Konvertieren. 3. Klicken Sie mit der rechten Maustaste auf den neu erstellten Ordner und wählen Sie den Befehl In Web konvertieren. Abb. 4.14: Website konvertieren 4. Bestätigen Sie den Hinweis von FrontPage mit Ja. FrontPage wandelt diesen Ordner wird in eine Website um. Sie können ihn nun per Doppelklick in einer neuen Instanz bearbeiten. Microsoft Office Frontpage 2003 Einführung

12 Ebenso ist es möglich, eine Website in einen Ordner umzuwandeln. Allerdings sollten Sie mit dieser Funktion vorsichtig umgehen, weil dabei spezielle Informationen verloren gehen können. B Sie konvertieren eine Website in einen Ordner. 1. Klicken Sie mit der rechten Maustaste auf die Website mit dem Namen Konvertieren. 2. Wählen Sie aus dem Kontextmenü den Befehl In Ordner konvertieren. 3. Bestätigen Sie den Hinweis von FrontPage mit Ja. Zusammenfassung A Über Datei, Neu können Sie im Aufgabenbereich Neu schnell komplexe A Website mit Hyperlinks und aktive Elementen anlegen. Dafür bietet FrontPage Ihnen zahlreiche Vorlagen an. A Über Datei, Browservorschau oder das Symbol können Sie die neue Website in unterschiedlichen Auflösungen im Internet Explorer betrachten. A In der Root-Website sehen Sie Ihre erstellten Dateien. Ordner, die mit _ (Unterstrich) beginnen, dürfen Sie weder verändern noch löschen. Die Root-Website beinhaltet alle anderen Websites. A Das Start-Dokument einer Website heißt in der Regel default.htm oder index.htm. Der Browser lädt diese Seiten beim Aufruf einer Website automatisch. A Die Taste aktualisiert die Ansicht im Browser oder auch in der Ordnerliste. A Eine Unterwebsite ist eine Website im Root-Verzeichnis. Erstellen Sie im Unterweb ein weiteres Unterweb, spricht man von Website-Verschachtelungen oder Nested- Websites. A Sie können Ordner in Websites und umgekehrt Websites in Ordner konvertieren ikon VerlagsGesmbH, 2004

13 Testaufgaben A Frage 1: Wie können Sie im Internet Explorer die Root-Website anzeigen? A. B. C. A Frage 2: Wie bezeichnet man eine Website innerhalb einer Website? A. Subwebsite B. Unterwebsite C. Underwebsite A Frage 3: Wie nennt man die Möglichkeit, Website zu verschachteln? A. Nested-Website B. Website in Website C. Webbing A Frage 4: Können Sie normale Ordner in Websites konvertieren? A. Ja B. Nein Microsoft Office Frontpage 2003 Einführung