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