Ordnerstruktur
"Ordnung
ist das halbe Leben", so lautet ein bekanntes Sprichwort. Das gilt umso
mehr bei de Arbeit mit Dateien am Rechner. Immer wieder sollten wir uns
bewusst fragen:
- wo speichere ich die Dateien
ab?
- welche Dateien speichere ich
ab?
- wie speichere ich die Dateien
ab?
Falls Sie Ihre Dateien einmal nicht auf Anhieb finden sollten: Diese
liegen mit Sicherheit irgendwo im Verzeichnis
Ihr Name/EIGENE DATEIEN/...
und fristen dort ihr Vagabundendasein.
Zurück zum Kurs! Das Wichtigste ist die Erstellung eines
Projektordners, in den alles reinkommt, was rund um diesen Kurs
gestaltet wird. Ich wiederhole: Alles!
Unten sehen Sie einen Screenshot meines Kursordners
während
der Projektphase auf demDesktop. Legen Sie von diesem Ordner am besten
eine Kopie auf dem Speicherstick an, und kopieren Sie die Ergebnisse
jeder Sitzung in diesen hinein. Sicher ist sicher, denn
nichts ist Vernichtender als ein Computerabsturz, weil zum
falschen Zeitpunkt der Hauptstecker gezogen wird, weil der Strom
ausfällt, weil Windows zickt...
Der
Ordner ist geöffnet, und Sie bekommen einen intimen
Einblick
über die Ordnerstruktur und die Unterordner, z.B. jene
für screenshots, für "images" (das sind Bilder oder
kleine
gif-Dateien) etc.
Aus praktischen Gründen habe ich ein externes Stylesheet
für
die zentrale Formatverwaltung verwendet ("format.css"). Das Javascript
für Datum und Zeit ist ebenfalls im Ordner integriert. Aber
das
nur am Rande, für den Grundkurs spielt dies keine Rolle.
Sie
sehen auch, dass jeder Verweis, jeder Hyperlink, einer html-Seite
entspricht. Der Navigationspunkt "Ordnerstruktur" führt zur
html-Seite "ordnerstruktur.html".
Die
wichtigste Datei im Ordner ist immer die "index.html". Sie bildet quasi
den Bucheinband, der alle Seiten zusammenhält. Wenn die
"index.html" der Bucheinband ist, dann verhalten sich die restlichen
".html"-Dateien (browser.html, grafiken.html u.a.) wie Seiten
zu
diesem Buch.
Wichtig
ist die konsequente Kleinschreibung und die Vermeidung von
Umlauten wie ä, ö oder ü
bei der Benennung
der html-Seiten!
Die Navigation, zu der wir später stoßen werden,
stellt in diesem Analogbeispiel das Inhaltsverzeichnis dar.
Lassen Sie sich dieses Beispiel immer wieder durch den Kopf gehen, und
Sie werden das Prinzip schnell verstehen.
Keine
Bange: die erste Homepage auf Tabellenbasis wird nur drei Seiten
umfassen und damit überschaubar bleiben.
weiter mit erste html-Seite
