================================================================================ BLÖCKE – Anleitung zur Bearbeitung der gemeinsamen Bereiche ================================================================================ In diesem Ordner liegen die wiederverwendbaren HTML-Blöcke der Webseite. Wenn Sie einen Block ändern (z.B. einen neuen Menüpunkt hinzufügen), müssen Sie die Änderung in JEDER HTML-Seite übernehmen – oder den Block hier bearbeiten und dann in alle Seiten kopieren. ---------------------------------------------------------------------- Welche Blöcke gibt es? ---------------------------------------------------------------------- head.html – Meta-Tags, CSS- und Script-Einbindung (ohne , der steht in jeder Seite separat) nav.html – Navigationsleiste (Menü) footer.html – Fußzeile mit „Rechtliche Hinweise“, Datenschutz, Impressum ---------------------------------------------------------------------- Wo stehen die Blöcke in den HTML-Dateien? ---------------------------------------------------------------------- In jeder Seite sind die Blöcke mit HTML-Kommentaren markiert. Suchen Sie nach: • <!-- === BLOCK: HEAD ... === --> bis <!-- === ENDE BLOCK: HEAD === --> • <!-- === BLOCK: NAVIGATION ... === --> bis <!-- === ENDE BLOCK: NAVIGATION === --> • <!-- === BLOCK: FOOTER ... === --> bis <!-- === ENDE BLOCK: FOOTER === --> Der eigentliche Block-Inhalt steht ZWISCHEN den beiden Kommentaren. ---------------------------------------------------------------------- So bearbeiten Sie einen Block auf allen Seiten ---------------------------------------------------------------------- 1. Block hier im Ordner "blocks/" bearbeiten (z.B. nav.html öffnen und einen neuen Menüpunkt einfügen). 2. In jeder HTML-Datei (index.html, impressum.html, datenschutz.html, kontakt.html, links.html, der_verein.html, mitmachen_unterstuetzen.html, communities.html, unterstuetzer.html und digitale_kompetenz/index.html): Den entsprechenden Abschnitt zwischen den Kommentaren suchen und durch den Inhalt aus der aktualisierten Block-Datei ersetzen. Tipp: Mit „Suchen und Ersetzen“ (Strg+H / Cmd+H) können Sie nach „=== BLOCK: NAVIGATION“ suchen und den Bereich manuell ersetzen. 3. Achtung bei digitale_kompetenz/index.html: Dort zeigen die Links in Nav und Footer auf übergeordnete Dateien (../impressum.html usw.). Wenn Sie nav.html oder footer.html aus blocks/ übernehmen, die Links für diese Seite anpassen (../ vor die Dateinamen setzen) bzw. die Block-Dateien für Unterordner haben wir nicht separat – die Seite digitale_kompetenz/index.html muss von Hand angepasst werden, wenn sich Nav oder Footer ändern. ---------------------------------------------------------------------- Nur den Inhalt einer einzelnen Seite ändern ---------------------------------------------------------------------- Suchen Sie den Kommentar: <!-- INHALT: Ab hier nur diesen Seiteninhalt bearbeiten --> Alles zwischen diesem Kommentar und dem schließenden </div> des container-Bereichs ist der reine Seiteninhalt. Nur hier bearbeiten, wenn nur der Text/Bildinhalt einer Seite geändert werden soll. Den Seitentitel ändern Sie im <title> im <head> und in der <h1> direkt unter „SEITENTITEL:“. ================================================================================