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

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

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

1第3章第2节2.2设计首页【教学目标】1、知识与技能（1）掌握新建简单网页的方法，能够在网页中插入文字并进行排版，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“页面属性”对话框，设置页面属性，如背景颜色、背景图像

等。（2）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。2、过程与方法（1）通过对比，掌握软件的使用方法，达到举一反三的功效。（2）通过动手设计网站的实践活动，掌握对象属性的设置方法，为今后学习其他软件奠定基础。

3、情感态度与价值观（1）通过对比，了解软件学习的一般方法及规律，提高学习信息技术的信心。（2）通过设计首页，掌握对象属性的设置方法，初步体验成功的快乐。（3）通过创建“动物——人类的朋友”网站，树立人与动物和谐相处，珍爱、善待和保护动物的观念。【教学重点与难点】1

、重点（1）掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。（2）掌握设置页面属性的一般方法。2、难点（1）添加网页的背景音乐。（2）网页的保存。【教学方法】对比教学，探究学习，模仿学习。【教学准备】提供首页制作的相关素材【教学过程】教

学过程教师活动学生活动设计意图引入上一节课，我们学会了Dreamweaver的启动方法，认识了Dreamweaver的窗口结构，并且大家都在D盘用自己的姓名建立了自己的一个站点。是不是感觉我们的站点还缺点什么呢？站点建立好之后，首先需要制

作网站的首页（index.htm）。今天，我们将学习如何使用Dreamweaver来制作网页。下面，请大家欣赏下面这些制作好的网页，并思考：一般网页页面包括哪些内容？什么是网页？思考回答问题，明白以下问题网页是构成网站的基本元素。文字与图片是构成网页的两个基本元素。除此之外，网页

的元素还包括动画、音乐、程序等等。从学生的好奇入手，激发学生的兴趣。2新授引导学生分析一般首页组成情况，提出课堂制作要求A．显示网站的标题“动物——人类的朋友”，标题与正文之间用水平线隔开。B．在标题左边插入一个网站标志图。C．显示一段关于网站的文字介绍。D．给网页设置适当的背景图片和背景音乐。E

．插入链接到“下一页”的图标和文字，如图3.2-7所示。一、新建网页任务一：新建网页教师示范：文件——新建——基本页——HTML——创建，新建一个空白网页二、编辑网页任务二：制作标题教师示范：选择“设计”模式，输入标题“动物——人类的朋友”，编辑文字字体、大小等任务

三：插入水平线和网站标识图教师示范：1、插入水平线：插入——HTML——水平线选定水平线并利用属性编辑窗口设置水平线的属性：高度为2像素，右击——编辑标签——浏览器特定的，选择深绿色教师启发学生观察：插入水平线有什么作用？2、插入图片：插入——图像——选择文件——确定探究：如果图片不在网

站内，计算机将提示什么？怎么操作？任务四：文字输入与排版在水平线下方录入或复制已有的文本，再用“属性窗口”或右击快捷键完成排版观察如图3.2-7所示，准备完成要求。学生模仿并完成学生示范，讲解如何设置文字的属性学生模仿并完成水平线的插入与设置学生完成观察并回答学生示范，比

较与Word中操作的异同，并探究学习软件学习的方法传授——类比法、知识迁移3探究：Dreamweaver段落首行空两格的方法？任务五：设置网页背景教师示范：单击“属性窗口”中的“页面属性”按钮，打开“页面属性”对话框，在“外观”中有众多参数设置

，根据需要设置。探究：如果背景颜色、背景图片同时使用，其网页外观效果如何？任务六：添加网页的背景音乐单击“窗口——行为”命令，打开“行为”面板，单击“+”，打开“播放声音”对话框，选择声音文件。单击“属性面板”中的“参数”按钮，设置背景音乐自

动响起。探究：1、其他插入背景音乐的方法？2、插入“进入下一页”的图片或按钮三、保存并预览网页探究：保存网页的方法1、文件——保存2、文件——另存为3、文件——保存全部学生完成网页背景图片的设置，并探究学习完成背景音乐添加学生自行探

究，得出方法：直接插入、代码插入、插件插入等学生按要求保存自己的网页，并预览任务驱动，循序渐进教师讲解示范，突出重难点总结与评价引导学生进行总结提问本节课的重点知识，反馈学生相关知识掌握情况教师与学生共同评价开展同学间的作业相互检查，推荐优秀的作品，展示给全班同学，表扬完成情况好的学生与帮助

他人的同学学生总结，并继续完成自己的主页，完成的同学做教师的小助手，辅导需要帮助的学生学生对所学的知识进行梳理，建构知识体系鼓励学生间互帮互助