4 Das FrontPage-Web Ziele dieses Kapitels $ Sie lernen die Struktur eines Webs kennen. $ Sie können Webs verschachteln. $ Sie können Webs konvertieren. Microsoft FrontPage 2000 Einführung 23
Die Vorgängerversionen von FRONTPAGE bestanden aus mehreren Komponenten. Eine Komponente, der FrontPage Explorer, wurde für die direkte Verwaltung der Webs verwendet. Die zweite Komponente, der FrontPage Editor, wurde für das Editieren von HTML-Dokumenten benutzt. Hinweis für Umsteiger: Explorer und Editor sind zusammengefasst FrontPage 2000 vereint beide Komponenten zu einer Applikation. Die Verwaltung des Webs und der entsprechenden HTML-Dokumente wird dadurch erheblich erleichtert. Im folgenden lassen Sie ein Web erstellen. Anhand dieses Webs werden verschiedene Darstellungsmöglichkeiten und Funktionen, die direkt das Web betreffen, aufgezeigt. 4.1 Das erste Web Web erstellen Sie erstellen ein Web. 1. Starten Sie FRONTPAGE über 6WDUW 3URJUDPPH 0LFURVRIW )URQW3DJH Abb. 4.1: Die Benutzeroberfläche von FrontPage 2000 2. Klicken Sie auf 'DWHL 1HX :HE 3. Wählen Sie 3HUV QOLFKHV :HE aus. 24 redmond's technology publishing GmbH & Co. KG 1999
Abb. 4.2: Neues Web erstellen 4. Geben Sie unter 2SWLRQHQ http://localhost/eigenesweb ein. /RFDOKRVW ist eine weitere Schreibweise für den lokalen Rechner bzw. den lokalen Webserver. Sie sollten diese URL weiter verwenden, um Probleme mit anderen Rechnern zu vermeiden. Tipp 5. Klicken Sie auf. 6. Geben Sie an der aktuellen Cursorposition Dies ist eine neue Seite ein. Sollte FRONTPAGE nicht automatisch eine neue Seite öffnen, klicken Sie auf 'DWHL 1HX 6HLWH Microsoft FrontPage 2000 Einführung 25
Abb. 4.3: Erstelltes Web mit neuer Seite FRONTPAGE hat nun für Sie mehrere Schritte durchgeführt. Es wurde ein Web erstellt, entsprechende Hyperlinks wurden gesetzt, verschiedene aktive Elemente wurden in die Seiten eingefügt. Web anzeigen Sie sehen sich das Web mit dem Browser an. 1. Wählen Sie den Befehl 'DWHL 9RUVFKDX LQ URZVHU Abb. 4.4: Vorschau in Browser Tipp Die Option )HQVWHUJU H ermöglicht es Ihnen, eine bestimmte Bildschirmauflösung zu simulieren. Der Browser startet mit der angegebenen Größe. 2. Aktivieren Sie die Option 6HLWH DXWRPDWLVFK VSHLFKHUQ. Damit stellen Sie sicher, dass, bevor Sie sich eine Seite mit dem Browser ansehen, evtl. gemachte Veränderungen gespeichert werden. 3. Klicken Sie auf. 26 redmond's technology publishing GmbH & Co. KG 1999
Da die aktuelle Seite noch nicht gespeichert wurde, werden Sie jetzt gefragt, unter welchem Namen die Seite gespeichert werden soll. Abb. 4.5: Seite speichern 4. Der Name der Seite soll nicht geändert werden. Bestätigen Sie mit. Abb. 4.6: Die erstellte Seite im Browser Wurde der Browser bereits gestartet, kann es passieren, dass der entsprechende Task in der Windows-Taskbar blinkt. Klicken Sie einmal auf den Task, um den Browser in den Vordergrund zu holen. Microsoft FrontPage 2000 Einführung 27
Übungsaufgaben $ Probieren Sie in der Vorschau die unterschiedlichen Bildschirmauflösungen aus. $ Erstellen Sie ruhig ein weiteres Web, in dem Sie einfach herumprobieren können. Die erlernten Funktionen von FRONTPAGE können Sie dort nach Belieben ausweiten und nach eigenen Bedürfnissen anwenden. 4.2 Das Web im Detail Neben den eigentlichen HTML-Dokumenten befinden sich noch eine ganze Reihe weiterer Informationen innerhalb eines Webs. Diese Informationen benötigt FRONTPAGE, damit das Web verwaltet werden kann. Dies ist ein Grund, weshalb man direkte Veränderungen innerhalb eines Webs nur mit FRONTPAGE durchführen sollte. Web Struktur Sie sehen sich die Struktur des Root-Webs an. Wechseln Sie mit dem Windows Explorer in das Verzeichnis C:\INTETPUB\WWWROOT. Abb. 4.7: Das Root-Web Sie sehen einige Ordner, die mit _vti beginnen. Diese Ordner werden von FRONTPAGE für die Verwaltung des Webs verwendet und dürfen weder verändert noch gelöscht werden. In der Regel befindet sich im jedem Web ein Dokument mit dem Namen DEFAULT.HTM oder INDEX.HTM. Diese Seiten werden automatisch vom Browser angezeigt, wenn Sie vorher keine andere Seite angegeben haben. So 28 redmond's technology publishing GmbH & Co. KG 1999
wäre in diesem Beispiel die URL HTTP://TRAINER/DEFAULT.HTM identisch mit HTTP://TRAINER. Wie das Standarddokument heißen soll, wird in der Regel am Server eingestellt. Der verwendete Server bietet diese Möglichkeit über den Personal Web-Manager. 4.3 Das Root-Web Die vorhergehende Abbildung zeigt das Root-Web in seiner Struktur. Das Root- Web beinhaltet alle anderen Webs. Es trägt selbst keinen Namen und wird deshalb über den eigentlich Web-Servernamen angesprochen. Sie öffnen das Root-Web. 1. Wechseln Sie zu FRONTPAGE und klicken Sie auf 'DWHL :HE IIQHQ 2. Geben Sie als Ordnernamen HTTP://LOCALHOST an. Root-Web Abb. 4.8: Root-Web öffnen 3. Klicken Sie auf. Es wird eine neue Instanz von FRONTPAGE geöffnet, die Ihnen das Root-Web anzeigt. Microsoft FrontPage 2000 Einführung 29
Abb. 4.9: Geöffnetes Root-Web FRONTPAGE zeigt nicht alle physikalisch im Web vorhandenen Ordner an, da sie nicht direkt vom Benutzer geändert werden sollen. Ausnahme bildet der _private Ordner, der Anwenderdaten enthalten kann. 4. Schließen Sie die Instanz von FRONTPAGE mit der Titelleiste 0LFURVRIW )URQW3DJH ± KWWSORFDOKRVWHLJHQHVZHE. 4.4 Das Child-Web Im Root-Web befindet sich der Ordner HLJHQHVZHE, den Sie kurz vorher erstellt haben und der ebenfalls ein Web repräsentiert. Im Prinzip ist es ebenfalls nur ein Ordner, der aber von FRONTPAGE speziell behandelt wird und mit dem Icon markiert ist, wodurch Web und Ordner unterschieden werden können. Child-Web Sie legen ein Child-Web an. 1. Klicken Sie in FRONTPAGE auf 'DWHL 1HX :HE 2. Wählen Sie ein 6WDQGDUGZHE und vergeben Sie unter 2SWLRQHQ die URL HTTP://LOCALHOST/STANDARDWEB. 30 redmond's technology publishing GmbH & Co. KG 1999
Abb. 4.10: Child-Web erstellen HTTP://LOCALHOST bezeichnet das Root-Web Ihres lokalen Web-Servers. 3. Klicken Sie auf. Es wird wieder eine neue Instanz von FRONTPAGE gestartet. 4. Schließen Sie die neue Instanz von FRONTPAGE und bringen Sie FRONTPAGE mit der Titelleiste HTTP://LOCALHOST in den Vordergrund. 5. Drücken Sie einmal, damit die Ansicht aktualisiert wird. Abb. 4.11: Root-Web mit neuem Child-Web Sie sehen, dass ein weiterer Ordner mit dem Namen 6WDQGDUGZHE angelegt wurde und als Web gekennzeichnet ist. Wenn Sie diesen Ordner mit einem Doppelklick öffnen, wird wieder eine neue Instanz von FRONTPAGE gestartet, mit der Sie dann das entsprechende Web bearbeiten können. Microsoft FrontPage 2000 Einführung 31
4.5 Nested-Webs Hinweis für Umsteiger: Das ist neu Nested-Web Hinweis für Umsteiger: Weitere Webs werden in neuer Instanz geöffnet Mit FrontPage 2000 ist es nun möglich, innerhalb eines Child-Webs ein weiteres Web anzulegen. Man spricht dabei von "Nested-Webs", also von Verschachtelungen von mehreren Child-Webs. Sie erstellen ein neues Web innerhalb eines Child-Webs. 1. Öffnen Sie das Web 6WDQGDUG mit einem Doppelklick. Eine neue Instanz von FRONTPAGE wird gestartet. 2. Klicken Sie auf 'DWHL 1HX :HE 3. Geben Sie in den Optionen die URL HTTP://LOCALHOST/STANDARDWEB/LEERES WEB für das Web an. Abb. 4.12: Nested-Webs 4. Klicken Sie auf. 5. Schließen Sie die neue Instanz von FRONTPAGE. 6. Aktivieren Sie die 2UGQHUOLVWH, die das Web 6WDQGDUG anzeigt, indem Sie in den Bereich klicken. 7. Drücken Sie. 32 redmond's technology publishing GmbH & Co. KG 1999
Abb. 4.13: Das neu angelegte Web Wie Sie sehen, wurde das neue Web mit dem Namen /HHUHV :HE im Web mit dem Namen 6WDQGDUGZHE angelegt. Es ist somit also ein Child-Web. Das Web 6WDQGDUGZHE wiederum ist ein Child-Web des Root-Webs. Diese Möglichkeit der Verschachtelung nennt man Nested-Webs. 8. Schließen Sie die Instanz von FRONTPAGE, die das Web 6WDQGDUGZHE darstellt. Übungsaufgabe Machen Sie sich mit den unterschiedlichen Webs vertraut, indem Sie die Ergebnisse im ORFDOKRVW und in den entsprechenden Unterordnern anschauen. 4.6 Web konvertieren Der Unterschied zwischen einem normalen Ordner und einem Web besteht nur in der Art und Weise, wie diese von FRONTPAGE verwaltet werden. Mit FrontPage 2000 ist es jetzt möglich, normale Ordner in Webs zu konvertieren und umgekehrt. Sie konvertieren einen Ordner in ein Web. 1. Klicken Sie mit der rechten Maustaste auf den ersten Eintrag KWWSORFDOKRVW in der 2UGQHUOLVWH. 2. Wählen Sie aus dem Kontextmenü 1HXHU 2UGQHU. Hinweis für Umsteiger: Das ist neu Ordner konvertieren 3. Geben Sie dem Ordner den Namen Konvertierung. Microsoft FrontPage 2000 Einführung 33
Abb. 4.14: Neu angelegter Ordner 4. Klicken Sie mit der rechten Maustaste auf den erstellten Ordner und wählen Sie den Befehl,Q :HE NRQYHUWLHUHQ. Abb. 4.15: Web konvertieren 5. Bestätigen Sie die Dialogbox mit. Der Ordner wird nun in ein Web konvertiert und kann jetzt mit einer neuen Instanz von FRONTPAGE bearbeitet werden. Es ist möglich, ein Web in einen Ordner zu konvertieren. Allerdings sollte man diese Funktion vorsichtig verwenden, da sonst Informationen verloren gehen könnten. Web konvertieren Sie konvertieren ein Web in einen Ordner. 1. Klicken Sie mit der rechten Maustaste auf das Web mit dem Namen.RQYHUWLHUXQJ und wählen Sie aus dem Kontextmenü,Q 2UGQHU NRQYHUWLHUHQ 34 redmond's technology publishing GmbH & Co. KG 1999
Abb. 4.16: Web in Ordner konvertieren 2. Bestätigen Sie die Dialogbox mit. Zusammenfassung $ Über 'DWHL 1HX :HE erstellt FRONTPAGE ein komplexes Web mit Hyperlinks und aktive Elementen. $ Über 'DWHL 9RUVFKDX LQ URZVHU können Sie das erstellte Dokument in einer wählbaren Auflösung im Browser anzeigen lassen. $ Im Root-Web werden Ihre erstellten Dateien angezeigt. Ordner, die mit _vti beginnen, dürfen weder verändert noch gelöscht werden. Das Root-Web beinhaltet alle anderen Webs. $ Das Start-Dokument heißt in der Regel DEFAULT.HTM oder INDEX.HTM und wird automatisch vom Browser geladen. $ Die Taste aktualisiert die Ansicht im Browser. $ Ein Child-Web ist ein Web im Root-Web. Wird im Child-Web ein weiteres Child-Web erstellt, spricht man von Nested-Webs, also Web- Verschachtelungen. $ Ordner können in Webs und umgekehrt konvertiert werden. Microsoft FrontPage 2000 Einführung 35
Testaufgaben $ Frage 1: Wie kann mit einem Browser das Root-Web angezeigt werden? A. http://localhost B. http://rootweb C. http://localhost/rootweb $ Frage 2: Wie bezeichnet man ein Web innerhalb eines weiteren Webs? A. Subweb B. Child-Web C. Underweb $ Frage 3: Wie nennt man die Möglichkeit, Webs zu verschachteln? A. Nested-Webs B. Web in Web C. Webing $ Frage 4: Können normale Ordner in Webs konvertiert werden? A. Ja B. Nein 36 redmond's technology publishing GmbH & Co. KG 1999