Come fare un Widget per un sito web

April 22

Widget sono costituiti da file simili al codice del sito web che sono stati confezionati per l'esecuzione come una piccola applicazione. I widget possono essere utilizzati per visualizzare i feed di notizie, aggiornamenti meteo, i valori di borsa, giochi o anche un conto alla rovescia per la prossima stagione del tuo programma preferito. La creazione e l'aggiunta di un widget per il tuo sito web fornirà visitatori del tuo sito con un utile aggeggio grafica.

istruzione

1 Scarica un editor widget e uno strumento di conversione. Widget sono disponibili in due formati più diffusi, un file compresso o di un file flat. widgets appiattite sono più veloci da eseguire e facile da autore, ma sarà necessario convertirli in modo da modificare.

2 Utilizzare un editor di testo per scrivere il codice per il widget. software di elaborazione Word non può essere utilizzato. Bastone con una semplice applicazione come Blocco note. Il codice del widget richiede la conoscenza di Hypertext Markup Language (HTML), eXtensible Markup Language (XML), JavaScript e AppleScript.

3 Modificare le immagini per il widget. Utilizzare un'applicazione di modifica delle immagini per creare o convertire un file di immagine se si prevede di avere una immagine visualizzata sul widget.

4 Creare i file necessari per il widget. Per un semplice widget è necessario solo il file ".kos", che contiene il codice primario. Il file ".kos" dovrebbe contenere codice XML per il posizionamento delle immagini, le preferenze dei widget e il codice JavaScript che definisce come il widget verrà eseguito. Per i widget più complesse è possibile creare un file separato "js" per il codice JavaScrpit o di un file ".scpt", se si preferisce utilizzare AppleScript.

5 Lascia la tua widget di oggetti nomi concisi ma descrittivi. Anche un semplice widget sarà composto da diversi oggetti. Un widget avrà impostazioni di almeno una finestra principale, timer e di preferenze. Assicurarsi che i nomi si sceglie di definire gli oggetti sono facili da riconoscere a colpo d'occhio per fare la modifica di un compito più facile.

6 Disattivare la funzionalità di debug quando il codice è completo e il widget è pronto per il confezionamento. Inserire la " via "Linea nel codice in modo che il tuo widget non visualizzerà una finestra di debug quando viene eseguito su un sito web.

7 Convertire la cartella widget per confezionarlo in modo che possa funzionare su diverse piattaforme. Spostare tutti i file di widget in una nuova cartella. Spostare questa nuova cartella in un'altra cartella con il nome del widget. Utilizzare lo strumento widget di convertitore per salvare il widget come un file ".widget" appiattita.

8 Carica il tuo widget al tuo sito web. Si consiglia inoltre di condividere il tuo widget con gli altri per l'uso sui loro siti web. In questo caso, inviare il tuo widget per una galleria widget di linea.

Consigli e avvertenze

  • Se non si è completamente a suo agio con la codifica, scaricare un widget e aprirlo in modalità di modifica per visualizzare l'XML e codice JavaScript. Prova alterando il codice per vedere gli effetti.
  • Dev.Opera e Yahoo! Widget workshop offrono editori widget e convertitori per il download.