第四单元活动二 制作校园网站 第二课时 教案
文档属性
| 名称 | 第四单元活动二 制作校园网站 第二课时 教案 |  | |
| 格式 | doc | ||
| 文件大小 | 404.4KB | ||
| 资源类型 | 试卷 | ||
| 版本资源 | 沪科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2024-05-28 10:24:22 | ||
图片预览
文档简介
中小学教育资源及组卷应用平台
第二课时 制作网页并用超链接组织网页及测试修改和评价网站
教学过程：
教学环节 教学内容 教师活动 学生活动 设计意图
激情导入 新课引入 制作网页时，根据之前设计的网页布局草图，用表格对网页进行布局，然后插人文字、图片等元素，创建网页间的超链接。 想一想要怎样制作网页过程 制作网页并用超链接组织网页
新课教学 二、制作网页并用超链接组织网页 1.制作网页（1）布局网页根据网页的设计草图，用表格对网页进行布局。以布局网站主页为例，了解用表格对网页进行布局的过程。①双击打开index.htm文件，选择“表格”一“插人表格”一“表格”。根据设计草图，设置表格的行数为8，宽度为800像素，对齐方式为“居中”，边框粗细为“0”。②根据设计草图，对单元格进行合并。选中需要合并单元格，右键选择“合并单元格”。用鼠标调整每一一个单元格的高度，或者选中单元格，右键选择“单元格属性"，设置单元格的高度。③美化布局表格。根据布局设计，为单元格插入背景图片、设置颜色等。单击需要添加背景图片的单元格，右键选择“单元格属性”，设置单元格的背景图片。同样的方式，选中单元格，右键选择“单元格属性”，设置单元格颜色。布局完成的主页。（2）插人网页元素可以向网页中插入的元素有很多，例如文本、图片、水平线等。这里以文本、图片和水平线为例，了解插人网页元素的步骤。①插人文本。对于普通文本，可以直接在布局表格的相应单元格中输入文字或将事先准备好的文本粘贴人单元格中。数对普通文本的属性进行操作时，可以选中需要设置的文本，在工具栏中对文本的字体、颜色、大小、粗细等进行设置。设置段落时，可以选中段落，从菜单栏中选择“格式”-“段落”，设置段落的对齐方式、缩进方式、行距等。②插人图片。插入的图片分为艺术字和一般图片。艺术字也是一种图片。文施普干以插入艺术字时，单击需要插人艺术字的单元格，在菜单栏中选择“插入”.-“图片”一“艺术字”，在弹出的的“艺术字库”对话框中选择一种“艺术字”样式，并在弹出的“编辑‘艺术字'文字”用同样的方式，在网页中插入图片，然后利用鼠标调整图片到合适的大小。对话框中输入文字。建立网页间的超链接利用超链接可以将制作完成的各个网页组织起来。超链接的对象可以是文字、图片等网页元素，超链接的目标可以是网页，也可以是网页上的某一元素。以在主页上建立超链接为例。选择--张图片作为超链接的对象，右键选择“超链接属性”选项。（在弹出的“编辑超链接”对话框中选择链接目标，单击“目标框架”，选择“新建窗口”，让链接目标在新的页面中打开。 （3）链接建立后，将主页切换至“预览"模式，单击设置的超链接，查看设置的超链接效果。 让学生通过实际操作掌握 FrontPage 的网页制作操作技能。教师指导学生分小组，每人至少负责一个网页的制作工作，按照前期设计的草图完成网页的制作。超链接的教学可以采用先教后学的方法。教师介绍超链接的区别与使用范围后，学生尝试练习，教师巡视指导学生添加超链接，并指导学生根据设计草图用超链接完成网站层次与导向关系。 制作网页并用超链接组织网页。本部分包括布局网页、插入网页 元素、用超链接将各个网页连接起来 3 个内容，使其符合网站设计草图中的层级 关系和导向关系。
三、测试修改 网站制作完成后，需要对网页仔细检查并运行测试，避免出现错误或问题。检查的内容包括页面的内容显示是否正确，网页间的超链接是否正确、有效。（1）检查网页内容与显示效果编辑网页时，往往需要录人大量文字，插人一-些图片。制作完成后，要重点检查网页中有无错别字、病句，图片和文字是否与主题相符等，以确保网页内容正确。如果显示有误，特别是图片不能正常显示，须打开FrontPage，查找问题所在，并作修改。（2）测试超链接在发布网站之前还需对网站文件的超链接进行检查和整理，这一步可以找出断掉的链接、错误的代码，以便进行纠正和处理。浏览网站主页，并用鼠标逐单击主页上的各个超链接，检查能否显示链接目标，并检查显示的内容是否正确。确保超链接有效、正确。如果网页不能正常跳转，打开FrontPage，修改网页上的超链接。 学生在发布网站前，组内成员作一次互相检查和测试。教师巡视，指导学生解决测试中发现的问题，如网页在个人计算机中通过测试后，复制到其他组员的计算机中却无法显示（教师介绍绝对路径和相对路径）。 网站制作完成后，需要对网页进行仔细检查并运行测 试，避免出现错误或问题。
四、评价网站 网站制作完成后，可以参考网站的评价标准对自已创建的网站进行评价，然后开展同学间的互评。用欣赏的眼光去看待同学制作的网站，友善地提出自己的建议或意见，并根据网站评价参考标准选出班级内评分最高的网站。 浏览各组的网站，客观地评价其他小组的作品，并交流。在浏览过程中，让学生切身体会到网络的优势和功能，以及共享信息对于交流、讨论的帮助。在评 价过程中，让学生学会互相沟通，客观地评价他人的劳动成果。 用欣赏的眼光去看待同学制作的网站，友善地提出自 己的建议或意见
活动解析 （3）P97“说说做做”。 ①请学生回忆在“表格布局时遇到的问题”，并请学生谈谈自己是如何解决 这些问题的。 ②略。 （4）P101“说说做做”。 略 让学生自由开展讨论“说说做做”、“数字化学习”自动学习。 让学生展开自主探索和相互交流提供空间。
小结 通过实际操作掌握 FrontPage 的网页制作操作技能。按照前期设计的草图完成网页的制作。添加超链接，根据设计草图用超链接完成网站层次与导向关系。解决测试中发现的问题，如网页在个人计算机中通过测试后，复制至其他组员的计算机中却无法显示,介绍绝对路径和相对路径）。 让学生同教师一道回忆本堂课所学知识要点 回顾本活动要点
作业 1、框架页是一种特殊格式的网页，主要由（边框、网页、滚动条）组成。2、FrontPage允许把（JPG、GIF、BMP，DIB，PNG以及WMF）等格式的图片文件插入网页。3、（超链接）本质上是网页的一部分，它将不同的网页链接起来构成一个网站。
板书设计：
第二课时 制作网页并用超链接组织网页及测试修改和评价网站
二、制作网页并用超链接组织网页
1.制作网页
（1）布局网页
（2）插人网页元素
2.建立网页间的超链接
三、测试修改
四、评价网站
活动解析
小结
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://21世纪教育网(www.21cnjy.com)
" 21世纪教育网(www.21cnjy.com)
第二课时 制作网页并用超链接组织网页及测试修改和评价网站
教学过程：
教学环节 教学内容 教师活动 学生活动 设计意图
激情导入 新课引入 制作网页时，根据之前设计的网页布局草图，用表格对网页进行布局，然后插人文字、图片等元素，创建网页间的超链接。 想一想要怎样制作网页过程 制作网页并用超链接组织网页
新课教学 二、制作网页并用超链接组织网页 1.制作网页（1）布局网页根据网页的设计草图，用表格对网页进行布局。以布局网站主页为例，了解用表格对网页进行布局的过程。①双击打开index.htm文件，选择“表格”一“插人表格”一“表格”。根据设计草图，设置表格的行数为8，宽度为800像素，对齐方式为“居中”，边框粗细为“0”。②根据设计草图，对单元格进行合并。选中需要合并单元格，右键选择“合并单元格”。用鼠标调整每一一个单元格的高度，或者选中单元格，右键选择“单元格属性"，设置单元格的高度。③美化布局表格。根据布局设计，为单元格插入背景图片、设置颜色等。单击需要添加背景图片的单元格，右键选择“单元格属性”，设置单元格的背景图片。同样的方式，选中单元格，右键选择“单元格属性”，设置单元格颜色。布局完成的主页。（2）插人网页元素可以向网页中插入的元素有很多，例如文本、图片、水平线等。这里以文本、图片和水平线为例，了解插人网页元素的步骤。①插人文本。对于普通文本，可以直接在布局表格的相应单元格中输入文字或将事先准备好的文本粘贴人单元格中。数对普通文本的属性进行操作时，可以选中需要设置的文本，在工具栏中对文本的字体、颜色、大小、粗细等进行设置。设置段落时，可以选中段落，从菜单栏中选择“格式”-“段落”，设置段落的对齐方式、缩进方式、行距等。②插人图片。插入的图片分为艺术字和一般图片。艺术字也是一种图片。文施普干以插入艺术字时，单击需要插人艺术字的单元格，在菜单栏中选择“插入”.-“图片”一“艺术字”，在弹出的的“艺术字库”对话框中选择一种“艺术字”样式，并在弹出的“编辑‘艺术字'文字”用同样的方式，在网页中插入图片，然后利用鼠标调整图片到合适的大小。对话框中输入文字。建立网页间的超链接利用超链接可以将制作完成的各个网页组织起来。超链接的对象可以是文字、图片等网页元素，超链接的目标可以是网页，也可以是网页上的某一元素。以在主页上建立超链接为例。选择--张图片作为超链接的对象，右键选择“超链接属性”选项。（在弹出的“编辑超链接”对话框中选择链接目标，单击“目标框架”，选择“新建窗口”，让链接目标在新的页面中打开。 （3）链接建立后，将主页切换至“预览"模式，单击设置的超链接，查看设置的超链接效果。 让学生通过实际操作掌握 FrontPage 的网页制作操作技能。教师指导学生分小组，每人至少负责一个网页的制作工作，按照前期设计的草图完成网页的制作。超链接的教学可以采用先教后学的方法。教师介绍超链接的区别与使用范围后，学生尝试练习，教师巡视指导学生添加超链接，并指导学生根据设计草图用超链接完成网站层次与导向关系。 制作网页并用超链接组织网页。本部分包括布局网页、插入网页 元素、用超链接将各个网页连接起来 3 个内容，使其符合网站设计草图中的层级 关系和导向关系。
三、测试修改 网站制作完成后，需要对网页仔细检查并运行测试，避免出现错误或问题。检查的内容包括页面的内容显示是否正确，网页间的超链接是否正确、有效。（1）检查网页内容与显示效果编辑网页时，往往需要录人大量文字，插人一-些图片。制作完成后，要重点检查网页中有无错别字、病句，图片和文字是否与主题相符等，以确保网页内容正确。如果显示有误，特别是图片不能正常显示，须打开FrontPage，查找问题所在，并作修改。（2）测试超链接在发布网站之前还需对网站文件的超链接进行检查和整理，这一步可以找出断掉的链接、错误的代码，以便进行纠正和处理。浏览网站主页，并用鼠标逐单击主页上的各个超链接，检查能否显示链接目标，并检查显示的内容是否正确。确保超链接有效、正确。如果网页不能正常跳转，打开FrontPage，修改网页上的超链接。 学生在发布网站前，组内成员作一次互相检查和测试。教师巡视，指导学生解决测试中发现的问题，如网页在个人计算机中通过测试后，复制到其他组员的计算机中却无法显示（教师介绍绝对路径和相对路径）。 网站制作完成后，需要对网页进行仔细检查并运行测 试，避免出现错误或问题。
四、评价网站 网站制作完成后，可以参考网站的评价标准对自已创建的网站进行评价，然后开展同学间的互评。用欣赏的眼光去看待同学制作的网站，友善地提出自己的建议或意见，并根据网站评价参考标准选出班级内评分最高的网站。 浏览各组的网站，客观地评价其他小组的作品，并交流。在浏览过程中，让学生切身体会到网络的优势和功能，以及共享信息对于交流、讨论的帮助。在评 价过程中，让学生学会互相沟通，客观地评价他人的劳动成果。 用欣赏的眼光去看待同学制作的网站，友善地提出自 己的建议或意见
活动解析 （3）P97“说说做做”。 ①请学生回忆在“表格布局时遇到的问题”，并请学生谈谈自己是如何解决 这些问题的。 ②略。 （4）P101“说说做做”。 略 让学生自由开展讨论“说说做做”、“数字化学习”自动学习。 让学生展开自主探索和相互交流提供空间。
小结 通过实际操作掌握 FrontPage 的网页制作操作技能。按照前期设计的草图完成网页的制作。添加超链接，根据设计草图用超链接完成网站层次与导向关系。解决测试中发现的问题，如网页在个人计算机中通过测试后，复制至其他组员的计算机中却无法显示,介绍绝对路径和相对路径）。 让学生同教师一道回忆本堂课所学知识要点 回顾本活动要点
作业 1、框架页是一种特殊格式的网页，主要由（边框、网页、滚动条）组成。2、FrontPage允许把（JPG、GIF、BMP，DIB，PNG以及WMF）等格式的图片文件插入网页。3、（超链接）本质上是网页的一部分，它将不同的网页链接起来构成一个网站。
板书设计：
第二课时 制作网页并用超链接组织网页及测试修改和评价网站
二、制作网页并用超链接组织网页
1.制作网页
（1）布局网页
（2）插人网页元素
2.建立网页间的超链接
三、测试修改
四、评价网站
活动解析
小结
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://21世纪教育网(www.21cnjy.com)
" 21世纪教育网(www.21cnjy.com)