 Quellcode / Download von Beispielen
Wenn Sie ein interessantes Anwendungsbeispiel gefunden haben und erst einmal austesten möchten ob sich das für Ihre Seite eignet, benötigen Sie den Quellcode des Moduls. Zum Testen könnten Sie diesen Code in eine neue HTML-Seite oder in Ihre Seitenvorlage einkopieren.
a) Bei kleinen Codeschnipseln finden Sie den Quellcode als Text auf der Themenseite.
b) Zu vielen Fallbeispielen biete ich den Quellcode als Textdatei an.
c) Oft gibt es zusätzliche Beispiel- und Demoseiten als HTML-Datei.
d) Für komplexere Module biete ich ein Archiv als ZIP-Datei zum Download an.
Den Quellcode können Sie diesen Dateien über unterschiedliche Verfahren entnehmen. Bei HTML-Dateien müssten Sie zunächst über das Kontextmenü den Quellcode der Seite anzeigen lassen.
Mehrere Wege zum Ziel
| | Experimentieren und Probieren
|
|
|
|
1) Rufen Sie die Textdatei auf und kopieren den Quellcode
2) Rufen Sie die Demodatei auf, lassen den Quellcode anzeigen und kopieren den Quellcode
3) Laden Sie die Beispieldatei herunter und modifizieren den Code
4) Laden Sie die Beispieldatei inclusive der Grafiken als ZIP-Datei herunter und modifizieren den Code
|
|
|
Falls vorhanden rufen Sie also die Demodatei auf (die ich zu vielen Fallbeispielen anbiete) und kopieren deren Quellcode. Für die Option 4) laden Sie die ZIP-Datei herunter und entpacken die Dateien in einem neuen Ordner. Dann editieren Sie die Beispieldatei.
Häufig wird nachgefragt:
 Wo finde ich den Quellcode?- Wo finde ich die Downloads?
- Gibt es minimierte Beispiele?
- Wie verfahre ich mit einer ZIP-Datei?
- Die Mini-Grafiken passen farblich nicht.
1 Quellcode für JavaScript-, CSS-, HTML-Module
Auf den Beispielseiten wird häufig nur ein Auszug des Quellcodes angezeigt. Meißt nur, was zur Erklärung notwendig ist. Sie möchten aber den vollständigen Code erhalten. Wie Sie dazu vorgehen lesen Sie hier in diesem Absatz 1 oder unten im Absatz 3
Klein und bescheiden stehen im Kopfbereich der Beispielseiten entsprechende Textlinks.
Wenn Sie die Textdatei zu einem Anwendungsbeispiel öffnen, können Sie mit Kopieren und Einfügen den Code in Ihre Seite übertragen. Sie können die Textdatei auch abspeichern und später in Ruhe ansehen.
Durch meine Kommentare in den Textdateien erhalten Sie einen Hinweis darauf, welche Code-Segmente des Beispiels Sie an bestimmter Position innerhalb Ihres HTML-Dokuments einkopieren müssen (Head, Body, Body-Tag, externe Datei). In den Textdateien finden Sie entspechende Hinweise wie "im Head-Bereich einfügen / im Head" oder "im Body-Bereich einfügen / im Body".
2 ZIP-Archive mit sämtlichen benötigten Dateien
Wenn im Kopfbereich der Seite ein ZIP-Archiv angeboten wird, enthält diese ZIP-Datei sämtliche benötigten Dateien (HTML, CSS, Grafiken). Das Archiv können Sie dann herunter laden, speichern und nach dem 'Auspacken' testen und analysiern. Während Sie den Quellcode der Dateien einsehen, haben Sie ebenfalls die Möglichkeit mit Kopieren und Einfügen den Code in Ihre Seite zu übertragen.
 Beachten Sie die Vorgehensweise beim Entpacken
3 Beispiele und Demos der Anwendungsbeispiele
Die Online-Beispiele und -Demos veranschaulichen wie die Anwendungsbeispiele außerhalb der Erklärungsseite als 'Stand-Alone' aussehen.
Bei einer Beispieldatei könnten Sie, während es im Browser angezeigt wird, mit der Bowserfunktion (Seitenquelltext anzeigen) den Quellcode einsehen und kopieren. Die Funktion zur Anzeige des Quellcodes erreichen Sie bei den Browsern über unterschiedliche Wege der Browsermenüs oder durch einen 'Rechtsklick' über das daraufhin angezeigte Kontextmenü.
4 ZIP-Dateien
Archive sind in der Regel als ZIP-Datei abgelegt und enthalten eine Beispieldatei und gegebenenfalls alle notwendigen Grafiken. Zum Entpacken der Archive können Sie die üblichen Tools des Betriebssystems oder geeignete Hilfsprogramme nutzen.
Für eine fehlerfreie Funktion sollte ein Archiv zunächst heruntergeladen und in einem neuen Ordner gespeichert werden. Im nächsten Schritt entpacken Sie die ZIP-Datei.
Danach müssten sämtliche Dateien im Windows-Explorer gelistet sein, wenn Sie in den neuen Ordner schauen. Beim Aufruf der HTML-Datei des Beispiels wird die Datei für gewöhnlich in Ihrem Browser angezeigt. Optional könnten Sie Die Datei in einem HTML- oder Texteditor öffnen.
5 Grafiken / Mini-Images
Wenn zu einem Modul eine ZIP-Datei vorhanden ist, enthält dieses Archiv alle benötigte Grafiken.
Weitere passende Grafiken für meine Beispiele biete ich Ihnen in meiner MINI-IMAGE-BOX an. Sie finden dort hunderte Mini-Grafiken und Symbole in unterschiedlichen Farbgebungen zur Anpassung der Module an Ihr Layout. Die Grafiken stehen zur kostenlosen Nutzung zur Verfügung.
|
Home • Quellcode und Download
