02站点创建与首页制作》参考教案.docx

学而优教有方

PAGEPage3/NUMPAGESPages3

站点创建与首页制作

一、教材分析

本课是第3章第2节第3课时，主要学习内容是站点的创建和首页的制作。本课内容重在让学生初步认识并建立站点，制作首页，掌握网页中文字、图片等插入与编辑，为后续网页布局做铺垫。

二、学情分析

通过前期的学习，学生已经能熟练操作办公软件，学生也有网站浏览的经历，并经历了网站的规划，以及iH5网页的制作，能将办公软件中的操作技能迁移到本课的学习中来。

三、教学目标

1.知识与技能

（1）认识Dreamweaver软件窗口结构，比较与其他软件窗口的相同与不同。

（2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。

（3）掌握简单网页新建的方法，能够在网页中插入并排版文字，掌握图片、水平线插入方法及属性设置方法，此外，还要能够灵活应用网页属性对话框，设置网页属性：背景、背景音乐等。

（4）掌握网页保存方法，了解网页保存与普通文档保存有什么不同。

2.过程与方法

（1）通过对比教学，学生了解和掌握软件学习及应用的基本方法和规律，达到举一反三之功效。

（2）通过动手设计网站的实践活动，学生建立了对象属性设置的思维方法和操作方法，为今后学习其他软件奠定了基础。

3.情感、态度与价值观

（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生学习信息技术的信心。

（2）通过网站创建和首页设计，掌握对象属性的设置方法，初步体验成功的快乐。

（3）通过创建“动物——人类的朋友”网站，学生树立人与动物和谐相处，珍爱、善待和保护动物的新理念。

四、教学重点与难点

1.重点

（1）认识Dreamweaver8窗体结构及主要菜单功能。

（2）掌握建立网站、删除网站的基本方法，网站的管理作用。

（3）掌握简单网页设计的基本方法：文字、图片以及水平线的插入与编辑。

（4）掌握网页属性设置的一般方法。

2.难点

（1）站点的作用和存储路径。

（2）网页的保存。

五、教学方法

对比教学法、探究学习法、模仿学习法。

六、教学准备

相关素材整理归类，按要求摆放。

七、教学过程

（一）引入

1.教师活动

以学生一进机房就上网、浏览网页为切入口，提问：同学们非常喜欢上网，大家一般都上（或者知道）哪些网站呢？以此提问网站、网页和首页。

喜欢上网浏览别人制作精美的网站、获取丰富的信息，是否想过自己制作网站供别人去浏览呢？

如今网页制作的软件有很多，如：Dreamweaver、FrontPage、东方网页王等。今天我们就来学习如何使用Dreamweaver来制作网页。

2.学生活动

思考回答问题，明白以下几点：（1）网站包含多个网页，通过超链接把不同的页面链接起来；（2）网站的第一个页面称为主页，主页的文件名一般为：index.htm或者default.htm,主页也是网页。

3.设计意图

由学生已有知识入手，自然过渡，激发兴趣，活跃气氛。

（二）新授

1.Dreamweaver启动与窗口的组成

（1）教师活动

类比其他软件，如：Flash，比较有什么不同。①编辑区位置，属性面板位置，右侧浮动面板的打开与关闭；②编辑区的3种工作模式：即设计、拆分、代码。

（2）学生活动

打开软件，仔细观察，类比学习，同时翻看课本，做新知识了解；明确教师要求后，阅读课本，开展对照着课本的自学操作；同学间交流自学后操作情况，可安排学生演示操作。

（3）设计意图

软件学习的方法传授——类比法、知识迁移。

2.站点的建立

（1）教师活动

由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，故网站建设初期就要做好管理的准备，我们以站点的形式来管理网站内部文件。

任务1：在D盘下建立一个站点，站点名称：自己学号加姓名。

指导学生如何对照书本学习（限时）；学生操作期间教师巡视课堂，做个别辅导；针对学生中普遍存在的问题，教师可做详细讲解；对学生自学后完成情况做一简单评价（如：学生举手反馈完成与否）与总结；深入一问：站点内文件颇多，有图片，有FLASH动画，有声音等，为了对它们进行有效的分类管理，我们该怎样做？

（2）学生活动

构思自己网站首页中各对象的布局，可跳出书本中各对象的具体摆放要求，但要求出现元素不得缺少。

（3）设计意图

鼓励学生创新，但注意创新是在完成基本任务的前提下；软件学习的方法传授——类比法、知识迁移。为了便于突破难点，本部分内容也要酌情考虑教师讲解。

3.设计首页

（1）教师活动

引导学生分析一般首页组成情况，提出课堂制作要求。

任务2：新建首页，要求首页中有如下对象：

①网站的标题与图片徽标；②网站的宗旨（文字介绍）；③水平线（起分隔作用）；④链接到下一页的标记（可为文字，也可为图片），以上内容依旧可以类比WORD中