《新建网站》教学设计

1《新建网站》教学设计海南中学王连城一、案例背景信息１．模块：高中信息技术基础２．年级：高中一年级３．所用教材版本：（请在教材版本前的括号内打“”）（）教育科学出版社（）中国地图出版社（）广东教育出版社（）浙江教育出版社（）上海科教出版社４．学时数：1课时，时间40分钟。本教学案例参与人员基本信息姓名性别通讯地址及邮编联系电话E-mail设计者王连诚男海南省海口市琼山区大路街海南中学（571158）[e-mail]实施者同上课件制作者同上二、教学设计（一）教学目标知识与技能：1．理解网站的概念和作用2．学会利用FrontPage2000建立站点，制作简单网页3．学会利用布局网页4．了解FrontPage2000的特点过程与方法：1．体验利用FrontPage2000建立站点的过程，分析其特征，体会站点魅力2．利用知识迁移，总结建立站点、插入图片的一般规律和方法情感态度与价值观：1．利用布局网页，增强信息表达效果（二）内容分析本节课内容为教育科学出版社2004年版《信息技术基础（必修）》第六章信息集成与交流6.1.42开发设计阶段。在信息集成的一般过程：选题立意、设计规划、开发制作、评估测试的几个阶段中，具有重要的地位。在开发过程中，涉及到建立站点、表格布局网页、插入多媒体信息，通过超级链接组织网页内容，呈现主题，表达创意，评估测试网站等教学内容。根据课程标准条目：选择恰当的工具软件处理多媒体信息，呈现主题，表达创意，从本节开始使用网页制作软件处理多媒体信息，它是本章节的重点。开发制作阶段，首先要建立站点。把所有的素材和网页集合成一个网站，有助于维护和管理。网站开发初学者对于建立站点没有太多的体验，理解不够，没有意识到站点是网页等一组资源的集合，所以，本节内容是本章节教学的难点。教学重点：（1）利用FrontPage2000建立站点（2）利用知识迁移，总结建立站点、插入图片的一般规律和方法教学难点：FrontPage2000建立站点及其特征（三）学生分析高一学生在初中阶段，对网页制作有一定实践经历，一般只是网页的制作，但对于建立站点没有太多的体验，特别是不了解对网页中不显示原因，往往到最后才发现问题，没有意识到站点是网页等一组资源的集合；学生一旦发现了问题，找到关键以后才引起注意；学生不太关注总结实践过程的一般规律和方法。（四）教学策略设计1．教师通过示例网站演示开始，从分析建立站点的因由，提出建立站点的课题，然后通过建立站点的实践体验，进一步分析站点的特征，还通过插入图片时，提示保存图片文件到站点文件夹内等操作实践，理解建立站点在开发阶段中的作用。迁移WORD文档中输入文字和插入图片的知识,在网页中输入文字和插入图片，制作新网页；通过图文排版效果的冲突，产生利用表格布局网页的需求，进而深化学习，上传网站文件夹，浏览自己的网站网页，评价自己的学习成果。2．学生上机操作安排和教师应用信息技术的情况（1）学生上机操作的任务和目标:建立站点、制作网页、使用表格布局网页，通过文字、图片来表达主题：古玩今玩；教师应注意巡视指导：提醒学生注意保存路径；观察建立站点过程，分析站点文件夹的特征；观察保存图片文件时的要求；图文排版效果；表格定位和布局时，表格属性的调整等。（2）教学支撑环境：计算机网络教室、多媒体教室设备;设置好WEB和FTP服务，并提供服务。（3）教师使用PPT课件；教师演示使用的网站文件夹MyWebs；根据课本配套光盘资料修改的素材文件夹：gwjw素材。三、教学过程（一）回顾过程，引出课题（2分钟）3课件出示信息集成的一般过程：选题立意、设计规划、开发制作、评估测试各个阶段，并以“古玩今玩”为实例，简单分析主题、规划书、内容结构、信息集成软件，进入实际开发制作阶段，让学生体验实例网站建设过程。（二）问题情景与探究（7分钟）1．提供准备好的问题网站文件夹，教师演示、学生观察，提出问题，师生一起探究，分析原因。问题：浏览网页的时候，图片为什么不显示出来？探究：你的电脑不显示；网速很慢；网站没有图片；分析：图片不在网站文件内，网站没有图片文件Part2.gif。删除了，还是没有保存进来？初学者往往没有注意保存网页中图片的文件，没有建立站点就开始制作网页，在网页测评阶段，出现无法浏览图片问题等，通过问题与探究，引出建立站点的作用和意义。2．解决问题的措施：建立站点（1）站点是网页等一组资源的集合，它把所有的素材和网页集合成一个网站，有助于维护和管理。（2）建立站点工具：FrontPage（三）师生互动，体验站点（10分钟）1．教授知识，新建站点（1）执行菜单：文件--新建-站点（2）对话框：指定站点的位置教师要提醒学生注意保存路径，知道站点的保存位置，或者学会把C:\DocumentsandSettings\Administrator\MyDocuments\MyWebs更改为自己的文件夹，如D:\Webs1625，注意DOS路径的表达方法。2．体验站点（1）观察建立站点过程（教师要及时提醒学生）（2）观察分析站点文件夹的特征：①站点文件夹的位置？②Webs1625内有什么文件夹和文件？③重新用FrontPage打开站点，观察到图标的形状如何？3．归纳总结，深入认识站点（1）FrontPage特点之一：建立站点（2）操作过程：执行菜单“文件--新建--站点”，在对话框中，指定站点文件夹的位置。（3）分析站点文件夹的特征：①站点文件夹D:\webs1625②Webs1625内的文件夹和文件（_private、images、index.htm）③站点文件夹图标（一般文件图标+IE图标）4（4）网站是由多个网页等一组资源的集合，以文字、图片、动画、视频等，表达一个主题。（五）亲身实践，实际开发，表达一个主题（20分钟）1．迁移知识，制作新网页（5分钟）（1）网页（首页）名称与保存位置：index.htm、D:\Webs1625（2）使用网页gwjw素材，制作反映主题为古玩今玩的网页：①在index.htm中，添加文字内容(打开“九连环.txt”)；②插入图片part2.gif，并保存网页文件index.htm，观察保存文件时的要求？保存图片到文件夹images内；③尝试调整图片与文字关系（图文排版效果）（3）知识迁移：WORD文档中文字和图片与网页中的文字和图片①文字（选中--复制-粘贴）②图片（插入—图片—来自文件--—对话框操作：选择图片文件-确认）③比较归纳：插入图片过程（4）网页（首页）名称与保存位置：index.htm、D:\Webs1625（5）总结归纳：网页中的图片的保存过程2．检查网页效果，发现新需求（3分钟）（1）预览：在IE浏览器内预览你的首页，观察：①你的首页文件index.htm？②能够显示你的图片？③图文排版效果？（2）新需求：利用表格布局网页利用表格对页面元素（文字、图片等）进行定位，使网页清晰美观、富有条理。3．布置任务，深化学习（8分钟）体验实践：利用表格布局网页（1）在index.htm中，在第一行增加一行，插入3行2列表格；（2）选中且合并表格的第二、三行第1、2列单元格；（3）把图片移动到表格的第一行第1列，水平居中；（4）把第一段文字移动到表格的第一行第2列，改变字体大小；（5）把第二段文字移动到表格的第二行；（6）把第三段文字移动到表格的第三行；均水平居中；（7）调整表格属性等。表格作为定位和布局使用：表格边框粗细为0。4．展示作品，相互交流（4分钟）5体验实践：上传网站文件夹，浏览自己的网站网页，评价自己的学习成果。（1）FTP上传到指定位置：把整个文件夹上传，网站文件夹（保存位置D:\Webs1625）教师引导：自己的网站文件夹在哪里？（2）评价你的网站，交流制作心得。教师引导：浏览自己的网站网页；图片是否显示？图文排版效果？表格边框属性值。（3）完善你的网页，重新FTP上传。教师引导：侧重于保存图片文件，表格布局？表格边框属性值是否为零。（六）点评作品，小结课堂（3分钟）1．了解网页制作工具FrontPage2．学会制作技术（新建站点、添加网页中的文字和图片、用表格布局网页）3．利用恰当的工具集成信息表达某一个主题（古玩今玩）四、教学反思建立站点，首先要明白为什么要建立，建立站点在哪里？能找到要上传的站点文件夹吗？通过本节课，我感觉到学生比以往要明确的多，教学效果较为明显。本节课有以下几个特点：1．情景创设与实践任务相结合。如创设问题情景，分析了为什么要建立站点后，布置建立站点任务；产生了图文排版问题，利用表格来布局网页。学生在情景中积极主动地接受任务，按照要求任务完成教学内容的内化。另外，通过FTP上传站点文件夹，通过浏览站点网页来测评自己的学习成果。2．注意总结技术过程，是信息技术有效教学的其重要特征，如建立站点的过程，保存图片的过程。3．利用WORD中知识迁移制作网页中文字和图片，学生利用已有的经验，在网页中填加文字和插入文字，实现知识和能力的迁移，同时也体现了老师的主导作用。4．及时反馈，自我诊断评价，促进学习进程。如建立站点，分析站点特征；制作网页index.htm,检查网页，发现新需求，利用表格布局网页，评价自己的网页等。