网页设计与制作项目十 表单.pptVIP

5.依次插入表单各个元素。 在第一行的第二列中插入“文本字段”，单击插入选项卡中的“表单”中的“文本 字段”，如图所示。 修改“联系电话”的“文本字段”的大小，选中“区号”的“文本字段”在属性面板中 修改字段大小，修改为“5”，电话号码文本字段改为“10”，手机号的文本字段的 长度改为“12”，如图 详细地址后面插入“文本区域”，在插入选项卡的“表单”中的“文本区域”点击， 弹出对话框，点击“确定”，如图 文化程度后面添加“列表/菜单”单击会弹出对话框，然后点击“确定”，如图 选中列表，在属性面板中添加列表值，点击“ ”，添加列表值。点击 添加选项，点击确定，添加后如图所示 意见和建议与详细地址一栏相同，同样添加文本区域，添加后如图 这样，一个简单的个人信息调查表就完成了，最后要保存页面，点击“文件”→“保存” 会弹出对话框，文件默认名称是“Untitled-1.html”修改为“index.html”然后点击保存， 按“F12”预览 项目活动十 表单 复习回顾: 如何建立模板？ 建立模板的步骤（两种方法） 1.“文件”中的“另存为模板” 2.“文件”中的“新建”下的“空模板”命令，创建模板 主要教学环节 项目活动十 表单 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景） 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景） 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十 表单 （一）项目背景 生活中需要填写各种各样的表格，例如在银行填写存款单、在学校里填写入学登记表、在邮局里填写包裹单等。而网络上的表单就类似生活中填写的各种表格。 表单的作用就是收集用户的信息。交互式表单是表单的一种，它的作用是收集用户信息，并将其提交到服务器，从而实现与客户的交互，利用表单，可以帮助Inter服务器从用户处收集用户信息。在Interne上存在大量表单，让用户输入文字或进行选择，很多人应该都申请过免费的E-mail信箱，用户必须在网页中输入账号和密码，才能进入到自己的邮箱中，这些都是表单的具体应用。在本项目中将制作一个个人信息调查表。 返回 （二）项目分析 项目活动目标：熟悉常用的表单元素，熟练掌握插入各种表单元素及设置它们的属性，能够独立完成个人信息调查表。 重点：1、理解表单的概念及功能 2、熟悉常用的表单元素及功能 3、熟练掌握插入各种表单元素及其属性的设置方法。 难点：表单各元素的应用 返回 （三）任务实施 利用DREAMWEAVE中的表单知识，制作出如下图所示的网络调查表。 网络调查表的制作 【操作步骤】 1.新建一个空白文档 启用Dreamweaver CS3，新建一个空白文档。新建页面的初始 名称是“Untitled_1.html”，选择“文件”中的“保存”命令，弹出“另存 为”对话框，在“保存在”选项的下拉列表中选择站点目录保存路径， 在“文件名”选项的文本框中输入“index”，单击“保存”按钮，返回到 到编辑窗口。 2.修改背景颜色 为了使页面美观，我们要修改背景颜色，选择“修改”---“页面属性” 命令，弹出“页面属性”对话框，修改背景颜色选项，修改为任意 颜色，然后单击“确定”，如图所示 3.插入表单 在“插入”面板的“表单”选项卡中单击“表单”按钮，如图10-2-2所示 4