An dieser Stelle möchte ich ein paar Hinweise zum LayoutGestaltung der Seiten, der Schriftarten und -farben sowie die Anordnung der einzelnen Elemente dieses Kompendiums geben:
Alle Seiten haben das gleiche Layout:
Was darunter steht, ist der eigentliche Inhalt der Seite:
Obwohl ich ausdrücklich darauf hinweise, dass ich keine Werbung auf meinen Seiten haben will, unterstütze ich freie Software und freie Informationen. — Bildung darf nichts kosten! Nur wer mit Software Geld verdient, soll auch dafür bezahlen.
Die meisten externen Verweise zeigen auf Seiten der Wikipedia, die diesen Gedanken verfolgt. Alles in dieser Enzyklopädie ist kostenlos und frei von Werbung.
In meiner Webpräsenz sind ausschließlich werbefreie und kostenlose Informationen zu finden. Propriëtäre Anbieter lehne ich aus Überzeugung ab.
Zurück |
nach oben |
Home |
weiter
Mit Code
ist die Gesamtheit des Quellcodes meiner Website gemeint. Er setzt sich zusammen aus dem bloßen Inhalt, den Definitionen zum Layout und den programmtechnischen Mitteln für die Funktionalität.
Der Inhalt ist in den über 140 Seiten untergebracht. Er ist nach Möglichkeit von den anderen Elementen (Layout und Funktionen) strikt getrennt.
Das Layout ist überwiegend in CSS 2.1 gehalten, enthält aber auch Elemente die den Empfehlungen für CSS 3.0 folgen. In die zentrale Stildefinitionsdatei (CSS) sind 35 Symbole und das Hintergrundbild als Base64-Blöcke integriert, um die Anzahl der Serveranfragen und das übertragene Datenvolumen möglichst klein zu halten. Dadurch werden die Ladezeiten für die Seiten auf ein Minimum reduziert.
Andere Webpräsenzen machen sich offenbar einen Sport daraus, ihre Seiten mit Bildern, Animationen, Scripts und Applets zu überladen, was sich dadurch bemerkbar macht, dass selbst bei einer schnellen Internetverbindung das Laden oft länger als 15 Sekunden dauert.
Die Funktionalität meiner Seiten beschränkt sich auf Fuktionen, die zum Ein- und Ausblenden von Elementen dienen oder die Anzeige der Elemente automatisieren, um die Darstellung der Seiten zu vereinheitlichen und die Wartung zu vereinfachen. Die meisten Entwickler von Webseiten integrieren einfach Code-Bibliotheken wie jQuery oder Angular.js, um ihren Seiten die Funktionalität zu verleihen. Das Dumme daran ist, dass meist nur wenige Funktionen der mehrere -zig Kilobytes umfassenden Bibliothek benutzen. Der Rest ist Ballast, der nie gebraucht wird und nur unnötigen Datenverkehr erzeugt.
Vielleicht ist es nur ein Spleen von mir, der daher kommt, dass ich noch die Zeiten von Modems mit 14400 Bits pro Sekunde erelbt habe. Aber selbst wenn ich meine Seiten lokal auf meinem PC lade, kann ich bei den Ladezeiten einen deutlichen Unterschied zwischen herkömmlichen Techniken (mit vielen kleinen Einzeldateien) und meinem optimierten System feststellen. Über das Web werden die Unterschiede noch deutlicher.
Die Webpräsenz von GEGSOFT ist über einen Zeitraum von ca. sieben Jahren entstanden und bis zum heutigen Stand gereift. Am Anfang war alles noch etwas ungeschickt angeordnet und auch der Inhalt war noch ziemlich dürftig. Damals hatte ich noch nicht so viel Ahnung von HTML und mit CSS hatte ich gerade erst angefangen.
Die Website ist langsam, aber stetig in ihrem Umfang gewachsen und das Layout hat mehrere grundlegende Änderungen erfahren. Im Jahr 2012 habe ich ein einheitliches Design und Menü eingeführt, und gegen Mitte 2013 habe ich angefangen, mich in Javascript einzuarbeiten, weil ich meinen Lesern ein paar nützliche Funktionen anbieten wollte. Inzwischen umfasst das Script meiner Website an die 100 Funktionen, die aufeinander aufbauen und abgestimmt sind.
Ich versichere, dass alles (Inhalt, HTML-Code, CSS-Layout und Javascript-Funktionen) komplett mein eigenes Werk ist. Ich habe keine WSYIWIGWSYIWIG (Abk., engl.):
What You See Is What You Get –Was du siehst ist was du bekommst-Editoren, Code-Generatoren, Toolboxen oder sonst irgendwelche Software aus fremden Quellen benutzt. Das einzige, was ich verwendet habe ist Metapad, der HTML-Editor phase5 und MS-Excel (für vereinzelte Tabellen und ListenListen lassen sich mit Excel recht einfach in HTML-Code umwandeln) – und natürlich das didaktisch äußerst wertvolle Referenzwerk für die Webseiten-Erstellung SelfHTML.
Der HTMLHTML: HyperText Markup Language = Hypertext Auszeichnungssprache;
HTML ist die im Internet gebräuchliche Seitenbeschreibungssprache zum Erstellen von Webseiten. HTML ist relativ streng reglementiert und doch lässt sie dem Web-Designer volle Freiheit und Kontrolle über das Aussehen der Seite(n). HTML-Seiten können mit jedem beliebigen Texteditor erstellt und bearbeitet werden.-Code der Seiten wurde überwiegend mit der Freeware Ulli Meybohm's HTML-Editor PHASE 5²HTML-Editor PHASE 5² (aktuelle Version: 5.6.2.3) ist ein Texteditor mit jeder Menge Features, die das Erstellen, Bearbeiten und Verwalten von HTML-Projekten wesentlich vereinfachen und sehr komfortabel machen. erstellt, das CSS-StylesheetCSS ist eine Ergänzung zu HTML, die es ermöglicht, die Definitionen für das Aussehen der einzelnen Elemente festzulegen. Ein Stylesheet ist der Ort, an dem diese Definitionen zentral abgelegt werden. CSS-Stylesheets können, wie HTML, mit jedem beliebigen Texteditor erstellt und bearbeitet werden. habe ich vollständig von Hand geschrieben.
Das Knowhow dazu habe ich mir – wie auch viele andere HTML-Autoren – mit Hilfe des "Standardwerks" SelfHTMLLink zur SelfHTML-Homepage von Stefan Münz erarbeitet.
Dank an:
Auch wenn ich grundsätzlich keine finanziellen Absichten mit meiner Website verfolge, investiere ich doch eine Menge Zeit in die Entwicklung und Pflege meiner Seiten.
Meine Seiten erheben zwar keinen Anspruch auf Vollständigkeit, dennoch achte ich penibel darauf, dass alles, was ich schreibe, sachlich richtig ist. Dazu sind oft Stunden lange Recherchen erforderlich, denn ich möchte keine falschen Informationen verbreiten.
Wenn Sie das honorieren möchten, dann können Sie dies mit einer kleinen SpendeEin kleiner Betrag, z.B. € 1,-
tut niemandem weh, doch
ich freue mich über jeden Cent. tun.