Dateiverwaltung und größere Projekte

Ist dir das auch schon einmal passiert:
Du weißt genau, dass auf deiner Festplatte oder auf dem Schulserver irgendwo eine Datei liegt, aber du kannst dich nicht an den Ordner erinnern und suchst und suchst und suchst...
Damit dir das beim Webseiten-Basteln nicht auch passiert, solltest du dir von Anfang an eine sinnvolle und nachvollziehbare Dateiverwaltung angewöhnen.

Ein Beispiel: In HTML-Seiten werden Bilder nicht in die Datei integriert (wie etwa bei MSWord).
Stattdessen wird auf die Bilddatei mit einem Befehl verwiesen (referenziert) und der Browser schaut dann dort nach und ruft das Bild auf.
Das heißt, dass du genau wissen und angeben musst, wo die Bilddatei liegt, sonst finden du und dein Browser sie nicht mehr.

Deswegen ein Tipp:
Lege dir auf der Spielwiese bzw. deiner Festplatte einen eigenen Ordner mit dem Namen "homepage" an. In diesen Ordner kommen alle HTML-Dateien hinein. Dann machst du einen Unterordner namens "grafik" (klein schreiben!!). Klar, was dort hineinkommt: alle Bilder, die du verwendest, aber auch nur die, auf die von den Seiten verwiesen wird. Andere Grafiken steckst du in einen anderen Ordner.

Noch ein Problem: Die Namen. Gerade wenn du viele Dateien hast, solltest du jedes HTML-Dokument mit einem "sprechenden Namen" versehen: also z.B. "bilder.html" , wenn dort Fotos angezeigt werden, oder "hobbies.html", wenn du darin über deine Hobbies schreibst.
Der Vorteil liegt auf der Hand: Du weißt sofort, was in einer Datei drin steht. Also nicht "seite1.html" etc. schreiben!!
Wenn du im Internet publizierst, dann müssen alle Dateinamen kleingeschrieben werden - gewöhne dir das am besten gleich an!

So, nun reicht es aber: Los geht's!

Weiter zur Einführung (Grundstruktur einer HTML-Datei)