资源描述
For Microsoft FrontPage2003,模块5,模块5 概述,结对共享：学生演示文稿范例及评价工具 教法研讨：安全使用因特网或与发布学生作业和照片的原则 活动1 策划学生网站 活动2 创建学生网站 使用Microsoft FrontPage 2003创建一个学生网站的范例。 活动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小时),工具：FrontPage 2003 工具特点：能创建网站，并能维护一个复杂的站点，易学易用。 目的：建立一个学生网站，创建完成的网站范例将成为单元作品集的一部分，创建的网站要符合拟定的学习目标。 记住：是以学生的身份来创建该网站。,创建网站基本步骤 第一步：创建网站结构 第二步：润色网页内容 第三步：建立网站导航 第四步：预览Web站点 第五步：发布Web站点,第一步：创建网站结构 用向导创建站点 1）打开FrontPage应用程序单击“文件”菜单单击“新建”单击“站点”； 2）在出现的新建窗口中，根据需要选中相应图标(如：个人站点图标)； 3）在本机上指定新站点的位置，注意路径的正确输入 (如：d:student_website) 4）单击“确定”按钮，完成新站点的创建,根据活动1中的策划和网站信息结构需要，增加站点中的网页。 方法可选择下列三种之一： 1）“文件”“新建”“网页”； 2）单击工具栏中的“新建”按钮； 3）在左边的文件夹列表中单击“右键”后选择“新建网页”,给每个网页命有意义的名称，以便于下一步的编辑工作； 在导航视图中查看网页层次结构，并根据需要进行调整修改，最好每个网页有一个明确的标题； 完成的整个网站结构例子（5-19）,第二步：润色网页内容 目的：确定网站形式 用“主题”确定网站形式 单击“格式”菜单中的“主题”，根据需要选择合适的主题样式。简单方便，但缺少个性化。 自行规划设计网站形式 借助表格、图片和色彩设计个性化的网站形式。,第三步：建立网站导航 目的：编辑站点中的网页，包括内容布局、导航设计 创建表格，以表格规划页面布局 在页面中插入相应的媒体，包括文本、图形图像、声音视频、动画等。 确定导航的样式和导航的位置，每个页面中的导航风格应基本一致。,设置超链接（5-2729） 目的：创建页面中超链接，包括站内链接和站外链接。 设置超链接可以实现站内页面的互访和访问站外资源。 要求：链接准确、有效、易识别,第四步：预览Web站点 检测所建网站是否能正常运行、达到设计的需求，包括：结构、内容、导航、超链接以及学习目标。 第五步：发布Web站点 发布就是将所建网站移植到校园网或局域网上。,活动3 评价学生范例 (20分钟),说明：对自己所作的学生网站进行自我评价 参考教材“模块5-31”页。 让学生做这个网站有何意义？ 技术成分是否可以提高学生的学习效果？ 是否把基本问题和单元问题包含在内了。 能在课堂里成功的实施这个活动吗？ 填写5-32的学生范例评价自查表。,活动4 共享学生网站 (30分钟),在全班范围内共享学友的学生网站，并提供反馈意见。 以学习目标为导向 以学生范例评价自查表为标准 尽可能为学友提供有建设性的修改意见,协作 互助 共同进步,活动5 修订单元计划 (30分钟),在单元计划的过程部分，细化实施学生网站创建活动的过程和步骤 任务说明 所需时间 最低要求 如何在课堂上运用学生网站,回家作业,活动1：创建学生网站评价工具 观看网站评价工具 创建一个网站评价工具 评价学生网站和评价工具 活动2：填写培训日志,
展开阅读全文