Ihr kompetenter und zuverlässiger it service

Zuerst wird eine neue Webseite erstellt. Datei −> Neu −> Webiste −> Leere Website. Die Abbildung zeigt das Ergebniss. Eine leere Website wurde erstellt.

Als nächstes fügen wir eine Stylesheet Datei in unsere Website hinzu. Rechte Maustaste auf den Dateipfad unterhalb der Ordnerliste −> Neu −> CSS. Diese Stylesheet Datei verwenden wir um das Aussehen des Menüs zu bestimmen.

Die Datei wird in mainmenu.css umbenannt −> Rechte Maustaste auf die Datei −> Umbenennen und mainmenu.css eingeben.

Eine weiter Datei wird benötigt, wir wollen ja auch später etwas sehen. Dazu fügen wir eine HTML Seite in die Website ein −> Rechte Maustaste auf den Dateipfad unterhalb der Ordnerliste −> Neu −> HTML.

Die Datei wird in index.html umbenannt −> Rechte Maustaste auf die Datei −> Umbenennen und index.html eingeben.

Ggf. muss bestästätigt werden das die Datei umbenannt werden soll. Zwingen notwendig ist es erst einmal nicht der Datei einen anderen Namen zu geben.

Als letzte Datei wird die main.css erstellt. Dazu geht man wie bei der mainmenu.css vor. Die Abbildung zeigt das Ergebniss.

Um die Vorbereitungen abzuschliessen, werden die beiden Stylsheet Dateien main.css und mainmenu.css noch in den header der index.html Datei eingebunden.

Wie in der Abbildung gezeigt wird der 'Hauptcontainer' zwischen die 'Body tags eingefügt.

Nun gehen wir daran die CSS Dateien für unsere index.html zu bearbeiten. Unter 'Formatvorlagen verwalten' auf Neue Formatvorlage klicken.

Wir formatieren zuerst den 'body' tag und geben unter Auswahl 'body' ein. Wichtig bei diesem Dialog ist unter Definieren in: die Auswahl 'Vorhandenes Stylesheet' und unter URL: unsere main.css auszuwählen. Zusammen mit mit dem Bezug den wir im header der index.html angegeben haben wirkt sich die Formatvorlage auf diese Datei aus.

Nach Auswahl des Punktes 'Kasten' unter Kategorie werden die Werte für 'padding' und 'margin' eingegeben. Die Auswahl 'Für alle identisch' bleiben dabei angehakt.