和翔宇的组件使用比较相似,投票组件也是集成在Dreameaver中的一个插件,通过投票组件我们可以制作出供投票模板或投票结果模板所用的模板实体文件。
在使用投票组件之前必须确认已经安装了翔宇的dreamweaver组件.。因为翔宇组件的版本比较多,为了确认您正确安装了我们的投票组件,请对比下图(图4.2-1 图4.2-2)。
图4.2-1
图4.2-2
首先需要新建一个静态htm页面,并且确定这个静态页面做成投票模板实体文件,或者是做成投票结果模板实体文件。
1.1.1. 投票页面组件
当我们确定要制作一个投票页面模板实体文件时,我们就应该使用投票页面这个组件。在新建的静态文件中插入投票页面模板。如图4.2-3的选种部分就是插入的组件代码,我们
图4.2-3
图4.2-4
选中组件代码后,点击如图4.2-4菜单中的转换按钮,将组件代码变成可编辑状态。
图4.2-5
如图4.2-5点中投票页面后再点击下方的编辑按钮,就可以对该投票组件进行编辑了。
图4.2-6
以下介绍组件中的标签功能。
调查题目:对应的符号是
调查问题:对应得符号是
调查问题题目:对应的符号是
分数:对应得符号是
调查选项:对应得符号是
选项序号:对应的符号是
选项描述:对应的符号是
提交按钮:没有固定的符号,它是制作提交投票按钮用的,点击后会弹出对话框如图4.2-7,有三种提交类型的预选方案,用户确定后还可以手工编辑其样式。但是需要注意的是在手工修改的时候不要修改他的onclick事件。
图4.2-7
重置按钮:没有固定的符号,它是制作重置投票选项按钮用的,制作原理同上。 结果查看按钮:没有固定的符号,它是制作查看投票结果按钮用的,制作原理同上。 循环:对应得符号是
注意:上述的所有区域标签的使用方法是选中被包含的文本后,选区域标签后,被包含的文本前后会被该区域标签所包含。循环区域最多有两层,不支持更多层次的循环。标签编辑区域内也可以写html标签,但只限
以内的内容。用户信息:投票用户的基本信息项目,这些标签可以不用,但一些特殊的投票可能会用到。其中包括用户名称、邮件地址、国籍、省份、性别、年龄、学历、职业、生肖、星座、血型、信仰、身份证号、联系电话、联系地址,双击这些选项会生成相应得html标签,不包含中文名称,必须对其进行中文名称的注释。
图4.2-8
图4.2-8是一个标准的投票页面组件制作结果。点击确定之后,dreamweaver会自动生成组件代码及简单的预览结果如图4.2-9。保存该页面后就制作完成了一个投票模板实体文件。
图4.2-9
1.1.2. 投票结果组件
制作一个投票结果模板实体文件,应该用投票结果组件。制作模板文件的过程与投票页面组件相似,不同的地方就是投票结果组件的标签用法。下面直接介绍投票结果组件的用法。
插入投票结果组件后,点击编辑按钮弹出投票结果组件的编辑框如图4.2-10
图4.2-10
以下介绍组件中的标签功能。
区域1:对应的标签为
区域2:对应得标签为
调查题目:对应的标签为
总票数:对应的标签为
并且是第二层循环外。
调查问题题目:对应的符号是
柱状图:是一个柱状统计图形组件,点击柱状图系统弹出柱状图的定义窗口如图4.2-11
图4.2-11
具体项目说明:
图高、图宽定义该图的高度和宽度。 边框色定义该图的边线颜色。 背景色定义该图的背景颜色。 背景水平虚线 1 为虚线 0为实线
最大尺度 0 为自动 其他数字为具体要求尺度。
标度步长为每个标度之间的长度。默认是全长的10%
是否有注释定义该图的统计项是否在某个地方做统一的分色块说明。 注释位置:色块注释在统计图的位置,上、下、左、右 是否立体:柱状(或饼状)图形是否是立体的 是否透明:柱状(或饼状)图形是否是透明的 是否有题目:统计图是否显示投票调查总题目 是否显示结果:是否在统计图上显示统计数字。 字体等定义略。
饼状图:饼状统计图形组件,参数用法参考柱状图。
折线图:折线统计图形组件,统计近5天的投票总数,参数用法参考柱状图。 注意:以上三个图形控件,只能放在一层循环内,并且放在调查问题区域内,不能放在多层循环里,不能放在调查问题区域外。
图形切换按钮:生成用户切换统计图形类型的选项页面代码。如果放了多个类型的统计图,必须用这个标签,否则不能切换类型。
调查选项:对应得符号是
选项序号:对应的符号是
选项描述:对应的符号是
单项百分比:对应得符号是
投票数的百分比。必须放在调查选项区域内。
单项票数:对应得符号是
横向比例图:对应的符号为
纵向比例图:对应的符号为
颜色标示:对应得符号为
标准的统计结果组件如图4.2-13
图4.2-12
标准的统计图结果组件如下:
制作完成这些标签后,点击确定按钮,dreamweaver会自动生成组件代码及简单的预览结果如图4.2-9。保存该页面后就制作完成了一个结果模板实体文件。
因篇幅问题不能全部显示,请点此查看更多更全内容