Der Eingang zum Adminbereich

Adminbereiche sollten erst einmal ordentlich geschützt sein, egal wo Du ihn ablegst. Am besten sollte der Schutz Serverseitig sein, mit einem geschützten Verzeichnis. Die Einrichtung eines solchen geschützten Verzeichnisses kannst Du über den Verwaltungsbereich zum Webspace erledigen.

Sollte dies nicht möglich sein, so musst Du den Adminbereich selbst schützen, was Du mit einer ".htaccess" und einer ".htpasswd" Datei erledigen kannst. Diese Methode birgt jedoch einige Restrisiken.

Damit der Adminbereich nicht zu leicht zu finden ist, solltest Du ihn in einem bereits bestehenden Ordner ablegen, welchen Du so wie so mit der "robots.txt" zum Auslesen für Suchmaschinen sperrst (Disallow: /privates/).

In meinen bisherigen Vorstellungen zu einer Webseite ist dies der Ordner "privates", in dem Du den Adminbereich ablegst. Der Adminbereich mit seinen Dateien befindet sich also im Ordner "privates" als Unterverzeichnis mit Namen "admin".

Für die ersten Tests solltest Du diese Ordnerstruktur belassen, vor dem endgütigen UPLOAD auf den Server solltest Du jedoch die Namen der Ordner ändern (und natürlich die Pfade in und zu den Dateien).

Da nur Du den Adminbereich nutzt, kannst Du den Adminbereich mit einem Framesset erstellen (vorausgesetzt, Dein Browser unterstützt das).

Die Hauptdatei dazu ist die Startdatei, in ihr werden die Frames festgelegt. Interessant ist eine schmale Seite Links für die Links und eine größere Seite rechts zum Anzeigen der aufgerufenen Inhalte.

Die Datei selbst nennen wir hier "admin.html", welche sich im Ordner "admin" befindet.

Quelltext der admin.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<title>ADMINBEREICH für Meine erste Homepage</title>
<meta name="robots" content="noindex, nofollow">
</head>
<frameset cols="25%,75%" frameborder="no" border="false" framespacing="0">
  <frame src="links.html" scrolling="auto" noresize name="links">
  <frame src="auswaehlen.html" scrolling="auto" noresize name="frame">
  <noframes>
    Ihr Browser kann diese Seite leider nicht anzeigen!
  </noframes>
</frameset>
</html>

Erläuterungen (frameset bis /frameset):
Mit cols bestimmst Du die Größe der beiden Seiten, hier linke Seite 25% und rechte Seite 75% (muss zusammen 100% ergeben). Den Wert border kennst Du bereits aus den Grundlagen - false bedeutet hier kein Rahmen (true - Rahmen), kommen wir zu frameborder - 0 besagt keinen Rahmen um die Frames, mit framespacing legst Du den Abstand zwischen den Frames fest.
In den weiteren Angaben (frame) besagt src den Wert der zu ladenden Datei (links.html und auswaehlen.html hier gleich im Ordner "admin"), scrolling=auto besagt, das eine Scrollleiste eingebledet wird, wenn diese erforderlich ist und mit name legst Du den Fenstername (framename) fest, welchen Du zum Öffnen mit target benötigst.
Der noframe Bereich kommt zur Geltung, wenn der Browser keine Framessets unterstützt.
Die Frameerstellende Datei benötigt keinen Body-Bereich, dieser befindet sich dann in den aufgerufenen Dateien.

Als nächstes kommen wir zur "auswaehlen.html", was nur einen kleine Zwischenseite ist.

Quelltext der auswaehlen.html:
<html>
<head>
<title>Option auswählen</title>
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="../formatierung.css" type="text/css">
</head>
<body>
<table border="0" width="90%" height="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
  <td align="center">
    <h1>Bitte wähle eine Option "Links" aus!</h1>
  </td>
</tr>
</table>
</body>
</html>

Auch dieser Quelltext dürfte für Dich keine Probleme darstellen, wenn Du die Grundlagen abgearbeitet hast.

Nun brauchen wir noch die "links.html", welche sich ebenfalls im Ordner "admin" befindet. In ihr sind jetzt die Links zu den Dateien um den Inhalt der Datenbank bearbeiten zu können.

Quelltext der links.html:
<html>
<head>
<title>Navigation zum Adminbereich &quot;Meine erste Homepage&quot;</title>
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="../formatierung.css" type="text/css">
</head>
<body>
<table border="0" width="90%" height="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
  <td valign="top">
    <br>
    <center><h1>ADMINBEREICH</h1>
    <h2>Meine erste Homepage</h2></center>
    <br>
    <b>Optionen Zähler:</b>
    <ul>
      <li><a href="zaehler/stand.php" target="frame">Stände anzeigen</a></li>
    </ul>
    <br>
    <b>Optionen Gästebuch:</b>
    <ul>
      <li><a href="gaeste/listgaeste.php" target="frame">Einträge anzeigen</a></li>
      <li><a href="gaeste/aktivieren.php" target="frame">Einträge aktivieren</a></li>
      <li><a href="gaeste/bearbeiten.php" target="frame">Einträge bearbeiten</a></li>
      <li><a href="gaeste/deaktivieren.php" target="frame">Einträge deaktivieren</a></li>
      <li><a href="gaeste/loeschen.php" target="frame">Einträge löschen</a></li>
    </ul>
    <br>
  </td>
</tr>
</table>
</body>
</html>

Wie aus dem Quelltext zu ersehen ist, benötigen wir im Ordner "admin" nun noch zwei Unterverzeichnisse mit den Namen "zaehler" und "gaeste".
Mit target=frame wird diese Seite im Fensternamen "frame" geöffnet, wo zum Start die "auswaehlen.html" geöffnet ist.

Auf der nächsten Seite gehts um den Adminbereich des Zählers.