Modul 307 Code - Beispiele

START

Für dieses Beispiel wurde ein Bootstrap - Theme - verwendet:
z.B. : http://startbootstrap.com/template-overviews/sb-admin/

Holen Sie sich dieses oder ein Theme nach Ihrer Wahl und entpacken Sie es in Ihr htdocs - Verzeichnis.

index.php vorbereiten und Menues per include laden

  • Die Index.html ist zu einer php-datei zu ändern, damit einzelne Seiten per include geladen werden können.
  • die Sprache der Seite ist zu "de" zu ändern. (im Beispiel Zeile 2)
  • die Zeichen - Codierung auf utf-8 ist korrekt, bitte im Codelobster auch entsprechend einstellen (Datei->Codierung UTF-8)
  • ändern Sie den Titel der Webseite
  • die ganze Navigation soll in eine eigene Datei ausgelagert werden, erstellen Sie dazu ein Verzeichnis: "./helper" und in dem Verzeichnis eine Datei: "__navigation.php"
  • in der Datei_navigation.php sind TOP- und Seiten- Menues, erstellen Sie für die zwei Menues zwei eigene Dateien mit dem entsprechenden Code und includieren Sie diese zwei Menues in der _navigation.php.
  • der Content von der Seite (in dem Template alles was im id="page-wrapper" enthalten ist) ist ebenfalls in eine eigene Datei zu exportieren

Neue Seiten : Home und 01 Hyperlink

  • Erstellen Sie im Seiten - Menue ein Home - Hyperlink. mit href="?" und im Verzeichnis ./helper eine Datei: 00_home.php
  • Erstellen Sie im Seiten - Menue ein 01 Hyperlink - Hyperlink. mit href="?seite=01_hyperlink.php" und im Verzeichnis ./helper eine Datei: 01_hyperlink.php



  • unser Ziel ist es nun, dass wenn wir auf Home oder 01 Hyperlink klicken, die entsprechende Datei geladen wird.
    (schreiben Sie in die zwei Dateien einen kurzen Text, damit Sie sehen ob die Dateien auch geladen werden)
    Schauen Sie nun auf 01 Hyperlink nach wie das funktioniert.
  • Das Template verwendet Font Awesome für die Icons vor dem Menue.
    http://fortawesome.github.io/Font-Awesome