 |
|
||
| Portfolio |
[Start]Arbeit von zu HauseNavigationArchivMindmap
Pfad: Startseite/Fächer/Informatik/Portfolio |
||
|
Hohenstaufen-Gymnasium Kaiserslautern |
|
Wenn ihr eine Navigation ähnlich der HSG-Homepage nutzen wollt, so geht so vor:
- Ladet euch die Datei navigation.zip herunter und
packt die Datei aus. Kopiert die Dateien und Ordner
in das root-Verzeichnis eures Webspace w (ftp.hsg-kl.de/Port:2229).
(Dieser Schritt entfällt für die Benutzer, die die HSG-Homepage warten!)
- Schaut euch das Ergebnis in schule.hsg-kl.de/~xyz (xyz durch euren Benutzernamen ersetzen) an. Versucht durch Probieren die Bedeutung der Menü-Datei zu ergründen
- Bindet das php-Script head.php, wie im folgenden Beispiel gezeigt - in eure Seiten ein. Eure
Seite muss die Endung *.php haben. Dabei muss der relative Pfad zum
Script richtig eingetragen sein. Im Beispiel ist das Scriptverzeichnis ein Verzeichnis weiter oben. Bitte beachtet,
dass das abschließende </head> und das beginnende <body> vom Script geliefert wird.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Informatik - Portfolio - Navigation</title> <meta name="author" content="mk" /> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <?php include "../scripts/head.php"; ?> ................. </body> </html> - Erstellt oder bearbeitet die Datei menu.txt. Es ist guter Stil, die jeweilige Startseite immer index.php
(die Endung muss .php sein, damit das Script funktioniert!) zu nennen und Ordnung nur durch Ordner herzustellen.
Es folgt ein Beispiel für die Menü-Datei, die das Menü dieser Seite erzeugt:
Portfolio start/index.php;Start;Start zugriff/index.php;Arbeit von zu Hause;Arbeit von zu Hause navigation/index.php;Navigation;Navigation archiv/index.php;Archiv;Programm-Archiv mindmap/index.php;Mindmap;Mindmap einbinden screen/index.php;Screenshot;Screenshot
-
Farben, Schriftarten usw. passt ihr immer durch die Datei style.css an. Diese Datei legt den Stil aller eurer Seiten
fest. Das Script findet diese Datei automatisch.
body {font-family:Arial,Helvetica;background-color:#FFFFFF;} #gewaehlt1 {color:#FF0000;} #gewaehlt2 {color:#FF0000;} #gewaehlt3 {color:#FF0000;} #linksunten {background-color:#EEEEEE;font-size:8pt;} #linksmitte {background-color:#EEEEEE;font-size:24pt;} #linksoben {background-color:#FF0000;font-size:1pt;} #rechtsoben {background-color:#00FF00;font-size:1pt;} #rechtsunten {background-color:#FFFFFF;color:#ff0000;font-size:24pt;} pre {background-color:#FFFFE0;padding:10px;} .rot {color:#FF0000;} a img {border-width:0px;}
Wer die php-Navigation auch zu Hause benutzen will, findet unter XAMPP eine leicht zu installierende Webserver/MySql/PHP-Kombination.