- 相关推荐
职称计算机Dreamwaver教程:认识表单对象
使用表单,可以帮助Internet服务器从用户那里收集信息,例如收集用户资料、获取用户订单,在Internet上统也同样存在大量的表单,让用户输入文字进行选择。以下是小编帮大家整理的职称计算机Dreamwaver教程:认识表单对象,供大家参考借鉴。
1、通常表单的工作过程如下:
(1)访问者在浏览有表单的页面时,可填写必要的信息,然后单击“提交”按钮。
(2)这些信息通过Internet传送到服务器上。
(3)服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误。
(4)当数据完整无误后,服务器反馈一个输入完成信息。
2、一个完整的表单包含两个部分:
(1)一个是在网页中进行描述的表单对象。
(2)二是应用程序,它可以是服务器端的,也可以是客户端的,用于对客户信息进行分析处理。
二、认识表单对象
在Dreamweaver中,表单输入类型称为表单对象。可以通过选择“插入”>“表单对象”来插入表单对象,或者通过从下图显示的“插入”栏的“表单”面板访问表单对象来插入表单对象。
1、表单
“表单”在文档中插入表单。任何其他表单对象,如文本域、按钮等,都必须插入表单之中,这样所有浏览器才能正确处理这些数据。
2、文本域
“文本域”在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号(用于保护密码)。
3、复选框
“复选框”在表单中插入复选框。复选框允许在一组选项中选择多项,用户可以选择任意多个适用的选项。
4、单选按钮
“单选按钮”在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮,就会取消选择该组中的所有其他按钮。例如,用户可以选择“是”或“否”。
5、单选按钮组
“单选按钮组”插入共享同一名称的单选按钮的集合。
6、列表/菜单
“列表/菜单”使您可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值,并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值,而且只允许用户选择一个选项。
7、跳转菜单
“跳转菜单”插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单,在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。
8、图像域
“图像域”使您可以在表单中插入图像。可以使用图像域替换“提交”按钮,以生成图形化按钮。
9、文件域
“文件域”在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件,并将这些文件作为表单数据上传。
10、按钮
“按钮”在表单中插入文本按钮。按钮在单击时执行任务,如提交或重置表单。可以为按钮添加自定义名称或标签,或者使用预定义的“提交”或“重置”标签之一。
11、标签
“标签”在文档中给表单加上标签,以形式开头和结尾。
12、字段集
“字段集”在文本中设置文本标签。
认识了表单,那么创建和使用表单时就可以根据需要进行选择。表单时动态网页的灵魂。
拓展:职称计算机Dreamwaver教程:时间轴及其创建方法
一、时间轴及创建时间轴动画
1、时间轴的各项功能
(1)时间轴弹出菜单:表示当前的时间轴名称。
(2)时间轴指针:在界面上显示当前位置的帧。
(3)不管时间轴在哪个位置,一直移动到第一帧。
(4)表示时间指针的当前位置。
(5)表示每秒显示的帧数。默认值时15帧。增加帧数值,则动画播放的速度将加快。
(6)自动不放:选中该项,则网页文档中应用动画后自动运行。
(7)LOOP(循环):选中该项,则继续反复时间轴上的.动画。
(8)行为通道:在指定帧中选选择要运行的行为。
(9)关键帧:可以变化的帧。
(10)图层条:意味着插入了“层”等对象。
(11)图层通道:它是用于编辑图层的空间。
2、在DW8中显示时间轴
选择菜单栏的窗口/时间轴或按快捷键Alt+F9,则显示时间轴。
二、创建时间轴动画
时间线只能移动分层对象,如果想移动文本或图像之类的对象,可以将其放在层中。
1、打开09.html文件,
把光标放到页面左上方的位置,在插入面板选择布局>绘制层,创建六个层。分别输入文字“小”、“木”、“web”、“欢”、“迎”、“你”,将图层排列在适当的位置。
2、打开时间轴。选择层1后,拖动到时间轴的第一行上。
3、用同样的方法,把包含有其它文字的层也根据文字的顺序拖动到时间轴的第2-6行上。
4、为了减慢文字移动的速度,把时间轴中的15帧全部扩展为25帧。
5、在时间轴中选择Layer1的第一帧,在属性面板的顶端坐标值(T)中输入(-50),这样,可以把文字放置到上侧。
6、用同样的方法选择其余层的第一帧后,把顶端坐标值(T)统一设定为(-50)。
7、为了每个一段时间下落一个文字,从第二个动画条开始向后移动5帧。勾选“自动播放选项”。
8、按F12浏览效果。
【职称计算机Dreamwaver教程:认识表单对象】相关文章:
职称计算机考试Dreamwaver中表单的创建与应用10-21
职称计算机Dreamwaver教程:页面的总体设置10-05
职称计算机Dreamwaver使用教程:文本的插入与编辑08-20
职称计算机Dreamwaver使用教程:页面的总体设置06-19
职称计算机2017Dreamwaver教程:插入Flash动画10-09