APP下载

项目式教学法在《动态网页设计》课程中的实施

2018-11-01吴燕珍

电脑知识与技术 2018年18期
关键词:新闻标题网页页面

吴燕珍

摘要:项目教学法是一种在教师指导下的、以学生为中心的教学模式。根据动态网页设课程的实践性强的特点,把项目教学法运用在教学中,提高学生分析问题和解决问题的能力。

关键词:项目教学法;动态网页设计

中图分类号:G642 文献标识码:A 文章编号:1009-3044(2018)18-0106-02

项目教学法起源于美国,盛行于德国。它是把整个学习过程分解为一个个具体的工程或事件,设计出一个个项目教学方案,按照行动回路设计教学思路,不仅传授给学生理论知识和操作技能,更重要的是培养他们的职业能力。项目教学法突出的特征是“以项目为主线、教师为主导、学生为主体”,改变了以往“教师讲,学生听”被动的教学模式,创造了学生主动参与、自主协作、探索创新的新型教学模式。

项目教学法是一种在教师指导下的、以学生为中心的教学模式。在这种模式中,学生是信息加工的主体、而不是外部刺激的被动接受者和被灌输的对象;教师是学生学习过程中的帮助者和促进者,而不是知识的传授者和灌输者。

1项目教学法实施的可行性

动态网页设计课程是一门网站开发设计类课程,是中职计算机类专业的核心课程。也是一门综合性很强的技能课程,是网页设计基础、Div+Css、MySQL数据库应用和PHP编程等内容的综合应用。学生在学习这门课程之前,必须是在完成了静态网页设计、数据库管理与应用等课程的学习后,才进入动态网页设计课程的学习。由于程序设计类课程对中职学校学生是一个学习的难点,许多学生因缺乏程序设计思维方式的训练,在学习过程中很容易产生畏难情绪,从而失去学习的兴趣。因此为了提高教学效果,教师在教学过程中不仅要强调对学生的知识传授,也要注意课程教学的多样化,使学生提高学习兴趣,主动参与到学习中,从而达到掌握程序设计思维的方法,才可能真正地理解动态网页设计的基本概念和PHP程序设计的方法。

中职教育是坚持以就业为导向,面向社会、面向市场,围绕经济社会发展和职业岗位能力的要求,确定专业培养目标、课程设置和教学内容;坚持“做中学、做中教”,突出职业教育特色,高度重视实践和实训教学环节,强化学生的实践能力和职业技能培养,提高学生的实际动手能力。打破传统的按照学科体系进行教学的课程模式,开发综合化和项目化的教学模式,以“综合能力培养”为目标,构建实践教学。开展实践教学,培养学生的从业能力是职业技术教育区别于普通基础教育的显著特征之一,要充分体现这一特征,构建实践教学模块、开展系统训练是关键。在项目教学活动中,教学过程与项目实践融为一体,教师引导学生通过直观感知获得知识技能和技巧,有利于挖掘学生的创造性潜能,培养学生自主学习的热情和积极性。因此,可以考虑在本课程教学中灵活引入项目教学法。以项目开发为主线展开教学。

2 项目的准备

在当今IT技术迅速发展的年代,动态网页技术的应用已经渗透到各行各业,电商行业、金融行业以及众多的政府门户等等。因此本课程中项目的选择面还是很广的,但是教学以学生为中心,所以项目的选择应以学生熟悉的内容为准。由于学生不熟悉这些领域的业务流程,将影响到学生学习的积极性和项目教学的效果。因为学生经常浏览新闻网站,对此内容非常熟悉,所以笔者选择新闻发布系统作为教学项目。

项目确定后,由于该项目内容不可能在2个课时全部完成,因而根据项目教学的特点,按照项目的内容及课时的需要,可以把项目分成若干个小项目,分别安排不同的时间完成。新闻发布系统分成两大模块,一是前台展示的新闻浏览,二是后台管理的新闻管理部分。新闻发布系统采用了模块化程序设计思想,将需要重复使用的部分进行独立设计,然后将其嵌入到需要调用该页面的网页中。重复出现的网页包括头部导航文件、左部搜索文件以及底部版权说明文件。根据该系统的内容以及特点确定了项目教学的四个项目。

项目一:编辑新闻主页面和新闻详细页面,单击新闻标题可进入新闻的详细页面。

项目二:编辑新闻导航条文件、分类新闻浏览页面和底部版权所有页面,用户可通过单击不同导航可浏览分类新闻页面。

项目三:编辑左部搜索页面和搜索结果页面,可通过新闻标题或新闻内容搜索想要看的新闻标题,单击新闻标题可进入新闻详细页面。

项目四:编辑新闻管理后台文件,包括管理登录页面和新闻录入页面。管理员只有成功登录才可以进行新闻录入工作。

3 项目的实施

在学习本项目内容之前,学生已经学习了表单页面的操作以及表单内容的获取方法;学习了MYSQL数据库的连接和解决乱码问题、定义记录集、使用表格显示记录集数据、删除记录和插入记录等知识点的应用。有了这些知识的积累,就可以实施网站的编辑了。

首先教师把已经编辑好的网站,对学生详细演示,把网站的应该具有的每一个功能都展示给学生看,让学生体会网站的运行过程和效果。并把演示过程录制成视频,可以供学生下载观看,在项目实施过程中回放,检查自己的编辑是否做到项目所要求的效果。然后按项目的先后顺序对每个项目逐个进行编辑,每个项目实施前,应把该项目新的知识点给学生详细讲解,用站点页面为例进行演示说明,让学生掌握该知识点,再布置项目任务给学生完成,这样项目完成的质量就会事半功倍。

各项目实施过程如下所示:

项目一:此项目由两个网页组成

(1)新闻主页面:在此页面中显示最新新聞、各分类新闻的前8条记录,需要定义若干个记录集,设置重复区域显示8条记录,设置单击新闻标题时会转到该新闻详细页面。因为这个页面所定义的记录集至少6个,所以在这个页面学生最容易出错的地方是记录集的选择出错,需要提醒学生。

(2)新闻详细页面:在此页面中显示用户点击新闻标题时显示该新闻的详细内容,定义记录集获取该新闻标题从地址栏传递过来的新闻编号,定义函数修改代码应用此函数规范新闻内容的输出格式。

项目二:此项目由三个网页组成

(1) 新闻导航条页面:此页面起到分类导航的作用,单击不同的导航可以分类浏览新闻。此页面为独立文件,嵌入到需要调用该页面的网页中,因此把网页重复标记删除,以免引起代码混乱。

(2) 新闻分类页面:此页面显示分类新闻,定义记录集获取新聞导航条页面单击时传递过来的新闻分类编号,设置重复区域显示10条记录,设置中文页面导航。

(3) 新闻底部文件:此页面为版权所有显示,没有动态网页技术应用。此页面为独立文件,嵌入到需要调用该页面的网页中,因此把网页重复标记删除,以免引起代码混乱。

项目三:此项目由三个网页文件组成

(1) 左部搜索及热点新闻TOP10页面:此页面由搜索表单和热点列表组成,搜索表单由文本框和两个按钮组成,两个按钮分别是“按新闻标题搜索”和“按新闻内容搜索”,按钮动作分别是“提交”和“无”,需要设置当单击第二个按钮时表单的转向动作。新闻热点内容,定义记录集按新闻发布时间降序排列,设置重复区域显示10条记录。由于此页面为独立文件,嵌入到需要调用该页面的网页中,因此把网页重复标记和数据库连接代码删除,并对服务器行为所涉及的代码改名,以免引起代码混乱。

(2) 按新闻标题搜索结果页面:此页面定义记录集获取搜索页面文本框内容,显示按新闻标题搜索结果。

(3) 按新闻内容搜索结果页面:此页面定义记录集获取搜索页面文本框内容,显示按新闻内容搜索结果。

项目四:此项目由两个网页文件组成

(1) 管理登录页面:此页面设置表单,按用户名和密码设置登录,设置登录用户的服务器行为。

(2) 新闻录入页面:此页面的功能是添加新闻,需要管理登录成功才可以进入该页面。创建表单,表单项内容与新闻表格内容一致,设置对页面的访问和插入记录等服务器行为。

4 项目教学实施效果

项目内容全部完成后,在教师的引导和辅导下,大部分学生都能较好地完成该项目的所有任务。对于自己亲手完成一个完整的网站的建设,学生是颇有成就感,对所学的内容也掌握得很好。

在整个教学过程中,以学生为中心,教中学,做中学为指导方向。充分体现了学生的主体地位和教师的主导作用,在实际教学运用中非常受欢迎。通过项目教学实践,与传统的教学手段比较,学生不仅能够迅速理解掌握知识和技能更能随即将知识技能灵活应用于实践中,从而能培养学生的创新能力和自主探究能力。项目教学法充分发掘了学生的创造潜能,全面培养了学生分析问题和解决问题的思想和方法,提高了学生对程序设计的意义建构,充分地展示了中等职业学校教学“以能力为本位”的价值取向。

参考文献:

[1] 戴长秀,赖益强.开放式项目教学法的应用与研究[J].现代计算机,2012(10).

[2] 罗亚玲.项目教学法在高职程序设计课程教学中的应用[J].职业教育研究,2013(2).

[3] 王水莲.项目教学法在 Access 教学中的应用[J].教学园地,2009(5).

猜你喜欢

新闻标题网页页面
刷新生活的页面
谈新闻标题的现实性
网络新闻标题与报纸新闻标题的对比
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
无意间击中幽默的新闻标题
网页制作在英语教学中的应用
浅谈新闻标题的装扮技巧
10个必知的网页设计术语
网站结构在SEO中的研究与应用