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

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

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

课题：设计首页教学目标：知识目标：1.理解网站中站点的作用并掌握新建的方法；2.了解网页的概念，并学习设计首页，掌握新建网页的方法；3.学会在网页中插入文字、水平线、图片的方法及属性设置的方法；4.掌握网页保存和预览的方法。过程与方法：1.以任务来驱动，小组协作和自主探究的方式，让学生们学

习、动手实践网页制作的方法；2.通过课例中的网站的创建，让学生们体验网页设计软件学习的乐趣；采用类比的方法进行知识的迁移，归纳软件应用的一般规律，增强学生们学习信息技术的信心。情感态度与价值观：1、使学生建立人与自然和谐共存的理念，爱护环境、保护动物；2、帮助学生养成良好的操作

习惯；3、学会运用信息技术来分析和处理数据，逐步地提高他们的信息素养。教学重点：1.掌握新建网页的方法；2.掌握网页设计中插入文字、图片、水平线的方法及属性设置；3.掌握保存和预览网页的方法。教学难点：1、文本的段落设置2、属性的

设置学情分析：本节课的对象是八年级的学生，学生们在之前已经学习了Microsoftoffice等这样易学易用的应用软件，因此对Dreamweaver的应用环境的熟悉并不困难。学生们也学习了网络基础知识，

掌握了网络的浏览、搜索等方法，他们非常希望自己能制作网页，学习的兴趣很浓。教学过程：一、复习引入1、复习：师问：建立网站的第一步是干什么？学生回答：首先要建立站点。师问：设计网站时，直接制作网页不可以吗？为什么要建立站点？引导学生回答。我们可将一个网站想象

成一棵大树，大树的营养从树根经过主干，再由分支到达各个树枝和树叶，树的管理和移植都必须从根开始，一棵树不能没有根。我们网站中站点就像树的树根，首页就像主干，网页好比分支，网页中各个子网页就像树枝，他们之间用超链接连接起来，各种素材就好比树叶，让我们

的网页更美丽。这个网站中的所以网页、素材等都保存在站点下，通过站点来管理。学生回答：方便网页的管理、浏览及发布，便于网站存储位置的移动和网站维护。（书P52）设计意图：通过图例，将网站中抽象名词的概念变得更加生动形象，学生更容易理解。复习任务：1.启动Dreamwe

aver8.0；2.在D盘建立一个名为“姓名”站点（如：王雨——wangyu）。学生自己动手实践，教师个别辅导。强调建立站点的存储位置，为下面新建网页做好准备。2.导入：师问：树的树干、树枝是树的基本组成部分，那我们的网站的基本组成部分又是什么呢？学生回答：网页。网

页是网站的基本元素，图片、文字、动画、音乐等是网页的基本元素。建好站点后的第一任务——设计首页二、新授：设计首页（一）、基础任务：制作“保护珍稀动物”网站的首页。1.观察网页，分解任务：打开课例“保护珍稀动物”网站的首页，让学生来学习分解操作任务，最后老师来归纳

。操作任务归纳如下：（1）新建和保存网页（2）插入文字标题“动物——人类的朋友”，属性设置（字体、字号、颜色、对齐方式）；（3）插入水平线，属性设置（高度、颜色）；（4）插入图片“logo1.gif”和“Enter.gif”，属性设置（图片的高度和宽度、对齐方式）

；（5）插入一段关于网站的文字介绍，文字排版；（6）给网页设置背景图片和背景音乐；（7）给文字“下一页”插入超链接。设计意图：网页制作不仅仅是掌握单个的操作，更为重要的是整个页面的设计，要美观大方，还应该让学生们学会根

据页面设计的布局来分解操作任务，安排制作的顺序，做到有条不紊。因此，我们在教学时不能将注意力集中在独立的操作方法上，而忽视整个设计、制作流程的教学。2.任务一：新建和保存网页a.学生活动：学生自学课本或观看微课视频，创建新网页，并保存。（

3分钟）强调：（1）网页保存在新建站点之下。素材子网页网页首页站点超链接（2）每个网站的首页的文件名称都命名为index.html，便于统一。“htm”是网页的扩展名。b.学生分组协作，自主探究，教师巡视指导，纠正错误。强调文件保存的位置在默认的站点根目录下，否则将会影响网页的浏

览。c.教师随机查看学生的操作，检查网页是否准确保存。设计意图：学生自主学习这个任务，主要是文件的创建与保存，于其他应用软件操作相似，不需要再详细讲解。有困难的学生，可以在小组成员的帮助下完成。分组合作，让学生们在自主与同伴互助的学习中体会思考、实践、协作的乐趣。将“保存网页”调整到第一个任务

的目的，是帮助学生养成一个良好的操作习惯，处理数据要分步及时存储，不要等到最后全部做完再保存，以防中途出现故障造成数据丢失，也方便学生随时预览制作的效果。2.任务二：制作文字标题“动物——人类的朋友”a.教师广播教学演示，认识

并学会属性面板中各个选项的设置，帮助学生进行知识的迁移，学会设置其他网页元素的属性。方法一：在编辑窗口中直接输入，在属性面板中进行设置；方法二：在WPS文字中编辑，然后在复制到Dreamweaver中；思考：粘贴与选择性粘贴有区别吗？讲解：粘贴

只复制文本，不复制文本格式；而选择性粘贴可以复制文本的格式。b.学生活动：插入文字，设置属性（字体、字号、颜色、对齐方式等），可以自由选择，还可做其他的设置，要求不固定，只要美观。（4分钟）c.保存文件并按F12键进行浏览。d.作品展示，教师点评。设计意图：学生

第一次接触属性面板，教师在讲解时要对其介绍及使用方法，其他的网页元素的属性设置都需要使用到它。3.任务三：插入水平线，设置属性a.学生自学视频，插入水平线并设置属性（高度和宽度、颜色）（3分钟）b.保存、浏览。c.学生演示，教师指导。4.任务四：

插入图片a.学生自学视频，插入图片并设置属性（高度和宽度、对齐方式）（4分钟）图片：d:\素材\保护珍稀动物\logo1.gifb.教师巡视指导。c.保存、浏览。讨论：为什么要将图片存在站点根文件夹下？当将原图片的位

置发生变化时，网页中的图片能正常显示吗？讲解：如果不存在根文件夹下，站点发布，或原文件迁移时，可能不能正常显示。最好，我们在站点下新建文件夹images专门用来存放图片，便于网站管理和维护。4、任务五：插入文字介绍，并进行文字排版。a.学生自学视频，插入文字并排版（字体、字号、颜色、段落设置等）

（5分钟）文字：d:\素材\保护珍稀动物\保护野生动物文字介绍.docb.教师巡视，指导。c保存、浏览。d.作品展示，学生自评，教师点评。设计意图：本节课的操作任务较多，而教师的演示只能观看一次，学生很容易忘记一些步骤；书上的步骤讲解太多，学生大多不能认真阅读，影响操作，较难完成

任务。任务三、四、五安排学生自学微课视频，可以随时暂停，边看边做，较难的操作可以随时反复的观看，每个学生可以安排自己学习的进度，能帮助学生们准确掌握各个操作的步骤和方法，让每一个学生都能有所获，完成部分或全部的学习任务。而且在后面网页制作中，操作视频还能供学生反复使用

。（二）拓展任务：制作一个我们家乡“美丽扬州”的首页。学有余力的同学可以参考基础任务对应的微视频，直接进行拓展任务，做到举一反三，触类旁通。任务分解与基础任务基本相似。任务一：新建首页；并保存网页名为“index.htm”；任务二：插入文字标题“美丽扬州”

，属性设置（字体：楷体；字号：72像素；颜色：红色；加粗；对齐方式：居中）；任务三：插入图片“logo.png”，属性设置（图片的高度：100；宽度：100；对齐方式：左对齐）；图片：d:\素材\美丽扬州\logo.png任务四：插入水平线，属性设置（高度：5像素；宽度也可设置；颜色：红色）；任务

五：插入一首关于扬州的诗，文字排版(标题字体：黑体；字号：55像素；颜色：蓝色；加粗；正文字体：楷体；字号：48像素；颜色：黑色；对齐方式：居中；）诗：d:\素材\美丽扬州\诗.doc设计意图：学生因个体差异，学习能力和兴趣的不同，他们的操作能力也差别很大。有

的同学完成书本上任务都很困难，而有的同学能力强，书本上的任务根本满足不了他们的好奇心，所以，我安排了两个学习任务（基础任务和拓展任务），让学生自由选择适合自己的任务。任务中相同类型提供多张图片，可以任选，字体的设置可以按照老师的要球，也可以调整，只要制作出的效果满意就行，这样

每个人的作品都具有个性，都是特别的。三、小结反馈：1、教师答疑；2、督促学生填写学习任务自评表，统计任务完成情况；任务数量总人数54321人数（基础任务）人数（拓展任务）四、教学反思：在课堂教学中要体现以学习为中心的教与学的关系，教师起着

“串”的作用。网页制作需要认真学习页面中各个对象的插入及其属性的设置，虽然繁琐但并不很难，我认为教师不要试图去控制学生，不要将他们束缚起来，那样学生会感觉单纯的操作很枯燥、乏味，失去学习的兴趣。我们给他们提供多种学习的方法，给更多的时间让他们自己去思考、设计和分析，属性

的设置只要美观合适就可以，不需要千篇一律。在学生自主学习时，给他们足够的时间和空间，但并不是放散马，放任不管，教师要不停的在他们中间走动，帮助他们解决难题，也避免部分活跃分子不遵守课堂纪律，维持好课堂秩序，才

能提高课堂学习的有效率。在下课前要安排五分钟的时间来统计，让学生自评，再展示部分学生的作品，这让他们在实践中更容易体验成功的快乐，激发学习的热情。