论文部分内容阅读
“学建网站”是上海市初中信息科技学科的学习内容。笔者以“民族文化”为选题,以项目活动为形式,辅以《网页制作》辅助教学课件,使得网站制作的学习更有效。以下阐述了该课件的特色亮点、设计思路、内容结构及技术处理。
● 特色亮点
1.注重通用性与延续性
《网页制作》课件的设计不是为了某一节或者某一单元的教学,而是项目学习的大课件。所以,应综合考虑整个网站制作的需求,挑选教学资源有效整合,特别注意同一资源的多次利用。
2.有利于学生自主学习
有了教师的教学范例网站,有了学生的作品集网站,辅以Moodle教学平台和在线视频教程链接,学生可以自主学习。学习能力有差异的学生,可以根据自己的需要分层学习。
3.学习变得更简单直观
“网页与网站的关系”很难用一两句话解释清楚,但是利用“海上美食”网站范例,结合该网站的“交流学习”栏目,网页与网站的对应关系直观呈现,学生很容易理解什么是站点结构。
4.让创作更有价值
网站制作的知识点很多、很杂。学生时常会觉得缺少创作的动力和兴趣。但是,因为有了师生交流展示平台,给每一位学生提供了作品展示的机会。还能欣赏别人的作品,了解并弘扬中华民族的传统文化。学生都觉得这样的学习非常有意义。
● 设计思路
1.项目总目标
通过“民族文化”主题网站制作的过程,希望学生学会项目制作的一般方法;能够有效选择和高效使用应用软件,利用技术解决问题;具有创新思维能力。
2.“统一与创新”的教学难点
该网站制作项目是面向七年级的学生展开。学生对基础技能的操作基本没有问题。但是在网站制作中,普遍存在两大问题:一是整体规划能力弱。主要表现为网站结构不合理,网页版面设计不统一。二是创新意识较低。主要表现为网站主题和内容不精,版面设计缺少特色。该课件的设计旨在让学生把握整体与局部的关系,突出创新与个性,并能在两者之间找到平衡点。
3.立体式网页元素拆分方法
根据项目目标和教学难点,笔者在分析教学内容时,觉得在网页制作时采用“立体式”网页元素拆分方法更能实现美工设计的“统一与创新”。所以,课件中的资源设计也是围绕这种理念进行选择和处理的。经历了多年的网站制作项目教学,笔者对于网页设计的理解发生了变化。就制作软件来说,从最初的FrontPage到Dreamweaver,再到网页三剑客综合运用,网站制作软件趋于专业。就页面设计理念来说,由“平面式”到“立体式”的网页元素拆分方法,更利于学生在美工上整体设计,发挥创意。对于单张网页,传统的教学方法将其分割为“页眉、导航、内容、页脚”四个网页组成元素。制作时,强调使用表格布局的方法,容易造成学生关注细节,最后的作品版面割裂为四小块,忽略网页整体的设计,又缺乏个性。“立体式”强调按图层拆分。单张网页拆分为“背景设计、图文内容、动画效果”,分别对应Fireworks、Dreamweaver、Flash等。网页三剑客软件界面相似,学生能够运用已有知识学习新技术,所以,在操作时,学生完全能运用基本的工具进行创作。而且,高效整合使用应用软件,有助于“立体式”网页制作的实施。学生既能整体考虑页面设计,又能个性化地设计网页,不受单元格的束缚。
● 内容结构
本课件使用Dreamweaver
● 特色亮点
1.注重通用性与延续性
《网页制作》课件的设计不是为了某一节或者某一单元的教学,而是项目学习的大课件。所以,应综合考虑整个网站制作的需求,挑选教学资源有效整合,特别注意同一资源的多次利用。
2.有利于学生自主学习
有了教师的教学范例网站,有了学生的作品集网站,辅以Moodle教学平台和在线视频教程链接,学生可以自主学习。学习能力有差异的学生,可以根据自己的需要分层学习。
3.学习变得更简单直观
“网页与网站的关系”很难用一两句话解释清楚,但是利用“海上美食”网站范例,结合该网站的“交流学习”栏目,网页与网站的对应关系直观呈现,学生很容易理解什么是站点结构。
4.让创作更有价值
网站制作的知识点很多、很杂。学生时常会觉得缺少创作的动力和兴趣。但是,因为有了师生交流展示平台,给每一位学生提供了作品展示的机会。还能欣赏别人的作品,了解并弘扬中华民族的传统文化。学生都觉得这样的学习非常有意义。
● 设计思路
1.项目总目标
通过“民族文化”主题网站制作的过程,希望学生学会项目制作的一般方法;能够有效选择和高效使用应用软件,利用技术解决问题;具有创新思维能力。
2.“统一与创新”的教学难点
该网站制作项目是面向七年级的学生展开。学生对基础技能的操作基本没有问题。但是在网站制作中,普遍存在两大问题:一是整体规划能力弱。主要表现为网站结构不合理,网页版面设计不统一。二是创新意识较低。主要表现为网站主题和内容不精,版面设计缺少特色。该课件的设计旨在让学生把握整体与局部的关系,突出创新与个性,并能在两者之间找到平衡点。
3.立体式网页元素拆分方法
根据项目目标和教学难点,笔者在分析教学内容时,觉得在网页制作时采用“立体式”网页元素拆分方法更能实现美工设计的“统一与创新”。所以,课件中的资源设计也是围绕这种理念进行选择和处理的。经历了多年的网站制作项目教学,笔者对于网页设计的理解发生了变化。就制作软件来说,从最初的FrontPage到Dreamweaver,再到网页三剑客综合运用,网站制作软件趋于专业。就页面设计理念来说,由“平面式”到“立体式”的网页元素拆分方法,更利于学生在美工上整体设计,发挥创意。对于单张网页,传统的教学方法将其分割为“页眉、导航、内容、页脚”四个网页组成元素。制作时,强调使用表格布局的方法,容易造成学生关注细节,最后的作品版面割裂为四小块,忽略网页整体的设计,又缺乏个性。“立体式”强调按图层拆分。单张网页拆分为“背景设计、图文内容、动画效果”,分别对应Fireworks、Dreamweaver、Flash等。网页三剑客软件界面相似,学生能够运用已有知识学习新技术,所以,在操作时,学生完全能运用基本的工具进行创作。而且,高效整合使用应用软件,有助于“立体式”网页制作的实施。学生既能整体考虑页面设计,又能个性化地设计网页,不受单元格的束缚。
● 内容结构
本课件使用Dreamweaver