Gewusst wie: Erstellen von Web-Widgets

Der Begriff "Widget" hat mehrere Definitionen in der Computer-Welt, aber im Jahr 2010 die meisten Menschen assoziieren das Wort mit kleinen, gemeinsamen Web-Features, die mit Code, eine einzigartige grafische Benutzeroberfläche (GUI) für ein Website-Besucher Genuss erzeugt, und verwenden. Widgets sind kleine Pakete der Web-Programmierung, die Funktionen wie video-Clips oder News-ticker anzeigen oder einen Prozess automatisieren können. Sie sollen meist tragbar und frei und leicht mit anderen Webdesignern geteilt werden.

Anweisungen

1 Prüfen Sie, ob ein Widget-Bau-Tool Sie sparen würden, Zeit oder Hilfe, die Sie Defizite zu überwinden, haben Sie vielleicht in Ihrem HTML oder JavaScript Codierfähigkeiten. Mehrere Widget-orientierte Websites, wie Widgetbox.com, bieten bauen Ihr eigenes Widget-Tools, mit denen Sie schnell eine hochwertige-Widget erzeugen. Auch wenn Sie wenig oder nichts über HTML kennen, können Sie diese Tools, um einen benutzerdefinierten Widget für Ihre Website und Verteilung an anderer Stelle zu machen.

2 Bestimmen Sie den Typ des Widgets, die Sie erzeugen möchten. Es gibt viele Möglichkeiten zur Verfügung, darunter Flash und HTML/Java-Script und Widgets erstellt für bestimmte Plattformen wie WordPress, Joomla, Facebook und Twitter.

3 Öffnen Sie ein neues Codeprojekt auf Ihrem HTML-Editor. Legen Sie Ihr Perimeter für das Widget, daran erinnern, dass die meisten Widgets sind kleine, in der Regel eine Spalte in der Breite durch zwei oder drei Mal die Anzahl der Pixel in der Höhe. Dieser standard eine Spalte-Breite von 2 oder 3 Zoll in der Höhe ist der standard-Größe, aber keine Regel; Sie können Widgets sicherlich größer oder kleiner machen. Halten Sie einfach die Fähigkeit des Benutzers interagieren mit einem sehr kleinen Widget sowie die Seite Ladezeiten beachten. Die meisten Web-Designer wollen nicht Ihr Widget zu verwenden, wenn es zu groß oder zu klein ist.

4 Ihr Widget Code. Das Projekt zu behandeln, als wäre es eine kleine Website, die auf einer größeren Website abgelegt werden können. Ihr Widget-Projekt muss eine eigenständige kleine Welt des Codes, die kein anderes Element Ihrer Website abhängt. Portable und nützlich, andere Webdesigner müssen. Bieten Sie Ihr Widget-Fans die Möglichkeit, die Größe, Farbe oder andere funktionierende Aspekte für ihre eigenen Zwecke anpassen. Ihr Endergebnis muss ein Code-Snippet, die kopiert und von Widget-Benutzern auf ihren Web-Seiten eingefügt werden können.

5 Denken Sie daran, dass das Ziel des Widgets, ein Effekt oder Informationen zu produzieren, wenn der Betrachter auf das Widget klickt oder das Widget auf der Webseite beobachtet. Die klassischen Widgets aller Zeiten gehörte der berühmten "The Cat Neko"-Widget, das eine animierte Katze, die gekennzeichnet "des Benutzers Maus als es bewegte sich die Webseite sah". Andere klassische Widgets gehören Countdown-Uhren, Newsfeeds oder direkte Links auf bestimmte Inhalte auf YouTube oder Flickr. Was immer Ihr Widget tut, sollte es wünschenswert, dass andere Webentwickler.

6 Teilen Sie Ihr Widget, wenn es abgeschlossen ist. Sie können Ihr Widget in mehrere der beliebten kostenlosen Widget Galerien verfügbar, einschließlich Widgetbox.com und Widgipedia.com eingeben. Diese Galerieseiten platziert Widgets auf dem Markt für Abholung von anderen Web-Designer. Sie können auch versuchen, den Widget-Code an andere Entwickler zu verkaufen, insbesondere, wenn das Widget besonders herausragend ist oder ein sehr ungewöhnliches Produkt-Ergebnis ergibt.

Tipps & Warnungen

• Ersparen Sie sich die Frustration: Wenn Sie kein erfahrener HTML oder JS-Programmierer sind, die Widget-machen-Onlinetools werden dringend empfohlen.