71 lines
3.4 KiB
Plaintext
71 lines
3.4 KiB
Plaintext
================================================================================
|
||
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 <title>, 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:“.
|
||
|
||
================================================================================
|