还剩1页未读，继续阅读
文本内容:
课程教案76第1章HTML5基本标签及开发工具介绍课题名称第5-6节在页面中添加HTML,HTML5新增标签授课班级软件技术等大一上学期授课班级授课学时2授课地点机房授课形式讲解+上机练习参考教材《前端HTML+CSS修炼之道》教学资源电子课件、教案、文字材料知识目标掌握与表单相关的HTML标签，能够根据需要在网页中插入表单标签；掌握设置表单样式的CSS代码，能够使用CSS对表单进行美化；能够制作出常见的注册、教学目标登录和留言前台页面；技能目标与表单相关的HTML标签；设置表单样式；素质目标培养学生认真、一丝不苟的学习态度教学美化网页导航重点教学重点与难点教学美化网页菜单难点本次所讲内容选自教材第6章第1节学生须熟练掌握表单相关的HTML标签；学会学情分析在网页中插入表单标签、最后通过本节课的学习能够制作出常见的注册、登录等页面课前复习理论课讲授的使用CSS美化网页课中
1、使用CSS美化网页导航教学过程htmlheadmeta charset=MUTF-8ntitleCSS美化导航条/titlestyle type=,*text/cssnul{list-style-type:none;margin:0;padding:0;}li{float:left;}a:link,a:visited{display:block;width:100px;background-color:#FF7B00;color:white;text-decoration:none;font-weight:bold;}a:hover,a:active{background-color:cornflowerblue;}/style/headbodyullixa href=CSS美化图片,html”CSS美化图片lia href=CSS美彳匕背景,html”CSS美彳乜背景lixa href=CSS美化表单.html”CSS美化表单lixa href=nCSS美化表格.htmlMCSS美化表格
2、使用CSS美化网页表单ul{list-style-type:none;margin:0;padding:0;overflow:hidden;back ground-color:gray;}li{float:left;}1ia,.dropbtn{display:inline-block;color:white;text-allgn:center;padding:14px16px;text-decoration:none;}li a:hover,.dropdown:hover.dropbtn{background-color:green;.dropdown{display:inline-block;}.dropdown-content{display:none;position:absolute;backgroundcolor:da rkgray;min-width:125px;box-shadow:Opx8px16px Opxrgba0,0,0,0・2;}.dropdown-content a{color:white;padding:12px16px;text-decoration:none;display:block;}.dropdown-contenta:hover{background-color:lightpink;}.dropdown:hover.dropdown-content{display:block;}/style/headbodyullia href=CSS美化图片・html”〉CSS美化图片lidiv class=ndropdownn ahref=CSS美化背景.htmlHCSS美化背景/adiv class^ndropdown-contentM ahref=F”美化图片/aa href=#”美化文字/a ahref=F美化多彩色/a/divx/div/lilixa href=nCSS美彳匕表单.html”CSS美^:表单lia hrefMCSS美化表格.htmlHCSS美化表恰lixa href=HCSS类彳匕文字,html”CSS美4匕文字/ali/ul/body/html
3、上机实战，讲解并完成以下作业课后课程总结，本次课程主要讲解了常用的表单HTML标签、如何使用CSS定义表单样式等采用启发式教学，通过多媒体课件现场演示更加生动，与学生互动效果更好；在上机课上学生学会了如何创建站点和简单的网页页面；课后布置了有关站点的作业，教学反思并且利用上机时间完成和指导工作。
个人认证
优秀文档
获得点赞 0
