headerphoto

Leitfaden

Ihre Website ist modular aus vier autonomen Elementen die sie auswechseln können zusammengebaut.

  1. Die Dateien header.php und footer.php bilden den Kopf und den Fuss der Website, da sie zusammenhängen können sie diese Dateien nur miteinander austauschen.
  2. Die Datei style.css steuert die Farben und die Dimension der Website. In ihr können mit wenig Aufwand weitgreifenden Änderungen durchgeführt werden.
  3. Die nach den einzelnen Sites benannten PHP Dateien liefern den Content, den Inhalt der Website. Die Website können sie durch hinzufügen und löschen von den diesen PHP Dateien erweitern.
  4. In der Datei navigation.php können sie die Reihenfolge der Sites verändern wie auch welche hinzufügen und entfernen.

Die farbliche Gestaltung der Website können sie in der Datei style.css verändern. Mit Hilfe der swissfeed CSS Kurzreferenz sollte ihnen das mit wenig Aufwand gelingen.

Das Design, die Dimension des Layout .können sie in den Dateien header.php und footer.php anpassen. In den einzelnen Sites, sind lediglich der durch die Datei style.css formatierte Text enthalten.

Sie können beliebig viele Seiten hinzufügen oder entfernen. Am Kopf einer neuen Site muss <?php include header.php ?> und am Fuss sollte <?php include footer.php ?> stehen. Neue Sites sollten jeweils in der Datei navigation.php nachgeführt werden.
Damit ihre Website valide und hochwertig bleibt, sollten sie nichts am Aufbau, dem Konzept der Website verändern. Nehmen sie sich Zeit den Sinn von Xhtml zu verstehen, es lohnt sich die Qualität der Website zu erhalten.

Im Supportforum könne sie Fragen, die sie im Zusammenhang mit dem Ausbau ihrer Website haben stellen.

Bilder

Im Ordner grafiken befinden sich die Bilder und die Grafiken ihres Webprojektes. Grafiken und Bilder sollten sie in diesem Ordner kopieren.

Sitevorlage, Aufbau von Layout 1 und 2


<?php include 'header.php';?>
<h1>Überschrift Überschrift </h1>
<img src='grafiken/bild.jpg' alt='mein Bild' class='image' />
Textblock
<?php include 'footer.php';?>

Sitevorlage, Aufbau von Layout 3

<?php include 'header.php'?>
<div class='minibild'><img src='./grafiken/...' alt='...'></div>
<div class='box-links'>
<?php include 'navigation.php'; ?>
</div>
</div>
<div id='content'>
<h1>Layout Vorschau</h1>
Textblock
<?php include 'footer.php'?>

Sitevorlage, Aufbau von Layout 4

<?php include 'header.php'?>
<img src='./grafiken/...' alt='...' border='0' class='hauptbild'>
<?php include 'navigation.php'; ?>
</div>
</div>
<div id='content'>
<h1>....</h1>
Textblock
<?php include 'footer.php'?>

Aufbau von navigation.php

<a href='index.php'>Home</a>
<a href='philosophie.php'>Philosohpie</a>
<a href='dateiname.php'>Sitebezeichnung</a>
<a href='...'>...</a>
<a href='kontakt.php'>Impressum</a>

Bilder

Bevor ein Bild auf einer Site angezeigt werden kann, müssen sie die Dimension anpassen und das Bild auf eine Grösse unter 20Kb komprimieren.
Zuerst müssen sie die Dimensionen des Bilder anpassen, es danach den Ordner grafiken kopieren und zuletzt im Imagetag eintragen

<img src=/grafiken/bild.jpg alt=mein Bild class='image' />