2014第章制作表单面.pptVIP

教学目标 要制作这样的表单页面，一般要经过以下两个步骤： 确定页面布局：也就是要用表格规划好表单元素的放置位置 插入表单元素：表单元素中最重要的就是表单域，它用来确定表单中有效数据的范围。 插入一13行2列的表格，宽为500像素，单元格边距为2像素，单元格间距和边框均为0。 输入文本：见下图所示： 插入表单域 操作步骤：将“插入”工具栏切换到“表单”工具栏，在其中单击“表单”按钮，此时页面中会出现一个红色的虚线框 修改表单域属性 单击红色虚线框内部，此时“属性”面板显示的是表单域的属性。各属性含义见下页。 表单名称：用来填入表单的名称，该名称在需要引用表单对象时才会用到。 动作：用来定义处理数据的应用程序的路径。 方法：用来选择表单提交的方法。 目标：用来设定提交表单后，打开的目标网页将以哪种形式进行显示。 MIME类型：用来指定对提交给服务器进行处理的数据使用的MIME编码类型。默认设置为application/x-www-form-urlencoded选项，通常与POST方法协同使用。 移动表格 由于所有的表单元素都必须位于表单域中，因此需要将表格移动到红色的虚线框中。 选中表格，按快捷键Ctrl+X将它剪切到剪贴板。 单击红框内部，当“属性”面板显示表单的属性时表示已经选中了表单，此时再按下Ctrl+V将表格粘贴在表单内。 添加单行文本：在“表单”插入工具栏中单击“文本字段”按钮，此时将在此单元格中出现一个单行的文本框。 添加密码文本框：添加方式同上，只是将单行文本类型更改为：“密码”类型 添加文本区域：在“表单”插入工具栏中单击“文本字段”按钮，亦可利用插入单行文本的方法，将单选文本改为多行文本 练习： 添加“姓名”文本框 添加“密码”文本框 添加“邮箱”文本框 添加“留言”文本区域 复选框允许浏览者同时选择多个选项，有点像考试中的多项选择题。 练习： 添加“个人爱好”复选框 单选按钮一般用在从多个选项中选中一项的情况下，这有点像考试中的单项选择题。 为减少插入单选按钮时的错误，我们可通过插入“单选按钮组”的方式插入一组单选按钮。 练习： 添加“性别”单选按钮 菜单和列表的区别：菜单默认只显示一行，而列表可以显示多行。 练习：添加“籍贯”菜单或列表【项目标签为北京、上海、天津、重庆等】 有时需要用户将文件提交到网站服务器上，例如浏览者的个人照片等，此时就会用到文件域。 练习： 添加“个人照片“文件域”，各参数值如下图所示： 有时需要在网页之间传递参数，但这些参数又不希望浏览者看见，此时就可使用隐藏域。 表单中的按钮可用来提交或重置表单，也可用来触发特定的事件。 练习： 添加动作按钮： 普通的提交按钮看起来并不美观，用户可使用图像域来替换它。 作业 制作如图示页面： Dreamweaver CS3网页设计 第7章 制作表单页面 想通过网站与浏览者进行交流吗？ 想知道浏览者的需求吗？ 那我们就不能不了解表单，因为这些都是需要用到表单元素，它可以 帮助我们收集各种用户信息和反馈意见。 学好表单，为制作动态网页的学习打下扎实的基础。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 掌握表单元素的各项属性，能独立制作完成常见的各种表单页面 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 7.1 关于表单 在申请E-mail邮箱时，往往会要求填写一些个人信息，如姓名、年龄 、联系方式等。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 7.2 确定页面布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 7.3 添加表单域 Evaluation only. Created with