高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx
- 文档编号:14702097
- 上传时间:2022-10-24
- 格式:DOCX
- 页数:7
- 大小:20.34KB
高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx
《高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx》由会员分享,可在线阅读,更多相关《高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx(7页珍藏版)》请在冰豆网上搜索。
四、教学目标
、知识与技能:
(1)了解网站制作的一般过程。
(2)学会利用FrontPagexxxx建立站点,掌握网页制作的基本方法:
文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等。
(3)掌握用frontpage制作超链接的方法。
2、过程与方法:
以任务为驱动,以学习网站作为技术支持,让学生在自我探索、自我学习中完成任务,掌握网页制作的基本方法,并体会整体规划的重要性。
3、情感态度与价值观:
(1)在做自己感兴趣的主题网站过程中形成和保持对信息技术的求知欲,感受探索与创造的乐趣。
(2)学会欣赏他人的劳动成果,给出中肯的评价意见,提高艺术修养和审美情趣。
五、教学重点、难点
教学重点:
网页制作的基本方法、利用表格进行网页布局
教学难点:
frontpage制作超链接的方法。
六、教学方法与手段
、任务驱动法
将FrontPagexxxx的基本操作学习隐含在任务中。
避免了枯燥的技能训练,利于学生循序渐进地学习信息技术的知识和技能,让学生在学习任务中,自已在网站上浏览帮助、尝试操作、主动探究。
教师在整个过程中起到组织、引导、协调、控制、咨询的作用。
2、案例分析法
通过展示优秀网页作品,在教师的引导下,学生注意观察并分析网页的组成元素及组织方式,了解页面布局,为自己的网页制作打下基础。
七、教学准备
、素材准备:
案例素材已存放到学生桌面。
自主选题素材从学习网站上下载。
2、学习网站:
学习任务与指导、案例网站赏析、作品上传、作品评价。
八:
教学课时:
2课时
九:
教学过程:
第一步:
【案例欣赏,导入新课】
师:
我们盐城是一座以盐命名的城市,这说明它的过去跟什么有关?
生:
盐
盐城在过去一直是重要的产盐基地,有着丰富的海盐历史文化,我们上一届的同学为此制作了一个网站,我们一起欣赏一下。
网站上有哪些栏目?
首页、生命之侣、史海盐踪…
当我们点击这些栏目时,地址栏中网页名称是否变化?
说明了什么?
一个网站是由多个网页组成的。
这些网页上有哪些素材呢?
有文字、图片、动画、音乐等。
这些素材共同表达了什么样的主题?
海盐生产历史和文化。
今天我们就以这个作品为例,和同学们一起来学习网站的制作,相关的素材已提前发给大家了,桌面上有一个海盐素材的文件夹,请大家先看下里面的内容。
板书:
网站制作
俗话说“工欲善其事,必先利其器”,我们要做信息的集成,首先要选择一个集成工具,对于网站制作而言,目前比较流行软件的有Dreamweaver、FrontPage等,今天我们选择FrontPage来制作网站,这是因为它的操作与前面学过的woRD比较相似,同学们很容易上手。
它的快捷方式已放在桌面上了,请同学们将它打开,先看看它的界面与woRD有何不同?
展示:
FrontPage与woRD的窗口。
工作区多了个视图窗口。
视图窗口是管理网站用的,不用时可以按右键将它隐藏,空白处是网页的编辑区,也是同学们尽情发挥地方,底下还几个标签,代表了几种不同的工作方式,“普通”标签是编辑网页用的,“HTmL”是用来编写网页代码的,这个我们到选修“网络课程”时再作介绍,“预览”是用于查看效果的。
第二步:
【任务驱动,探索新知】
任务一:
新建站点:
新建只有一个网页的站点,位置在d:
/myweb下
界面熟悉之后,接下来我们正式开始制作网站,老师将这个网站的制作过程分成了六个步骤(见学习网站),每一个步骤完成一个任务,那么制作网站的第一步是什么?
新建站点。
站点就是一个文件夹,用来保存放网页和网页素材的。
演示:
站点建好后,工作区中出现一个窗口,叫“文件夹列表”,可能看到站点里面有二个文件夹和一个网页文件,这些都是系统自动添加的,其中这个网页我们一般把它设置成网站首页,也就是浏览者进入网站后看到的第一个页面。
下面我们打开这
个首页,准备进入下一步的制作。
打开(双击或右击)
任务二:
页面布局
、表格布局:
我们在制作一个网页之前,一般需要先用表格对页面进行规划和布局,目的是使页面能做到整齐美观,下面我们看一下海盐首页的布局方式。
海盐博物馆首页布局:
大家看这个页面从上到下,大概可以分为几个部分?
每个部分内容是什么?
三个部分,上面动画和目录,中间是网页内容,底下是制作人的信息
这是一种常用的布局方式,上面放置网站横幅,可以是图片也可以是动画,精心设计的横幅会让网站更有吸引力。
横幅的下面一般设置栏目导航,大家刚才已经看到,点击这些导航就可以跳转到其它的页面。
中间是网页的具体内容,底部可以放置网站的一些基本信息,这种布局有一个名称,叫“国”字型布局,由于简单实用,所以经常被采用。
除了这种布局之外,还有一些布局也是我们经常使用的,我们也来看一下:
“厂”型布局、“封面”型布局。
这些布局仅供同学们制作网站作一些参考,当然同学们自已也可以有所创新,不一定要拘泥于这些形式,接下来,我们看怎样用表格做出海盐首页这种布局。
分析表格的制作方法:
⑴一共有几行?
⑵第二行里插入一个子表格,是几行几列,目的是什么?
⑶第四行需要两列,怎么做?
FrontPage中也提供了和woRD一样的表格菜单,可绘制表格,也可插入表格,下面请同学们利用以前学过的知识来制作这样的表格。
尝试制作动手操作。
(请学生演示)
表格布局完成以后,接下来我们就可以添加素材了,这个首页上一共用到四种类型的素材:
图片、文字、flash动画和水平线,下面老师给大家演示一下如何添加这些内容。
添加素材,设置属性。
任务三:
添加网页内容
将文字、图片、动画分别插入到表格指定位置,并进行相关设置。
动手操作,老师巡视指导。
任务三完成的同学,请继续完成任务四,它的要求是通过对一些属性进行设置,从而达到美化页面的目的,由于这个任务比较简单,所以请同学自主完成,如有疑问请查阅学习网站上的帮助。
任务四、设置页面效果。
、将表格边框粗细设为“0”,—表格属性
2、设置单元格背景,—单元格格属性
3、添加背景图片:
—网页属性
4、添加背景音乐:
高山流水.mid—网页属性
动手操作,老师巡视指导,请做的快的同学上台演示(掌声鼓励)。
师总结:
右键设置属性,是一种通用的做法,希望同学们能够熟练掌握。
首页制作好后,需要及时保存,那保存网页时需注意些什么呢?
网页的保存,
(1)网页保存时需要嵌入图片,请选择站点下的images文件夹
(2)若编辑的页面不是,将它另存为
(3)网页一般直接保存在站点文件夹下。
任务五、添加新网页。
通过刚才的操作,大家已经完成了首页的制作,由于时间的关系,海盐博物馆的其它网页我们就不做了,过会老师将它们直接发给大家,现在我们看下一个任务。
展示任务五:
如何向站点中添加网页。
要求:
1、新建一个网页,命名为“”
2、复制一个网页,命名为“”。
由于网站是由多个网页组成的,所以我们要学会如何向站点中添加网页,请你尝试用两种不同的方式添加网页。
并思考这两种方式应该在什么时候使用?
学生动手操作。
(请学生上台演示)
如果从头开始做一个网页,就用第一种方式,如果已做好一个网页了,希望其它网页也能保持相同的风格,并减少工作量的话,就适合用第二种方式。
利用电子教室,将其它的网页直接发送到学生机D:
/myweb下,请同学们点“查看”菜单里的刷新,在文件夹列表下看有没有收到。
任务六、建立超链接。
现在所有的网页我们已经都有了,但这些网页之间有没有建立联系呢?
请大家任意打开一个页面,点击一个栏目,看能不能跳转到其它页面。
尝试后回答,不能。
那怎样实现栏目的导航功能呢?
用超链接。
对,超链接可以建立页面之间的连接,实现相互跳转的作用。
下面老师就给大家演示如何用超链接实现站点内页面的链接。
建立超链接。
设置超链接时要注意两个要素,一个是链接源,一个是链接目标。
对于我们现在做的超链接,文字是链接源,站点内的网页就是链接目标。
而且超链接的设置应是双向的,首页的栏目设置好超链接后,就可以实现到子页的跳转,但却不能返回,所以子页的栏目同样要设置相应超链接。
学生操作:
给各个页面建立超链接。
我们刚才设置的超链接是实现文字到网页的链接,其实超链接的种类有很多,下面请同学们打开“与我联系.htm”,看看这里面超链接应该如何设置?
展示任务:
超链接种类超链接设置
文字链接到文件海盐博物馆资料:
下载
文字链接到邮箱给我写信:
nzwangjian@
文字链接到网站海盐博物馆官方网站:
http:
///
图片链接到网站
这些超链接都可以在超链接窗口中实现,请同学们自已先尝试一
下。
设置超链接,教师适时引导。
第三步:
【学生自选主题,动手实践】
通过刚才的学习,同学们已经基本掌握了网站制作的步骤和方法,接下来请同学们打开学习网站,在作业浏览中根据你事先确定的主题,下载对应的素材,运用刚才所学知识,建立自已的主题网站。
选择主题,下载素材,进行制作。
第四步:
【学生上传作
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FrontPage 网站制作 高中信息FrontPage 网站制作优质课教学设计 高中 信息 FrontPage 网站 制作 优质课 教学 设计
![提示](https://static.bdocx.com/images/bang_tan.gif)