苏科版（2018）八年级全册信息技术 3.2.3创建网站、制作首页 教案

《制作首页》教学设计
一、教材分析：
本节教学内容为苏科版八年级信息技术第3章《主题网站设计与制作》第2课时的内容。本部分是网页设计的第一步，也是网页设计中最基础的部分。主题网站设计与制作对应到《纲要》中“信息的发布与交流”部分，本节课的教学内容对应信息的处理，通过网站制作过程中站点的建立，多媒体素材的插入与属性设计，培养学生处理多种信息的能力。
二、学情分析：
本课教学对象为八年级学生。通过小学及七年级一整年的学习，学生有一定的信息处理能力和对新软件的探究能力，但由于Dreamweaver与之前学过的WPS系列软件及Office系列软件有很大的区别，网站制作对于学生而言也是全新的课题，学生在学习过程中对于软件的界面、功能均感到陌生，需要通过不断的探究、互助和教师的引导示范来感悟和内化，最终能熟练使用这一软件制作网站。
三、教学目标：
1、理解站点的意义，学会建立、修改、删除站点。
2、掌握在网页中插入图片、文字、水平线等媒体对象及其属性设置的方法。
3、在探究学习的过程中培养团队协作精神，体验成功的快乐并培养发现美、创造美的能力。
四、教学重难点：
教学重点：媒体对象的插入和设置
教学难点：建立站点的意义
五、教学过程：
模块 教师活动 学生活动 设计意图
导入 欣赏优秀个人网站，引出课题《制作首页》
欣赏、聆听 开门见山式的引出课题
站点的建立 展示两种不同的网站文件组织方式（一种为站点式管理，一种为随意存放）。
你认为哪种网站文件管理方式更好，为什么？
引出Dreamweaver中站点的作用和意义。
演示静态站点建立的过程并对建站过程中的注意点进行提醒。
（1）站点名、网页和所用到的媒体文件名尽量使用英文字母和数字。
（2）论坛、微博等需要交互的网站需要用到服务器技术，我们今天做的静态网站不需要。
（3）由于制作的是静态网站，不需要连接到远程服务器，所以选择“无”。 观察
思考并得出结论
体会站点对于网站管理的作用。
小组代表回答
模仿建立站点
有问题时参考《学习提示》，并进行同伴互助。
通过对比得出站点的作用和意义。
首页的制作 什么是首页？
首页的作用、常见服务器默认首页的文件名。
（演示建立首页的过程）
描绘蓝图：你认为网站的首页里应该会有哪些媒体对象？
你会插入图片/文字/水平线/动画/视频……吗？
在插入这些对象之前，你觉得需要注意什么？
将文字插入（粘贴）到首页中，并进行整体规划，统一风格。
你是怎样设置三段文字的字体、字号、颜色的？如何快速让三段文字样式一样？
图片太大了，你能改变它的大小吗？
我们的素材里还提供了动画、声音，你能将它们插入到首页中去吗？ 学生讨论回答
聆听，记忆
思考、回答问题
尝试操作
思考、回答。
观察设置字体时，样式的变化，探索CSS的应用。
通过CSS的使用，体会到“预设”——>“应用”的便捷之处和统一风格管理对网站整体设计的好处。并在小组内交流。
尝试操作并根据学习提示实现音视频动画媒体的插入与设置
通过学生设计与畅想，得出首页插入媒体对象的需求。
结合站点意义，分类存放媒体素材。
小结与展望 1、通过今天的学习，你的首页做出来了吗？你做了哪些工作？
2、看着我们设计的首页，总觉得它与优秀网站的首页有着不小的差距，插入的图片、文字和其它媒体对象并不能完全依照我们的设想出现在相应的位置。为了解决这个问题，我们在下节课将学习《应用表格布局网页》，请同学们在课后用纸笔设计一张你心目中的完美首页。 学习回答
记录课后作业：用纸笔设计首页 首页布局的遗憾为下一节课的学习作好铺垫，激发学生学习和探究新知识的兴趣。