《HTML5CSS3 网页设计与制作》教案-17 第6章 第 2节 CSS 美化网页案例——制作百度热搜

课程教案77第6章应用CSS3样式美化网页课题名称第2节CSS美化网页案例一一制作百度热搜授课班级软件技术等大一上学期授课班级授课学时2授课地点多媒体教室授课形式讲授、演示参考教材《前端HTML+CSS修炼之道》教学资源电子课件、教案、文字材料知识目标通过CSS知识完成一个案例制作，加深CSS美化网页设计的实际应用；教学目标技能目标使用CSS技术来完成页面的优化；素质目标培养学生认真、一丝不苟的学习态度教学使用css美化页面重点教学重点与难点教学美化搜索列表栏目难点本次所讲内容选自教材第6章第2节学生须熟练掌握CSS美化页面的设计；学会在学情分析不同页面中使用CSS美化网页课前预习+课程导入过CSS完成该案例，首先要对页面进行分析根据效果图，分析页面，该页面由哪几部分组成，用到了哪些元素，每个元素的样式有什么区别，对页面了解清楚后，教学过程接下来完成该案例就显得比较容易课中

1、先完成基本的HTML内容0U

7.aa_14B4a/7f16-1VSnd»XC

①127XA18IMIVTO61l/lnOrxhtml史今妁诧火工限•^]|TITtB—MfllimWftMB•4智.—U.•s ftsaifixtjLrn•，R1JOTT布也于2O3O^at0中im”•7干万不•affd国BifrasCT薪•9UA如二\•10口设公务上—35岁限制

2、根据HTML基本内容使用css美化页面O

127.

0.0J.:S848/5^!6-11/indeX，

①

127.

0.

0.1:8848/^^6-1l/index_html揍-换白度热度10条奥会夏现可信可值可敬的中国■滋好警史故•共JW之为运动员是嬖的合开/式王角■■相宣时日太上买了■千万不善席职东北的早市育多好・AAJD向我逐个人风格10Mt议公务员兮试取沟3时*阴课后完成百度热搜页面采用启发式教学，通过多媒体课件现场演示更加生动，与学生互动效果更好；在教学反思上机课上学生学会了如何创建站点和简单的网页页面；课后布置了有关站点的作业，并且利用上机时间完成和指导工作。