Wie man eine Widget für eine Website

February 16

Widgets bestehen aus Dateien ähnlich wie Website-Code, die gepackt wurden, um als kleine Anwendung ausgeführt haben. Widgets können verwendet werden, zur Anzeige von Newsfeeds, Aktuelles Wetter, Bestandswerte, Spiele oder sogar einen Countdown auf die nächste Saison Ihrer Lieblingssendung. Erstellen und Hinzufügen einer Widgets auf Ihre Website-Besucher auf Ihre Website mit einem nützliche Grafik Gizmo stellt zur Verfügung.

Anweisungen

1 Ein Widget-Editor und ein Konvertierungstool herunterladen. Widgets gibt es in zwei gängigen Formaten, eine komprimierte Datei oder einer Flatfile. Abgeflachten Widgets sind schneller zu laufen und einfacher zu Autor, aber du brauchst um sie zu konvertieren, um Sie zu bearbeiten.

2 Verwenden Sie einen nur-Text-Editor, um den Code für das Widget schreiben. Textverarbeitungs-Software kann nicht verwendet werden. Stick mit einer einfachen Anwendung wie z. B. Editor. Der Code für das Widget erfordert Kenntnisse der Hypertext Markup Language (HTML), eXtensible Markup Language (XML), JavaScript und AppleScript.

3 Bearbeiten Sie Bilder für Ihr Widget. Verwenden Sie ein Bildbearbeitungsprogramm zum Erstellen oder eine Image-Datei zu konvertieren, wenn Sie ein Bild auf das Widget angezeigt haben möchten.

4 Erstellen Sie die Dateien für Ihr Widget benötigt. Für ein einfaches Widget benötigen Sie nur die Datei ".kos", die den primären Code enthält. Die Datei ".kos" sollte enthalten XML-Code für Bild-Platzierung, Widget-Einstellungen und JavaScript-Code, die definiert, wie das Widget ausgeführt wird. Für komplexere Widgets können Sie eine separate "js"-Datei für JavaScrpit Code oder ".scpt" Datei erstellen, wenn Sie es vorziehen, um AppleScript zu verwenden.

5 Geben Sie Ihren kurzen, aber aussagekräftigen Namen Widget-Objekt. Sogar ein einfaches Widget wird von mehreren Objekten bestehen. Eine Widget wird mindestens ein Fenster, Timer und Präferenz Haupteinstellungen haben. Stellen Sie sicher, dass Namen, die Sie wählen, um Ihre Objekte zu definieren leicht auf einen Blick erkennbar sind zu machen, eine leichtere Aufgabe bearbeiten.

6 Schalten Sie die Debug-Funktion, wenn der Code abgeschlossen ist und das Widget bereit für die Verpackung ist. Fügen Sie die "aus"-Zeile in den Code ein, so dass Ihr Widget eine Debug-Fenster nicht angezeigt wird, wenn sie auf einer Website ausgeführt wird.

7 Konvertieren Sie den Widget-Ordner, um es zu bauen, so dass es auf verschiedenen Computer-Plattformen ausgeführt werden kann. Verschieben Sie alle Ihre Widget-Dateien in einen neuen Ordner. Verschieben Sie diesen neuen Ordner in einen anderen Ordner mit Namen des Widgets. Verwenden Sie das Widget-Converter-Tool, um das Widget als abgeflachte ".widget" Datei speichern.

8 Hochladen Sie Ihr Widget auf Ihre Website. Sie sollten auch Ihr Widget für den Einsatz auf ihren Webseiten mit anderen zu teilen. In diesem Fall reichen Sie Ihr Widget ein online Widget-Galerie.

Tipps & Warnungen

  • Wenn Sie nicht vollständig mit Programmierung vertraut sind, herunterladen Sie eine Widget und öffnen sie im Bearbeitungsmodus den XML und JavaScript-Code anzeigen. Versuchen Sie, ändern den Code, um die Auswirkungen zu sehen.
  • Dev.Opera und der Yahoo! Widget Workshop bieten Widget-Editoren und Konverter zum Download.