毕业论文 设计问卷调查页
问卷调查活动是各种商业活动或社会活动中最常见的反馈信息收集方式。其往往可以帮助活动的组织者获得第一手的反馈资料,了解用户、民众对某一些事务的观感和感受。问卷调查页是通过网页进行问卷调查的一种方式,相对传统的问卷调查,使用网页可以降低调查活动的成本,同时也节省了用户填写调查表的时间,如图6-70所示。
图6-70 设计问卷调查页
1 设计思路
问卷调查网页同样属于一种动态交互性的网页,因此,在制作问卷调查网页时,同样应该使用表单功能,获取用户填写的反馈信息,并通过表单的提交按钮,将其发送到网站的数据库中存储。
1.设计问卷调查的题目
问卷调查是进行各种商业活动和社会活动,制订策略时重要的参考。为了方便反馈信
息的收集,在设计问卷调查的问题时,应注意以下几点。
问题应简要概述,容易理解
大多数上网的用户在访问各种网页时都是有目的性的。例如,娱乐、查找资料、进行商业活动等。因此,占用网站用户的时间,本身就是一种难于被用户理解的行为。在设计调查问题时,应尽量以三两句话描述清楚问题,问题的内容以不超过1行半为宜。大段的段落很容易造成用户的厌烦心理,导致问卷调查无法进行。
同时,问题应抓住要点,容易理解,尽量不适用各种专业术语,要保证没有任何技术基础的用户也能够读懂问题,这样才能保障调查的广泛性。
应尽量使用客观性的题目
主观性题目,是指需要用户填写的题目,例如各种填空题、问答题等。客观性题目则是提供一些选项,供用户判断和选择,例如各种选择题、判断题等。
在网页的问卷调查中,提问者往往无法像街头问卷调查那样,代替用户编辑和组织语言。而多数用户都不是专业人士,未必能够清楚的表达出自己的意思。很多网页用户甚至不会打字或打字很慢。在大多数网页调查问卷中,只有很少的用户会去组织语言、编辑文字,填写主观问卷题目。
因此,在设计调查问卷的问题时,应尽量避免大量使用主观性题目,而应该多使用客观性的题目,通过客观题目的选项内容,帮助用户表述问题。同时,客观题目还可以节省用户被调查时所花费的时间,减少用户的反感。客观题目的选项应涵盖足够的范围。如果确实不容易把握,可以提供类似“其它”字样的选项。
2.本实例分析
在本例中,制作了一个广告设计公司的网页,并在网页中添加了用户问卷调查表单的内容。在设计该网页时,首先应确定网页中包括的内容,即Logo、Banner、导航条、左侧导航条、主题内容以及版尾等。
在设计广告公司的网页Logo时,可使用洋红、青、黄色等CMYK中的基本分色作为Logo的主体颜色,然后,还可以使用绿色的代表发明创造的思维灯泡图形作为点缀,4种颜色搭配实现丰富的色彩效果,如图6-71所示。
图6-71 4色的Logo
与之前用户登录界面不同,本例中广告公司的Banner图像是静态图像,其背景使用了一幅非常优美的绿色湖畔风光照片,如图6-72所示。
图6-72 湖畔风光Banner
在设计网页的导航条时,可以使用黑色渐变与银白色渐变等这两种色调的按钮,为鼠标滑过按钮时制造强烈的视觉对比,如图6-73所示。
图6-73 设计导航按钮
在制作左侧导航条时,可以使用由白光分解出的黄色、橙色、红色、蓝色、青色和绿色等六种颜色制作一个圆柱体,然后再通过实线和虚线表现出这6种颜色汇集为白色光的过程,在这六种颜色的右侧添加网站的左侧导航文本,如图6-74所示。
图6-74 制作左侧导航条
问卷调查网页的主题部分可以直接插入问卷的标题以及各项表单的内容。在插入表单时,应注意表单中各种字体的协调性以及表单下方提交按钮与导航条按钮的一致性,如图6-75所示。
图6-75 设计问卷调查表单
在设计网页的版尾时,可以使用深色的背景,使版尾部分与网页其他部分形成鲜明的对比。在版尾中可以再插入一次Logo,弥补版权文本左侧的空白。版权文本的颜色可使用
白色粗黑体,使字迹显示得更加清晰,如图6-76所示。
图6-76 深色的版尾部分2 设计过程
在设计问卷调查页时,除使用了之前介绍过的文本区域、按钮、列表/菜单等表单类型外,还是用了单选按钮组和多选按钮组等类型的表单,以为用户提供客观性的选项,提高用户填写问卷调查的效率。
(1)在Dreamweaver中打开素材网页,将鼠标光标放置在已经添加的表单元素中,如图6-77所示。
图6-77 打开素材网页
(2)在表单第一行中输入第一个问题的文本,然后在【属性】面板中设置【格式】为“段落”,如图6-78所示。
图6-78 设置段落格式
(3)在第一个问题的文本右侧按回车键,在自动创建的段落标签中执行【插入】|【表单】|【列表/菜单】命令,在弹出的【输入标签辅助功能属性】对话框中设置ID为“list”,单击确定插入列表菜单,如图6-79所示。
图6-79 插入列表菜单
(4)选中列表菜单所在的行,在【属性】面板中设置【类】为labels,如图6-80所示。
图6-80 设置段落的类
(5)选中列表菜单,在【属性】面板中单击【列表值】按钮,在弹出的【列表值】对话框中设置列表/菜单类表单中的列表内容,即可完成列表项目制作,如图6-81所示。
图6-81 设置列表项目值
(6)在列表/菜单表单的右侧按回车键插入段落,在【属性】面板中设置【类】为“无”,然后即可输入第二个问题的文本,如图6-82所示。
图6-82 输入第二个问题
(7)在第二个问题的文本右侧按回车插入段落标签,然后执行【插入】|【表单】|【单选按钮组】命令,在弹出的【单选按钮组】对话框中设置单选按钮,将其插入到网页中,删除单选按钮右侧的换行,并为其设置类,如图6-83所示。
图6-83 插入单选按钮
(8)用同样的方式,输入第三题的题目,并插入单选按钮组,如图6-84所示。
图6-84 插入第三题的题目与选项
(9)在新的段落中输入第四题的题目,然后换行,执行【插入】|【表单】|【复选框组】命令,在弹出的【复选框组】对话框中添加复选框的值,插入复选框。为删除复选框组中多余的换行符,如图6-85所示。
图6-85 插入复选框
(10)用同样的方式制作第5题、第6题后,即可输入第七题的题目,然后在新的段落设置段落的【类】为buttonsSet,插入提交按钮和重置按钮,如图6-86所示。
图6-86 设置段落类并插入按钮
(11)分别选中提交按钮和重置按钮,在【属性】面板中设置其ID为“acceptBtn”和“resetBtn”,为其应用样式,再将按钮的值设置为一个空格,即可完成表单的制作,如图6-87所示。
图6-87 设置按钮的ID和值
在默认情况下,按钮的值就是按钮上
的文本。如果需要使按钮显示空值,
则可以将其值设置为空格。
3 知识点总结
1.单选按钮组
单选按钮组是一种单项选择类型的表单。其提供一种或多种选项供用户选择,同时限制用户只能选择其中一项选项。在Dreamweaver中,用户可以方便地插入单选按钮组。
通常插入单选按钮组有两种方式,即通过执行命令或通过【插入】面板等。在Dreamweaver中,执行【插入】|【表单】|【单选按钮组】命令,或单击【插入】面板|【表单】|
【单选按钮组】按钮,即可打开【单选按钮组】对话框,设置单选按钮组中包括的按钮内容,如图6-88所示。
图6-88 设置单选按钮组
在【单选按钮组】对话框中,包括多种设置项目,如表6-6所示。
表6-6 【单选按钮组】对话框中的属性
在【单选按钮组】对话框中设置了单选按钮组的属性之后,即可单击【确定】按钮,为网页插入单选按钮组表单。在插入单选按钮组后,用户可以单击某一个单选按钮,在【属性】面板中设置单选按钮的属性,如图6-89所示。
图6-89 设置单选按钮属性
在单选按钮的【属性】面板中,包括以下几种属性,如表6-7所示。
表6-7 单选按钮的属性
2.复选框组
复选框组又被称作复选按钮组,也是一种提供多个选项供用户选择的表单类型。其与单选按钮组最大的区别在于,在一个复选框组中,往往允许用户选择其中多个复选按纽,同时将其提交给网页应用程序。
为网页插入复选框组的方式与插入单选按钮组的方式类似。使用Dreamweaver,用户既可以直接在【插入】面板中单击【表单】|【复选框组】按钮
选框组中包括的项目后,即可插入复选框组,如图6-90所示。 ,或执行【插入】|【表单】|【复选框组】命令,打开【复选框组】对话框。在【复选框组】对话框中设置复
图6-90 设置复选框组的属性
【复选框组】对话框中的各种属性与【单选按钮组】对话框中的各种属性基本一致,因此在
这里就不再赘述了。
与单选按钮组类型的表单类似,在选中某一个复选框后,用户也可以在【属性】面板中设置其名称、选定值、初始状态和CSS类等属性。
毕业论文 设计问卷调查页
问卷调查活动是各种商业活动或社会活动中最常见的反馈信息收集方式。其往往可以帮助活动的组织者获得第一手的反馈资料,了解用户、民众对某一些事务的观感和感受。问卷调查页是通过网页进行问卷调查的一种方式,相对传统的问卷调查,使用网页可以降低调查活动的成本,同时也节省了用户填写调查表的时间,如图6-70所示。
图6-70 设计问卷调查页
1 设计思路
问卷调查网页同样属于一种动态交互性的网页,因此,在制作问卷调查网页时,同样应该使用表单功能,获取用户填写的反馈信息,并通过表单的提交按钮,将其发送到网站的数据库中存储。
1.设计问卷调查的题目
问卷调查是进行各种商业活动和社会活动,制订策略时重要的参考。为了方便反馈信
息的收集,在设计问卷调查的问题时,应注意以下几点。
问题应简要概述,容易理解
大多数上网的用户在访问各种网页时都是有目的性的。例如,娱乐、查找资料、进行商业活动等。因此,占用网站用户的时间,本身就是一种难于被用户理解的行为。在设计调查问题时,应尽量以三两句话描述清楚问题,问题的内容以不超过1行半为宜。大段的段落很容易造成用户的厌烦心理,导致问卷调查无法进行。
同时,问题应抓住要点,容易理解,尽量不适用各种专业术语,要保证没有任何技术基础的用户也能够读懂问题,这样才能保障调查的广泛性。
应尽量使用客观性的题目
主观性题目,是指需要用户填写的题目,例如各种填空题、问答题等。客观性题目则是提供一些选项,供用户判断和选择,例如各种选择题、判断题等。
在网页的问卷调查中,提问者往往无法像街头问卷调查那样,代替用户编辑和组织语言。而多数用户都不是专业人士,未必能够清楚的表达出自己的意思。很多网页用户甚至不会打字或打字很慢。在大多数网页调查问卷中,只有很少的用户会去组织语言、编辑文字,填写主观问卷题目。
因此,在设计调查问卷的问题时,应尽量避免大量使用主观性题目,而应该多使用客观性的题目,通过客观题目的选项内容,帮助用户表述问题。同时,客观题目还可以节省用户被调查时所花费的时间,减少用户的反感。客观题目的选项应涵盖足够的范围。如果确实不容易把握,可以提供类似“其它”字样的选项。
2.本实例分析
在本例中,制作了一个广告设计公司的网页,并在网页中添加了用户问卷调查表单的内容。在设计该网页时,首先应确定网页中包括的内容,即Logo、Banner、导航条、左侧导航条、主题内容以及版尾等。
在设计广告公司的网页Logo时,可使用洋红、青、黄色等CMYK中的基本分色作为Logo的主体颜色,然后,还可以使用绿色的代表发明创造的思维灯泡图形作为点缀,4种颜色搭配实现丰富的色彩效果,如图6-71所示。
图6-71 4色的Logo
与之前用户登录界面不同,本例中广告公司的Banner图像是静态图像,其背景使用了一幅非常优美的绿色湖畔风光照片,如图6-72所示。
图6-72 湖畔风光Banner
在设计网页的导航条时,可以使用黑色渐变与银白色渐变等这两种色调的按钮,为鼠标滑过按钮时制造强烈的视觉对比,如图6-73所示。
图6-73 设计导航按钮
在制作左侧导航条时,可以使用由白光分解出的黄色、橙色、红色、蓝色、青色和绿色等六种颜色制作一个圆柱体,然后再通过实线和虚线表现出这6种颜色汇集为白色光的过程,在这六种颜色的右侧添加网站的左侧导航文本,如图6-74所示。
图6-74 制作左侧导航条
问卷调查网页的主题部分可以直接插入问卷的标题以及各项表单的内容。在插入表单时,应注意表单中各种字体的协调性以及表单下方提交按钮与导航条按钮的一致性,如图6-75所示。
图6-75 设计问卷调查表单
在设计网页的版尾时,可以使用深色的背景,使版尾部分与网页其他部分形成鲜明的对比。在版尾中可以再插入一次Logo,弥补版权文本左侧的空白。版权文本的颜色可使用
白色粗黑体,使字迹显示得更加清晰,如图6-76所示。
图6-76 深色的版尾部分2 设计过程
在设计问卷调查页时,除使用了之前介绍过的文本区域、按钮、列表/菜单等表单类型外,还是用了单选按钮组和多选按钮组等类型的表单,以为用户提供客观性的选项,提高用户填写问卷调查的效率。
(1)在Dreamweaver中打开素材网页,将鼠标光标放置在已经添加的表单元素中,如图6-77所示。
图6-77 打开素材网页
(2)在表单第一行中输入第一个问题的文本,然后在【属性】面板中设置【格式】为“段落”,如图6-78所示。
图6-78 设置段落格式
(3)在第一个问题的文本右侧按回车键,在自动创建的段落标签中执行【插入】|【表单】|【列表/菜单】命令,在弹出的【输入标签辅助功能属性】对话框中设置ID为“list”,单击确定插入列表菜单,如图6-79所示。
图6-79 插入列表菜单
(4)选中列表菜单所在的行,在【属性】面板中设置【类】为labels,如图6-80所示。
图6-80 设置段落的类
(5)选中列表菜单,在【属性】面板中单击【列表值】按钮,在弹出的【列表值】对话框中设置列表/菜单类表单中的列表内容,即可完成列表项目制作,如图6-81所示。
图6-81 设置列表项目值
(6)在列表/菜单表单的右侧按回车键插入段落,在【属性】面板中设置【类】为“无”,然后即可输入第二个问题的文本,如图6-82所示。
图6-82 输入第二个问题
(7)在第二个问题的文本右侧按回车插入段落标签,然后执行【插入】|【表单】|【单选按钮组】命令,在弹出的【单选按钮组】对话框中设置单选按钮,将其插入到网页中,删除单选按钮右侧的换行,并为其设置类,如图6-83所示。
图6-83 插入单选按钮
(8)用同样的方式,输入第三题的题目,并插入单选按钮组,如图6-84所示。
图6-84 插入第三题的题目与选项
(9)在新的段落中输入第四题的题目,然后换行,执行【插入】|【表单】|【复选框组】命令,在弹出的【复选框组】对话框中添加复选框的值,插入复选框。为删除复选框组中多余的换行符,如图6-85所示。
图6-85 插入复选框
(10)用同样的方式制作第5题、第6题后,即可输入第七题的题目,然后在新的段落设置段落的【类】为buttonsSet,插入提交按钮和重置按钮,如图6-86所示。
图6-86 设置段落类并插入按钮
(11)分别选中提交按钮和重置按钮,在【属性】面板中设置其ID为“acceptBtn”和“resetBtn”,为其应用样式,再将按钮的值设置为一个空格,即可完成表单的制作,如图6-87所示。
图6-87 设置按钮的ID和值
在默认情况下,按钮的值就是按钮上
的文本。如果需要使按钮显示空值,
则可以将其值设置为空格。
3 知识点总结
1.单选按钮组
单选按钮组是一种单项选择类型的表单。其提供一种或多种选项供用户选择,同时限制用户只能选择其中一项选项。在Dreamweaver中,用户可以方便地插入单选按钮组。
通常插入单选按钮组有两种方式,即通过执行命令或通过【插入】面板等。在Dreamweaver中,执行【插入】|【表单】|【单选按钮组】命令,或单击【插入】面板|【表单】|
【单选按钮组】按钮,即可打开【单选按钮组】对话框,设置单选按钮组中包括的按钮内容,如图6-88所示。
图6-88 设置单选按钮组
在【单选按钮组】对话框中,包括多种设置项目,如表6-6所示。
表6-6 【单选按钮组】对话框中的属性
在【单选按钮组】对话框中设置了单选按钮组的属性之后,即可单击【确定】按钮,为网页插入单选按钮组表单。在插入单选按钮组后,用户可以单击某一个单选按钮,在【属性】面板中设置单选按钮的属性,如图6-89所示。
图6-89 设置单选按钮属性
在单选按钮的【属性】面板中,包括以下几种属性,如表6-7所示。
表6-7 单选按钮的属性
2.复选框组
复选框组又被称作复选按钮组,也是一种提供多个选项供用户选择的表单类型。其与单选按钮组最大的区别在于,在一个复选框组中,往往允许用户选择其中多个复选按纽,同时将其提交给网页应用程序。
为网页插入复选框组的方式与插入单选按钮组的方式类似。使用Dreamweaver,用户既可以直接在【插入】面板中单击【表单】|【复选框组】按钮
选框组中包括的项目后,即可插入复选框组,如图6-90所示。 ,或执行【插入】|【表单】|【复选框组】命令,打开【复选框组】对话框。在【复选框组】对话框中设置复
图6-90 设置复选框组的属性
【复选框组】对话框中的各种属性与【单选按钮组】对话框中的各种属性基本一致,因此在
这里就不再赘述了。
与单选按钮组类型的表单类似,在选中某一个复选框后,用户也可以在【属性】面板中设置其名称、选定值、初始状态和CSS类等属性。