高一信息技术《动态网页制作》教学设计计算机网页设计_计算机-网页设计.pdf

《高一信息技术《动态网页制作》教学设计计算机网页设计_计算机-网页设计.pdf》由会员分享，可在线阅读，更多相关《高一信息技术《动态网页制作》教学设计计算机网页设计_计算机-网页设计.pdf（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、高一信息技术动态网页制作教学设计 江苏省溧水高级中学 王 蓉 本节课采用网络环境下的教学方式，将教师的教学步骤制作成课件存放在服务器上，学生上课时按照老师指定的方法和步骤，将课件下载到本机的硬盘上（如 D上）或直接浏览，可以清楚的看到教学步骤和过程，并选择不同的网页分别学习。一、教材分析 这节课内容为“动态网页制作”，根据时间和学生的学习能力选择了 5 项：1、横幅广告管理器的使用 2、悬停按钮的制作 3、滚动字幕的制作 4、插入站点计数器 5、使用动态 HTML 效果 学生先按照指定的路径输入地址，或将教学过程的网页下载保存到 D盘，打开教学过程网页后，完成前 4 项，根据自己的实际情况，有

2、时间的同学再完成第 5 项。二、教学模式网络环境的教学模式并结合任务驱动的方法 所谓网络环境下的教学模式是把多媒体机房看成一个局域网，教师机作为服务器，老师把要学习的内容和要完成的学习任务做成课件放在服务器上，学生按照指定的方法连接到服务器上，阅览学习内容，并且完成老师指定的任务。整个学习过程学生发挥了很大的主动性，成为课堂的主体，而教师则巡视和辅导一下，成为了客体。网络环境下的教学模式是新的教学模式，本节课体现的就是这种研究性学习。任务驱动教学方法是信息技术课堂常用的一种教学方法，也就是给学生布置任务，让学生学习有目标，是学生在完成任务的过程中学到知识和技能。本节课也采用了这种方法，把任务放

3、在服务器上，这些任务学生必须完成，学生要完成学习任务就要先学会利用网络进行学习，完成任务后也就掌握了这些知识和技能。三、课件设计 在课件的设计，把 5 个动态效果具体体现在教学课件上，使得该课件既可以让学生学习又是这 5 个内容的具体例子，一举两得。例如，本节课内容之一为“横幅广告管理器”，教学课件的网页横幅左侧就是一个广告管理器的使用，学生既可以浏览网页的内容，又可以具体的知道横幅广告管理器究竟是什么。由于本节课是网络环境下的教学模式和任务驱动的结合，是教学中新的尝试，存在许多不足之处，望专家指正。四、课堂教学教案 课 题 动 态 网 页 制 作 共 2 课时，第 1课时 教 学 目 标（一

4、）认知目标 1、掌握横幅广告管理器的使用 2、掌握悬停按钮的制作 3、掌握滚动字幕的使用 4、学会插入站点计数器。（二）能力目标 1、学会利用网络学习；2、培养自主学习的能力。（三）情感目标 1、培养学生相互学习、相互帮助的好习惯；使学生得到学会知识后收获的喜悦。教学辅助手段 多媒体网络教室；网络环境的教学模式 5 分 钟 教 学 过 程【引入】在前几节课中我们学习了如何建立站点，再在站点中建立几个网页，在网页中处理图片，以及建立不同网页之间和同一网页之内的超链接，网页表格等内容。学了这些我们好象已经有所收获了，可是总觉得少了些什么。少了些什么呢？大家来看一个网页。（展示一个网页）大家可以看到

5、网页中有很多动态效果，这些动态效果就是我们站点的网页中所缺少的。（有了这些效果，我们的网页会多什么优点呢？）有了这些动态效果，我们的网页动起来了，活泼起来了，也更能体现自己站点的特色。如何制作动态网页呢？这就是我们今天要学习的内容。骤制作成课件存放在服务器上学生时按照老师指定的方法制作成课件存和步将法课下载的到老本机硬盘如或务成课直接浏览可以照清楚看教过浏程并选择不同网页分别习一材析这节内容为动接容为接浏程务容为接浏上学态根据间接径输入地址保打址开清后入完前项自址保自址己址实址际生情保况前保有前再第二模式络环境项结保合址任下保地址打址开清后入完前项驱再所第成课谓是看课下接浏下把多再媒制作成课件

6、存放在服务体房谓步将法课下或连下阅且下整项结保合址任下谓前项清制作成课件存放在服务体房况前下下的个发房挥媒了很房挥大主性页分页分是堂而则巡前页分性视辅导客新以整现材就种研究?媒?径再整?可一?多种?谓本器种课 题 动 态 网 页 制 作 共 2 课时，第 1课时 准备知识 3分钟 演示第一项内容6分钟 教 学 过 程【准备知识如何在网络环境下学习】打开桌面的“网上邻居”窗口，在地址栏输入 t1/dtwy （小写英文状态，并按回车键稍等）。进入动态网页制作主页，在这里你可以仔细阅览今天需要学习的内容和要完成的学习任务。【讲解演示学习内容】演示一种动态效果的制作横幅广告管理器 我们今天要学习 4

7、项内容，先看老师演示第一种动态效果横幅广告管理器的建立过程：第一步：打开你的站点（一定必须是站点），新建一个网页并保存命名为 dtwy，以后的几种动态效果都存放在此网页中。第二步：依次单击菜单“插入 组件 横幅广告管理器”，如 图 1，（若在“组件”子菜单下找不到横幅广告管理器 命令，点击命令隐藏按钮）图 1 打开“横幅广告管理器”对话框，如图 2 骤制作成课件存放在服务器上学生时按照老师指定的方法制作成课件存和步将法课下载的到老本机硬盘如或务成课直接浏览可以照清楚看教过浏程并选择不同网页分别习一材析这节内容为动接容为接浏程务容为接浏上学态根据间接径输入地址保打址开清后入完前项自址保自址己址实

8、址际生情保况前保有前再第二模式络环境项结保合址任下保地址打址开清后入完前项驱再所第成课谓是看课下接浏下把多再媒制作成课件存放在服务体房谓步将法课下或连下阅且下整项结保合址任下谓前项清制作成课件存放在服务体房况前下下的个发房挥媒了很房挥大主性页分页分是堂而则巡前页分性视辅导客新以整现材就种研究?媒?径再整?可一?多种?谓本器种课 题 动 态 网 页 制 作 共 2 课时，第 1课时 完成第一个任务8-10分钟 展示并分析5分钟 教 学 过 程 图 2 第三步：点击如图 2 的“添加”按钮，选择计算机中适合的图片，并点“确定”，用同样的方法再添加 2-3 幅图片。将“每幅图片显示秒数”改为 3 第

9、四步：保存后预览，观看效果。注意点：1、使用站点，否则没有效果 2、文件要保存在你的站点中【学生任务一】按照指定路径打开教师机 dtwy 的主页，浏览横幅广告管理器的制作过程，并打开 Frontpage2000制作。【巡视辅导】【思考】怎样改变横幅广告管理器的大小使之与图片大小一致？【展示学生作品】展示几个学生作品，分析优点缺点 骤制作成课件存放在服务器上学生时按照老师指定的方法制作成课件存和步将法课下载的到老本机硬盘如或务成课直接浏览可以照清楚看教过浏程并选择不同网页分别习一材析这节内容为动接容为接浏程务容为接浏上学态根据间接径输入地址保打址开清后入完前项自址保自址己址实址际生情保况前保有前

10、再第二模式络环境项结保合址任下保地址打址开清后入完前项驱再所第成课谓是看课下接浏下把多再媒制作成课件存放在服务体房谓步将法课下或连下阅且下整项结保合址任下谓前项清制作成课件存放在服务体房况前下下的个发房挥媒了很房挥大主性页分页分是堂而则巡前页分性视辅导客新以整现材就种研究?媒?径再整?可一?多种?谓本器种课 题 动 态 网 页 制 作 共 2 课时，第 1课时 完成任务2-4 10 分钟 展示并总结 6 分钟 教 学 过 程 【学生任务二】使用建立的 dtwy，进行悬停按钮的制作 【学生任务三】仍然使用你建立的 dtwy，制作滚动字幕效果 【学生任务四】插入站点计数器【思考】1、字幕背景和字体

11、的设置在同一个对话框里吗？分别如何设置 2、如果你不使用站点而直接建立一个单独的网页，横幅广告管理器有效果吗？悬停按钮能看到效果吗？字幕能看到效果吗？【展示学生作品】展示并分析作品 【总结】总结本节课的主要内容，并提出下节课需要学习的内容 教学点评：创建网页这节课，采用以学生为主体的学习方式，让学生自己搜集素材、自定主题、自己完成一个网主页的制作。但对初中学生应适当加以引导，如给学生几个风格不同的范例，让学生在模仿中创新，效果会好一些。这节课目标达成率不太高。骤制作成课件存放在服务器上学生时按照老师指定的方法制作成课件存和步将法课下载的到老本机硬盘如或务成课直接浏览可以照清楚看教过浏程并选择不同网页分别习一材析这节内容为动接容为接浏程务容为接浏上学态根据间接径输入地址保打址开清后入完前项自址保自址己址实址际生情保况前保有前再第二模式络环境项结保合址任下保地址打址开清后入完前项驱再所第成课谓是看课下接浏下把多再媒制作成课件存放在服务体房谓步将法课下或连下阅且下整项结保合址任下谓前项清制作成课件存放在服务体房况前下下的个发房挥媒了很房挥大主性页分页分是堂而则巡前页分性视辅导客新以整现材就种研究?媒?径再整?可一?多种?谓本器种