Difference between revisions of "WebsiteTraditionell"

From Dietrich Blog (Strato)
Jump to: navigation, search
(Website traditionell (KrachtWeb))
(Replaced content with "Moved to http://blog.kr8.de")
Line 1: Line 1:
{{TOCright}}
 
 
Moved to http://blog.kr8.de
 
Moved to http://blog.kr8.de
= Website traditionell (KrachtWeb) =
 
Neben meiner traditionellen privaten Website http://www.kr8.de habe ich noch einige experimentelle Websites begonnen. Einen Überblick gibt [[MeineWebsites]].
 
 
== Architektur der Website www.kr8.de ==
 
Als Architektur werden Standard-Funktionalitäten und Standard-Layouts festgelegt, sowie die Grundsatzentscheidung, mit welchen Tools dies umgesetzt werden soll ([[Apache]], [[PHP]], [[MySQL]] und [[Smarty]] als Template-Engine).
 
 
=== Standard-Funktionalitäten ===
 
* Navigation per Menü (zwei Varianten: zwei [[Smarty]]-Templates)
 
* Management externer Links in eigener MySQL-Datenbank ([[PhpLinks]] eingebunden als Smarty-Plugin))
 
* Site-Suche durch [[PerlfectSearch]] (eingebunden durch [[Smarty]]-Template)
 
* Hit-Counter bei einem externen Provider http://www.webstat.com (eingebunden durch [[Smarty]]-Template) (lonzo.org: Log-File-Auswertung mit [[AWStats]])
 
* Alternativ-Seiten-Layout "druckerfreundlich" aus gleichem Content mit unterschiedlicher [[Smarty]]-Template
 
* Popup-Fenster für Begriffsdefinitionen im Themenbereich Osterdatum (durch spezielle [[Smarty]]-Template)
 
 
=== Standard-Layout ===
 
Für die Gestaltung der Website habe ich folgendes Layout- und Farbschema festgelegt:
 
* Bildschirmhintergrund: Helles Blau  RGB(153,204,255) #99CCFF
 
* Hervorgehobener Hauptbereich: Dunkleres Blau  RGB(0,204,255) #00CCFF
 
* Besondere Akzente: Blau RGB(102,153,204) #6699CC
 
* Textfarbe: "midnightblue"  RGB(25,25,112) #191970
 
* Überschrift-Farbe: "darkblue" RGB(0,0,139) #00008B
 
* Schrifttype: Verdana
 
Ein schematisches PNG-Bild zur Demonstration dieses Layout- und Farbschema befindet sich am Ende dieser Seite.
 
 
== Web-Authoring (Templates, Content,...) ==
 
* Meine Template Engine: [[Smarty]]  http://smarty.php.net
 
* Navigation im Thema "Osterdatum" mit Matt Kruse's JavaScript Tree von http://www.mattkruse.com/scripts/tree/index.html  http://www.hotscripts.com/Detailed/1334.html <br />Alternativ: www.treeview.net
 
* Mein Link Validator: [[PhpLinks]] <br />Alternativ: REL Link Validator Lite  http://www.relsoftware.com
 
* Pagesetter http://www.elfisk.dk (PostNuke Pages: recipes, news items, task lists, product descriptions, Immobilien-Anzeigen, Tiere aus dem Tierheim and so on.)
 
* PHP-GUI-Builder ("rapid", "IDE", [[Glade]], [[PHP-GTK]],...)  ( http://php.ch-becker.de/php-gtk-tut1/)
 
* PHPLens  http://phplens.com (aka Application Server lets you visualize your database information better)  ('''keine Freeware''')
 
 
=== Generierung meiner HTML-Seiten ===
 
Meine Website ist mit der Template-Engine [[Smarty]] gemacht. Smarty ist eine [[PHP]]-Anwendung. Da auf dem Web-Server meines WebProvider-Providers PHP nicht läuft (und damit auch nicht Smarty), generiere ich auf meinem Entwicklungssystem die [[HTML]]-Seiten (statisch) vor, um diese dann zum [[WebProvider]] hochzuladen.<br />
 
''Dieses Verfahren ist unter dem Thema [[Smarty]] im einzelnen beschrieben.''
 
 
=== Generierung meiner XML-Seiten ===
 
Meine Website enthält auch folgende [[XML]]-Seiten:
 
* lexikon.xml
 
* deskriptoren.xml
 
* musiclibrary.xml
 
Diese XML-Seiten werden mit je einem speziellen XSL-Stylesheet als HTML-Seite aufbereitet:
 
* lexikon.xsl
 
* deskriptoren.xsl
 
* musiclibrary.xsl
 
Ursprünlich wurden so komplette HTML-Seiten, die sogar dynamisch im Microsoft Internet Explorer erzeugt werden konnten erzeugt (Voraussetzung: der Microsoft XML-Parser ist installiert). Für den Fall, das ein User nicht über eine solche Installation verfügt, hatte ich schohn immer auch statische HTML-Varianten dieser drei XML-Seiten auf der Website angeboten, die dann mit einem XML/XSLT-Parser vorgeneriert wurden. Im Zuge der Umstellung der gesamten Website auf [[Smarty]] habe ich die XSL so geändert, das keine kompletten HTML-Seiten erzeugt werden, sondern nur HTML-Fragmente, die als INC-Files in meine Smarty-Templates eingebunden werden können. Die urspünglichen dynamischen XML-Seiten wurden danach abgeschafft (???).
 
 
Das Generieren der XML-Seiten erfolgt automatisiert über ein [[Make]] File, dass den XSLT-Prozessor Xalan aufruft (auch über OxygenXMLEditor möglich):
 
* Makefile: E:\var\www\www.kr8.de\source\xml\makefile
 
 
Dieses '''Makefile''' hat folgenden Aufbau:
 
<pre>
 
XML = /var/www/www.kr8.de/source/xml
 
 
# first target is the default target of the make command
 
 
krachtweb: lexikongen.inc deskriptorengen.inc musiclibrarygen.inc
 
 
lexikongen.inc: ${XML}/lexikon.xml ${XML}/lexikon.xsl
 
call xslt.bat ${XML}/lexikon.xml ${XML}/lexikon.xsl lexikongen.inc
 
 
deskriptorengen.inc: ${XML}/deskriptoren.xml ${XML}/deskriptoren.xsl
 
call xslt.bat ${XML}/deskriptoren.xml ${XML}/deskriptoren.xsl deskriptorengen.inc
 
 
musiclibrarygen.inc: ${XML}/musiclibrary.xml ${XML}/musiclibrary.xsl
 
call xslt.bat ${XML}/musiclibrary.xml ${XML}/musiclibrary.xsl musiclibrarygen.inc
 
</pre>
 
 
Die Kommando-datei '''xslt.bat''' ruft den XSLT-Prozessor Xalan auf:
 
<pre>
 
%JAVA_HOME%\bin\java org.apache.xalan.xslt.Process -IN %1 -XSL %2 -OUT %3
 
</pre>
 
 
=== Test der statisch generierten XML-Seiten ===
 
* http://krachtweb.kr8.de/musiclibrarygen.htm
 
* http://krachtweb.kr8.de/deskriptorengen.htm
 
* http://krachtweb.kr8.de/lexikongen.htm
 
 
== Tagebuch meiner Website ==
 
2004-04-12: Eine neue Seite zum Thema [http://www.kr8.de/zeitmessung.htm Zeitmessung und Navigation] verfasst.
 
2004-04-12: Meine Website unter [[RCS]] Source-Code-Verwaltung gestellt (RCS-Projekt "Smarty").
 
2004-04-09: Anlässlich eines Link-Checks mit PhpLinks einige der ''broken links'' in der Datenbank korrigiert. Dabei festgestellt, dass noch längst nicht alle Seiten das [[Smarty]]-Plugin für die Link-Generierung nutzen. Webseite [http://www.kr8.de/urlaub.htm urlaub.htm] vollständig darauf umgestellt.
 
 
== Ein schematisches PNG-Bild demonstriert dieses Layout- und Farbschema ==
 
[[Image:webdesign.png]]
 
 
-- Main.DietrichKracht - 07 Jan 2004
 

Revision as of 12:20, 29 March 2020

Moved to http://blog.kr8.de