论文部分内容阅读
摘要:在《网页设计》课程的教学实践中,采用项目教学法,把理论教学与实践教学有机地结合起来,充分挖掘学生的创造潜能,提高学生分析问题和解决实际问题的能力。项目教学法为学生提供了良好的学习环境,在实施过程中更体现了中等职业学校计算机教学的特色,是促进中职学生全面发展的一种有效教学方法。
关键词:项目教学法;网页设计;企业网站制作
中图分类号:G424文献标识码:A文章编号:1009-3044(2010)18-4993-03
Application of Projektmethode in Web Design Course
GENG Xiang-zhen
(Henan Civil Administration School, Zhengzhou 450002, China)
Abstract: In teaching practice of webs design course, Application of Projektmethode bands theory teaching and practice teachingtogether closely, makes the best of creativity potentiality of students, improves the capability of students on analizing and solving the practical problems. Projektmethode not only provides good learning environment for students, but also incarnates the feature of computer education in secondary vocational schools, so it’s a effective instruction method for promoting integrated development of secondary vocational students.
Key words: projektmethode; web design; business website design
1 项目教学法的概念及特点
以项目为导向的教学方法,是师生通过共同实施一个完整的项目工而进行的教学活动。这里的项目指以制作一件具体的、具有实际应用价值的产品为目的的任务。
以项目为导向的教学方法是在建构主义理论指导下的一种教学方法。建构主义认为,知识不是通过教师传授得到的,而是通过学习者在一定情境下,借助其他的帮助,利用学习资源,通过意义建构的方式获得的。这就表明:学生是学习的主体,知识获得的方法是学生去发现,教师的任务是为学生获得知识创设情境,引导和帮助学生通过意义建构获得知识,让学生在意义建构的过程中进行创造。以“项目”为中心的教学设计正是顺应建构主义学习环境的上述要求而提出来的,因而很自然地,建构主义的学习理论和现代教学理论就成为以“项目”为中心的教学设计的理论基础。
项目教学法是在建构主义的指导下,以实际项目为对象,先由教师对项目进行选择与优化,并作适当的示范,然后让学生分组围绕各自的项目进行讨论、协作学习,最后以共同完成项目的情况来评价学生是否达到教学目的的一种教和学的新型模式。
项目教学法与传统的教学法相比,有很大的区别,主要表现在改变了传统的三个中心,由以教师为中心转变为以学生为中心,由以教材为中心转变为以“项目”为中心,由以课堂为中心转变为以实践为中心。
2 实施项目教学法的基本步骤
根据项目教学的教法思路和教学设计原则,可将项目教学法教学过程分为以下六步:
1) 情景设置:创设学生当前所学习的内容与现实情况基本相接近的情景环境,也就是说,把学生引入到解决现实问题的情景。
2) 操作示范:选择合适的项目,并示范完成项目的过程。
3) 独立探索:让学生独立思考,消化示范项目的解决要点,为解决练习项目打下基础。
4) 确定项目:小组通过调查、研究和讨论,并在教师的指导下确定具体的项目。
5) 协作学习:开展小组交流、讨论,组员分工协作,共同完成项目。
6) 学习评价:学生学习的效果直接由完成项目的情况来衡量,包括教师评价、学习小组评价和自我评价三部分。
3 实施项目教学法应注意的问题
3.1 确立项目是项目教学法成败的关键点,确立项目时应注意以下问题
1) 项目的确立应以训练学生实际技能为目的,以提高学生学习兴趣。
2) 应加强项目和市场、行业需要的衔接,并根据市场和行业的需要及时调整。
3) 项目的难易度应和学生的学习水平相当。过难的项目会打击学生学习的信心,增加学生的畏难情绪;过简单的项目会让学生没有新鲜感,没有挑战性,从而使学生没有成就感,无法吸引学生的兴趣。
4) 项目的确立应注意涵盖的知识点的全面性及系统性,注重项目间的知识点的联系及揉合。
3.2 为确保项目的实施,应做好以下几方面的工作
1) 注意教师角色的转换。在项目教学法中,应以学生为中心,突出学生的主体地位,老师的主导作用,教师应扮演好一个主持人、咨询者、引导者的角色,尊重并维护学生的主体地位。
2) 重视项目的完成,但不能忽略基础知识的掌握,要让学生建构一个系统的、全面的知识框架。
3) 加强校本教材的开发。根据设定的项目,编写适合中职学生的校本教材,并不断总结,最后形成项目资源共享。
4) 加强教学实习的管理。一方面可以送学生到教学实习基地完成项目,另一方面也可以吸引行业参与办学,加强项目实施力量。
5) 调整专业设备的使用分配,以保证项目教学法能够顺利实施。
6) 加强分层次教学的研究。在小组合作学习过程中,应根据学生的学习成绩、知识结构、学习能力、性格特点等进行合理分组,在分组后,应针对不同层次的学生,布置难易度不同的学习任务,采用不同的标准对学生进行考核,以提高学生的学习积极性。
7) 加强学科之间老师配合,可以采取小组合作教学等方法,以充分发挥最大的教学优势。
3.3 项目教学法中应采取多种方式方法教学评价
1) 采用老师评价、小组同学互评和学生自评三种评价方式相结合,对学生的学习进行全面、公正、客观的评价。
2) 根据不同的项目,参加劳动部组织的相关项目的技能鉴定,或者引入国际、国内普遍认可的行业认证,使学生获得相应的职业资格证书。
实践证明项目教学法能够充分挖掘学生的潜能,全面提升学生素质,是提高中职计算机教学质量的有效方法。
4 以项目为导向的教学方法在教学中的实践
我所担任的《使用Dreamweaver制作网页》是学校计算机特色班的一门必修课程,该班属于学校与北大青鸟合作的计算机教学方法改革的一个实验班,教学中采用以项目为导向的教学方法。根据项目教学的模式和特点设计的《企业网站制作》综合应用案例如下。
4.1 项目名称
设计制作企业网站—信用卡网站。
4.2 项目目标
通过这个项目,让学生能够使用Dreamweaver工具制作符合企业要求的实用型企业网站。通过本项目的学习,使学生掌握如下技能:掌握网站的开发、配置、测试、发布流程,加强对网站的整体把握;掌握多个网页的布局学习,加强对CSS DIV布局的能力;通过制作多个JS特效增强学生编程的能力;熟练使用CSS对页面的外观进行控制。
4.3 项目实施
4.3.1 理论讲解
1) 银行信用卡网需求分析
① 企业网站定位分析:互联网将企业带入了全球信息高速公路,让企业信息能够通达世界各个角落。企业通过互联网发布信息,供全球检索,以此来宣传企业、产品及服务,并通过网络与各行各业交流、推销并合作,企业在互联网上宣传忆成为扩大企业知名度的重要途径。归纳起来,企业在互联网上安家落户主要为了实现以下目的。
* 利用互联网宣传扩大企业的知名度。
* 扩大宣传,方便用户。
* 获取和发布商业信息,寻找潜在用户,促成贸易。
② 功能分析:银行信用卡网是一个典型的企业网,它定位清晰、受众明确,根据客户需求,拟定有如下功能。
* 企业展示部分:宣传企业的品牌,扩大知名度。
* 产品(信用卡)介绍:介绍信用卡,扩大产品宣传。
* 优惠促销:鼓励信用卡消费,激发潜在用户。
* 积分礼品、特惠商户:促进信用卡消费,巩固已有用户。
* 网上银行登陆:提供网络信息服务。
2) 银行信用卡网问题分析
① 布局分析
* 企业网站页面需要有一个展现企业标志LOGO的区块,通常还会在这个区块中放置BANNER动画等标志信息。
* 网站导航必不可少,可以帮助浏览者准确检索信息。
* 主体功能区。本区域需要承载网页的主要信息,浏览者主要从这部分获取需要的信息
* 版权和法律声明区。一般旋转在网页的底部,在形式上和标志信息区有呼应的效果,同时可以使整个版式完整规范。
通过以上分析,企业网页布局比较适合使用“T”字型布局,分别是页头区、主内容区、版权和法律声明区。此种布局既可以突出网站的整体形象,也可以展示出网页的重要内容,条理清晰、内容明确,是企业网布局的首选类型。
② CSS外观效果分析
超链接效果
* 网页文字链接的下划线,使网页整体感觉杂乱。用CSS控制文字链接,可以取消文字链接的下划线。制作鼠标移上链接文字,链接文字改变颜色的效果,既可提示浏览者也可使网页文字排版整洁。
* 为使链接产生互动性和很好的用户体验,用CSS对超链接和背景图片进行控制,制作出鼠标移上链接元素,链接元素背景图片替换的效果。
文字效果
* 网页初始文字设置为灰色,当鼠标移上文字链接,出现下划线提示。
* 列表实现新闻内容的多文字排版,可以使布局整齐美观。
* 利用CSS对图片和文字进行控制,实现图文混排效果。
特效效果
* 利用CSS实现整齐的边框效果。
* 利用CSS、JS等创建下拉菜单,此效果能有效利用网页空间,增加页面的动感效果;时间显示可以提示用户;有效利用首页空间的Tab层切换;对表单项的美化和交互性的提升。
图片、背景效果
利用CSS控制布局实现多图排版效果。
4.3.2 实施阶段
1) 教师展示做好的网站及各个页面。
2) 学生分组合作,制作主页及其它网页的制作过程(学生可参考课本、其他资料及帮助文档)。
3) 教师巡回指导。
4.3.3 评价阶段
每一组派代表进行展示并讲解操作流程,各小组之间互评,最后由教师进行总结性点评及鼓励,各小组进行适当的修改。让每个学生填写自评表。
4.3.4 成果展览
各小组上传班级网站,进行宣传。
5 总结
实施项目教学法,对教师来说是一个新的挑战,首先要不断的学习专业知识,提高专业素养。以及学习与计算机相关的其它学科的知识。其次要更多的关注学生的兴趣点,善于区分学生的能力水平,使项目的分配适合不同学生的水平。并学会由教学的主宰者向主持人角色的转变。教师要制定适当的且有一定弹性目标规划,通过争取学校领导支持和各学科教师的积极参与,不仅提高学生运用知识的能力,而且使学生能够获得社会能力。
参考文献:
[1] 郑金洲.项目教学指南[M].上海:华东师范大学出版社,2000.
[2] 北京阿博泰克北大青鸟信息技术有限公司.使用Dreamweaver制作网页[M].北京:科学技术文献出版社,2008.
[3] 北京阿博泰克北大青鸟信息技术有限公司.制作企业网站[M]. 北京:科学技术文献出版社,2008.
[4] R.M.加涅.教学设计原理[M].上海:华东师范大学出版,2005.
关键词:项目教学法;网页设计;企业网站制作
中图分类号:G424文献标识码:A文章编号:1009-3044(2010)18-4993-03
Application of Projektmethode in Web Design Course
GENG Xiang-zhen
(Henan Civil Administration School, Zhengzhou 450002, China)
Abstract: In teaching practice of webs design course, Application of Projektmethode bands theory teaching and practice teachingtogether closely, makes the best of creativity potentiality of students, improves the capability of students on analizing and solving the practical problems. Projektmethode not only provides good learning environment for students, but also incarnates the feature of computer education in secondary vocational schools, so it’s a effective instruction method for promoting integrated development of secondary vocational students.
Key words: projektmethode; web design; business website design
1 项目教学法的概念及特点
以项目为导向的教学方法,是师生通过共同实施一个完整的项目工而进行的教学活动。这里的项目指以制作一件具体的、具有实际应用价值的产品为目的的任务。
以项目为导向的教学方法是在建构主义理论指导下的一种教学方法。建构主义认为,知识不是通过教师传授得到的,而是通过学习者在一定情境下,借助其他的帮助,利用学习资源,通过意义建构的方式获得的。这就表明:学生是学习的主体,知识获得的方法是学生去发现,教师的任务是为学生获得知识创设情境,引导和帮助学生通过意义建构获得知识,让学生在意义建构的过程中进行创造。以“项目”为中心的教学设计正是顺应建构主义学习环境的上述要求而提出来的,因而很自然地,建构主义的学习理论和现代教学理论就成为以“项目”为中心的教学设计的理论基础。
项目教学法是在建构主义的指导下,以实际项目为对象,先由教师对项目进行选择与优化,并作适当的示范,然后让学生分组围绕各自的项目进行讨论、协作学习,最后以共同完成项目的情况来评价学生是否达到教学目的的一种教和学的新型模式。
项目教学法与传统的教学法相比,有很大的区别,主要表现在改变了传统的三个中心,由以教师为中心转变为以学生为中心,由以教材为中心转变为以“项目”为中心,由以课堂为中心转变为以实践为中心。
2 实施项目教学法的基本步骤
根据项目教学的教法思路和教学设计原则,可将项目教学法教学过程分为以下六步:
1) 情景设置:创设学生当前所学习的内容与现实情况基本相接近的情景环境,也就是说,把学生引入到解决现实问题的情景。
2) 操作示范:选择合适的项目,并示范完成项目的过程。
3) 独立探索:让学生独立思考,消化示范项目的解决要点,为解决练习项目打下基础。
4) 确定项目:小组通过调查、研究和讨论,并在教师的指导下确定具体的项目。
5) 协作学习:开展小组交流、讨论,组员分工协作,共同完成项目。
6) 学习评价:学生学习的效果直接由完成项目的情况来衡量,包括教师评价、学习小组评价和自我评价三部分。
3 实施项目教学法应注意的问题
3.1 确立项目是项目教学法成败的关键点,确立项目时应注意以下问题
1) 项目的确立应以训练学生实际技能为目的,以提高学生学习兴趣。
2) 应加强项目和市场、行业需要的衔接,并根据市场和行业的需要及时调整。
3) 项目的难易度应和学生的学习水平相当。过难的项目会打击学生学习的信心,增加学生的畏难情绪;过简单的项目会让学生没有新鲜感,没有挑战性,从而使学生没有成就感,无法吸引学生的兴趣。
4) 项目的确立应注意涵盖的知识点的全面性及系统性,注重项目间的知识点的联系及揉合。
3.2 为确保项目的实施,应做好以下几方面的工作
1) 注意教师角色的转换。在项目教学法中,应以学生为中心,突出学生的主体地位,老师的主导作用,教师应扮演好一个主持人、咨询者、引导者的角色,尊重并维护学生的主体地位。
2) 重视项目的完成,但不能忽略基础知识的掌握,要让学生建构一个系统的、全面的知识框架。
3) 加强校本教材的开发。根据设定的项目,编写适合中职学生的校本教材,并不断总结,最后形成项目资源共享。
4) 加强教学实习的管理。一方面可以送学生到教学实习基地完成项目,另一方面也可以吸引行业参与办学,加强项目实施力量。
5) 调整专业设备的使用分配,以保证项目教学法能够顺利实施。
6) 加强分层次教学的研究。在小组合作学习过程中,应根据学生的学习成绩、知识结构、学习能力、性格特点等进行合理分组,在分组后,应针对不同层次的学生,布置难易度不同的学习任务,采用不同的标准对学生进行考核,以提高学生的学习积极性。
7) 加强学科之间老师配合,可以采取小组合作教学等方法,以充分发挥最大的教学优势。
3.3 项目教学法中应采取多种方式方法教学评价
1) 采用老师评价、小组同学互评和学生自评三种评价方式相结合,对学生的学习进行全面、公正、客观的评价。
2) 根据不同的项目,参加劳动部组织的相关项目的技能鉴定,或者引入国际、国内普遍认可的行业认证,使学生获得相应的职业资格证书。
实践证明项目教学法能够充分挖掘学生的潜能,全面提升学生素质,是提高中职计算机教学质量的有效方法。
4 以项目为导向的教学方法在教学中的实践
我所担任的《使用Dreamweaver制作网页》是学校计算机特色班的一门必修课程,该班属于学校与北大青鸟合作的计算机教学方法改革的一个实验班,教学中采用以项目为导向的教学方法。根据项目教学的模式和特点设计的《企业网站制作》综合应用案例如下。
4.1 项目名称
设计制作企业网站—信用卡网站。
4.2 项目目标
通过这个项目,让学生能够使用Dreamweaver工具制作符合企业要求的实用型企业网站。通过本项目的学习,使学生掌握如下技能:掌握网站的开发、配置、测试、发布流程,加强对网站的整体把握;掌握多个网页的布局学习,加强对CSS DIV布局的能力;通过制作多个JS特效增强学生编程的能力;熟练使用CSS对页面的外观进行控制。
4.3 项目实施
4.3.1 理论讲解
1) 银行信用卡网需求分析
① 企业网站定位分析:互联网将企业带入了全球信息高速公路,让企业信息能够通达世界各个角落。企业通过互联网发布信息,供全球检索,以此来宣传企业、产品及服务,并通过网络与各行各业交流、推销并合作,企业在互联网上宣传忆成为扩大企业知名度的重要途径。归纳起来,企业在互联网上安家落户主要为了实现以下目的。
* 利用互联网宣传扩大企业的知名度。
* 扩大宣传,方便用户。
* 获取和发布商业信息,寻找潜在用户,促成贸易。
② 功能分析:银行信用卡网是一个典型的企业网,它定位清晰、受众明确,根据客户需求,拟定有如下功能。
* 企业展示部分:宣传企业的品牌,扩大知名度。
* 产品(信用卡)介绍:介绍信用卡,扩大产品宣传。
* 优惠促销:鼓励信用卡消费,激发潜在用户。
* 积分礼品、特惠商户:促进信用卡消费,巩固已有用户。
* 网上银行登陆:提供网络信息服务。
2) 银行信用卡网问题分析
① 布局分析
* 企业网站页面需要有一个展现企业标志LOGO的区块,通常还会在这个区块中放置BANNER动画等标志信息。
* 网站导航必不可少,可以帮助浏览者准确检索信息。
* 主体功能区。本区域需要承载网页的主要信息,浏览者主要从这部分获取需要的信息
* 版权和法律声明区。一般旋转在网页的底部,在形式上和标志信息区有呼应的效果,同时可以使整个版式完整规范。
通过以上分析,企业网页布局比较适合使用“T”字型布局,分别是页头区、主内容区、版权和法律声明区。此种布局既可以突出网站的整体形象,也可以展示出网页的重要内容,条理清晰、内容明确,是企业网布局的首选类型。
② CSS外观效果分析
超链接效果
* 网页文字链接的下划线,使网页整体感觉杂乱。用CSS控制文字链接,可以取消文字链接的下划线。制作鼠标移上链接文字,链接文字改变颜色的效果,既可提示浏览者也可使网页文字排版整洁。
* 为使链接产生互动性和很好的用户体验,用CSS对超链接和背景图片进行控制,制作出鼠标移上链接元素,链接元素背景图片替换的效果。
文字效果
* 网页初始文字设置为灰色,当鼠标移上文字链接,出现下划线提示。
* 列表实现新闻内容的多文字排版,可以使布局整齐美观。
* 利用CSS对图片和文字进行控制,实现图文混排效果。
特效效果
* 利用CSS实现整齐的边框效果。
* 利用CSS、JS等创建下拉菜单,此效果能有效利用网页空间,增加页面的动感效果;时间显示可以提示用户;有效利用首页空间的Tab层切换;对表单项的美化和交互性的提升。
图片、背景效果
利用CSS控制布局实现多图排版效果。
4.3.2 实施阶段
1) 教师展示做好的网站及各个页面。
2) 学生分组合作,制作主页及其它网页的制作过程(学生可参考课本、其他资料及帮助文档)。
3) 教师巡回指导。
4.3.3 评价阶段
每一组派代表进行展示并讲解操作流程,各小组之间互评,最后由教师进行总结性点评及鼓励,各小组进行适当的修改。让每个学生填写自评表。
4.3.4 成果展览
各小组上传班级网站,进行宣传。
5 总结
实施项目教学法,对教师来说是一个新的挑战,首先要不断的学习专业知识,提高专业素养。以及学习与计算机相关的其它学科的知识。其次要更多的关注学生的兴趣点,善于区分学生的能力水平,使项目的分配适合不同学生的水平。并学会由教学的主宰者向主持人角色的转变。教师要制定适当的且有一定弹性目标规划,通过争取学校领导支持和各学科教师的积极参与,不仅提高学生运用知识的能力,而且使学生能够获得社会能力。
参考文献:
[1] 郑金洲.项目教学指南[M].上海:华东师范大学出版社,2000.
[2] 北京阿博泰克北大青鸟信息技术有限公司.使用Dreamweaver制作网页[M].北京:科学技术文献出版社,2008.
[3] 北京阿博泰克北大青鸟信息技术有限公司.制作企业网站[M]. 北京:科学技术文献出版社,2008.
[4] R.M.加涅.教学设计原理[M].上海:华东师范大学出版,2005.