12. September 2008

Erste Referenz online: www.griewisch.de

Heute ist die neue Website von meinem Vater Matthias Griewisch online gestellt worden; die von mir erstellte page wurde ein wenig mit modernen Techniken aufgepeppt.

Heute ist die neue Website von meinem Vater Matthias Griewisch online gestellt worden; die von mir erstellte page wurde ein wenig mit modernen Techniken aufgepeppt. Während zum Beispiel der Quellcode der alten Website, die mit dem WYSIWYG- Editor Frontpage erstellt wurde, entsprechend grausam aussah (immer wieder die selbe Formatierungsanweisung in jedem neuen Absatz <p>; meist sogar nicht mal mit CSS, sondern umschrieben mit <strong>, <b> …), die Webseite die inzwischen veralteten Frames benutzte und als Kontaktformular eine Frontpage- Servererweiterung nutzte (was hieß, dass der Server extra eine Erweiterung braucht, dass er dieses Tool ausführen kann), ist die neue Homepage nun bedeutend professioneller: Der Quellcode ist, weil wir in von Hand erstellt haben, äußerst übersichtlich und gut struktiert; <strong> oder <b> werden nun nicht mehr als Umschreibung für fett genutzt, sondern eine kleine CSS- Regel, die, wie alle CSS, die diese Website verwendet, ausgelagert ist, sorgt nun für diese fette Darstellung:

font-weight: bold;

Wie gesagt, gut struktierter Quelltext, ausgelagerte CSS (Cascading Style Sheets – dienen zum Gestalten von Websiten) … Aber nein, das war noch lange nicht alles: Immer wieder kehrende Elemente – wie zum Beispiel der Header – wurden mit SSI (Server Side Includes) in externe Dateien ausgelagert; das macht es für den Administrator der Website – also mein Vater – später einmal leichter, zum Beispiel einen neuen Punkt in der Navigation hinzuzufügen. Auf Frames wurde komplett verzichtet; das Kontaktformular wird nun auch nicht mehr über Frontpage- Servererweiterungen gehandhabt, sondern schön mit einem einfachen PHP- Formmailer gesteuert.

Ein Originalzitat aus dem Rundbrief, den mein Vater über ein neues Instrument verfasst hat und an dessen Ende er auch ein wenig auf seine Homepage aufmerksam macht:

Wie ich von meinem 15- jährigen Sohn Hans erfahren musste, entsprach meine alte website nun überhaupt nicht mehr modernem Standard. Ich hatte gedacht, daß HTML die Sprache des webs und mithin ausreichend sei, aber von ihm weiß ich nun, dass man heute auch CSS, SSI, PHP, MooTools, jQuery und vieles andere mehr braucht, wenn man auf eine halbwegs zeitgemäße Darstellung aus ist. Wohlan denn, besuchen Sie ‘unsere’ neue website: hoffentlich klarer, strukturierter, dynamischer!Matthias Griewisch, Rundbrief “Gregori”

Kleine Anmerkung meinerseits: HTML ist die Sprache des webs (Originalzitat W3C: “What is HTML? HTML is the publishing language of the World Wide Web.”), nur ist sie allein halt einfach nicht zum Gestalten von Websiten gedacht; dazu braucht man dann CSS.

Aber was ist jetzt dynamischer an der neuen Website? Was sind MooTools, was ist jQuery? Die Antwort: Javascript- Frameworks. Für den Englisch- Hasser: Javascript- Bibliotheken. Ich habe sie bei Referenzen (“Accordion- Effect”) und bei Diskographie (“Tablesorter- Plugin”) zum Einsatz kommen lassen.

Nun, ich hoffe, Ihnen gefällt die website. Feedback erwünscht!

Vielen Dank.

Kommentare

Zu diesem Beitrag wurden keine Kommentare verfasst.

Commenting is not available in this weblog entry.