为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

05单元5注册登录与留言网页设计

2018-01-31 13页 doc 99KB 13阅读

用户头像

is_196623

暂无简介

举报
05单元5注册登录与留言网页设计05单元5注册登录与留言网页设计 单元5 注册登录与留言网页设计 本单元通过对各类网站的注册、登录与留言网页设计的探析与训练,重点学习HTML5中的表单及控件标签、HTML5新的form属性和input属性、HTML5的input类型等,学会应用表单及控件设计注册登录与留言网页。 【教学导航】 (1)熟悉HTML5中的表单及控件标签 (2)掌握HTML5新的form属性和input属性 教学目标 (3)掌握HTML5的input类型及使用 (4)学会应用表单及控件设计注册登录与留言网页 关 键 字 各类网站 注册...
05单元5注册登录与留言网页设计
05单元5注册登录与留言网页设计 单元5 注册登录与留言网页设计 本单元通过对各类网站的注册、登录与留言网页设计的探析与训练,重点学习HTML5中的表单及控件标签、HTML5新的form属性和input属性、HTML5的input类型等,学会应用表单及控件设计注册登录与留言网页。 【教学导航】 (1)熟悉HTML5中的表单及控件标签 (2)掌握HTML5新的form属性和input属性 教学目标 (3)掌握HTML5的input类型及使用 (4)学会应用表单及控件设计注册登录与留言网页 关 键 字 各类网站 注册登录与留言网页 表单及控件标签 form属性 input属性和类型 (1)HTML5的常用标签及其属性、与事件参考附录B 参考资料 (2)CSS的属性参考附录C (3)CSS的各种选择器的含义和用法参考附录D 教学方法 任务驱动法、分组讨论法、理论实践一体化、探究学习法 课时建议 6课时 【实例探析】 【任务5-1】探析手机麦包包网的用户注册网页 【效果展示】 手机麦包包网的用户注册网页0501.html的浏览效果如图5-1所示。 图5-1 手机麦包包网的用户注册网页0501.html的浏览效果 跨平台的移动Web开发实战 【网页探析】 1(网页0501.html的HTML代码探析 网页0501.html的HTML代码如表5-1所示。 2(网页0501.html的CSS代码探析 网页0501.html通用CSS代码定义如表5-2所示。 网页0501.html主体结构的CSS代码定义如表5-3所示。 网页0501.html其他的CSS代码如表5-4所示。 【知识疏理】 1(HTML5的表单及控件标签 (1)
标签 标签用于为用户输入创建HTML表单,表单用于向服务器传输数据。表单能够包含input元素,例如文本字段、复选框、单选框、提交按钮等。表单还可以包含menus、textarea、fieldset、legend和label元素。 (2)标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等。 (3)