电子商务网页设计与制作 教案 第19次课 任务案例：青山文学社网页（二）

湖南商务职业技术学院教案为主题的页面，网页效果如图3-1-1所示图3-1-1”青山文学社”网页效果.【实操演示】教师技能训练任务，并进行实操演Zjso.【发布任务】教师在学习通发布技能任务.【实践指导】来回巡视，及时帮助学生解决问.听取教师讲解知识点；.学生查看技能训练任务.完成技能训练题^wrapper◎header010goIftopMo月menu^footer2青山文学社网页效果案例讲解之content与footer两部分实现~~

1、我们刚刚做了实例的content与footer部分，请同学们想一想，.heading是用来设置每个区域标题的样式，其中红色框框中的代码是什么意思呢？它们的作用是什么呢？题.听取教师讲解试题；.完成知识检测授课章节及主题任务案例青山文学社网页

（二）课次19教学目标知识目标.掌握css设置网页背景的方法；.掌握CSS设置图像与文本的方法能力目标能够掌握CSS美化网页元素的方法素养目标.培养学生清晰有序的逻辑思维；.培养学生数据分析与总结的意识；.培养学生系统分析与解决问题的能力学情分析知识基础学生已经CSS的结构与图像和文本的设置规则有了一定的了解学生特点.学生爱学习爱思考爱表达，喜欢动手实践，但学生自律性不强，遇到困难时畏难.前续内容的知识绝大部分同学掌握较好，少部分同学操作不太熟练.解决较复杂问题能力比较弱，知识迁移能力有待加强教学重点.全面了解css文本与图像的设置；.利用CSS对网页元素进行排版与美化教学难点青山文学社网页效果案例讲解教学方法讲授法案例演示法讨论法实践法线上线下混合式教学资源与平台教学平台超星学习通https://www.xueyinonline.com/detai1/221724252参考书.《电子商务网页设计与制作》，电子工业出版社.《HTML5+CSS3网页设计与制作》，人民邮电出版社参考网络资源.菜鸟教程httpsrunoob.com/.虎课网:https://huke

88.com/教学过程设计环节教学内容教师活动学生活动知识回顾10min解决学生上节课在案例制作过程中header和menu部分实现过程中的常见问题的解决方法和技巧

1.【课堂活动】教师通过开展各种课堂活动回顾上次课知识点

1.学生积极参与课堂活动任务导入2min小明所在的青山文学社是学院第一社团，文学社想要对网站进行改版小明主动承担了网站的设计与制作任务，他搜集到了大量社团相关的图片与文字素材，接下来，要怎么样才能实现整个页面的规划与布局呢？

1.【任务导入】教师通过案例导入本次课的学习目标

1.学生了解本次课学习的目标本任务是利用社团素材与图片，制作一个以“青山文学社”

99.

00.

01.

02.03|padding-le£t:20px;|height:25px;line-height:25px;margin-top:Spx;Edrqin-bottom:5px;.05background:url../imagea/iconl.jpgno-repeatleftcenter;的“码白知识检测10min描灾g勺意1»第1题中的heading类选择符，在实例中你是怎么使用।卬力匕公请找出至少两处代码】•组织发布在初3%盒子中，我们设置了如下代码，请解释以下代:知识检普及呈现效果是什么？;［归纳总l#newsullia{结】来回巡di^Yo^10Ck；视，及时帮助floverflow:hidden;学生解决问text-overflow:ellipsis;题white-space:nowrap;text-decoration:none;font-size:14px;border-bottom:lpxdashed#999;padding-top:5px;padding-bottom:5px;color:#000;|在#intro盒子的段落设置中，我们设置了以卜代码，请下以下代码的意思与呈现效果是什么？

188189190191192193194.95p.firstp:first-letter{font-size:2em;font-weight:bold;float:left;}p.others{text-indent:2em;课堂小结5min本次课主要学习了青山文学社网页效果案例制作，在实际制作过程中深刻了解CSS对网页中文本与图像元素的美化与修饰方法，着重掌握如何利用CSS对网页元素进行排版与美化，做到融会贯通作业布置.继续完成技能训练作业青山文学社网页，提交至学习通作业处.预学下一次课的内容.课后讨论在刚才的学习与实践中，你学会了什么？你的难点在哪里？教学反思。