3.2 制作网站——创建网站与制作首页 教学设计 2023—2024学年苏科版（2018）初中信息技术八年级全一册

第2节 制作网站——创建网站 制作首页 【教学目标】 1． 知识与技能目标 （1） 认识Dreamweave软件窗口的基本结构，并与Flash软件进行比较。 （2） 理解站点的意义，学会建立、删除站点。 （3） 掌握制作简单网页的方法，能够排版、编辑文字与图片。 （4） 能够灵活设置网页属性，如背景、背景音乐等。 （5） 掌握网页设计中图片、水平线的插入方法及属性设置。 （6） 掌握保存网页的方法，了解保存网页与普通文档的异同，进一步理解建立网站的意义。 2． 过程与方法 通过欣赏动物站点和联系实际上网体验，帮助学生理解网站、网页、首页三者之间的关系；通过比较，及图文描述，帮助学生认识Dreamweaver软件；通过具体的任务，使学生在实践中，掌握建立站点的方法理解其意义，然后通过教师讲演，以及学生自学探究的多种方法，引导学生完成首页制作，体会网页制作的一般内容和操作方法，并学会归纳。 3． 情感态度与价值观 （1）通过对比，使学生了解软件学习的一般方法及规律，提高学生学习信息技术的信心； （2）通过创建网站和设计首页，掌握对象属性的设置方法，初步体验成功的快乐； （3）通过自主探究，让学生学会学习，体会学习的乐趣； （4）通过创建“动物——人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的观念。 【教学重点】 站点的建立与删除；设计简单网页的基本方法，如文字、图片的插入与编辑；设置网页属性的一般方法等。 【教学难点】 网页的保存、网页中对象属性的设置。 【教学方法】 任务驱动教学法、讲演式教学法，自主探究教学法。 【课时安排】 2课时 【教学过程】 教学环节 教师活动 学生活动 设计意图 （第1课时） 一、导入 根据网站制作过程：整体规划——>收集资料——>制作——>编辑调试——>网站发布与维护，我们已经完成了前面两个阶段，从今天这节课开始，我们将以“动物——人类的朋友”主题网站为实例，来具体学习如何制作一个网站。 在浏览器中呈现“动物——人类的朋友”网站内容。 明确 欣赏网站成品。 开门见山。 二、新授 （1） 准备阶段 【网站、网页、首页的关系？】 提问：我们登录任意一个网站，输入网址，首先看到的页面永远是那一个，想要浏览站点其他页面可以通过超链接进行切换。这个首先看到的页面是……？ 首页——访问网站时看到的第一个页面通常称为这个网站的首页或主页。（文件名一般为index.html或default.html） 网页——一个超文本标识语言（HTML）描述的文档，它包括文本、图像、声音和动画信息。我们通过浏览器在网上所看到的每个画面都是网页。 网站——一般可以理解为按照某个目的规划的多个网页的集合，其外部表现与一个普通的文件夹相似，网页之间彼此链接，访问者能利用超级链接看到每页的内容。 【认识Dreamweaver】 1、 请结合Flash软件窗口组成，比较DW软件，认识DW软件窗口组成？ 2、讲演DW软件特别之处 （详见课本P61页的相关描述） （2） “创建网站”阶段 【任务1】 在D盘根目录下创建一个名为“dongwu”的站点 （提示：请参考课本P62-63实践学习步骤） 注： 1、建立站点的目的：在于方便网页的管理、浏览及发布，便于网站存储位置的移动和网站维护。 2、建议在d:\dongwu站点下新建一个名为images的子文件夹，用于存放后期制作中将要用到的外部素材文件。 3、“管理站点”功能：编辑、复制、删除、导出、导入等，要删除已有站点，有多种方法，如可以运用此管理功能中的“删除”命令。 联系实际上网过程，结合老师呈现的“动物——人类的朋友”站点内容，加以思考、理解和归纳。 结合学案或课本图示，对比Flash软件，自主学习，初步认识新软件，再在老师的介绍下对软件的特别之处作进一步认识。 学生在教师引导下，结合课本步骤，完成此项操作，并加以理解。 理论知识部分，教师引导学生联系上网实践经验，再借助成品网站，帮助学生加以理解。 引导学生，比较学习，更容易认清DW软件的窗口布局和功能特色。 提醒学生在此实践中认真体会网站的概念和作用，以及站点文件夹和普通文件夹的区别。 三、小结 1、 网站、网页、首页的关系 2、Dreamweaver软件窗口 3、建立站点 结合学案文件自己小结。 梳理归纳。 四、探究 问题： 本校机房装有还原卡，下节课我们启动DW软件就看不到今天建立和编辑的站点了，那么该如何解决这个问题呢？ 提示：注意“管理站点”对话框中的“导入”和“导出”命令。 尝试操作、理解，以备后续每节课操作使用。 导出文件建议存放于桌面，与计算机中的应用程序的快捷方式图标类比，帮助学生理解。 这一步虽是探究，但也是有还原功能的机房环境，后续接着