HSG

Aktuelle Seite: HSG/Fächer/Informatik/Portfolio

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"
<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.