APP下载

网站制作的教学设计

2009-08-17赵长兰程伟胜

中国教育技术装备 2009年19期
关键词:文件夹表格网页

赵长兰 程伟胜

1 设计思想

以普通高中信息技术新课标为指导,以建构主义学习理论和教学理论为理论基础,强调教学过程中学生的主体作用及教师的主导作用,突出以“学”为中心的教学设计。旨在通过教学活动培养学生的信息素养,激发学生的创新精神,提高学生的团队意识。

2 教材分析

教学内容是设计制作用于展示学生学习和研究成果的网站,学习任务有网站的规划、网页内容的设计、设计网页等。通过网站的设计与制作,不仅让学生加深理解和掌握网页制作知识,也提高学生的网站设计能力和动手实践能力。

3 教学目标

3.1 知识目标初步了解网页制作的过程,熟悉网页的各种元素;掌握网页制作的一些技术和方法,能建立一个站点;在网页中插入图片和文字,对其进行定位,进行适当的修饰和排版;制作一个简单的网页。

3.2 能力目标培养学生自主学习、协作学习的能力;提高学生的动手实践能力和创新能力。

3.3 情感目标通过网页版面排版,培养学生的审美情趣。

4 教学重难点和方法

重点:利用FrontPage制作简单的网页。难点:用表格布局网页。教法:演示、自学、比较的方法。

5 教学过程

5.1 网站欣赏,新课导入展示中小学电脑比赛获奖作品,激发学生制作网页的激情,培养他们的自信和勇气。这些站点的页面都设计得非常精美,让你在浏览信息的同时,还可以得到美的享受。这么吸引人的页面,是怎么制作出来的呢?

5.2 基本概念

1)分析并提问:网页中包含哪些元素?学生回答:文字、图像、声音、视频、动画等。学生观察后回答,明确网页所包含的元素,为做网页打下基础。

2)概念:网站与网页。网站:网页等一组网络资源的集合,把制作的所有素材和网页集合成一个网站。网页:是网站中的一页。主页:是一个网站中最重要的网页,也是访问最频繁的网页。它是一个网站的标志,体现整个网站的制作风格和性质。把网站比喻成一本书,由一页一页来组成的,主页就相当于书的目录。

5.3 网页的制作

1)演示新建站点和主页;打开站点与主页。①建立站点。操作过程:执行菜单“文件——新建——站点”,在对话框中,指定站点文件夹的位置。分析站点文件夹的特征:站点文件夹 E:环保之家;环保之家内的文件夹和文件(_private、images、index.htm);站点文件夹图标(一般文件图标+IE图标)。②体验站点。观察建立站点过程(教师要及时提醒学生);观察分析站点文件夹的特征:站点文件夹的位置;“环保之家”内有什么文件夹和文件?重新用FrontPage打开站点,观察到图标的形状如何?

2)网页的布局——表格的使用,教师讲解插入表格和表格的操作。表格在网页中有定位和设置网页布局的作用,利用表格可将各块内容分类开出,使网页清晰美观、富有条理。表格中可以包含你喜欢的任何内容,包括图像、文本、声音、视频、动画,甚至有嵌套的表格。但要注意的是,在用表格布局时,表格的边框粗细应设置为0。

3)网页内容的插入——插入文字、滚动字幕、图像和动画、设置背景、水平线等。要求学生对比较Word和FrontPage文字编辑的差异,比较插入图片、插入动画、设置背景的异同点。给学生的总结加以点评或补充,指出各软件之间都有相通指出,学习时应注意比较、联系、总结,做到触类旁通,收到事半功倍之效。教师准备做网站的素材,以及插入文字、滚动字幕、图像和动画、设置背景、水平线等等的演示动画、学案下发给学生。学生的积极性、主动性被充分调动起来。

4)网页的保存。演示保存网页的步骤,提示学生注意网页保存过程中出现的对话框,碰到这种情况应如何处理。要求学生在做一边之后,总结保存Word文档和用保存FrontPage制作的网页之间的差异。

5)将网页用链接组织起来——超级链接。因特网的精彩之处就在于把大量的信息和页面通过各种链接组织起来,单击含有超链接的文本或图片,可以实现页面的跳转。

方法:选定文本或图片,菜单栏“插入——超链接”,选定被链接对象。

5.4 学生练习:准备练习的案例、素材、动画演示步骤学生自己练习时,进行对个别学生进行辅导。

5.5 学生作品展评本节课的评价方式是过程评价与作品评价相结合。在过程评价时,主要侧重学生操作过程中的参数设计的灵活性、主题分析的创新性。在作品评价时,侧重主题创意的表达效果及滤镜的综合运用程度等。

5.6 课堂小结经过这节课的学习,我们已经会做一张基本的网页,但是在看了许多精彩的网页后会发现,现在的这个网页还是有许多值得改进的地方。所以在以后的学习中,还会学习更多的关于网页制作方面的知识,让大家制作的网站在网上发布,让成千上万的人去点击。

5.7 教学反思本节课是以网站结构、主页的基础为基础,由于本学校学生基础差,有的甚至是零起点,笔者采用学案导学,学案中一共布置了5个任务,准备做网站的素材、插入文字、滚动字幕、图像和动画、设置背景、水平线等等的演示动画,还有如何做网站的相关资料,学生的积极性、主动性被充分调动起来。“教学有法,教无定法,贵在得法”。教学中笔者注重设计适合教材内容的“任务”,又要注重选择适合学生实际的教学方法,这样的课堂学生学之有趣,学之有效,整个课堂也就活起来。

(作者单位:1 山东省邹城市第二中学;2 山东省邹城高级职业技术学校)

猜你喜欢

文件夹表格网页
磁力文件夹
《现代临床医学》来稿表格要求
《现代临床医学》来稿表格要求
统计表格的要求
基于CSS的网页导航栏的设计
摸清超标源头 大文件夹这样处理
调动右键 解决文件夹管理三大难题
基于URL和网页类型的网页信息采集研究
挂在墙上的文件夹
网页制作在英语教学中的应用