PDF《工具条制作完全手册》

把相似的功能归类 到一个下拉菜单或网页菜单中,以充分利用工具条的空间. 下图中的阿秀搜索工具条就是把所有的网页搜索功能放置到了一个下拉的菜单中. 规划和设计工具条有个很有效果做法就是:用表格设计工具条的按钮及功能,用表格描 述下拉菜单的名称及对应的链接或功能,再加一张工具条效果图. 二. 工具条制作向导 了解了工具条的一些基本知识, 对需要制作的工具条进行了初步功能规划后, 现在就可 工具条专业网站 http://www.ieshow.net 第2页共47 页 工具条制作完全手册 以开始自己动手制作工具条了. 制作工具条不需要安装任何软件, 只要能上网就可以制作工 具条.在IE 秀上第一次制作工具条的时候,是通过一个向导实现的.这个向导有六个步骤, 每个步骤页面上的都有步骤提示. 制作工具条地址为:http://www.ieshow.net/cn_web/maker/web/wizard_start.aspx 1. 开始制作工具条 开始制作工具条的时候,要给工具条起个程序名,通常就是网站名,比如网站是 http://www.linkwan.com,我们就可以使用 LinkWan 作为工具条的程序名.这个程序名也 是我们以后管理自己工具条的用户名,同时也是生成的安装包文件名,并且不能修改,所以 一定要慎重并且牢牢地记住.在第六步中还有一个 工具条名称 ,这是一个对用户友好的 名字,显示在IE菜单中,而程序名是工具条的程序名,主要用于工具条的程序文件和安装包 文件名. 为了方便演示,我们这里以 Demo 作为程序名进行演示. 需要特别注意的是:工具条程序名只能是英文或数字的组合,不能有空格,而且只能是 英文字母开头. 工具条的创建提供了两种方式: 一种是自己动手创建工具条, 一种通过模板创建工具条. 自己动手创建工具条需要六个步骤, 而通过模板创建工具条只需要一个步骤即可. 因为通过 模板创建工具条是直接复制模板工具条的功能,所以直接到跳到制作向导的最后一步. IE 秀提供了搜索型模板、功能型模板、站长型模板等基础模板,我们也可以直接使用 IE 秀任意的工具条作为模板,只要在模板工具条名输入已有的工具条程序名即可. 通过模 板创建工具条 非常方便了我们直接复制 IE 秀的其他工具条. 工具条专业网站 http://www.ieshow.net 第3页共47 页 工具条制作完全手册 2. 创建Logo 一般工具条的第一个基本按钮为 Logo 区, IE 默认推荐的第

1 个按钮即是 Logo. 由于 在IE 秀网站制作工具条以后也可以自由修改,所以我们推荐在向导制作过程中只做一些简 单的设置即可. 特别需要注意的是:我们强烈推荐在向导制作的创建 Logo 步骤中,选择 整体的下拉 按钮 ,并且增加一个 在线更新 的菜单,对应 在线更新 功能类型,这样以后自由修 改工具条后就直接点击一下 在线更新 菜单即可,不用重新安装工具条安装包了. 工具条专业网站 http://www.ieshow.net 第4页共47 页 工具条制作完全手册 3. 创建输入框 IE 默认推荐的第二个按钮类型是 文本输入框 ,同时默认推荐了在文本输入中输入关 键词内容后按回车键后使用百度搜索引擎进行关键词搜索. 4. 创建搜索按钮 IE 默认推荐的第三个按钮类型是 搜索 按钮.勾选需要使用的搜索图标,即可进入 下一步骤. 工具条专业网站 http://www.ieshow.net 第5页共47 页 工具条制作完全手册 5. 创建其他按钮 在工具条上增加了搜索输入框和搜索按钮后, 向导默认创建一个其他按钮. 我们选择一 个按钮图标,输入按钮标题 我的Blog , 并输入网页地址如 http://blog.sina.com.cn/demo 即可进入下一步骤. 工具条专业网站 http://www.ieshow.net 第6页共47 页 工具条制作完全手册 6. 准备生成工具条 制作向导的最后一步是输入工具条的基本信息.工具条的基本信息包括工具条名称、用 户密码等内容. 工具条专业网站 http://www.ieshow.net 第7页共47 页 工具条制作完全手册 工具条名称是显示在 IE 菜单里的工具条的名称,通过此菜单,用户可以选择是否显示 该工具条. 比如 阿秀搜索工具条 在IE 菜单里的显示如下: 阅读 服务使用协议 并勾选 我已经阅读并完全同意上述协议 以确认是否完全同意 上述协议,点击 创建我的工具条 按钮就可以进入工具条后台管理界面了. 7. 生成工具条 进入工具条后台管理界面后,我们的工具条在 IE 秀安家了.我们使用的工具条用户名 Demo 是唯一的,其他网友就不能再用这个用户名.勾选 发布此版本 ,点击 立即 创建 就可以生成工具条安装包. 工具条专业网站 http://www.ieshow.net 第8页共47 页 工具条制作完全手册 以下提示创建工具条成功.工具条创建成功后也可以在 用户信息 中看到生成的工具 条安装包程序. 下载安装包并运行安装包即可完成我们刚刚制作的工具条的安装. 安装成功后会提示如 下 安装向导完成 界面. 至此我们已经完成了一个最简单的工具条的制作,并且在我们的计算机上安装完成了. 工具条专业网站 http://www.ieshow.net 第9页共47 页 工具条制作完全手册 打开 IE 浏览器即可看到我们制作的工具条的效果.如下图所示,并且 我的工具 Logo 下 面有一个 在线更新 的菜单. 第一次打开浏览器点击 在线更新 会提示 网络连接失败… 错误,第二次打开浏览器就会提示 已经是最新版本 字样的提示了. 三. 工具条管理 经过以上的工具条制作向导过程,我们就在 IE 秀注册了用户名和密码,我们以后可以 随时在 IE 秀网站上使用该用户名和密码进行登录,然后修改与调整工具条的功能,重新生 成工具条. 1. 调整工具条 登录 IE 秀工具条会员系统 后,将鼠标在工具条效果图的元素上移动并选择相应的 维护操作就可以对工具条的元素进行增加、移动、删除和修改. 工具条专业网站 http://www.ieshow.net 第10 页共47 页 工具条制作完全手册 在以上页面中我们可以把鼠标移动到页面上方的工具条效果图上, 进行所见即所得的修 改与调整,非常直观. 一般地,一个工具条元素包括 按钮类型 和 功能类型 两个主要方面的信息.在后 文的章节中会对工具条元素的这些内容做详细讲解. 2. 查看工具条信息 在 IE 秀工具条会员系统 的 用户信息 中,可以查看工具条被安装的次数,可以 下载工具条安装包,查看安装包中的工具条相应的版本号. IE 秀对每一个工具条提供了浏览页面,如果我们制作的工具条通过 IE 秀的审核发布后 则会在 IE 秀网站的 IE 秀场 栏目中展示.点击 查看 即可查看此工具条的介绍信息. 比如我们制作的工具条展示地址为: http://www.ieshow.net/toolbar/online/toolbar/toolbar_info.aspx?programeName=Demo 在 IE 秀工具条会员系统 的 用户信息 中,点击以下 发布工具条介绍 即可自 行维护工具条的简介内容. 3. 修改工具条信息 我们也可以在 IE 秀工具条会员系统 的 用户信息 中修改工具条信息,包括修改 工具条基本信息、发布工具条介绍、修改用户密码. 工具条专业网站 http://www.ieshow.net 第11 页共47 页 工具条制作完全手册 点击 修改工具条基本信息 后,可以修改工具条的基本信息,页面如下: 4. 重新生成工具条 在修改工具条之后,需要重新生成工具条,可以使用 生成工具条 功能重新生成工具 条的安装包. 勾选 发布此版本 ,对于已经安装了的工具条用户,就可以使用 在线更新 功能实 现实时在线更新,或通过 IE 秀自动升级功能实现新版本更新.不用再次下载安装包,就可 以使用我们最新设计的工具条功能了. 工具条专业网站 http://www.ieshow.net 第12 页共47 页 工具条制作完全手册 四. 工具条按钮类型 工具条上的基本元素主要包括按钮、 输入框和网页三类. 这三类工具条元素根据具体的 展示形式不同又分为不同的工具条元素按钮类型. 在工具条的元素的管理界面中,需要选择按钮类型,如下图所示: 1. 按钮 工具条按钮类型包括三类:普通按钮、分离的下拉按钮、整体的下拉按钮.其效果如下 图所示: 以上三类按钮类型的区别是: 1) 普通按钮不能定义下拉菜单,没有下拉菜单.但可以对应 网页菜单窗口 功能类型来 模拟下拉菜单的效果. 2) 分离的下拉按钮和整体的下拉按钮都需要定义下拉菜单,可以显示下拉菜单. 3) 分离的下拉按钮.下拉菜单的小箭头和按钮分离,只有点击小箭头才显示下拉菜单.按 钮本身可以对应单独的功能类型. 4) 整体的下拉按钮.下拉菜单的小箭头和按钮在一起,点击按钮和点击小箭头效果一样. 工具条专业网站 http://www.ieshow.net 第13 页共47 页 工具条制作完全手册 按钮本身设置的功能类型无效,点击按钮本身就是显示下拉菜单. 以上三类按钮类型都可以使用单独的文字或单独的图标,也可以文字和图标组合使用. 工具条上可以设置任意个数的普通按钮、分离的下拉按钮和整体的下拉按钮. 2. 输入框 工具条输入框类型包括三类:文本输入框、下拉组合输入框、密码输入框.其效果如下 图所示: 以上三类输入框类型的区别是: 1) 文本输入框.用户可以在文本框中输入关键词. 2) 下拉组合输入框. 输入框的历史记录会被自动保存, 用户可以在组合输入框中输入新值, 也可以下拉选择历史输入记录.系统默认保存的历史输入记录数为