第11章在网页中添加表单 Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版） 课件.pptx

1、, 清华大学出版社 ,第 11章 在网页中添加表单,中,文,版,从入门到精通,Dreamweaver+Flash+Photoshop网页制作,本章导读,从入门到精通,清华大学出版社,2,客户端表单验证,创建和设置表单,应用表单对象,11.1 创建和设置表单,认识表单,11.1.1,创建表单,11.1.2,设置表单属性,11.1.3,通过表单服务器可以收集用户的姓名、年龄等信息，表单是客户端与程序设计的纽带。虽然表单本身不能把信息传回服务器，但他可通过其它动态语言，如ASP、ASP.net、PHP、JSP将表单信息处理后传回服务器，如图所示为表单页面。,11.1.1 认识表单,从入门到精通,清华

2、大学出版社,4,表单是表单对象的“容器”，同时它还包含如何传送表单数据、向处理的动态页面提交表单数据信息等操作。制作表单页面之前首先要创建表单，然后再将表单对象添加到表单内部，否则将不能正常运行。插入表格的方法是：将鼠标光标定位到要插入表单的位置，单击“表单”插入面板中的“表单”按钮 或选择【插入】/【表单】/【表单】命令在编辑窗口中创建表单。,11.1.2 创建表单,从入门到精通,清华大学出版社,5,创建的表单必须经过设置才行使用。主要是对“表单ID”、“动作”、“方法”等属性进行设置。将鼠标光标定位在表单中，将出现如图所示。,11.1.3 设置表单属性,从入门到精通,清华大学出版社,6,从

3、入门到精通,清华大学出版社,11.2 应用表单对象,7,添加表单对象,应用CSS样式表,11.2.1 添加表单对象,从入门到精通,清华大学出版社,8,添加文本对象 添加复选框 添加复选框组 添加单选按钮 添加单选按钮组 添加列表/菜单,添加跳转菜单 添加按钮 添加图像域 添加文件域 添加隐藏域,文本字段在表单对象中最为常见，可以输入任何类型的文本内容，如单行、密码和多行等类型，如图所示。,1添加文本对象,从入门到精通,清华大学出版社,9,在网页设计过程中，需添加的单选按钮较多。单选按钮只能选择其中的某一项，例如性别、学历和城市等具有惟一性选择的选项，如图所示。,2添加单选按钮,从入门到精通,清

4、华大学出版社,10,添加单选按钮组的方法与添加复选框组的方法相同，在“表单”插入面板中单击“单选按钮组”按钮 ，即可在打开的“单选按钮组”对话框中设置参数添加，如图所示。,3添加单选按钮组,从入门到精通,清华大学出版社,11,添加单选框组,CSS样式表可以用来美化网页对象，对于网页中的表单对象也可以使用CSS样式表进行美化。对表单对象应用CSS样式表的方法和其他对象一样，可以在文档中添加CSS样式表，也可以附加外部CSS文件。,11.2.2 应用CSS样式表,从入门到精通,清华大学出版社,12,从入门到精通,清华大学出版社,11.3 客户端表单验证,13,认识JavaScript,11.3.1

5、,进行表单验证,11.3.2,11.3.1 认识JavaScript,从入门到精通,清华大学出版社,14,JavaScript是一种基于对象、解释型的脚本语言，使用它可以开发Internet客户端的应用程序。 在网页中使用JavaScript时，通常将JavaScritp函数放在“”标签之间，然后在需要调用该函数的地方添加相应的代码进行调用即可。,在Dreamweaver CS6中可以通过行为实现表单验证。行为是指在某种事件的触发下，通过一定的过程来达到某种目的的方式。如用户在浏览网页时单击（这是触发事件）某超级链接，然后浏览器就打开一个对话框（这就是要达到的目的，通过执行JavaScript

6、代码来实现这一目的），这就是一个完整的行为。 行为的组成：由动作和事件两部分组成，动作控制何时执行，事件控制执行的内容。,11.3.2 进行表单验证,从入门到精通,清华大学出版社,15,从入门到精通,清华大学出版社,11.4 提高实例制作注册表单,16,网站包含用户注册、登录界面，是大多数网站必有的功能。从某些层面来说，是一种网络营销的方式，用户访问一个网站并注册，其本身就是对网站产生好感的一种心理认知感。申请成为注册用户，可以获取网站积分、参与各种站内活动；可以获取网站相关功能页面的访问权限；也可以收发邮件、手机短信等。而网站运营方也可以通过用户的注册，了解用户需求，不断收集相关数据把握网站

7、运营的方向。,11.4.1 行业分析,从入门到精通,清华大学出版社,11.4.2 操作思路,从入门到精通,清华大学出版社,18,进行客户端表单验证,4,3,创建表单并设置属性,2,设置表单属性,1,打开素材文档并创建表单,从入门到精通,清华大学出版社,11.5 提高练习制作“会员注册”,19,操作思路,从入门到精通,清华大学出版社,20,打开素材文档 并添加表单,添加文本字段 表单对象,添加列表、复选框和 按钮对象,操作思路,1,200,从入门到精通,清华大学出版社,11.6 知识问答,问：文本字段和密码域的“字符宽度”相同，但在预览时却不一样该如何解决？,问：表单对象必须添加在表单域中吗？,从入门到精通,清华大学出版社,知识关联：表单对象命名规则,为网页制作有表单对象的网页中，对表单或表单对象的命名时，应尽量使其看名称即可知道它对应的内容，如登录表单