2012-01-26 17:31:23 +0800 #1
随着3G在中国的普及应用，可以预见未来终端手机上网功能将越来越强大。手机上网应用的发展必然会推动手 机内置widget的多样化和个性化。
以下两个Nokia手机内置widget的例子很有代表性：
淘宝网用户可以通过手机在此widget上实现所有的应用功能。
手机上装有这款widget的用户在想要查找路线时不必再到处寻找电脑，只需要通过手机就能轻松实现目标。
那么开发这样的widget难度会不会很大呢？
Widgets是可以独立于浏览器应用运行的一些Web应用。换句话说，widgets就是一些Web页面，通常为某个特定 目的设计。Widgets使用的是标准的互联网技术，如HTML、CSS、JavaScript，及AJAX。
与传统的Web应用不同，Web Widgets拥有自己的结构，且需要将某些特定组件保存在移动终端中。编写widget 并不需要特殊的工具或特定的开发环境；如NotePad这样的文本编辑器已经足够。但是，使用某个第三方的 HTML/CSS和JavaScript编辑器将获得很多方便，因为它们提供多种有用的功能，如行号序列、语法亮显等。
HTML标记语言和JavaScript是设计和实现每个widget的基本编程语言。此外，文档对象模型（Document Object Model，DOM）和级联样式表（Cascading Style Sheets, CSS）也是控制widget样式和版面的重要技术。
如果你对以上内容了解没问题，那么请继续往下看，整个widget开发过程中最核心的有以下几步：
i.info.plist：Info.plist是个很简单的文件语法。它是一个与诺基亚plist DTD相关联的XML格式文件。
ii.*.html文件：该文件主要用来设计widget结构。为便于使用和实现，最好使用CSS和外部JavaScript代码文 件。这些文件通过在HTML文档里分别定义的<style>元素和<script>引用。在随后共享教程里有详细介绍。
iii. *.css文件：控制整个widget界面显示效果。
iv. *.js文件：主程序文件。使用JavaScript语言。
v. icon.png文件：widget程序在手机显示的图标。
（关于以上步骤的详细操作，在后面我和大家分享的教程里有详细说明。需要注意的是诺基亚 WRT平台并不支 持全部通用JavaScript函数和HTML属性。所以大家在开发时候一定要确定哪些函数是可以使用的）
OK，现在大家对于手机wigdet应该有明确的认识了吧。虽然大家常见的widget大多都是互联网应用方面的，不 过针对手机的应用已得到众多NB手机公司的重视，这不最近诺基亚公司就搞了一个widget设计开发大赛，严重 推荐给大家，这可是功成名就的好机会啊，哈哈！我也是因为参加这个大赛才有空来说说对widget的看法，对 大赛有兴趣的朋友可以去诺基亚大赛官网瞅瞅forum.nokia.com.cn/cai_widget_training/cai: forum.nokia.com.cn/cai_widget_training/cai
最后放上我为大家推荐的NB手把手教widget开发的教程（有实例），跟大家分享一下 （www.rayfile.com/file...e-a381-0014221b798a: www.rayfile.com/file...de-a381-0014221b798a）
这里还有很多大家去看看吧（www.forum.nokia.com....00_cn.html#s60widge: www.forum.nokia.com....,00_cn.html#s60widge），也 希望大家都说下自己对widget开发的看法和经验。
以下两个Nokia手机内置widget的例子很有代表性：
淘宝网用户可以通过手机在此widget上实现所有的应用功能。
手机上装有这款widget的用户在想要查找路线时不必再到处寻找电脑，只需要通过手机就能轻松实现目标。
那么开发这样的widget难度会不会很大呢？
Widgets是可以独立于浏览器应用运行的一些Web应用。换句话说，widgets就是一些Web页面，通常为某个特定 目的设计。Widgets使用的是标准的互联网技术，如HTML、CSS、JavaScript，及AJAX。
与传统的Web应用不同，Web Widgets拥有自己的结构，且需要将某些特定组件保存在移动终端中。编写widget 并不需要特殊的工具或特定的开发环境；如NotePad这样的文本编辑器已经足够。但是，使用某个第三方的 HTML/CSS和JavaScript编辑器将获得很多方便，因为它们提供多种有用的功能，如行号序列、语法亮显等。
HTML标记语言和JavaScript是设计和实现每个widget的基本编程语言。此外，文档对象模型（Document Object Model，DOM）和级联样式表（Cascading Style Sheets, CSS）也是控制widget样式和版面的重要技术。
如果你对以上内容了解没问题，那么请继续往下看，整个widget开发过程中最核心的有以下几步：
i.info.plist：Info.plist是个很简单的文件语法。它是一个与诺基亚plist DTD相关联的XML格式文件。
ii.*.html文件：该文件主要用来设计widget结构。为便于使用和实现，最好使用CSS和外部JavaScript代码文 件。这些文件通过在HTML文档里分别定义的<style>元素和<script>引用。在随后共享教程里有详细介绍。
iii. *.css文件：控制整个widget界面显示效果。
iv. *.js文件：主程序文件。使用JavaScript语言。
v. icon.png文件：widget程序在手机显示的图标。
（关于以上步骤的详细操作，在后面我和大家分享的教程里有详细说明。需要注意的是诺基亚 WRT平台并不支 持全部通用JavaScript函数和HTML属性。所以大家在开发时候一定要确定哪些函数是可以使用的）
OK，现在大家对于手机wigdet应该有明确的认识了吧。虽然大家常见的widget大多都是互联网应用方面的，不 过针对手机的应用已得到众多NB手机公司的重视，这不最近诺基亚公司就搞了一个widget设计开发大赛，严重 推荐给大家，这可是功成名就的好机会啊，哈哈！我也是因为参加这个大赛才有空来说说对widget的看法，对 大赛有兴趣的朋友可以去诺基亚大赛官网瞅瞅forum.nokia.com.cn/cai_widget_training/cai: forum.nokia.com.cn/cai_widget_training/cai
最后放上我为大家推荐的NB手把手教widget开发的教程（有实例），跟大家分享一下 （www.rayfile.com/file...e-a381-0014221b798a: www.rayfile.com/file...de-a381-0014221b798a）
这里还有很多大家去看看吧（www.forum.nokia.com....00_cn.html#s60widge: www.forum.nokia.com....,00_cn.html#s60widge），也 希望大家都说下自己对widget开发的看法和经验。
