应用专题学习网站教学“网页设计与制作”

李鸿琴

在学习高中网页设计与制作过程中,学生需要大量的学习资源,而专题学习网站能让学生在教师的指导下,选择研究性学习主题,根据自己的学习程度和主题需要浏览、分析、评价、选择使用相应的资源,并通过主体性的探讨、协作,应用知识和制作工具去解决实际问题,培养网页设计与制作能力。

● 教学目标

1.知识与技能目标

理解网页设计的理念;学会运用FrontPage、Flash和Fireworks应用软件;掌握创建超链接;熟练掌握设置颜色、文本格式;掌握在网页中嵌入图像、声音、多媒体信息的方法及使用绝对和相对URL;熟练掌握表格的使用方法,学会利用表格布局网页;掌握框架制作网页的方法,会使用框架设计网页;掌握用Fireworks处理矢量图和位图;掌握用Flash制作简单的网页动画。

2.过程与方法

学会通过网络收集所需的资料,提高对收集到的信息进行分析、筛选、整理的能力;学会通过查阅资料、交流讨论等途径进行学习,学会展示、交流信息、进行自我评价;通过专题网站的学习提高自主学习、合作学习、探究学习的能力;运用网页制作软件根据研究性学习选定的课题制作相应作品。

3.情感态度价值观

形成较强的网页设计创意思维、艺术设计素质;培养勤奋学习的态度,严谨求实、创新的作风;增强信息素养,培养合作精神,体验责任感;加深对网页制作与研究性学习相结合解决实际问题的认识。

● 学生分析

高二年级学生已接受过信息技术基础知识和基本技能的学习,已具备网络浏览、搜索、整理资料的能力,还未学习“网页设计与制作”的内容。

● 所需教学环境及软件资源

1.教学环境

连接Internet的网络教室;大屏幕投影仪;LanStar教学系统软件。

2.软件资源

前期构建的“网页设计与制作”专题学习网站(见图1);“网页设计与制作”协作学习计划表,具体项目有学习目标与内容、协作小组的组成与分工、具体活动步骤;师生共同编制的“网页设计与制作”专题学习网站学习活动过程评价表,设定了学习态度、信息素养、自主学习能力、探究学习能力、交流与合作能力5个方面共28个条目的评价标准,供自我评价、协作小组内互评和教师评价;由师生共同编制的“网页设计与制作”组间作品评价表,对各组准备工作、选题、内容、技术、页面、陈述这几方面进行评价。

● 实施过程

1.准备阶段

课前,教师让学生熟悉专题学习网站支持的学习环境、学习的基本流程。告诉学生网站的使用方法,让学生学会注册、登陆网站,学会在“学习论坛”上留言与交流,学会发布学习中所遇到的问题及上传作业、作品,学会在学习过程中运用网络技术查询、搜集资料。布置学生利用专题网站栏目“专题知识”的学习指导模块浏览专题学习目标、课时安排,了解重点、难点,初步了解知识点的学习方法及注意问题,浏览教学内容。

教师对于学生个体各方面能力的不同,按照“同组异质,异组同质”的原则进行了协作小组的分派,使其在学习活动中互相借鉴,互相帮助,取长补短,共同进步。同时,为让学习活动顺利开展,又尽可能使每组学生的整体能力差距不大。每组3～5人,各组组长由组内推选,要求计算机操作水平、组织协调能力等综合能力较强。

2.教学阶段

教学过程:学习“网页设计与制作”专题,共用5个课时,教学实施步骤如下。

第1课时:

情境导入。教师用投影仪展示一个名为《京剧苑》的获奖作品让学生欣赏,吸引他们的注意力,激发他们的兴趣,从而形成学习的内在动力。通过浏览和解说,学生知道主题网站由主页和其他网页构成,各网页之间以链接的方式建立联系,主页展示栏目纲要,其他网页展示各栏目详尽的图文影音内容;整齐排列的网页栏目是用表格来布局的;其他网页中各子栏目的详细内容能在同一页面切换展示是通过使用框架网页来实现的。然后告诉学生,这么精美的网页可以用FrontPage、Flash与Fireworks相结合制作完成。由此引入新课:通过使用专题学习网站,采用协作式的研究性学习方式自选主题进行网页设计与制作。

专题自主学习。采取基于资源利用的学习策略。专题学习网站的导学模块按教学大纲要求明确了教学目标,强调了重点学习内容,学生用鼠标点击链接点进入各节教师导学,新窗口展示包括视频教学点播系统在内的导学内容。学生根据教学目标和自己的学习程度利用包括“帮助”在内的专题学习网站资源进行自主学习,教师巡视监控指导,学生有问题可直接请教教师或与同学交流、讨论,也可以通过“学习论坛”在线讨论。

第2课时:

小组协作学习。采取基于任务的学习策略。自主学习后,每个协作小组的学生选定主题,填写协作学习计划表(见图2),然后各自带着任务分工合作。各组成员分工从Internet上查找收集文字、图片、音乐、影像资料,协商整理归类,上传至协作学习平台的“资源库”。教师巡视指导操作水平较低的学生搜索、保存、上传资源。

第3课时:

专题研讨、小组协作学习。以“爱动画”小组为例,学生甲运用Fireworks软件加工处理图片素材;学生乙运用Flash软件制作主题网站所需的小动画;学生丙用表格布局主页规划栏目;学生丁使用框架网页设计其他网页并设置子栏目。在此过程中组内成员协商讨论确定栏目和内容,教师解答学生问题,参与讨论,对学生进行启发和点拨,并观察课堂中学生学习的表现,做观察记录。学生遇到的技术性问题通过专题学习网站的导学、“帮助”、“学习论坛”及与教师、同学面对面的交流得以解决(见图3)。

第4课时:

专题研讨、小组协作学习。仍以“爱动画”小组为例,学生甲运用滚动字幕制作宣传语,添加与主题协调的背景音乐,设置图文格式美化主页;学生乙、丙、丁运用处理后的素材资源分别编辑制作中国动画、美国动画、日本动画网页。制作过程中互相协商补充完善网页,而后组长将各成员完成的网页链接到主页,检查各网页之间的导航、超链接是否清晰、准确,提交作品到协作学习平台的“作品”栏。组内每位同学填写学习活动过程评价表,上传至协作学习平台的“评价表”栏目。采用协作式学习策略,在一定程度上达到了学生互相帮助、互相督促、互相配合的效果。学习小组明确了学习目标和内容,协作开展学习活动,阶段性的学习成就提升了他们的学习自信度。

第5课时:

小组汇报、成果展示。各组制作汇报稿上传至协作学习平台的“汇报稿”栏目。教师随机抽取4组,每组派1位学生汇报学习成果与学习经历。通过使用教学系统软件和投影仪,全体学生观看汇报组作品,认真听取其汇报后,提出自己的见解,各组填写组间作品评价表后上传至“评价表”栏目。对于未抽取组的作品,教师和学生通过在线评价方式进行点评和建议。

点评总结、知识建构。教师根据学生自学、讨论及成果展示情况做出点评和总结,对学生发言汇报中的积极因素给予肯定和鼓励,对疑难问题进行点评解答。再次回顾教学内容,重申重点和难点,引导学生总结知识结构体系,进行知识建构。

课后,所有小组修改和补充完善的学习计划表、主题网站作品、所需资源、评价表和汇报稿上传到协作学习平台的对应栏目,这既使学习成果成为新的学习资源,使网站的内容不断发展丰富,也便于同学之间相互交流、相互学习和相互促进。