【文档说明】3.2.2《创建网站，制作首页》教学设计4-八年级信息技术【苏科版】.doc，共(4)页，66.500 KB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-93555.html

以下为本文档部分文字说明：

1《2.2创建网站，制作首页》教学设计教学目标：知识与技能:(1)了解站点的意义,学会建立和删除站点。(2)能够在网页中插入、排版文字,掌握图片、水平线、背景图片、背景音乐等的插入方法及属性的设置方法。(3)掌握保存网页的方法,了解首页保存的基本要求。过程与方法:(

1)通过微课自学习，并自主制作网站首页,掌握在Dreamweaver中站点管理和添加网页元素的基本技术方法。(2)通过实践活动,使学生掌握对象属性的设置方法,为学生今后学习其他软件奠定基础。情感态度与价值观:(

1)提高审美情趣和创新能力,能根据网页主题确定恰当的网页风格并具有初步的创意。(2)通过微视频学习，掌握自主学习的方法，提升自主学习能力，并渗透终生学习理念。(3)在合作实践过程中,培养学生互相帮助、团结协作的良好品质。(4)在自我评

价与对教师评价中，发现自身不足，树立批判意识。学情分析:本节内容是课本第3章主题网站设计与制作的第2节,学生对网站制作的相关知识还不太熟悉,对于Dreamweaver网页制作软件只进行了初步了解,本节课是网站管理和网页设计基础课，为后面学生进行更复杂操作作好准备。教学

重点:(1)掌握建立、删除站点的基本方法。(2)掌握简单网页设计的基本方法。教学难点:(1)水平线的插入。(2)背景音乐的设置。教学准备：多媒体网络电子教室、电子白板、微视频等教学过程:一、创设情景、激发兴趣。师:昨天上午(10月19日)，中国发生了一件重大的科技事件！想知道是什么事吗？生

：相互讨论，回答。师：看来大家都不是很了解，那老师现在通过搜狐网站查询一下，大家看一看。生:学生认真观看搜狐网专题网页。师：通过网站了解，我们知道了这件中国科技史上具有里程碑意义的事件是：神舟11号飞船与天宫2号实现了对接，中国建

成了可以长期照料的空间站。这件事有两个意义：一是我们获取信息可以通过互联网络进行，二是信息技术对我国航天事业的重要贡献。所以，我们每个人都要认真学习信息技术这门课程。二、比较网站，明确任务。2师:下面老师出示3个网站，请大家看一看是什么网站，你怎么看出的？并比较一

下，它们有什么共同点。（出示“新浪网”“天猫网”“中小学信息技术学习网”图片）生：认真观看，并说出网站的名称。思考并回答。师：它们都有网站标志、名称、栏目、背景图和具体内容。师：看完这个网站之后,同学们想不想也来制作一个网站呢?下面我们就来看一看今天的任务。

师：出示“动物——人类的朋友”网站和首页图片，分析首页的组成。生：说出首页的组成内容，明确本课的学习任务。要求首页中有如下对象:①网站的标题“动物——人类的朋友”,标题与正文之间用水平线隔开。②在标题左边插入一个网站标

志图。③显示一段关于网站主旨的文字介绍。④链接到“下一页”的图标和文字。师：好，本节课的学习内容是：2.2创建网站，制作首页（出示课题）师：简单复习启动Dreamweaver的方法。也可请学生回答一下。生：

启动软件，熟悉素材。三、任务驱动，结合微课，学生自学，教师答疑。任务一、请根据“1.新建站点”微视频，学习新建站点，站点名:“dongwu”文件存储位置为：“d:\dongwu”。师：网站的意义，建立站点的要求。生：学生根据微课视频，自主学习完成任务。师：巡视指导，完成答疑。师：建立站点的

注意要点：1、正确的输入站点位置的目录信息。2、除最后远程服务器设置选“无”，其它选默认值。任务二、请根据“2.建立首页”微视频，学习在网站中新建首页，首页名:“index.html”。师：要着手来制作网站,第一个要进行的当然是首页的制作。同学们,

谁来说一说什么是首页?首页是访问网站时看到的第一个页面。首页是网站的“脸面”,能不能吸引访问者的注意,它显得尤为重要了,所以在设计制作首页时需要特别花心思。怎样才能做到呢？生:互相讨论,各抒已见。师:请同学们再次仔细观察这个首页,看看该首

页包含了哪些元素?是否能很好地表达主题思想?生:观察思考、探究、小组合作交流,回答教师提出的问题,并确立自己将要开展的工作。师:通过刚才观察这个网站首页,我们分析出其组成元素有:网站标志(LOGO)、标题、水平线、文字介绍、背景图片、背景音乐,强调网站

内容的合理布局。下面我们就来设计首页。生:按要求自学或合作完成任务。师：新建首页,注意新建后可将文件保存为“index.html”，默认的首页文件为“index.hmtl或default.html”。新建文件类型为“HTML”

类型。师：教师巡视，答疑解惑。任务三、根据“制作首页标题”微视频学习，制作标题“动物——人类的朋友”，设置标题文字为“华文新魏”，字号大小为65,颜色为“深绿色”，居中对齐。师：讲解任务要求，巡视指导。生：按要求结合微视频自学或合作完

成任务。3生：为什么我们的Dreamweaver中找不到“华文新魏”字体呢？师：请学生讨论，并回答。生：相互讨论，举手上台演示。师：在本任务中要注意以下两点：1、设置文字格式前必须先选中文字对象。2、文字格式

设置在下面“属性”面板中进行。3、DW中没有的字体需要添加进去才能使用。任务四：根据“插入水平线”微视频学习在网页中插入水平线，线宽100%，线高为2像素，颜色为绿色。师：讲解任务要求，巡视指导。生：按要求结合微视

频自学或合作完成任务。师：在插入水平线时要注意正确操作的方法。设置时要注意以下两点：1、设置水平线必须先选中水平线。2、宽度和高度设置在下面“属性”面板中进行，设置水平线颜色在右键“快捷菜单”中设置。师：要看到具体设置效果需要预览主页。讲解查看预览主页的方法。生：查看自己设置的具体

效果。任务五：根据“插入网站标志”微视频学习在网页中插入Logo图，图片大小为高100宽100，对齐方式为：绝对居中。师:Logo就是网站的标志具体的内容和意义。大家可以用手机微信扫描书上的二维码，可以得到更详细的解答。师：讲解任务五要求，巡视

指导。生：按要求结合微视频自学或合作完成任务。师：注意点：设置图片时需要先选中图片对象。任务六：插入正文，思考如何给文字设置格式。师：讲解任务六要求。大家思考一下，如何快速的给网页设置格式呢？生：小组讨论，并回答。师：1、可直接复制WPS文字中设置好格式的文

本。2、空格的两种输入方法（全角格式输入或按组合键）。生：按要求结合微视频自学或合作完成任务。师巡视指导。师：本任务的注意点是设置图片时需要先选中图片对象，再在“属性”面板中设置。任务七、如何给网站添加背景图片和音乐？背景图片为素材文件夹里的“STBJ006”，音乐文

件为“宗次郎-故乡的原风景.mp3”。师：请大家分2大组，分别完成背景图片和音乐的设置，每小组一个代表汇报一下。生：按要求结合微视频分组完成任务，有困难向老师和同学求助。师：巡视指导，答疑解惑。师：请每组一个同学上

台示范一下，大家评价一下他的操作。生：上台示范并讲解。教师辅导并评价。师：注意设置网页背景图片与插入图片的区别。操作方法不同，效果不一样。背景音乐在设置时要将“Autostart”值设为“True”。教师示范

操作一遍，强化学生记忆。生：继续完成相应任务。生:认真观看教师演示,归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。4四、拓展训练，美化网页。师：学有余力的同学还可以尝试设计和制作具有个性的网站欢迎页面,使首页更加美丽

。①插入“进入下一页”的动画图片和文字。③美化标题,用艺术字方法制作网页的标题。生：小组合作，相互协作，完成任务。师：巡视指导，答疑解惑。五、课堂小结、网上评价师：(1)教师引导学生进行总结,针对本节课的重点知识进行提问,了解学生对相关知识的掌握。(2)学生相互欣赏作品,推荐优秀作品在全班进行展

示。师生共同评价,教师对完成情况好的学生和帮助他人的学生给与表扬。师：下面请大家结合本节课学习内容及效果，打开桌面上网页链接，在线完成本课的课堂评价。生：学生在线完成知识检测，并对自已和教师教学效果评价。师：巡视了解情况，集

中展示评价结果并总结提出要求。六、课后作业复习本课学习内容，预习下节《应用表格布局网页》。另附：课堂教学评价单