第一单元 第1课《创建个人网站》 教案【甘教版】信息科技 六年级上册

中小学教育资源及组卷应用平台
第1课《创建个人网站》教学设计
课题 创建个人网站 单元 第一单元 学科 信息科技 年级 六年级上
核心素养目标 信息意识：理解并掌握网站制作准备工作的基本步骤，学会如何识别可靠的素材来源，并懂得尊重他人版权。计算思维：通过规划和设计网站，提高分析问题和分步骤解决问题的能力，掌握应用信息工具实现个人创意的方法。数字化学习与创新：掌握使用数字工具进行创作的方法，提升信息收集和展示的能力，积极进行数字作品创作。信息社会责任：认识制作内容时的网络的责任，确保信息准确无误，同时尊重和保护他人知识产权。
教学重点 让学生理解并掌握网站制作准备工作的基本步骤，包括确定主题、规划结构、收集和加工素材等。帮助学生学会如何识别和使用可靠的素材，掌握使用Expression Web 4软件进行网页制作，通过数字化手段实现创意表达。
教学难点 帮助学生理解如何将不同的页面和内容有效地链接起来，以确保网站整体逻辑清晰。指导学生在处理和编辑多种格式的素材如何解决技术上的困难，例如图片调整、音频剪辑和视频编辑等操作。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 我想建立一个关于“三角形面积”的网站，怎样设计和制作这个网站呢？首先要规划设计好网站，然后认真学习制作方法。只要积极动脑，就能制作出美观大方的网站。我们一起来努力吧！播放视频《HTML用什么打开》。 小组讨论明确网站的目的，比如展示如何计算三角形面积的方法。观看视频 帮助学生掌握如何为网站选择主题。了解HTML的基础知识。
讲授新课 新知讲解：一、设计网站的步骤确定主题在动手建网站之前，我们要先想清楚三件事：第一，网站的主题是什么？——比如我们要做一个专门讲『三角形的面积』的网站；第二，网页上需要放哪些内容？——这个主题下就要放三角形图形、面积公式和例题；第三，这些内容怎么展示更清楚？——比如图形用动画演示，公式用颜色标注，例题用步骤图解。规划网站结构确定网站主题后，就像盖房子要先画图纸——我们需要规划网站结构，分三步走。搭骨架先列出需要的栏目，比如『知识讲解』『公式推导』『练习题』连关节想清楚栏目之间怎么跳转（比如从公式页能返回目录或进入例题页）填血肉给每个网页分配内容（比如『公式推导』页放动画演示和文字说明）收集和加工素材建网站就像做菜——收集好食材才能开火！我们需要做三件事。找材料 根据网页内容找合适的素材 例子：做三角形面积网站，需要： 三角形图片（不同种类） 公式推导的动画 例题讲解的录音理材料 像整理书包一样分类存放 步骤：①建文件夹（文字/图片/音频）②重命名（例：钝角三角形高图解.jpg）填血肉 简单调整让素材更合适 图片调大小 录音剪杂音 视频加字幕 自己创作：手绘三角形、用平板录讲解视频二、做一做《我的动物小百科》网站1. 定主题“帮助同学认识三种常见宠物：猫咪、小狗、金鱼”2. 画结构首页 猫咪百科 喂养贴士 小狗百科 训练方法 金鱼百科 换水教程3. 选内容栏目内容举例猫咪百科猫咪品种图片、喵喵叫声音频小狗百科握手训练视频、每日散步表格金鱼百科鱼缸布置图解、喂食量动画4.找素材图片类：自己画宠物简笔画，可以用水彩笔绘制或者拍摄家里小动物的照片 。声音类：电话手表或者父母的手机录动物可爱的声音，比如猫咪呼噜声。视频类：加上视频可以让网站更生动，可以请爸爸帮忙拍家里金鱼游泳的短片 ！5.素材简单加工图片加工：自己拍的小狗照片，然后用手机相册里面的「裁剪」功能掉背景杂物，还可以添加文字标注品种。声音加工：电话手表录的猫叫，然后用用手机里面的编辑功能剪掉开头翻书声，并适当调大音量。视频加工：爸爸拍的金鱼游泳视频，用「相册」剪成5秒，添加慢动作效果。手绘素材：用彩笔画猫咪，扫描到电脑，用「画图」加粉色边框。6. 存素材整理好的素材要进行分类、存档，这样有利于在制作网页时查阅、选择。三、小知识收集素材时，一定要围绕网页的内容，从多方面充分选取。收集的素材要真实、准确、科学和健康，不能有错误。不要追求数量多，要能精确地反映网页主题。如果收集的素材有版权信息，一定要标注出处。四、说一说生活中可以从哪些地方收集网页需要的素材？自己动手做：拍照、画画。课本和作业里找：拍数学书上的图形，抄写语文古诗。老师和家长帮忙：用老师发的学习资料、家长陪同下载国家中小学智慧教育平台的动画。搜索相关的图片：搜“儿童 卡通 免费”图片。五、设计网站的步骤网页制作良好的素材要以网页的形式表现出来，所以网页制作至关重要。Expression Web 4是一款所见即所得的网页制作工具，我们充分运用它的功能，积极创新，一定能做出有特色的网页。六、实践请你结合“三角形面积”网站的主题，规划设计栏目内容，收集整理相关的素材。栏目内容工具首页网站标题+导航按钮（学习/练习/素材）Canva模板、PPT学公式三角形底高标注图、剪拼动画、公式展示GeoGebra制图、PPT录屏练一练3道例题（附答案）、5道在线选择题手机拍照扫描、草料二维码素材库高清三角形图、动画GIF、公式手写稿美图秀秀标注、剪映剪辑七、认识窗口Expression Web 4窗口主要由菜单栏、工具栏、视图栏、状态栏、编辑窗口和面板等组成。设计视图是最常用的界面之一。为了方便操作、简化界面，可以在“面板”菜单中关闭不使用的面板。八、新建网站设计好网站结构，准备好资料，怎样建立网站呢？可以用Expression Web 4提供的模板建立只有一个网页的网站。（1）在“网站(S)”菜单中，单击“新建网站(N)...”选项，打开新建网站功能。（2）选择网站模板。1、选择“只有一个网页的网站”选项。2、选择文件夹位置“D:\tiantian”。3、单击“确定”，开始创建网站。这就是我们创建好的网站了，软件默认会显示网站的“文件夹”也就是目录结构视图。九、小知识html叫作超文本标记语言，是一种用于创建网页的标准标记语言。用html语言可以创建网站。十、在网页中插入表格我想让自己的主页整齐有序，用什么方法来解决呢？使用表格来布置版面，这样可以让页面整齐有序、分布清晰。（1）双击打开主页。单击“表格(A)”，单击“插入表格(T)...”，打开对话框。（2）设置表格的行数为“5”列数为“2”，然后单击“确定”按钮。（3）选中表格第1行中的2个单元格，移动光标到“修改(M)”，单击“合并单元格(M)”，合并第1行的单元格。（4）按图示完成主页设计。十一、关闭网站单击 “网站(S)”菜单，选择“关闭(C)”，网站制作的网站。十二、练一练在 Windows的“画图”程序中绘制如下图形分别保存为 PNG 格式的文件，并存储到“三角形图形”文件夹。小贴士：使用“画图”程序完成作品后，在保存文件时，可以在“保存类型”下拉框中选择图片格式。十三、资料收集小贴士可以适当使用抽象表达，引人入胜，例如七彩丹霞的山峰形状，就可以表达为不同大小的抽象三角形组成。素材要符合需要符合网页的主题，例如金鱼百科，如果要表达《家里的金鱼》，最好有一张鱼缸的照片。除非做艺术创意（如抽象画），收集的图片（如数学图形、动植物）必须选清晰的，像课本插图一样能看清细节！ 一、设计网站的步骤学生小组讨论要制作网站的主题，并列出需要展示的内容。二、做一做根据确认的主题与内容绘制网站结构图，包括首页和各功能页面，如“猫咪百科”、“小狗百科”、“金鱼百科”及其子栏目，并为为每个栏目选择合适的内容。用手机裁剪拍摄的小动物照片，并移除背景杂物，然后添加品种文字标注。三、小知识围绕网页内容，收集与主题相关的各种素材，如图片、音频和视频，为后面制作做好准备。四、说一说对素材进行筛选，确保每个素材都能精确地反映网页的主题。五、设计网站的步骤安装并启动 Expression Web 4。六、实践结合“三角形面积”网站的主题，规划设计栏目内容，收集整理相关的素材。七、认识窗口启动软件，实现软件的操作界面。八、新建网站按照题目要求创建网站。九、小知识打开网页代码介绍并让学生了解基本标签，如, , 。十、在网页中插入表格根据例子在网页中插入固定的表格。十二、练一练使用“画图”程序绘制三角形并保存为PNG。十三、资料收集小贴士根据网页主题（如金鱼百科）收集相关素材，如鱼缸的照片。 一、设计网站的步通过思考、讨论培养学生的主题选择和内容规划能力，掌握明确项目方向的要点。二、做一做通过实际案例提高学生的规划能力与内容收集能力，同时为后续制作收集必要的素材。帮助学生掌握基本的图片拍摄与处理技巧，同时引导学生思考如果结合主题准备素材。三、小知识培养学生全面收集信息的能力，思考如何确保素材同时具备多样性和相关性。四、说一说帮助学生理解素材需要聚焦内容核心，避免信息冗余。五、设计网站的步骤培养学生的基本信息能力，了解 Expression Web 4。六、实践通过实际任务，巩固前面学习的知识，培养学生的信息能力。七、认识窗口让学生设计使用软件，提高操作能力。八、新建网站加强学生对目录、文件等基本概念的理解。九、小知识帮助学生了解HTML的基本结构。十、在网页中插入表格培养学生的动手能力。十二、练一练培养学生使用鼠标绘图的能力。十三、资料收集小贴士指导学生如何通过收集符合主题的素材，提高内容的相关性。
课堂小结 创建个人网站1、掌握网站规划的基本方法2、认识网页制作工具软件3、掌握简单网页的制作方法4、了解资料收集的注意事项5、完成课题练习 总结回顾 对本节课内容进行总结概括。
课后作业 1、选择一个感兴趣的主题并规划网站栏目、收集资料。 布置作业 拓展学生的学习能力
课堂板书 观看板书 强调教学重点内容。
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)