网页设计与制作教学资料项目6表单的使用

《网页设计与制作教学资料项目6表单的使用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、项目6表单的使用一一理论部分（2课时）•:•举例说明相对路径与绝对路径的异同。•:•叙述文本链接所对应的HTML代码含义。•:•解释文本链接与图像链接的区别与联系。•:•简述创建锚记链接的步骤。•:•详述电子邮件链接所对应的HTML代码的含义。目标•:•会使用各种表单元素制作个人信息提交页•:•会使用各种表单元素制作注册页面演示案例一注册表单•演示案例■注册表单•涉及的知识点■表格表单元素•AMT*00°■•MMeMMMRML理论案例1一补充个人基本信息页❖需求描述个人基本信息表单•涉及的知识点■表单■文本框■列表框相关理论1—创建表单

2、•:•讲解创建表单的方法选择菜单“插入记录P“表单P“表单,,■选择“插入'栏的“表单"类别中的“表单谓标■表单属性相关理论2—添加文本框和列表框•:•讲解■创建文本框的方法■选择菜单“插入记录”0“表单”0“文本域”■单击“插入,栏的“表单”类别中的“文本字段”图标■创建列表框的方法■选择菜单“插入记录7“表单P“列表/菜单单击“插入'栏的“表单^类别中的咧表/菜单'，图标■文本框和列表框属性相关理论3—个人基本信息页对应HTML代码•:•讲解■个人基本信息页对应的HTML代码

3、naction=n,/size=n25n北京市v/option>voptionvalue=H2n>河北省v/option>操作步骤插入表单（2）插入表格对表单进行布局（3）插入文本框（4）插入列表框■理论案例2—制作淘宝网注册页需求描述完成效果■淘宝网注册页涉及的知识点■表单■密码

4、框■单选按钮■复选框■按钮■多行文本框相关理论1一添加密码框❖讲解■创建密码框的方法■密码框属性■密码框的HTML代码vINPUTname=Hpassntype=npassword0id=npassusize=n26n>操作步骤(1)对网页进行布局(2)插入表单(3)插入表格对表单进行布局(4)插入文本框和密码框小结简述创建表单的方法有哪几种？如何插入表单元素?■简述密码框与文本框相关属性的作用。项目6表单的使用一一上机部分（2课时）回顾♦如何插入表单?❖在表单域中,如何添加表单元素?❖插入跳转菜单有哪几种方法？•:•文本框、密码框与多

5、行文本框的异同。上机目标❖拍拍网商品购买页确认购买部分的制作•:•拍拍网用户注册页面的制作❖实练案例1—商品购买页确认购买部分的制作实练案例1—商品购买页确认购买部分的制作（教师讲解思路，学生30分钟完成了）❖需求描述■使用表单和表单元素制作商品购买页确认购买部分♦实现思路■插入表单■利用表格对表单进行布局■插入表单元素、图片和文字实练案例2—拍拍网用户注册页面的制作•:・需求描述■使用表格、表单和表单元素制作注册页面•实现思路（学生20分钟完成）■使用表格对页面进行布局■插入表单■利用表格对表单进行布局■插入表单元素和文本总结并布置作

6、业