Schritt-für-Schritt-Anleitung als Vorbereitung für dein Klassenarbeitsprojekt

1. Ordner erstellen

Erstelle auf dem Desktop oder in deinen Dokumenten einen neuen Ordner.

Nenne ihn: Meine_Webseite

In diesem Ordner werden alle HTML-Dateien und auch die eingebauten Bilder gespeichert.

2. Editor öffnen

Öffne einen Texteditor.

Bei Windows:

1. Klicke auf das Startmenü.
2. Suche nach Editor oder Notepad.
3. Öffne das Programm.

Wichtig: Nicht Word benutzen, weil Word keine einfache HTML-Datei erstellt.

3. Startseite erstellen

Gib bitte den nötigen – schon erlernten – HTML-Code in den Editor ein…

Neu -> HTML-Code für Navigation auf die Seiten und zurück zur Startseite:

<h2>Navigation</h2>
<ul>
<li><a href=„index.html“>Zurück zur Startseite</a></li>
<li><a href=„seite2.html“>Weiter zu Seite 2</a></li>
</ul>

4: Datei richtig speichern

Speichere die Datei im Ordner Meine_Webseite.

Der Dateiname muss lauten: index.html

• Die Datei darf nicht index.html.txt heißen.
• Bei Windows im Speichern-Fenster am besten auswählen:
  • Dateityp: Alle Dateien
  • Dateiname: index.html
  • Codierung: UTF-8

5. Datei im Browser öffnen

Öffne den Ordner Meine_Website.

Doppelklicke auf die Datei:

index.html

6. Zweite Seite erstellen

Öffne wieder den Editor. Gib entsprechenden Code ein und speichere die Datei im gleichen Ordner unter dem Namen: seite1.html

7. Dritte Seite erstellen

Öffne wieder den Editor. Gib entsprechenden Code ein und speichere die Datei im gleichen Ordner unter dem Namen: seite2.html

8. Kontrolle

Am Ende muss dein Ordner so aussehen:

Meine_Website
│
├── index.html
├── seite1.html
└── seite2.html