教学资源

您现在的位置:首页>教学科研>教学资源 > 详细内容

开发制作网站——以“澳门巴黎人娱乐网址网站”为例

来源:原创作者:发布时间:2011年04月06日 浏览次数: 次 【字体:

 一、教学目标

  1. 对应课程目标要求

    能够根据任务需求,熟练使用文字处理、图表处理等工具软件加工信息,表达意图;选择恰当的工具软件处理多媒体信息,呈现主题,表达创意。

   

  2. 本课教学目标

   知识与技能:

   (1) 理解网站与网页的区别。

   (2) 知道网页布局的重要性,能对网页进行版面布局的分析。

   (3) 把WORD的排版经验迁移到网页编辑上。

   过程与方法:

   (1)通过探究自学,能应用frontpage新建网站、网页。

   (2)通过对网页版面的分析,掌握使用表格工具对版面进行布局,提高排版效率的方法。

   情感态度与价值观:

   (1)通过观看教学辅助材料,完成相应的操作任务,培养学生自主学习的能力。

   (2)通过分析网页的内容,让学生知道版权信息是维护法律权益的重要依据,提高维权意识。

   (3)通过应用网页制作软件,培养学生信息集成能力。

 

二、教学内容

   1.本课的作用和地位

    本课是普通高中课程标准试验教科书信息技术(必修)《信息技术基础》(教育科学出版社)第六章第一节开发制作阶段的那容。课本中以创建“古玩今玩”网站为例,介绍基于Frontpage2000工具制作网页的过程。

    由于课本使用的软件版本与学生正在使用的存在一定的差异,课本印刷的步骤已经不能完全起到提示的作用;同时,由于学生已经有word等知识基础,对添加网页内容应该不陌生,所以本人把教学重点放在版面布局方面,让学生学会使用表格等工具布局版面,提高网页设计的效率。

 

  2.本课的主要内容

    Frontpage是Office家族的一员,学生可以通过迁移其它Office工具的知识,掌握有关的操作,如新建网页、插入表格、添加网页内容等。但通过网页版面的分析,让学生具备网页布局的能力,很有必要。本课的主要内容有:

  (1)引起学生对知识产权的重视。

  (2)引导学生通过知识迁移,使用网页制作工具新建网站和网页,添加网页内容。

  (3)引导学生思考网页版面的结构,能使用合适的工具布局网页,提高网页设计的效率。

 

  3.教学重点、难点

     教学重点

     让学生掌握应用网页制作工具新建网站、网页的方法

    教学难点

      思考网页的版面布局,使用合适的工具布局网页,提高网页设计的效率。

 

三、教学对象分析

    教学对象是高一年级的学生,学生之前尝试对自己即将创建的网站进行规划设计,知道网页布局的意义。学生已经会应用WORD等文字处理软件进行页面排版,但对网页制作仍然比较陌生,大部分学生没有学过相关的知识。

  

四、教学策略

  1. 教学方法

     本课主要采用案例分析法、引导法、任务驱动法、自主探究形式进行教学。

  2. 课时安排

     1课时

  3. 基本流程

     创设情景->提出任务—>自主探究—>任务分析—>提高发展—>分享交流—>知识总结

 

五、教学资源

 远志多媒体教室软件,课件, 用于练习的素材资源

 

六、教学过程

 

 

步骤

教师活动

学生活动

设计意图

新课导入

 

1.显示“澳门巴黎人娱乐网址”的网站

2. 投影本课的主题,提出问题:什么是网站?网站与网页有和关系?

 

观看投影,阅读课本

 激发学生制作网站的冲动;

 让学生了解网站与网页的关系。

 

提出任务(一)

 

 应用Frontpage工具,认识建网站、网页的过程。

 任务一:

   下载t1文件夹,重命名为班号+学号,把文件夹指定为网站。

   问题:浏览站点文件夹,观察它发生的变化。

 

认识Frontpage2003,

完成任务一,思考问题

 

自主探究完成任务一,了解站点文件夹的内容变化。

知识小结

 

1.    使用Frontpage新建命令,可以新建网站,也可以新建网页。

2.    站点文件夹中增多了两个缺省文件夹和一个空白网页文件。

3.    可以指向新网站的位置,一旦指定网站的位置,若再修改文件夹的名称,那要重新指定(“打开网站”)。

 

 

 学生认真倾听,积极思考

 

学生通过在fronpage建网站的经历,了解fronpage的操作特点。

提出任务(二)

 

网站中有一个名称为index.htm的网页,一般将其设置为首页,首页是浏览者进入网站的第一个页面,它的设计效果,直接影响到网站的形象。

任务二:

 根据主页的版面效果,试用WORD的排版经验,向网页添加内容。网页命名为index.htm

投影网页效果图,

巡视学生的练习情况,发现问题

 

 根据网页的版面效果,完成任务二

 

 先让学生根据自己的知识经验,或自主探究完成任务二,老师巡视他们在制作网页时出现的问题。

任务分析

 

1.   向网页添加内容的操作和word的操作很相似;

2. 让学生说说他是怎样排版网页内容的?(请同学出来演示)

3. 突出图文混排在网页制作时的困难,如何解决?(表格定位是其中一个办法)

学生演示他的操作;

学生说出自己的排版方法;

不管学生用的是哪种方法,只要是达到目的的,都应该鼓励。老师只是提出“表格”是解决网页的内容定位的方法之一。

知识小结

在制作网页时,当一般的添加内容的操作很难达到我们预先规划的图文排版效果时,我们可以利用表格对页面元素进行定位

 

 

提出任务(三)

 投影出版面更为复杂的网页,名称为gaikuang.htm,让学生思考如何做,完成后保存在网站当中。

 学生在完成第二个任务后,继续完成第三个任务。

学生可能会借鉴上一个任务的经验,利用表格的定位功能,完成这个网页。但是此处又隐含了另一个问题,就是“效率”,因为大部分学生都是最到哪里算哪里,可否让他们在做网页之前先对版面做一个布局呢?

 

作业评价

 

 点评个别学生的作业(对元素错位显示,或者显示内容超出版面宽度,或者显示不了图片,甚至完成效率很低等等现象,都可以进行点拨)

 认真倾听并思考

 引导学生在听取评价的同时,认真对比自己的完成情况,取长补短,共同进步。

任务分析

提高网页制作的效率的方法可以是:

1.   利用表格的布局功能对整个版面进行总体布局规划(这个思想很重要,做好了布局,添加内容已经是很机械的动作了)。

2.   有些网页采用的是相同版头,此时我们可以对网页进行复制,或者对其中的内容进行复制。

3.   遇到问题,可以查看“帮助”文件,尽快解决自己当前的问题。

 

积极思考

任务三已经不是简单的技能传授,它已经升华到授予学生一种学习的方法。

同时,向学生传递一个信息,利用Frontpage中的表格,可以对网页进行整体布局。

知识总结

 

通过本课的实践活动,引导学生总结出几点:

1、在frontpage中如何建网站和网页

2、Frontpage的界面操作与WORD等Office工具很相似,有些地方可以进行知识迁移。

3、版面布局很重要,表格是一个很好的布局工具。我们在制作网页的时候,往往是先应用表格对网页的整体进行布局,然后在相应的位置添加内容。

 

 

   总结本课的收获

 

梳理本课的知识点。