时间:2023-04-01 10:29:24
序论:在您撰写网页设计论文时,参考他人的优秀作品可以开阔视野,小编为您整理的7篇范文,希望这些建议能够激发您的创作热情,引导您走向新的创作高度。
1、大多数教师的教学内容主要为以下几种类型:
(1)上课主要讲解Dreamweaver软件的使用,主要介绍如何使用这个工具进行网站的开发。
(2)介绍fireworks如何绘图,并将绘图的内容切片,将网页展现出来。
(3)将Dreamweaver、Flash和Fireworks分别教给学生。由于课时的原因,学生每种都会点,但没有一样能精通。
2、存在的不足:
经过与现从事网站建设相关工作的学生调研,我发现上面的任何一种教学内容,都无法在实践中得到充分的应用,原因如下:首先,从事网站设计的企业,一般都有专门的美工,负责网页界面的设计,他们的美术功底及设计能力远非计算机专业的学生能达到。其次,现在的网站基本采用DIV+CSS进行设计,原先采用表格设计网页的技术已处于淘汰阶段。而在目前的教学中,DIV+CSS在中职学校中根本没有开展教学。于是就出现了这样的现象:计算机专业的学生在网页设计的岗位上美工做不好,页面也不会设计,教学内容和实际需求的能力脱节。
3、当前计算机专业的网页设计课程教学内容的组织
首先,在学习Dreamweaver的基础上,讲解HTML语言。其次,好的网页需要有新的技术支持。现在主流的网站都采用了DIV+CSS结构,DIV+CSS是网页美工必须了解和掌握的一门技术,DIV+CSS采用样式和结构分离的方式,利于搜索引擎读取网站页面,方便管理和网站维护。
二、教学方法和教学思路探索改善
针对上述提出的实际问题,我对中职网页设计教学的教学思路和教学方法提出以下的见解:
1、提高教师实践能力水平,改进教学方法。
作为网页设计课程教学的教师来说必须关注互联网应用的实时趋势,走出课堂、走出校园、深入到企业了解就业市场需求。学校可以加强校企合作,从政策上引导和鼓励教师利用寒暑假深入到企业进行实践。深入了解一个完整的网站的创建过程,从规划到素材的搜集与处理,到网站制作,再到网站维护。教师把企业中的项目拿到课堂教学中,学生从完成项目的过程中,明确地知道自己学习了网页设计这门课程,以后能做什么工作,在工作中怎么去应用课堂上的知识。
2、多种教学方法并用,优化课堂教学。
(1)分层次教学法
传统的课程设计对所有学生都制定统一的标准和要求,这样影响了基础好、动手能力较高的学生,抑制了他们的发展。“分层教学”就是进行有层次的教学,针对于每堂课程给每个层次学生制定不同的标准,根据学生掌握的水平和对这门课学习的兴趣、智力水平及内在潜力等一些软指标来区分学生层次,让同学们在正确认识自己、评价自己的基础上进行自我选择。教学对象的分层有利于教学目标的分层,可以更好地调动每一个学生的学习积极性、主动性。
(2)个性化教学法
网页设计教学有别于其他软件的教学,它具有较强的实践性。所以在教学中应充分体现学生的主体作用,虽然很多教师都注意到了这一点,教师利用较短时间操作演示,让学生用大量时间去实践,但是学生出现了模仿、记忆的操作过程,往往按部就班的学习,知识没有经过自己思维的深加工而一知半解。为了避免该问题发生,教师在综合训练时可以提供给学生一些优秀的网页作品供学生参考,让他们在某一特定主题下自己动手制作。这样才有利于学生探究知识、自我学习能力的培养,也能充份体验出学生的个性,从而保护了每个学生的创造力。
(3)案例教学法
案例教学法对于这门课程是非常重要的,要求学生做出高水平、高质量的网页,首先要开阔学生的视野,开拓学生的思路,见多才能识广,教师在上课的过程中,一定要精心设计案例,案例应该由易到难,不能让学生产生畏难情绪,而降低积极性。案例教学的着眼点在于学生创造能力以及实际解决问题的能力的培养,不仅仅是获得那些固定的原理、规则,而是如何用更有效的方式获得知识。案例教学是一种“做中学”的形式,它是从经验与活动中获取知识,增进才干。通过案例教学,学生不仅可以从中获得认知的知识,而且有助于提高表达、讨论的技能,增强面对困难的自信心。
(4)任务驱动法
任务驱动法是以完成具体任务为目的而展开教学活动,使学生紧紧围绕任务进行探索学习,由浅入深,由简及繁,循序渐进地完成特定的教学任务。在整个过程中,学生是学习的主体,教师只起到引导的作用,从而使学生逐渐养成发现问题、思考问题、分析问题、解决问题的习惯。同时“任务”的完成使学生有成就感,激发学生学习兴趣,从而使学生由传统的“被动学习”状态转化为“主动学习”状态。本课程期末考核可以通过设计一个覆盖网页设计与制作所需要掌握的知识和技术的总任务,然后再将总任务进行细分为一个个小的任务,做到具体小任务的完成推动总任务的完成。通过任务的完成,学生能够在一个学期内有效的掌握相关知识和技能,提高了学生学习效率和实际操作能力。因此,任务驱动法在网页设计教学中是非常有效的。
3、教学手段,以启发和体会为主
在网页设计教学中,理论知识讲得再多,如果学生不会灵活运用,一点用处也没有。在教学中,不必太拘束于理论,应让学生结合实践,去理解和体会知识。如在学习网页的布局和页面色彩时,教师应找各种各样的典型网页或网站,让学生在上网或观察中体会。学生在观察和研究这些不同的网站设计的时候,教师可以让学生评选出自己喜欢的或者是觉得最好的和最差的,让学生说说它们的差异。通过这样的观察和体会,让学生明白网页设计过程中,需要注意什么,怎么做才会更好。学生结合自己的实际体会,归纳总结出自己能理解和掌握的知识。
4、实践环节重引导
中职计算机教学更重视实践,重视动手操作,否则理论知识再丰富,如果不会动手实践,也不能保证学生能够更好地就业。实践环节不但要重视,还要高效,有些学校在课程的实践方面,分配了足够的课时,但实践的效果并不好。在网页设计这种相对比较开放和自由的实践课上,可让学生充分发挥自己的想象力和创造力。值得注意的是,在学生的实践过程中,教师要对学生进行适当的帮助和引导,如果任由学生自己去摸索,那么很可能在上机实践这段有限的时间内,学生很难做出点东西来。这个阶段并不是学生探索的阶段,重要的是鼓励学生把设想变为现实。
三、考核、评价方法的改变
网页设计课程的实践性非常强,我们要检验的是学生的设计能力、综合应用能力和创新能力,那么单纯靠最后的期末考试,是不能确切的评价一个学生的真实水平,而要将平时的作业、练习都纳入学生评价中。对于网页这门课程,我认为比较合理的评价方法应该是平时的作业占50%,期末考试占50%。平时的作业就是一次次的案例,检查学生平时学习的态度和知识的掌握情况。对于期末考试,我认为应该以要求学生设计一个完整的网站来结束本课程,而不是要求在给定时间内完成任务,本身一个网站的建设在短短的两三个小时内是无法完成的,包括素材的收集、版面的布局、内容的充实等,何况学生可以利用互联网来收集相关的资料,参考引用他人模板来完成任务,所以应该以上交作品的形式完成本课程的期末考试,在作品完成的过程中,老师进行巡视、评价,也就是我们考核的不仅仅是最后的作品,而是将完成作品的过程也作为我们评价的一个依据。最后,上交的作品可以让全班同学互相点评、互相评价,在评价别人作品的同时以提高自己的水平。
四、总结
在用户获取信息的方式上,网页有别于纸质媒介,网页是以浏览为主,而纸质媒介是以阅读为主。所谓浏览,按照字面意思就是粗略、大致地看一遍,其主要目的是大致了解,搜寻是否有感兴趣的信息线索;阅读比浏览更具有主动性和目的性,是有目的地读,其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实:一是“我们不是阅读网页,而是浏览”;二是“我们不做最佳选择,而是满意而止”;三是“我们不深究原理或本质,而是想当然地使用”。我们为什么对网页是浏览呢?克鲁格的分析认为有三个原因:一是因为匆忙,使用网络的目的多半是想节约时间,这样用户就会不停地运动;二是用户知道不必全部阅读,通常一个网页里面只有很少一部分是他们感兴趣的;三是用户擅长浏览,浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因,用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程,直至满意而归。如果中间出现了不满意,这个过程就会终止,用户就带着不满意而离开。所以,在设计网页时,哲学家威廉提出的奥卡姆剃刀原理“如无必要,勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时,突出那些重要的内容,去掉那些不必要的图案和文字,即使那些能够让你的网页在视觉上产生更好的效果,但如果其干扰重要信息的浏览,仍然应该果断地去掉。在网页中,只有那些有利于信息传达目标的美才是有价值的,美应该符合于功能的需要,美和功能的和谐统一才是网页设计追求的目标。为了便于浏览,在网页内容的编排上必须尊重视觉习惯,我们在浏览时总是从左到右,由上而下地扫视,要根据内容的重要性,进行从左到右、由上而下地依次排列,使重要的内容最先映入浏览者的眼帘。在文案的写作上,为了便于快速浏览,一是对标题、关键内容加以强调;二是采用短的句子和段落;三是采用清晰的分区和列表;四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣,然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中,短句和短的段落有利于减小理解的难度和缩短判断的时间,清晰的分区和列表能够让人快速抓住其关注的兴趣点,促进人们继续浏览。
二、网页设计不应打破惯例
前面已经提到,网页是一个要求即看即用的特殊“产品”,也就是一看我们就要知道如何使用。我们虽然使用了若干手机,但我们购买了一款新的手机时,我们还是得阅读说明书后才能正常使用,网页确不需要。那如何才能达到即看即用呢?使用惯例就是最好的武器,这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西,我们一看就知道它的意思,就知道怎么去操作,因为惯例是我们日常生活中积累起来的,已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识,使用存储于外部的知识不需要学习,但效率低;使用头脑内部的知识需要专门学习,但效率高。而惯例是已经存储在头脑内部的知识,具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的,一是重要导航在页面的位置,按照惯例一般布置在页面的上部、左上部或右上部,首页的链接放置在最前面;二是网站的标识放置在页面的左上部,浏览者用其来判别是否到达了目标网站;三是文字链接要加下划线(也可以鼠标放上去才出现),浏览者用其来判断是否有超级链接;四是常用标识符号,如在多页文档中,代表向上翻页,代表向下翻页;在视频、音频播放中■代表停止,代表暂停,代表播放。这些标识符号在网页中已经具有特定的意义,是不能随意改变的。
三、设计层面之间的逻辑联系
在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面,包括战略层、范围层、结构层、框架层和表现层,并确定了自下而上的建设流程,规定了设计的程序。自下而上的各个层面,从抽象逐渐变成具体,并且包含着密切的逻辑联系。战略层确定的网站目标和用户需求,是整个网站设计的基石,其决定范围层的内容选择和功能设计;结构层是对范围层选择的内容进行分类和组织,形成信息架构,以及对确定的功能进行交互设计,确定交互的过程和交互行为;框架层是在结构层信息架构的基础上,根据完成任务的需要,利用超级链接设置来完成导航设计,以及规划信息架构在页面空间中的位置关系,形成布局框架;表现层是对框架层进行具体的视觉表现,包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出,下一层是上一层的设计依据或设计对象,上一层是下一层的进一步深化和具体,相邻层之间紧密联系,既不能交换,也不能跨越,更不能缺少,具有严格的秩序,形成了完整的逻辑链条,理性思维贯穿在整个设计过程之中。
四、结语
在一个合理的课程体系的基础之上,针对目前中职学生基础差,学习积极性不高的特点,选择一本好的教材,在一定程度上也影响了学生的学习兴趣和教学效果。在选择教材时,一定要坚持少理论,多应用实例的原则,如果条件允许,可以根据本校学生的实际情况编写校本教材。比如,可以编写一门《网页美工设计》的教材,内容分为Photoshop和Flash两大部分,在Photoshop部分主要学习如何应用该软件处理网页图像以及设计网页布局和对网页进行切片的技术,而在Flash部分主要是学习如何制作网页的动态元素。考虑到中职学生英语基础差,对程序代码的理解能力有限,在动态网页制作教材的选择中,要优先选择利用Dreamweaver软件的服务器行为实现动态技术的教材,尽可能减少对程序代码的过多讲述,以提高学生学习的兴趣和自信心。
2突出实践能力,部分内容实行协同教学
2.1设计学习任务,激发学生的学习兴趣
兴趣是最好的老师。在进行入门教学的时候,如何激发学生的学习兴趣,使得学生在主观上由“要我学”转变为“我要学”,是个关键问题。以讲授网页美工设计的内容为例,在开始几节课,要结合国内外的几个知名网站的整体结构进行分析,介绍知名网站在版面设计方面如何布局,在色彩搭配方面如何合理地统一网站的风格、网站Logo和Banner的设计理念,以及如何对网页图片进行处理才能更加吸引网民的眼球等,让学生意识到网页世界的丰富多彩,从而激发他们的学习兴趣。与此同时,在每个学习阶段结束的时候,都要求学生独立完成一个任务,从最基本的图片处理、Logo设计到整个网站结构的布局和色彩搭配,这样学生就会在自己心里形成一个风格,这也是学生学习好网页设计课程的基础和前提。
2.2举一反三,培养学生学习能动性
网页设计是一门专业技能,非常注重学生实际动手能力的培养。在实际教学中,教师要充分准备大量的具体案例,采用提问法、任务驱动教学法、讲练结合法等方法对学生进行教学。在开始教授一个新的内容时,要提出一个问题,让学生带着疑问去学习,这样才能有的放矢。教师可以先在教师机上演示操作一个具体案例,在演示的过程中,采用边讲边练的方式,让学生在“做中学”,然后布置一个与此案例类似的任务,让学生独立完成,在任务结束的时候,根据学生的完成质量情况,让做得比较好的学生在教师机演示自己的成果,谈谈自己在做的过程中的心得体会。这样,在课堂上,大部分的时间就交给了学生,让学生始终处于动手的状态。作为教师,在学生实施任务的过程中,不要过多干涉学生,而是多给学生以引导,让学生自己思考、设计、完善,让学生在实践中自我摸索,不断提高。通过这种方式,不仅起到了举一反三的教学效果,而且充分发挥了学生的学习能动性,使得学生学得扎实,记得牢固,也进一步提高学生的分析问题和解决问题的能力。
2.3部分内容协同教学,明确分工
组内成员的分工,首先是角色分工。每个合作小组要选定小组长,以分配任务,监督进度情况,协调组内成员等。对于小组内的成员,要明确分工职责。以网页设计综合实训为例,面对一个完整的网站系统任务,需要3个小组成员,其中,一个负责网页图片素材、动态效果的处理,一个负责整体网站的布局、色彩搭配,以及切片导入Dreamweaver的工作,一个负责数据库设计和后台服务器行为的实现。当然,为了让每个学生都能够全面掌握网页设计的技术,每次合作时的角色也是应该轮换的,而非固定不变,特别是小组长的轮换,体现了人人平等的精神,让每个学生都体会到自己在小组中的重要性,从而激发他们内在的能力。在任务实现过程中,通过协同合作,明确分工的方式,可以逐步培养学生的组织能力、交流能力、协调能力、相互尊重的态度等,以期学生在不同的学习任务中发展不同的能力,从而可以大大提高学习效率。
3教师要及时指导,将德育教育融入教学过程
在学生的学习过程中,无论是独立学习还是合作学习,教师绝不能是旁观者,而应该是学生的合作伙伴和指导者。特别是在学生以小组为单位的合作学习过程中,教师不是更清闲了,而是担负起了更大的职责。在合作学习中,教师要针对班级、小组的具体情况,在宏观层面给学生以指导,涉及整个任务的管理,调控和引导,要充分展示各种问题的形成过程和解决过程。实践证明,在合作学习过程中,如果有教师的及时指导,如指导学生一些合作学习的步骤,明确合作学习的规则,有利于学生顺利开展学习,充分发挥小组协同合作的作用。与此同时,要将德育教育融入到教学过程中。现阶段,作为网络信息承载者的网页是一把双刃剑,各种信息充斥其中,对于这些正处于青春期的中职生,如何正确对待这些信息,将对他们的成长发挥重要作用。因此要将网页作为德育教育的载体,通过制作以“健康、向上”为主题的网站,在搜集素材的过程中多接触先进人物、先进事迹,无形中让学生,逐步树立正确的人生观和价值观,让学生学会做人做事。
4结束语
通过《网页设计与制作》多年的教学发现,应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作,并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系,提高学生综合项目实践能力,更好的与社会需求接轨。有必要对传统的考核方式进行改革,同时经过多年教学探索,结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作(每组2-3名学生)完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成,权重分别为70%、30%,每一项按百分制评分后依权重比例计入总成绩,总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成,为了与学校的评分要求接轨,将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案,其中操作考核实施的具体要求以试卷形式展现,内容要求以表“操作考核内容”为中心,以考核学生综合网站制作能力为基本思路,通过小组合作完成主题网站的设计与制作,具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作,同时要求学生善于思考、总结,每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容:
(1)项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段,要求小组共同确定网站名称、网站风格(列举网页采用主要色彩及网页色调定位)、网站栏目、站点目录结构的内容以形成完整的网站规划,在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图;静态页面制作阶段要求绘制网页布局的结构图及标注尺寸;程序开发阶段列举所用的开发工具、对数据库、表进行截图,以及绘制程序开发页面流程图。
(2)项目总结。对本项目完成情况进行分析、总结,并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍,总结,便于相互交流经验。
(3)项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式,让学生明白实际工作中不仅需要具备较高的技术能力,还要有合作意识,与合作者之间有效、和谐的沟通。
2.考核方式
作者在论文的写作当中难免要阅读相关的学术资料,在论文引用的他人作品时不能全部都写到论文当中去,那么只要将其主要文献标注好后依次列在论文的最后面。下面是学术参考网的小编整理的关于网页设计论文参考文献,欢迎大家阅读赏析。
网页设计论文参考文献:
[1]胡崧.HTML从入门到精通[M].北京:中国青年出版社,2007.
[2]知新文化.HTML完全手册与速查辞典[M].北京:科学出版社,2007.
[3]杨选辉.网页设计与制作教程[M].北京:清华大学出版社,2009.
[4]王诚君,刘振华,郭竑晖,高中山.Dreamweaver8网页设计应用教程[M].北京:清华大学出版社,2007.
[5]李光明,曹蕾,余辉.中文Dreamweaver8网页设计与实训教程[M].北京:冶金工业出版社,2006.
[6]周德华,许铭霖.新编网页设计教程[M].北京:冶金工业出版社,2006.
[7]赵铭建,赵慧,乔孟丽,康梅娟.网页设计与制作[M].东营:中国石油大学出版社,2007.
[8]赵祖荫,王云翔,胡耀芳.网页设计与制作教程[M].北京:清华大学出版社,2008.
[9]陈季.Flash基础与实例教程[M].北京:北京希望电子出版社,2005.
[10]丁海祥.计算机平面设计实训[M].北京:高等教育出版社,2005.
[11]曹雁青,杨聪.Photoshop经典作品赏析[M].北京:北京海洋智慧图书有限公司,2002.
[12]张怒涛.Photoshop平面设计图像处理技法[M].北京:清华大学出版社,2003.
[13]陈笑.Dreamweaver8,PhotoshopCS2,Flash8网页制作实用教程[M].北京:清华大学出版社,2006.
[14]孙强,李晓娜,黄艳.JavaScript从入门到精通[M].北京:清华大学出版社,2008.
[15]刘智勇.JavaScript开发技术大全[M].北京:清华大学出版社,2009.
[16]陈会安.JavaScript基础与实例教程[M].北京:中国电力出版社,2007.
[17]常永英.ASP.NET程序设计教程(C#版)[M].北京:机械工业出版社,2009.
[18]肖金秀,冯沃辉,陈少涌.ASP.NET程序设计教程[M].北京:冶金工业出版社,2003.
[19]金旭亮.ASP.NET程序设计教程[M].北京:高等教育出版社,2009.
[20]刘培文,韩小祥.ASP.NET程序设计教程[M].北京:中国人民大学出版社,2009.
网页设计论文参考文献:
[1]安颖莲,李秀,姚瑞霞,田荣牌.《网页设计与制作》课程教学设计与实践.中国教育信息化,2007(17).
[2]沈志刚,于晓霞.“模块项目化”教学法在网页设计与制作课程中的应用.福建电脑,2009(5).
[3]周娟.高职网页设计与制作课程教学的几点改进.电脑知识与技术,2009(26).
[4]蔡北勤.模块化基础上的工作过程系统化教学模式探讨.交通职业教育,2007(6).
[5],冯永华.课堂教学变革的反思与重建———“慕课”背景下课堂教学变革的思考[J].教师教育学报,2014,11(3):53-63.
[6]孙晓娟.基于“慕课”的高职课程改革及教学评价的研究[J].中国管理信息化,2016,1(4):236-237.
[7]张琳.高职网页设计课程的教学生态模式研究[J].教育现代化,2015,4(10):99-101.
[8]郑伟、薛岚.高职院校图形类专业实践教学研究[J].科技资讯,2010(12):248-248.
[9]郑伟.高职院校非图形类专业《网页设计与制作》课程教学改革的探讨[J].福建电脑,2011,27(1):205-206.
[10]郑伟、薛岚.高职院校图形类专业《网页设计与制作》课程建设改革的探讨[J].艺术科技,2013,26(3):283-283.
[11]李荣刚.视觉传达专业中的网页设计课程探索[J].美术学刊,2012,(10).
[12]何磊孙志宜.视觉传达设计专业课程教学改革与创新[J].合肥师范学院学报,2015,(1)33期
[13]魏坤.视觉传达设计专业发展现状与教学对策——以汉江大学设计学院为例[J].中国艺术,2013,(4).
[14]戴士弘.职业教育课程教学改革[M].北京:清华大学出版社,2007:13-15
[15]梁景红.网站设计与网页配色[M].北京,人民邮电出版社,2008,(52).
网页设计论文参考文献:
[1]王寅田.基于Hadoop的交通物流大数据处理系统设计与实现[D].上海交通大学2014
[2]滕勇.基于WMI的电信营业终端管理系统的设计与实现[D].上海交通大学2013
[3]刘畅.模型驱动的飞机座舱显示控制应用软件开发方法研究与实现[D].上海交通大学2014
[4]李岩.可调整时间自动机可达性算法的研究与实现[D].上海交通大学2014
[5]余启鸿.物流企业信用评级技术研究及系统实现[D].上海交通大学2014
[6]张明锐.基于AOP的座舱显示应用软件框架研究与实现[D].上海交通大学2014
[7]浦杰.券商门户系统统一通讯平台的研究和实现[D].上海交通大学2012
[8]陆志林.基于jBPM和SSH的电子政务开发平台的研究和实现[D].上海交通大学2012
[9]郑琦.基于OCM模型的在线计费系统开发及应用[D].上海交通大学2007
[10]华天.电子制造企业产品生命周期管理系统的研究与实现[D].上海交通大学2013
引言…………………………………………………………………..2
1系统设计目标和使用的主要技术……………………………….4
1.1设计目标………………………………………………………4
1.2主要技术………………………………………………………4
1.2.1模板技术………………………………………………….4
1.2.2标签库技术……………………………………………….4
2系统的组成和实现……………………………………………….6
2.1系统组成………………………………………………………6
2.2系统的实现……………………………………………………7
2.2.1模板库和标签库的实现………………………………….7
2.2.2系统开发环境…………………………………………….11
3结束语…………………………………………………………….11
引言
随着WWW(WorldWideWeb)的普及,动态网页技术也急速发展。从原来的CGI(CommonGatewayIn-terface)到ASP(ActiveServerPage),都从某种程度上满足了网页开发人员对动态网页开发技术的需求论文。但是不管是CGI还是ASP都存在一定的局限性,如CGI对服务器资源的耗费,ASP只能同MicrosoftIIS一起使用等,这些都限制了这些技术的使用范围,极大地阻碍了它们的推广。广大的页面开发人员都热切地盼望一种统一的页面开发技术,该技术应该具有的特点:①与操作平台无关,能够在任何Web或应用程序服务器上运行;②将应用程序逻辑和页面显示分离;③提供代码重用,简化开发基于Web的交互式应用程序的过程。
JSP(JavaServerPage)技术就是被设计用来满足这样的要求的。JSP是由SunMicroSystem公司于1999年6月推出的新的网页开发技术,它是基于JavaServ-let以及整个Java体系的Web开发技术,是Servlet2.1API的扩展。利用这一技术,可以建立先进、安全和跨平台的动态网站。
Java是未来的主流开发技术,具有很多优势。JSP则是Java在Internet/IntranetWeb上的重要应用技术,得到了广泛的支持和承认,它可以和各种Java技术完好地结合在一起,从而实现非常复杂的应用。
作为一种基于文本的、以显示为中心的开发技术,JSP提供了JavaServlet的所有好处。为了做到逻辑功能和显示功能分开,JSP已经可以和JavaBeans、EnterpriseJavaBeans(EJB)和Servlet一起工作。JSP的开发人员可以通过使用JavaBeans、EJB和Servlet来完成大部分与网站逻辑相关的工作,而仅仅把显示的工作交给JSP页面来完成。内容和显示逻辑分开的好处在于,更新页面外观的人员不必懂得Java代码,而更新Java类的人员也不必是设计网页的行家。这就可以用带Java类的JSP页面来定义Web模板,以建立一个具有相似外观的页面组成的网站。Java类完成数据提供,在模板中就没有Java代码,这意味着这些模板可以由一个HTML编写人员来维护。
JSP作为当前主流的网页开发技术,具有如下特点。
1)将内容的生成和显示进行分离:使用JSP技术,Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终的页面。使用JSP标识或者小脚本来生成页面上的动态内容(内容是根据请求来变化的)。生成内容的逻辑被封装在标识和JavaBeans组件中,并且捆绑在小脚本中,所有的脚本在服务器端运行。如果核心逻辑被封装在标识和JavaBeans中,那么其他人,如Web管理人员和页面设计者,能够编辑和使用JSP页面,而不影响内容的生成。
2)强调可重用的组件:绝大多数JSP页面依赖于可重用的、跨平台的组件来完成应用程序所要求的更为复杂的处理。得益于Java的操作平台无关性,开发人员能够很方便共享和交流执行普通操作的组件,或者使得这些组件为更多的使用者所使用。基于组件的方法加速了总体的开发过程,极大地提高了项目整体开发的效率。
虽然JSP功能强大,但是它要求网页开发人员对Java要相当熟悉。而现在Java程序员还比较少,对一般的网页开发人员来说,JSP的语法还是比较难于掌握的。所以,就需要有一种网页开发工具,为一般的网页开发人员提供常用的JSP应用,让只懂得一般页面开发技术(HTML)的开发人员也能够使用JSP的强大功能。
1系统设计目标和使用的主要技术
1.1设计目标
本系统的设计目标是为只懂得HTML但完全不了解JSP的一般网页开发人员提供一个网页开发工具,使他们能够根据系统文档,通过标签使用JSP的常用功能,最后生成一个只包含静态HTML和JSP标签的动态JSP网页。
1.2主要技术
本系统在设计时,主要考虑使用模板和JSP标签的技术来实现。
1.2.1模板技术
模板技术被广泛地应用于各种开发和应用系统中。它预先生成一些常用的框架结构,使用户可以根据自己的需要方便地从模板库中选择模板,而不用自己重新去搭建,节省了用户的开发时间,方便了用户的使用。在本系统中,将页面按照功能类型进行分类,归纳出常用的页面类型,生成模板库。
1.2.2标签库技术
在JSP中,动作是可以创造与访问程序语言对象和影响输出流的元素。JSP定义了六个标准的动作。除了这六个标准动作以外,用户可以定义自己的动作来完成特定的功能。这些动作被称为客户化动作,它们是可重用的程序模块。通过这些动作,程序员就可以在JSP页面中把页面的显示功能也部分地封装起来,使整个页面更加简洁和易于维护。在一个JSP页面中,这些客户化动作是通过客户化标签来调用的。而标签库(TagLibrary)就是客户化标签的集合。
JSP标签库是一种通过JavaBeans生成基于XML的脚本的方法。它是JSP的最大特点之一。通过标签库,能够无限制地扩展JSP应用,完成任何复杂的应用需求。
JSP标签库具有以下特点。
1)易于使用:JSP中的标签和一般的HTML标记外表上是完全一样的,使用起来和普通的HTML标记一样方便。
2)易于代码重用:标签库中的每一个标签都能完成一定的功能。一旦定义好了一个标签库,只需要把这个标签库包装成一个Jar文件,那么以后只要在别的系统中使用这个标签库就行了,而不用重新开发代码,极大地提高了系统开发效率,降低了开发成本。
3)易于代码维护:所有的应用逻辑都封装在标签处理器和JavaBeans中,所有的标签都集中在一个标签库中。如果需要更新代码或者需要修改一个网页上的功能,只需要修改相应的标签即可。通过这种统一维护方式,不用在每个网页上去作修改,极大地减少了维护的工作量,节约了维护成本。
4)易于系统扩充:如果需要向系统中添加新的功能,只需要定义一个新的标签来完成这一功能即可,无需对系统的其它方面作任何改动。标签库可以继承JSP规范各方面的特性。这样就可以无限制地扩展和增加JSP的功能,而不需要等待下一版本JSP的出现。
2系统的组成和实现
2.1系统组成
本系统主要由四个部分组成,见图1。
1)数据库连接部分:本系统支持常用的几个数据库,包括Oracle、Sybase、MSSQLServer、MySQL和DB2,根据用户选择的数据库类型和用户提供的数据库名称、用户名、密码使用JDBC同数据库相连。
2)系统基本表生成部分:和数据库连接以后,根据同数据库相连的用户名生成两个系统基本表TC-Tables和TC-Columns,TC-Tables表包含在该数据库中属于该用户的所有的表的英文名称、中文名称和一些属性,如是否可修改、是否可查询等;TC-Columns表包含在该数据库中属于该用户的所有的表的所有列的中英文名称和其它一些属性。如是否可显示、是否可查询等。这两个系统基本表在整个系统的开发过程中提供用户所使用数据库的基本信息。
3)模板选择和网页生成部分:该部分是系统的核心部分。它包含了两个子模块。
①模板选择部分:系统为用户提供模板选择界面,让用户根据需要从模板库中选择所要使用的模板。
②模板处理部分:根据用户选择的模板,系统调用指定的模板处理模块对这个模板进行处理。当处理程序遇到模板中的标签时,就为用户提供交互界面,让用户为指定的标签输入参数,并由系统验证用户输入的标签的有效性。最后由系统完成JSP页面的生成。
4)网页预览和修改部分:网页生成出来以后,系统为用户提供了一个网页预览窗口和代码查看修改窗口。通过这个预览窗口,用户可以预览一下生成出来的JSP页面的效果。如果用户对页面的静态方面的效果不太满意,用户可以通过代码查看修改窗口修改代码中的HTML代码。如果用户对页面的静态效果有进一步的要求,系统还为用户提供了一个调用DreamWeaver编辑器的接口,用户可以使用它来对生成出来的JSP页面的静态效果进行进一步的修改和完善。
2.2系统的实现
2.2.1模板库和标签库的实现
标签库的规划和设计在整个系统设计中至关重要,它关系到了代码重用的程度和系统运行的效率。它的规划应该遵循以下原则。
1)在标签中应该尽量少的包含静态的HTML。对于一般用户来说,标签是透明的。用户不能够查看和修改标签。如果在标签中包含了过多的静态HT-ML语句,将影响用户对页面的静态效果的修改和完善,限制标签的使用。
2)尽量提高代码的重用度。在对JSP应用进行分类是尽量把公用的JSP应用提取出来,形成标签。而不用在每个标签中都重复实现该应用。这样在以后要对该应用进行修改和完善时,只需对这一个标签进行修改即可,易于代码的维护。
3)方便用户的使用。在设计标签库时,应该充分考虑到用户的使用情况,使用户能够很容易和方便地理解和使用标签。
①标签库的定义:定义一个标签库,必须首先定义一个标签库描述文件(TLD)。这是一个基于XML的脚本文件,在这个文件中定义了XML的版本、所使用的编码、标签库的版本、所使用的JSP的版本、标签库的名称和这个库中所包含的所有的标签的定义和参数描述,包括标签的名称,标签所对应的Java类,标签的描述信息等。
②标签的实现:一个标签就是一个特殊的Java
类,这个类必须继承TagSupport类,这个类是在javax.servlet.jsp.tagext包中定义的。在标签类中,包含了这个标签的参数初始化方法(Set/Get)、标签的主体处理方法(Handler)以及供下一级标签调用的方法等。
③模板的实现:一个模板就是一个含有标签引用的JSP文件。为了在模板中引用所定义的标签,必须首先引入标签库。
<%@tagliburi=“tag.tld”prefix=“ctag”%>
其中uri指定标签库描述文件的路径;prefix指定引用标签时所使用的前缀。
在模板中引用指定的标签时,使用引入标签库时所指定的前缀,指定标签的名称;为标签的参数赋值。
2.2.2系统开发环境
本系统主体程序开发使用的是Borland公司的JBuilder6.0,模板开发使用是Microsoft公司的Front-Page2000,标签库开发使用的是UltraEdit编辑器,JDK采用的是JDK1.4。系统测试环境是JRun3.0。
3结束语
Java是未来开发语言的主流,而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。本系统采用了JSP的最大特点之一的标签库,使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能,开发出技术先进的JSP动态Web页面。由于本系统采用Java语言进行开发,所以可以在任何支持图形化界面的操作系统下运行,实现了完全的与平台无关。本系统易于扩充和完善。在以后可以考虑为用户提供接口,使用户可以自己扩充模板库和标签库,进一步增强系统的功能。
参考文献
[1]CayS.Horstmann,GaryCornell.Java2核心技术(CoreJava2)[M].北京:机械工业出版社.
[2]BruceEckel.Java编程思想(ThinkinginJava)[M].北京:机械工业出版社.
一、网站整体规划,要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
1.讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2.定位网站的CI形象。“易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是YIFINI易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。
3.确定栏目和板块。
于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
2.网站的整体风格和创意。
整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。
1.资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。
2.熟悉制作软件。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
三、网页制作,这便进入我该次的主题了具体制作流程如下。
1.构建站点框架。
在我打开Dremweaver后第一步便是新建站点,我把我的站点建立在F\仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。
2.设计主页及二级页面。
在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3.实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4.向静太网页插入动态效果。
在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。