Webseiten erstellen mit DynPG
Dieser Artikel ist Teil einer Reihe von Einführungsartikeln zu DynPG
Webseiten erstellen mit DynPG | DynPG in eine Webseite einbinden | Die drei Ansichten von DynPG | Eine einfache Inhaltsübersicht | Dynamisches Navigationmenü ... | CSS | Templates
zurück zu Kategorie:Integration in eine Webseite
Mit DynPG können sie im Handumdrehen dynamische Webseiten erstellen und mit dem leicht zu bedienenden Backend verwalten. In diesem einführenden Artikel erfahren Sie, wie das Erstellen dynamischer Webseiten mit DynPG grundsätzlich abläuft.
Statische Webseiten
Eine normale Webseite besteht aus statischen Inhaltstexten und HTML-Formatierungangaben zur Darstellung und dem Layout des Inhalts. Dies könnte z.B. wie folgt aussehen:
Code für eine statische Webseite
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <head> <title>DynPG</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> </head> <body> <!-- Kopf der Webseite --> <div id="header"> DynPG </div> <!-- Navigationsmenü --> <div id="navigation"> <a href="home.php">Home</a> ... </div> <!-- Inhalt --> <div id="inhalt"> <p> dynpg steht für dynamic web pages und ist ein kostenfreies Content Management System. ... </p> <p> Bisherige Vorgehensweisen in der Aktualisierung von Webauftritten sind veraltet. Es war üblich, ... </p> </div> </body> </html>
Dynamische Inhalte
Mit DynPG können wir nun die statischen Links und Inhalte ersetzen. An allen Stellen, wo Inhalte wie Texte, Bilder und Links angezeigt werden sollen, fügen wir kurze Codeabschnitte ein - die sogenannten Snippets. Diese Codefragmente übernehmen in der Regel eine bestimmte Aufgabe, wie z.B. das dynamische Menü zu erstellen oder einen Artikel auszugeben. Dadurch können wir es DynPG überlassen, die Inhalte dynamisch darzustellen, indem es den oben stehenden Code automatisch generiert. Bei der Erstellung der Webseite müssen wir lediglich festlegen, wo z.B. das Navigationsmenü angezeigt werden oder ein Text erscheinen soll.
Die Texte und Bilder, welche in der Webseite angezeigt werden sollen, erstellen und verwalten Sie dann nur noch im Backend, d.h. der Verwaltungsoberfläche, von DynPG. Sie können also z.B. festlegen, dass ein bestimmter Text angezeigt werden soll, wenn Sie im Menü der Webseite auf "Home" oder "Aktuelles" klicken. Diese Texte werden im Backend in Form von Artikeln erstellt und gespeichert. DynPG liest und verarbeitet die gespeicherten Artikel dann dynamisch aus und stellt Sie in der Webseite dar. Wenn Sie einen Artikel im Backend ändern, dann werden diese Änderungen auch in der Webseite sichtbar. Sie müssen dafür den Code der Seite nicht verändern.
Wenn wir im obigen Beispiel alle statischen Inhalte durch Plathalter (hier vorerst nur Kommentare) ersetzen, sieht der Code z.B. aus wie folgt. Welchen Code Sie letztendlich für die Platzhalter einsetzen müssen, erfahren Sie nach und nach in den folgenden Einführungsartikeln.
Code für eine dynamische Webseite (Grober Aufbau)
<!-- An den Stellen mit Kommentaren werden DynPG-Anweisungen eingefügt. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <head> <title><!-- Snippet zum dynamischen generieren von Seitentiteln --></title> <!-- Snippet zum dynamischen Einfügen von Meta-Informationen --> </head> <body> <div id="header"> <!-- Snippet zum Anzeigen des Inhalts für den Kopf der Webseite --> </div> <div id="navigation"> <!-- Snippet für die dynamische Navigation --> </div> <div id="inhalt"> <!-- Snippet zum dynamischen Anzeigen von Inhalt --> </div> </body> </html>
