英特尔未来教育模块.ppt

ForMicrosoftFrontPage2003 模块5 模块5概述 结对共享 学生演示文稿范例及评价工具教法研讨 安全使用因特网或与发布学生作业和照片的原则活动1 策划学生网站活动2 创建学生网站使用MicrosoftFrontPage2003创建一个学生网站的范例 活动3 评价学生范例活动4 共享学生网站活动5 修改单元计划添加 把通过制作学生网站达到的学习目标和过程添加到您的单元计划中 回家作业活动1创建学生网站评价工具活动2填写培训日志 结对共享 15分钟 和您的同伴交流在模块4中创建的学生演示文稿范例和评价工具 相互为对方提供反馈意见 评价标准是否符合学生学习目标 评价工具是否关注基本问题与单元问题 学生演示文稿范例是否符合评价标准的要求和预期的结果 列出您对学生范例和评价工具的修改意见 教法研讨 15分钟 说明 在让学生使用因特网或个人E mail帐号前必须考虑安全使用措施 如何防止您的学生访问不良的网站 避免与可能带来危害的人交往 关注 如何有效利用网站功能促进学习如何充分调动积极因素 克服消极因素列出并共享你对保护儿童安全使用Internet的方法 网络能为学生提供课后相互交流的机会 会提高学生的学习效果 请讨论一下如何让学生利用诸如电子邮件和网络技术等方法与外界 如社会领导者 领域专家以及全球范围内的同龄学生等进行交流的方法 想法1 校园网BBS聊天 师生讨论 获取信息想法2 到专题网站 通过电子邮件与专家交流想法3 电话联系想法4 通过邮件列表 参加论坛 想法5 找到专家的个人网站 发邮件提问想法6 将来网络带宽允许 开视频会议 面对面交谈想法7 在网上发布通知 约定时间 主题 网址进行讨论 在管理这个交流方案时 你有没有什么顾虑 讨论 如何防止你的学生访问不良网站 避免与可能带来危害的人交往 讨论保护儿童安全使用Internet的方法 如何保障学生的上网安全 1 设置防火墙 利用一些相关软件2 制作一个净化的网络环境3 相互监督4 老师加强检查5 正面引导 教育 活动1策划学生网站 在这个活动中 要注意你是要以学生的身份来策划一个网站范例 此网站是你的单元作品集的一个组件 在策划学生网站时 请始终考虑如何针对学习目标 步骤1 观看学生网站范例配套光盘的文件夹Module 05 Activity1文件内或书中提供的参考网站中网站范例 学生利用网站可以做什么 了解网站辅助教学的功能结合书中推荐的一些教学用途 结合你的单元计划 明确以下问题 创建学生网站的目的何在 如何将学生创建的网站融入单元作品集 列出你的想法 并填写到5 6的空白处 步骤2 策划网站的内容一个好的网站将充分利用网络资源的深度和动态性 它可以成为和其他人交流 讨论 收集资料和展示信息与结论的场所 展示的内容要符合学生的认知水平和年龄层次 最主要的是要考虑是否能有效达到学习目标 活动1策划学生网站 信息与结构框架参考现有网络上能呈现的设计条件 页面框架结构可归为3类 分栏式 区域划分 无规律式 分栏式 常见的有三分栏也有二分栏 四分栏和五分栏等情况借助表格实现 分栏式 区域划分 利用辅助线 图形和色彩把网页平面分成几个区域 分栏式和区域排版结合的骨架设计 二分栏的区域排版 无规律式 主要以整张图片的网页设计为主 类似大海报 框架设计的选择与应用信息储存量 流量大的网站应选择分栏式结构为主体 内嵌区域排版的骨架设计 信息量较小的网站可选择区域排版页面设计 检验框架设计是否合理的标准只有一个 框架符合信息空间的信息储存方式 信息结构决定框架设计 信息层次分类分层决定页面布局 页面布局的平衡页面布局的平衡并不是指页面中物体的对称设计 文字的稀疏情况 字体大小 字体的色彩 表格的颜色和色彩的面积等众多细节都影响着页面的平衡 对于信息量小的页面 则会在空白的地方放上适当的插图 页面的中线在中央 画面就是平衡的 页面信息布局 信息结构设计设计网站 主要是针对首页 栏目首页和信息内页等几个最重要的页面进行信息安排 其他的页面将以此作为基础 从信息形式变化上 有针对性的进行细节调动 主要信息放在显要的页面位置上 根据信息的重要程度 从上到下和从左到右排列 配色方案色彩不宜太多与主题协调关注整体视觉效果 基于情感的配色方案 轻快色调 浪漫色调 动感色调 优雅色调 基于情感的配色方案 古典色调 自然色调 时尚色调 清爽色调 设计一个好网站要考虑以下几方面的因素 定位网站的主题和名称确定网站的栏目和板块网站的整体风格创意设计网站的层次结构和链接结构首页的设计版面布局设计 色彩搭配 效果与速度 交互性与亲和度 字体设计与表格的嵌套 不同的浏览器和分辨率 新技术的运用取舍 每个页面上都应包括以下要素 一个返回主页的按钮或链接你的名字或联系地址最后更新的日期完成学生网站向导 5 8 5 9 步骤3 用设计卡来策划网站试画出网站结构图显示页面间的逻辑关系页面间的超链接结构试画出每个页面的布局结构图显示每个页面中的信息内容及其相应位置对使用的媒体及色块有相应的说明 活动2创建学生网站 5小时 工具 FrontPage2003工具特点 能创建网站 并能维护一个复杂的站点 易学易用 目的 建立一个学生网站 创建完成的网站范例将成为单元作品集的一部分 创建的网站要符合拟定的学习目标 记住 是以学生的身份来创建该网站 创建网站基本步骤第一步 创建网站结构第二步 润色网页内容第三步 建立网站导航第四步 预览Web站点第五步 发布Web站点 第一步 创建网站结构用向导创建站点1 打开FrontPage应用程序 单击 文件 菜单 单击 新建 单击 站点 2 在出现的新建窗口中 根据需要选中相应图标 如 个人站点图标 3 在本机上指定新站点的位置 注意路径的正确输入 如 d student website 4 单击 确定 按钮 完成新站点的创建 根据活动1中的策划和网站信息结构需要 增加站点中的网页 方法可选择下列三种之一 1 文件 新建 网页 2 单击工具栏中的 新建 按钮 3 在左边的文件夹列表中单击 右键 后选择 新建网页 给每个网页命有意义的名称 以便于下一步的编辑工作 在导航视图中查看网页层次结构 并根据需要进行调整修改 最好每个网页有一个明确的标题 完成的整个网站结构例子 5 19 第二步 润色网页内容目的 确定网站形式用 主题 确定网站形式单击 格式 菜单中的 主题 根据需要选择合适的主题样式 简单方便 但缺少个性化 自行规划设计网站形式借助表格 图片和色彩设计个性化的网站形式 第三步 建立网站导航目的 编辑站点中的网页 包括内容布局 导航设计创建表格 以表格规划页面布局在页面中插入相应的媒体 包括文本 图形图像 声音视频 动画等 确定导航的样式和导航的位置 每个页面中的导航风格应基本一致 设置超链接 5 27 29 目的 创建页面中超链接 包括站内链接和站外链接 设置超链接可以实现站内页面的互访和访问站外资源 要求 链接准确 有效 易识别 第四步 预览Web站点检测所建网站是否能正常运行 达到设计的需求 包括 结构 内容 导航 超链接以及学习目标 第五步 发布Web站点发布就是将所建网站移植到校园网或局域网上 活动3评价学生范例 20分钟 说明 对自己所作的学生网站进行自我评价参考教材 模块5 31 页 让学生做这个网站有何意义 技术成分是否可以提高学生的学习效果 是否把基本问题和单元问题包含在内了 能在课堂里成功的实施这个活动吗 填写5 32的学生范例评价自查表 活动4共享学生网站 30分钟 在全班范围内共享学友的学生网站 并提供反馈意见 以学习目标为导向以