网页制作与网站设计-10Dreamweaver-CS3-创建表单网页.ppt

项目十 Dreamweaver CS3 创建表单网页 计算机常用工具软件 项目十 任务一 表单的基本概念 任务二 创建表单域 任务三 表单对象的添加 任务四 表单的检查 计算机常用工具软件 项目二 任务一 了解AP Div元素的基本概念 任务一 任务描述 任务说明 任务二 任务三 任务四 小明想申请个网络邮箱，于是他就上网开始先注册，注册的时候要求填写个人信息，他被这个注册网页吸引住了，他在思考，为什么填写后信息，信息会被记录呢？这个网页是如何做的呢？他带着问题找到了老师，请求老师给予解答。 任务一 任务描述 任务说明 任务二 任务三 任务四 表单（Form）是实现网页上数据传输的基础，它包含多种对象，或者称作控件。其作用就是能使访问者与网站或网站管理人交互。利用表单，可根据访问者输入的信息，自动生成页面反馈给访问者；还可以为网站收集访问者输入的信息。 计算机常用工具软件 项目十 任务二 创建表单域 任务一 任务二 任务描述 任务说明 操作步骤 任务三 任务四 老师跟小明讲解了有关表单的基础知识，并准备教授他如何创建表单域。 在Dreamweaver中能创建各种各样的表单，表单中能包含各种对象，在网页中添加表单对象，首先必须创建表单。表单在浏览网页中属于不可见元素。在Dreamweaver CS3中插入一个表单，当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。 任务一 任务二 任务描述 任务说明 操作步骤 任务三 任务四 1）使用菜单命令创建表单域。 任务一 任务二 任务描述 任务说明 操作步骤 任务三 任务四 2）通过面板上的按钮创建表单域 任务一 任务二 任务描述 任务说明 操作步骤 任务三 任务四 计算机常用工具软件 项目十 任务三 表单对象的添加 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 小明在学习过程中提出疑问，注册邮箱的网页上的那些填写信息的单选框和文本框是怎么建立的呢？ 在创建表单之后，就可以通过表单插入面板在表单中插入各种表单对象，也可以通过相应的菜单在表单中插入相应的表单对象。 在Dreamweaver CS3中的表单对象包括文本域、文本区域、按钮、复选框、单选按钮、列表/菜单、文件域、图象域、隐藏域、单选按钮组和跳转菜单。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ① 使插入点位于表单域中。 ② 单击“插入”面板“表单”类别中的“文本字段”按钮。 ③　选择菜单中的“窗口”|“属性”命令 。 ④ 在“类型”区域中，需要做哪一类型的文本字段，就在“类型”区域单选框中选择哪个。插入完之后，保存页面，按下F2键，浏览网页。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ①　把光标插入到页面的表单范围内。 ②　单击“插入”面板“表单”类别中的“单选按钮” 。 ③　单击选中其中一个单选按钮，打开属性面板 。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ①　把光标插入到页面的表单范围内。 ②　单击“插入”面板“表单”类别中的“复选框”按钮 。 ③　单击选中其中一个复选框，打开属性面板 。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ① 滚动式列表 ② 下拉式菜单 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ① 把光标插入到页面的表单范围内。 ② 单击“插入”面板“表单”类别中的“文件域”按钮 。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ①　将把光标插入到页面的表单范围内。 ②　单击“插入”面板“表单”类别中的“图像域”按钮 ③　单击“确定”按钮即可在表单中插入图像。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 ①　将把光标插入到页面的表单范围内。 ②　单击“插入”面板“表单”类别中的“跳转菜单”按钮。 ③　如果要添加多个跳转菜单项，可单击按钮，然后在“文本”文本框中输入名称，也可以单击按钮，删除菜单项。 ④　设置完成后，单击“确定”按钮，即在文档中添加了跳转菜单。 任务一 任务二 任务三 任务描述 任务说明 操作步骤 任务四 计算机常用工具软件 项目十 任务四 表