第四单元活动一 设计校园网站 第一课时 教案
文档属性
| 名称 | 第四单元活动一 设计校园网站 第一课时 教案 |  | |
| 格式 | doc | ||
| 文件大小 | 400.7KB | ||
| 资源类型 | 试卷 | ||
| 版本资源 | 沪科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2024-05-28 10:24:22 | ||
图片预览
文档简介
中小学教育资源及组卷应用平台
第四单元 展示精彩的校园生活
——网站的设计与制作
活动 1 设计校园网站
一、活动概述
设计网站，首先要对网站制定比较全面的、长远的发展计划，此计划不仅要涵盖网站整体结构还要包括网站具体内容。网站的内容要根据网站主题、建设的目的，分析浏览者的需求，再对内容进行有针对性地收集与处理。规划整体结构时不仅要对内容进行清晰的分类，版面布局、图文排版、标志设计等皆须思考，一一应对。
二、核心素养目标：
1.信息意识
（1）能够设计出符合主题的网站风格。
（2）能够根据既定的网站风格设计不同网页版面。
（3）熟悉 Frontpage 软件的操作界面。
2.计算思维、数字化学习与创新
（1）通过对网页制作软件的学习，掌握网站建设的方法、步骤和技能，提高信息发布能力。
（2）通过“精彩的校园生活”活动，提高运用信息技术解决生活学习问题的能力，培养良好的团队合作意识。
3.信息社会责任
在确定网页主题时，养成积极向上、健康成长的思想意识，促进正确人生观和价值观的建立。
三、课时建议
2 课时。
四、教材分析
活动 1 的任务是规划网站。本活动围绕规划网站，设计了以下三个部分的内容：
第一部分是认识网站信息的组织方式。信息组织是指采用一定的方式，将某一方面大量的、分散的、杂乱的信息经过加工、整理、提炼、优化后形成一个便于有效利用的过程。教材设计的“说说做做”，让学生通过体验网站的使用过程，认识到学校网站多采用树形结构。最后，要求学生调查了解其他互联网信息的组织方式。
第二部分是规划网站。教材将这一部分的教学设计分为两个环节，分别是规划网站主体和整体结构和规划各网页的版面。前者让学生围绕网站的主题和名称进行小组讨论交流，确定网站的主题，并拟定网站的名称。让学生围绕自己拟定的主题，确定网站需要分成的板块，以及每个板块中准备展示的内容。
第三部分是了解网站制作工具。教材将 Frontpage 与 Word 进行类比。将 word中的一些工具的使用方法迁移到网页制作上，实现了知识的迁移。
五、教学重点
围绕主题确定网站风格，并设计各网页的版面。
六、教学难点
围绕主题设计出一种网站风格，并贯彻至所有网页的版面设计中。
七、教学方法：讲解、讨论、任务驱动
八、教学准备：机房，相关案例
第一课时 认识网站信息的组织方式
教学过程：
教学环节 教学内容 教师活动 学生活动 设计意图
激情导入 新课引入 设计一个网站如同规划一幢宏伟的建筑-一样，首先要对网站制定比较全面的设计方案，不仅要涵盖网站呈现的内容，而且要包括网站的整体结构。我们将起了解网站信息的组织方式，设计规划校园网站，收集相关的网站素材。 让学生想一想日常生活中网络的网站的整体结构。 引入设计规划校园网站
新课教学 一、认识网站信息的组织方式 探索学校的网站时，发现学校的主页导航条上呈现的信息有“学校概况”“近期新闻”“教育教学”等，这些都是学校的网站向访问者传递的信息。这些信息还可以细分，以“学校概况”为例，它细分为“学校简介”“办学成果”等内容。因此，网站在呈现有明显结构的内容信息时，往往会采用树形结构。树形网站结构，主页指向对应的-级子页，--级子页指向二级子页，二级子页指向三级子页。树形结构、星形结构和混合型结构树形结构是一种常见的网站结构，它在组织网站信息上的优点在于可以使网站信息分类清晰，缺点在于浏览效率较低，如果访问者想从一个子页转到另一个子页，必须先返回主页。星形结构是指在网站的每个页面上都设置一个共同的超链接，所有的页面都可以通过该链接保持联系，这个超链接就是所有页面的入口。它的优点是浏览方便，访问者随时可以切换到自己想看的页面；缺点是链接太多，访问者容易迷失方向。混合型结构结合了上面两种结构的优点，在实际的网站设计中应用较多。采用这种结构，访问者浏览时既可以方便地到达自己需要的页面，又能清楚地知道自己所处的位置。最常用的混合型结构是：主页和一级子页之间采用星形结构链接，一级和二级子页、二级和三级子页之间采用树形结构链接。 引导学生根据“说说做做”的操作过程进行实践，探究网站的组织结构。 此外，教师也可以带领学生使用浏览器打开学校网站，从主页出发逐一打开网站 中的各个栏目，记录网站中的主要栏目层次，并用箭头标明它们之间的链接关系。 通过实际操作，教师可以引导学生讨论学校网站的一般组织形式。 网站受众不同，网站的组织形式也不同，可根据实际内容结构组织网站的结构。其次，网站是互联网组织信息的方式之一，可以要求学生通过调查，了解其他互联网信息的组织方式。 信息组织是指采用一定的方式，将某 一方面大量的、分散的、杂乱的信息经过加工、整理、提炼、优化后形成一个便 于有效利用的过程。通过体验网站的使用过程， 认识到学校网站多采用树形结构。调查了解其他互联网信息的组 织方式。
活动解析 （1）P77“说说做做”。 教师引导学生登录某大学的网站，记录网站的主要的栏目层次。 （2）P79“说说做做”。 ①教师带领学生通过网站实例，了解其他的互联网信息的组织方式。 ②略。 让学生自由开展讨论“说说做做”、“数字化学习”自动学习。 让学生展开自主探索和相互交流提供空间。
小结 认识网站信息的组织方式。信息组织是指采用一定的方式，将某一方面大量的、分散的、杂乱的信息经过加工、整理、提炼、优化后形成一个便于有效利用的过程。通过体验网站的使用过程，认识到学校网站多采用树形结构。了解其他互联网信息的组织方式。 让学生同教师一道回忆本堂课所学知识要点 回顾本活动要点
作业 常见的网站结构包括（树形结构）、（星形结构）和（混合型结构）。确定网站的结构，最后通过（超链接）连接起所有的网页。
板书设计：
第一课时 认识网站信息的组织方式
一、认识网站信息的组织方式
二、树形结构、星形结构和混合型结构
三、活动解析
四、小结
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://21世纪教育网(www.21cnjy.com)
" 21世纪教育网(www.21cnjy.com)
第四单元 展示精彩的校园生活
——网站的设计与制作
活动 1 设计校园网站
一、活动概述
设计网站，首先要对网站制定比较全面的、长远的发展计划，此计划不仅要涵盖网站整体结构还要包括网站具体内容。网站的内容要根据网站主题、建设的目的，分析浏览者的需求，再对内容进行有针对性地收集与处理。规划整体结构时不仅要对内容进行清晰的分类，版面布局、图文排版、标志设计等皆须思考，一一应对。
二、核心素养目标：
1.信息意识
（1）能够设计出符合主题的网站风格。
（2）能够根据既定的网站风格设计不同网页版面。
（3）熟悉 Frontpage 软件的操作界面。
2.计算思维、数字化学习与创新
（1）通过对网页制作软件的学习，掌握网站建设的方法、步骤和技能，提高信息发布能力。
（2）通过“精彩的校园生活”活动，提高运用信息技术解决生活学习问题的能力，培养良好的团队合作意识。
3.信息社会责任
在确定网页主题时，养成积极向上、健康成长的思想意识，促进正确人生观和价值观的建立。
三、课时建议
2 课时。
四、教材分析
活动 1 的任务是规划网站。本活动围绕规划网站，设计了以下三个部分的内容：
第一部分是认识网站信息的组织方式。信息组织是指采用一定的方式，将某一方面大量的、分散的、杂乱的信息经过加工、整理、提炼、优化后形成一个便于有效利用的过程。教材设计的“说说做做”，让学生通过体验网站的使用过程，认识到学校网站多采用树形结构。最后，要求学生调查了解其他互联网信息的组织方式。
第二部分是规划网站。教材将这一部分的教学设计分为两个环节，分别是规划网站主体和整体结构和规划各网页的版面。前者让学生围绕网站的主题和名称进行小组讨论交流，确定网站的主题，并拟定网站的名称。让学生围绕自己拟定的主题，确定网站需要分成的板块，以及每个板块中准备展示的内容。
第三部分是了解网站制作工具。教材将 Frontpage 与 Word 进行类比。将 word中的一些工具的使用方法迁移到网页制作上，实现了知识的迁移。
五、教学重点
围绕主题确定网站风格，并设计各网页的版面。
六、教学难点
围绕主题设计出一种网站风格，并贯彻至所有网页的版面设计中。
七、教学方法：讲解、讨论、任务驱动
八、教学准备：机房，相关案例
第一课时 认识网站信息的组织方式
教学过程：
教学环节 教学内容 教师活动 学生活动 设计意图
激情导入 新课引入 设计一个网站如同规划一幢宏伟的建筑-一样，首先要对网站制定比较全面的设计方案，不仅要涵盖网站呈现的内容，而且要包括网站的整体结构。我们将起了解网站信息的组织方式，设计规划校园网站，收集相关的网站素材。 让学生想一想日常生活中网络的网站的整体结构。 引入设计规划校园网站
新课教学 一、认识网站信息的组织方式 探索学校的网站时，发现学校的主页导航条上呈现的信息有“学校概况”“近期新闻”“教育教学”等，这些都是学校的网站向访问者传递的信息。这些信息还可以细分，以“学校概况”为例，它细分为“学校简介”“办学成果”等内容。因此，网站在呈现有明显结构的内容信息时，往往会采用树形结构。树形网站结构，主页指向对应的-级子页，--级子页指向二级子页，二级子页指向三级子页。树形结构、星形结构和混合型结构树形结构是一种常见的网站结构，它在组织网站信息上的优点在于可以使网站信息分类清晰，缺点在于浏览效率较低，如果访问者想从一个子页转到另一个子页，必须先返回主页。星形结构是指在网站的每个页面上都设置一个共同的超链接，所有的页面都可以通过该链接保持联系，这个超链接就是所有页面的入口。它的优点是浏览方便，访问者随时可以切换到自己想看的页面；缺点是链接太多，访问者容易迷失方向。混合型结构结合了上面两种结构的优点，在实际的网站设计中应用较多。采用这种结构，访问者浏览时既可以方便地到达自己需要的页面，又能清楚地知道自己所处的位置。最常用的混合型结构是：主页和一级子页之间采用星形结构链接，一级和二级子页、二级和三级子页之间采用树形结构链接。 引导学生根据“说说做做”的操作过程进行实践，探究网站的组织结构。 此外，教师也可以带领学生使用浏览器打开学校网站，从主页出发逐一打开网站 中的各个栏目，记录网站中的主要栏目层次，并用箭头标明它们之间的链接关系。 通过实际操作，教师可以引导学生讨论学校网站的一般组织形式。 网站受众不同，网站的组织形式也不同，可根据实际内容结构组织网站的结构。其次，网站是互联网组织信息的方式之一，可以要求学生通过调查，了解其他互联网信息的组织方式。 信息组织是指采用一定的方式，将某 一方面大量的、分散的、杂乱的信息经过加工、整理、提炼、优化后形成一个便 于有效利用的过程。通过体验网站的使用过程， 认识到学校网站多采用树形结构。调查了解其他互联网信息的组 织方式。
活动解析 （1）P77“说说做做”。 教师引导学生登录某大学的网站，记录网站的主要的栏目层次。 （2）P79“说说做做”。 ①教师带领学生通过网站实例，了解其他的互联网信息的组织方式。 ②略。 让学生自由开展讨论“说说做做”、“数字化学习”自动学习。 让学生展开自主探索和相互交流提供空间。
小结 认识网站信息的组织方式。信息组织是指采用一定的方式，将某一方面大量的、分散的、杂乱的信息经过加工、整理、提炼、优化后形成一个便于有效利用的过程。通过体验网站的使用过程，认识到学校网站多采用树形结构。了解其他互联网信息的组织方式。 让学生同教师一道回忆本堂课所学知识要点 回顾本活动要点
作业 常见的网站结构包括（树形结构）、（星形结构）和（混合型结构）。确定网站的结构，最后通过（超链接）连接起所有的网页。
板书设计：
第一课时 认识网站信息的组织方式
一、认识网站信息的组织方式
二、树形结构、星形结构和混合型结构
三、活动解析
四、小结
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://21世纪教育网(www.21cnjy.com)
" 21世纪教育网(www.21cnjy.com)