第3章 03站点创建与首页制作（教学设计）-初中信息技术八年级同步教学设计+视频+图片（苏科版2018）

站点创建与首页制作 课题：站点创建与首页制作（第3章 第2节 第3课时） 一、教材分析 本课是第3章第2节第3课时，主要学习内容是站点的创建和首页的制作。本课内容重在让学生初步认识并建立站点，制作首页，掌握网页中文字、图片等插入与编辑，为后续网页布局做铺垫。 二、学情分析 通过前期的学习，学生已经能熟练操作办公软件，学生也有网站浏览的经历，并经历了网站的规划，以及iH5网页的制作，能将办公软件中的操作技能迁移到本课的学习中来。 三、教学目标 1. 知识与技能 （1）认识Dreamweaver软件窗口结构，比较与其他软件窗口的相同与不同。 （2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。 （3）掌握简单网页新建的方法，能够在网页中插入并排版文字，掌握图片、水平线插入方法及属性设置方法，此外，还要能够灵活应用网页属性对话框，设置网页属性：背景、背景音乐等。 （4）掌握网页保存方法，了解网页保存与普通文档保存有什么不同。 2. 过程与方法 （1）通过对比教学，学生了解和掌握软件学习及应用的基本方法和规律，达到举一反三之功效。 （2）通过动手设计网站的实践活动，学生建立了对象属性设置的思维方法和操作方法，为今后学习其他软件奠定了基础。 3. 情感、态度与价值观 （1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生学习信息技术的信心。 （2）通过网站创建和首页设计，掌握对象属性的设置方法，初步体验成功的快乐。 （3）通过创建“动物——人类的朋友”网站，学生树立人与动物和谐相处，珍爱、善待和保护动物的新理念。 四、教学重点与难点 1. 重点 （1）认识Dreamweaver 8窗体结构及主要菜单功能。 （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中对象的插入方法来进行。 4.