05单元5注册登录与留言网页设计05单元5注册登录与留言网页设计
单元5 注册登录与留言网页设计
本单元通过对各类网站的注册、登录与留言网页设计的探析与训练,重点学习HTML5中的表单及控件标签、HTML5新的form属性和input属性、HTML5的input类型等,学会应用表单及控件设计注册登录与留言网页。
【教学导航】
(1)熟悉HTML5中的表单及控件标签
(2)掌握HTML5新的form属性和input属性 教学目标 (3)掌握HTML5的input类型及使用
(4)学会应用表单及控件设计注册登录与留言网页
关 键 字 各类网站 注册...
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)
本文档为【05单元5注册登录与留言网页设计】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。