3.2 制作网站——创建网站与制作首页 教学设计苏科版初中信息技术八年级全一册
文档属性
| 名称 | 3.2 制作网站——创建网站与制作首页 教学设计苏科版初中信息技术八年级全一册 |  | |
| 格式 | docx | ||
| 文件大小 | 23.4KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 苏科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2024-03-18 08:25:59 | ||
图片预览
文档简介
第2节 制作网站——创建网站 制作首页
【教学目标】
知识与技能目标
认识Dreamweave软件窗口的基本结构，并与Flash软件进行比较。
理解站点的意义，学会建立、删除站点。
掌握制作简单网页的方法，能够排版、编辑文字与图片。
能够灵活设置网页属性，如背景、背景音乐等。
掌握网页设计中图片、水平线的插入方法及属性设置。
掌握保存网页的方法，了解保存网页与普通文档的异同，进一步理解建立网站的意义。
过程与方法
通过欣赏动物站点和联系实际上网体验，帮助学生理解网站、网页、首页三者之间的关系；通过比较，及图文描述，帮助学生认识Dreamweaver软件；通过具体的任务，使学生在实践中，掌握建立站点的方法理解其意义，然后通过教师讲演，以及学生自学探究的多种方法，引导学生完成首页制作，体会网页制作的一般内容和操作方法，并学会归纳。
情感态度与价值观
（1）通过对比，使学生了解软件学习的一般方法及规律，提高学生学习信息技术的信心；
（2）通过创建网站和设计首页，掌握对象属性的设置方法，初步体验成功的快乐；
（3）通过自主探究，让学生学会学习，体会学习的乐趣；
（4）通过创建“动物——人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的观念。
【教学重点】
站点的建立与删除；设计简单网页的基本方法，如文字、图片的插入与编辑；设置网页属性的一般方法等。
【教学难点】
网页的保存、网页中对象属性的设置。
【教学方法】
任务驱动教学法、讲演式教学法，自主探究教学法。
【课时安排】
2课时
【教学过程】
教学环节 教师活动 学生活动 设计意图
（第1课时）
一、导入 根据网站制作过程：整体规划——>收集资料——>制作——>编辑调试——>网站发布与维护，我们已经完成了前面两个阶段，从今天这节课开始，我们将以“动物——人类的朋友”主题网站为实例，来具体学习如何制作一个网站。 在浏览器中呈现“动物——人类的朋友”网站内容。 明确 欣赏网站成品。 开门见山。
二、新授 准备阶段 【网站、网页、首页的关系？】 提问：我们登录任意一个网站，输入网址，首先看到的页面永远是那一个，想要浏览站点其他页面可以通过超链接进行切换。这个首先看到的页面是……？ 首页——访问网站时看到的第一个页面通常称为这个网站的首页或主页。（文件名一般为index.html或default.html） 网页——一个超文本标识语言（HTML）描述的文档，它包括文本、图像、声音和动画信息。我们通过浏览器在网上所看到的每个画面都是网页。 网站——一般可以理解为按照某个目的规划的多个网页的集合，其外部表现与一个普通的文件夹相似，网页之间彼此链接，访问者能利用超级链接看到每页的内容。 【认识Dreamweaver】 请结合Flash软件窗口组成，比较DW软件，认识DW软件窗口组成？ 2、讲演DW软件特别之处 （详见课本P61页的相关描述） “创建网站”阶段 【任务1】 在D盘根目录下创建一个名为“dongwu”的站点 （提示：请参考课本P62-63实践学习步骤） 注： 1、建立站点的目的：在于方便网页的管理、浏览及发布，便于网站存储位置的移动和网站维护。 2、建议在d:\dongwu站点下新建一个名为images的子文件夹，用于存放后期制作中将要用到的外部素材文件。 3、“管理站点”功能：编辑、复制、删除、导出、导入等，要删除已有站点，有多种方法，如可以运用此管理功能中的“删除”命令。 联系实际上网过程，结合老师呈现的“动物——人类的朋友”站点内容，加以思考、理解和归纳。 结合学案或课本图示，对比Flash软件，自主学习，初步认识新软件，再在老师的介绍下对软件的特别之处作进一步认识。 学生在教师引导下，结合课本步骤，完成此项操作，并加以理解。 理论知识部分，教师引导学生联系上网实践经验，再借助成品网站，帮助学生加以理解。 引导学生，比较学习，更容易认清DW软件的窗口布局和功能特色。 提醒学生在此实践中认真体会网站的概念和作用，以及站点文件夹和普通文件夹的区别。
三、小结 网站、网页、首页的关系 2、Dreamweaver软件窗口 3、建立站点 结合学案文件自己小结。 梳理归纳。
四、探究 问题： 本校机房装有还原卡，下节课我们启动DW软件就看不到今天建立和编辑的站点了，那么该如何解决这个问题呢？ 提示：注意“管理站点”对话框中的“导入”和“导出”命令。 尝试操作、理解，以备后续每节课操作使用。 导出文件建议存放于桌面，与计算机中的应用程序的快捷方式图标类比，帮助学生理解。 这一步虽是探究，但也是有还原功能的机房环境，后续接着编辑制作网站的必要操作。
（第2课时）
一、复习导入 根据“学案.doc ”文件，师生简单回顾上节课知识。 回顾
二、“制作首页”阶段 （首页样图详见“学案.doc”文件） 【操作步骤】（详见课本P63-67） 第1步：启动软件，导入站点（dongwu.ste关联文件），建立空白页，并以“index.html”为文件名保存至D:\dongwu站点目录下 (
（
完整演示视频
）
) 第2步：制作首页标题 第3步：插入水平线 第4步：插入网站标志图 第5步：文字输入与排版 第6步：设置网页背景图片 第7步：添加网页的背景音乐 第8步：插入“Enter”GIF动画和“进入下一页”的文字 第9步：再次保存网页 【自学后的反思与归纳】 网站标志（LOGO）：LOGO将具体的事物、事件和抽象的精神理念通过特殊的图形固定下来，使人们自然产生联想。 网页属性、水平线属性、图片属性的设置方法。（引入对象不同，属性也不同，所以属性设置的窗口内容也不同） 文字的编辑与排版： ①在Dreamweaver中文字的段落排版需要通过CSS样式或用HTML语言代码来进行，用户可以在“WPS文字”中排版，再利用Dreamweaver“编辑——>选择性粘贴”命令来完成。 ②Dreamweaver中空格的方法：直接使用空格键是不行的，需先切换到全角中文输入法状态，按一次空格键即空一个字符；或者Ctrl+Shift+Space，按一下是空一个字节，要空两个字符的位置就要连击四下。 网页的保存：网站制作过程中，所有的网页都必须保存到该站点文件夹下，且涉及到的所有外部素材，如图片、动画、声音、视频等文件，必须存放到此站点文件夹下，或存放到此站点文件夹下的某个特定的子文件夹中（使用过程中软件也会提示），如：我们可以根据提示，将所有用到的外部图片全部保存至事先建立的“images”子文件夹中，另外，无论是网页还是素材，其文件名最好用英文或汉语拼音命名。 教师讲演后学生模仿完成，并理解。 以下步骤，学生任选课本图文步骤或演示视频，自学完成，并在实践中深入体会和理解。 学生在实践过程中尤其是任务完成后，务必对“自学后的反思与归纳”的几点做进一步地阅读和理解。 整个首页制作，流程已经相当明晰，主要问题是网站的第一次导入操作，以及文字的编辑，图片等外部素材的保存……一系列普通网页的基本操作方法。 可以说完成了整个首页的制作，也就对普通网页的基本制作方法大致掌握了。 在此过程中，教师要注意放手，尽量给学生自己动手探究操作的时间和空间，在恰当的时候，适时地进行要点的提示、归纳即可，且切忌面面俱到，有些注意点，只要学生实践过，自然就了然了，无需再强调。
三、本课小结 1、导入站点 2、制作首页 根据学案小结。 归纳梳理。
教学后记
【教学目标】
知识与技能目标
认识Dreamweave软件窗口的基本结构，并与Flash软件进行比较。
理解站点的意义，学会建立、删除站点。
掌握制作简单网页的方法，能够排版、编辑文字与图片。
能够灵活设置网页属性，如背景、背景音乐等。
掌握网页设计中图片、水平线的插入方法及属性设置。
掌握保存网页的方法，了解保存网页与普通文档的异同，进一步理解建立网站的意义。
过程与方法
通过欣赏动物站点和联系实际上网体验，帮助学生理解网站、网页、首页三者之间的关系；通过比较，及图文描述，帮助学生认识Dreamweaver软件；通过具体的任务，使学生在实践中，掌握建立站点的方法理解其意义，然后通过教师讲演，以及学生自学探究的多种方法，引导学生完成首页制作，体会网页制作的一般内容和操作方法，并学会归纳。
情感态度与价值观
（1）通过对比，使学生了解软件学习的一般方法及规律，提高学生学习信息技术的信心；
（2）通过创建网站和设计首页，掌握对象属性的设置方法，初步体验成功的快乐；
（3）通过自主探究，让学生学会学习，体会学习的乐趣；
（4）通过创建“动物——人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的观念。
【教学重点】
站点的建立与删除；设计简单网页的基本方法，如文字、图片的插入与编辑；设置网页属性的一般方法等。
【教学难点】
网页的保存、网页中对象属性的设置。
【教学方法】
任务驱动教学法、讲演式教学法，自主探究教学法。
【课时安排】
2课时
【教学过程】
教学环节 教师活动 学生活动 设计意图
（第1课时）
一、导入 根据网站制作过程：整体规划——>收集资料——>制作——>编辑调试——>网站发布与维护，我们已经完成了前面两个阶段，从今天这节课开始，我们将以“动物——人类的朋友”主题网站为实例，来具体学习如何制作一个网站。 在浏览器中呈现“动物——人类的朋友”网站内容。 明确 欣赏网站成品。 开门见山。
二、新授 准备阶段 【网站、网页、首页的关系？】 提问：我们登录任意一个网站，输入网址，首先看到的页面永远是那一个，想要浏览站点其他页面可以通过超链接进行切换。这个首先看到的页面是……？ 首页——访问网站时看到的第一个页面通常称为这个网站的首页或主页。（文件名一般为index.html或default.html） 网页——一个超文本标识语言（HTML）描述的文档，它包括文本、图像、声音和动画信息。我们通过浏览器在网上所看到的每个画面都是网页。 网站——一般可以理解为按照某个目的规划的多个网页的集合，其外部表现与一个普通的文件夹相似，网页之间彼此链接，访问者能利用超级链接看到每页的内容。 【认识Dreamweaver】 请结合Flash软件窗口组成，比较DW软件，认识DW软件窗口组成？ 2、讲演DW软件特别之处 （详见课本P61页的相关描述） “创建网站”阶段 【任务1】 在D盘根目录下创建一个名为“dongwu”的站点 （提示：请参考课本P62-63实践学习步骤） 注： 1、建立站点的目的：在于方便网页的管理、浏览及发布，便于网站存储位置的移动和网站维护。 2、建议在d:\dongwu站点下新建一个名为images的子文件夹，用于存放后期制作中将要用到的外部素材文件。 3、“管理站点”功能：编辑、复制、删除、导出、导入等，要删除已有站点，有多种方法，如可以运用此管理功能中的“删除”命令。 联系实际上网过程，结合老师呈现的“动物——人类的朋友”站点内容，加以思考、理解和归纳。 结合学案或课本图示，对比Flash软件，自主学习，初步认识新软件，再在老师的介绍下对软件的特别之处作进一步认识。 学生在教师引导下，结合课本步骤，完成此项操作，并加以理解。 理论知识部分，教师引导学生联系上网实践经验，再借助成品网站，帮助学生加以理解。 引导学生，比较学习，更容易认清DW软件的窗口布局和功能特色。 提醒学生在此实践中认真体会网站的概念和作用，以及站点文件夹和普通文件夹的区别。
三、小结 网站、网页、首页的关系 2、Dreamweaver软件窗口 3、建立站点 结合学案文件自己小结。 梳理归纳。
四、探究 问题： 本校机房装有还原卡，下节课我们启动DW软件就看不到今天建立和编辑的站点了，那么该如何解决这个问题呢？ 提示：注意“管理站点”对话框中的“导入”和“导出”命令。 尝试操作、理解，以备后续每节课操作使用。 导出文件建议存放于桌面，与计算机中的应用程序的快捷方式图标类比，帮助学生理解。 这一步虽是探究，但也是有还原功能的机房环境，后续接着编辑制作网站的必要操作。
（第2课时）
一、复习导入 根据“学案.doc ”文件，师生简单回顾上节课知识。 回顾
二、“制作首页”阶段 （首页样图详见“学案.doc”文件） 【操作步骤】（详见课本P63-67） 第1步：启动软件，导入站点（dongwu.ste关联文件），建立空白页，并以“index.html”为文件名保存至D:\dongwu站点目录下 (
（
完整演示视频
）
) 第2步：制作首页标题 第3步：插入水平线 第4步：插入网站标志图 第5步：文字输入与排版 第6步：设置网页背景图片 第7步：添加网页的背景音乐 第8步：插入“Enter”GIF动画和“进入下一页”的文字 第9步：再次保存网页 【自学后的反思与归纳】 网站标志（LOGO）：LOGO将具体的事物、事件和抽象的精神理念通过特殊的图形固定下来，使人们自然产生联想。 网页属性、水平线属性、图片属性的设置方法。（引入对象不同，属性也不同，所以属性设置的窗口内容也不同） 文字的编辑与排版： ①在Dreamweaver中文字的段落排版需要通过CSS样式或用HTML语言代码来进行，用户可以在“WPS文字”中排版，再利用Dreamweaver“编辑——>选择性粘贴”命令来完成。 ②Dreamweaver中空格的方法：直接使用空格键是不行的，需先切换到全角中文输入法状态，按一次空格键即空一个字符；或者Ctrl+Shift+Space，按一下是空一个字节，要空两个字符的位置就要连击四下。 网页的保存：网站制作过程中，所有的网页都必须保存到该站点文件夹下，且涉及到的所有外部素材，如图片、动画、声音、视频等文件，必须存放到此站点文件夹下，或存放到此站点文件夹下的某个特定的子文件夹中（使用过程中软件也会提示），如：我们可以根据提示，将所有用到的外部图片全部保存至事先建立的“images”子文件夹中，另外，无论是网页还是素材，其文件名最好用英文或汉语拼音命名。 教师讲演后学生模仿完成，并理解。 以下步骤，学生任选课本图文步骤或演示视频，自学完成，并在实践中深入体会和理解。 学生在实践过程中尤其是任务完成后，务必对“自学后的反思与归纳”的几点做进一步地阅读和理解。 整个首页制作，流程已经相当明晰，主要问题是网站的第一次导入操作，以及文字的编辑，图片等外部素材的保存……一系列普通网页的基本操作方法。 可以说完成了整个首页的制作，也就对普通网页的基本制作方法大致掌握了。 在此过程中，教师要注意放手，尽量给学生自己动手探究操作的时间和空间，在恰当的时候，适时地进行要点的提示、归纳即可，且切忌面面俱到，有些注意点，只要学生实践过，自然就了然了，无需再强调。
三、本课小结 1、导入站点 2、制作首页 根据学案小结。 归纳梳理。
教学后记