MERKBLATT: Grundlagen für die Erstellung einer Web-Seite

Hier im Kurs arbeiten wir mit FrontPage 2000 aus dem Microsoft Office 2000 Premium Paket, damit keine grosse Einführung notwendig ist. (Man könnte dazu auch Word verwenden, dieses eignet sich aber nur bedingt als Web-Tool, weil nicht alle HTML-Möglichkeiten zugänglich sind.) Auch FrontPage ist nicht das perfekte Tool, doch es ist sehr einfach zu bedienen. Der von FrontPage produzierte HTML-Code ist teilweise langfädig, d.h. länger als notwendig.
Unterschiede zwischen der Vorschau-Darstellung in FrontPage und der Darstellung in einem NICHT-Microsoft Browser (z.B. Netscape) sind häufig und praktisch nicht zu verhindern, für die ersten Schritte aber auch nicht störend. 

Grundsatz:

In FrontPage häufig zwischen der „Normal“-Ansicht und der „Vorschau“-Ansicht wechseln, siehe Schritt 6. Für "professionelle" Seiten sollte mehr als ein Browser-Fabrikat zur Kontrolle herangezogen werden und eventuell auch ältere (verbreitete) Browser-Versionen.

Vorgehen

1. Frontpage über Start –> Programme –> Anwendungen –> Microsoft starten.

2.

2.

Im Menü Datei -> Neu -> Web ... auswählen.

3.

3.

Im nachfolgenden Dialog die „OK“-Taste betätigen.

4.

5.

4.

Danach gegebenenfalls in die Ordner-Ansicht wechseln.
Dazu auf die „Ordner“-Symbol klicken oder über das Menü Ansicht -> Ordner auswählen.

5. Mittels Doppelklick auf das File „index.htm“ die Einstiegsseite / Startseite öffnen und editieren.

6. Zur Kontrolle des Resultats immer wieder zwischen der „Normal“- und der „Vorschau“-Ansicht wechseln.
(Diese Umschaltung erfolgt am untern Rand des Editierfeldes.)

6.

7.

7.

Eine weitere (neue) Seite eröffnen über das „leere Seite“-Symbol oben links.

8. Weiterfahren wie unter Punkt 6 beschrieben.

9.

9.

Ist der Editiervorgang abgeschlossen müssen die Seiten über das „Disketten“-Symbol abgespeichert werden.
Dabei soll für die 2. Seite als Name Seite2.htm verwendet werden.

10.

10b

10a

Allfällige Bilder sollten vor dem Einbinden in die Seiten in den Ordner „images“ importiert werden.
Dazu zuerst den Ordner „images“ selektieren (10a) und danach über das Menü
Datei -> Importieren die entsprechenden Bilder (10b) (ACHTUNG NUR Bilder mit der Endung .jpg .gif) importieren.

11.

Zur Übernahme aller gewählten Dateien

11a

Im nachfolgenden Dialog über die Taste „Datei hinzufügen“ eine beliebige Datei
(bei Bildern nur .jpg oder .gif) auswählen oder über die Taste „Ordner hinzufügen“
gleich einen ganzen Ordner voller Bilder importieren (11a) indem z.B. von der Kurs-CD der Ordner „katalog“ gewählt wird. Siehe dazu nachfolgenden Schritt 12.
Zur Übernahme der gewählten Dateien am Schluss die Taste „OK“ betätigen.

12.

12.

Um alle Bilder der Kurs-CD zu importieren kann über die Taste „Ordner hinzufügen“ (11a) der Ordner „katalog“ der Kurs-CD ausgewählt werden.
Die Ordner-Auswahl mit der Taste „OK“ bestätigen.


Auf die gleiche Weise wie in den Schritten 10 bis 12 beschrieben können im Prinzip beliebige Dateien ins eigene Web übernommen werden. Es dürfen aber nur Dateien übernommen werden, deren Standard-Web-Format den gängigen Browsern auch bekannt ist.