在线客服

网页设计论文实用13篇

引论:我们为您整理了13篇网页设计论文范文,供您借鉴以丰富您的创作。它们是您写作时的宝贵资源,期望它们能够激发您的创作灵感,让您的文章更具深度。

网页设计论文

篇1

(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%。平时的作业就是一次次的案例,检查学生平时学习的态度和知识的掌握情况。对于期末考试,我认为应该以要求学生设计一个完整的网站来结束本课程,而不是要求在给定时间内完成任务,本身一个网站的建设在短短的两三个小时内是无法完成的,包括素材的收集、版面的布局、内容的充实等,何况学生可以利用互联网来收集相关的资料,参考引用他人模板来完成任务,所以应该以上交作品的形式完成本课程的期末考试,在作品完成的过程中,老师进行巡视、评价,也就是我们考核的不仅仅是最后的作品,而是将完成作品的过程也作为我们评价的一个依据。最后,上交的作品可以让全班同学互相点评、互相评价,在评价别人作品的同时以提高自己的水平。

篇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

篇3

例教学法是一种具有启发性、实践性,能开发学生思维能力,提高学生判断能力、决策能力和综合素质的新型教学方——“分析案例”——“制作案例”的过程,培养学生分析问题,解决问题的能力,达到学习知识技能,灵活应用的目的。例如,在讲解ASP中的Request对象时,教师先展示一个表单提交的案例,然后引领学生分析我们在点击提交按钮后,如何在另外一个页面中,得到提交页面相应的属性值呢?学生在老师的启发下动脑思考,引出Request对象的作用,接着教师讲授Request对象的各种方法的使用。学生在深入理解后,运用知识制作此案例。

1.2任务驱动法

任务驱动法在课堂教学中,教师为学生布置上机操作任务,通过实际任务展开教学。学生通过亲自动手操作,主动建构探究,培养了学生创新精神和实践能力,提高了学生的综合运用知识的能力。例如在学习表单制作时,以现实生活中注册电子邮件为例,提出表单的概念,然后讲解其实现理论,接着布置实际任务——投票系统,让学生用知识去解决任务,进一步加深理解知识。

1.3分层教学法

成人的学习能力差异大,存在个体差异,因此,教学中采用分层教学法。在实际教学中,教师根据学生现有的知识、能力水平和潜力倾向把学生科学地分成水平各自相近的几组,如A、B、C三组,A组是按大纲基本要求进行教学的学生;B组是按略高于基本要求进行教学的学生;C组是按较高要求(能发挥学生数学特长)进行教学的学生。学生分组不是固定的,而是随着学习情况及时调整。每组布置知识程度不同的学习任务,并且在教师恰当的指导下,让全体学生从各自的层面体验成功的愉悦。

2模拟化网络教学

开放教育是传统教育与网络教学相互融合的产物。网络教学以其独特的魅力在开放教育中发挥着越来越重要的作用。学习已经不再局限于课堂,学生只要有上网条件,无论何时何地,都可以方便的学习,打破了时间和空间的限制,因此,网上资源的好坏直接影响学生的学习效果。因此,笔者充分利用网络资源,以教学大纲为依据,遵循厚基础、重能力的原则,开发了此门课的模拟化网络教学系统。此系统有“教学大纲”、“课程教案”、“模拟实验”、“经典案例”、“自我测试”、“课程讨论”等栏目。分层次,多模块,手段直观、丰富有趣的一系列实验教学单元。制作文字、图像、声音、动画于一体的丰富多彩的模拟实验教学内容。模拟实验教学的指导效率更高。使理论教学与实验教学、基础与前沿、经典与现代、实验内容与实际应用有机结合,更有利于学生学习,并且可以反复阅读,是面授课堂一种好的补充与强化手段。

3多样化互动教学

3.1课堂互动

成人有丰富的社会阅历和人生体验,有更为强烈的对话意识和平等意识,因此,师生活动主要体现在,放下身段,深入到学生们之中,和他们们交朋友,交流心得,平等对话,互相学习。鼓励学生大胆地表达自己的想法,畅所欲言,和学生共去探索知识的世界。所谓生生互动,就是学生和学生之间可以互相讨论,交流心得。在实际操作中将学生分组,合作学习,这样促使小组成员积极参与,培养学生团结合作意识,集体荣誉感。人机互动是学习《动态网页设计》这门课必不可少的环节。只懂理论,不会应用,犹如纸上谈兵,完全失去了学习的意义。所以,课上学生必须上机实践,在实践中掌握知识,消化知识,融会贯通。

篇4

作者:董彩霞 单位:山东商务职业学院

一个阶段是总结阶段,这个阶段的案例的选择要具有实用性,要采用企业的实际案例,模仿企业的运行模式来教学,案例要选取企业中实际制作项目。这样一整个备课过程下来,教师就对整个教学有了事先的良好把握。在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式,老师是项目经理人,学生是企业员工。在这种教学过程中,一开始学生就是作为新进员工参与其中的,教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接,可以是为网页设计漂亮的导航,可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计,要注意要及时的调动学生的积极性,对于完成的好的作业案例要给予表扬,适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下,学生的基础制作水准有了很大的提高,这时候要及时的推动教学进入下一个提高阶段,这时候教师要把自己的角色定位为项目经理人,提出一些有代表性的项目,比如为某酒店制作一个网站,提出各种要求,让学生在规定的时间内制作完成。这阶段教学的过程,教师要有耐心,要有一定的高度,对于学生的要求要严格,对于学生作业中出现的问题要马上提出,并督促学生做出优化设计。这个阶段的案例一定要全面,给学生的项目要有代表性,对目前使用范围比较广的网站设计方向要把握准确。

在最后的总结阶段,教师提出的案例最好是企业所提供的,这种实例更具有实际性和探索性。比如,为宏福祥服饰有限公司制作网站。在这个网站的制作过程中,就有学生的大量参与,从选片修片到整个版面的设计,乃至后台的制作设计,学生们都做出了巨大的努力。在这个网站的制作过程中,学生分成了五个小组,做出了五套网站设计方案,最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。

教学结果评价的改革在以往的教学中,都是以考试来评定教学结果的。在新的校企一体化的教学模式中,我们摒弃了以往的评价模式,采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现,作业成绩三七开的方法来考核学生。在作业的评定中,为了使评定结果更客观,我们采用专业教师和合作企业代表共同参与学生的作业讲评,根据讲评综合给分。这种考核方法更为合理有效,不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。有效合理的利用校内实训在网页设计的主要授课过程结束以后,最好要安排一至两周的校内实训。在实训周内,整合学生的全部力量,完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平,培养学生成为网页设计师的良好时机。在这个过程中,教师要为学生选好实训项目,最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后,一直以来都是分开来使用的,这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍,选用Photoshop制作出版式配色等整体效果设计,然后切片导入到Dreamweaver中,对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片,这样完成的项目更具有吸引力。通过合理有效的校内实训,可以加强学生的设计能力和创新能力。

要鼓励学生积极的到企业亲身体验企业的经营模式。学生在企业中可以得到具有多年丰富实践经验的师傅的指导,从与客户谈单签字到制作出台,无一不在锻炼学生的职业技能和职业素养。利用好假期参加社会实践,是高职学生提升自己的良好出路。职业教育,是中国教育必须要走的教育道路之一。西方的科技大国无一不是在走职业化道路,比如制造业大国德国、法国,都是职业教育走的相当出色的国家。在职业教育中的改革与创新也一直是我国在探索的道路之一,做好职业化教学是每一位职业教育者努力的方向。为此,本文就网页设计教学中的改革提出了一些微不足道的看法,希望能为职业教育的发展尽一点微薄之力。

篇5

色彩的位置与方向在页面构图中是很重要。蓝色在视域的顶部、底部、左侧或右侧,其作用各不相同。底部的蓝色是重的,高部的蓝色是轻的。顶部的深红色表现为沉重紧急的重量,在底部却表现为稳定的事实。黄色在顶部时产生一种毫无重量的效果,在底部时其效果就像受控制的浮力。色彩分布的平衡是页面构图的最重要的目的之一。正如天秤的秤杆为支撑平衡而需要支点一样,在一个页面里平衡的垂直轴线也是必需的。色域的重量在轴线的两边起作用。在寻求决定一幅画中的“左侧”和“右侧”的价值时,我们首先会想到人类的身体。左侧通常比较被动,右侧意味着活力。右侧倾向于向前和向上,而左侧则后退和下坠。许多绘画作品都是从画左下侧的重点开始的,然后向右上方运动。在进行网页色彩设计时设计师要充分考虑色彩给受众的视知觉感受,除了色彩的相对位置外,色彩量的比例、它们的纯度和明度也是重要的。

三、网页色彩设计的原则和方法

⑴网页色彩设计的原则:

在进行网页设计色彩选择时,要遵循网站自身的特点并掌握一定的配色规律,进而设计出优秀精美的页面。

①色彩选择要具鲜明性:

色彩鲜明的网站往往很容易引人注意,吸引受众眼球,给受众眼前一亮的感觉。②色彩选择要具独特性:网页用色要有自己独特的风格,与众不同色彩选择才能给人受众留下深刻的印象。

③色彩选择要具艺术性:

依内容决定形式的原则,在体现网站自身特点的同时,进行必要的艺术创新,从而设计出既体现网站主题要求,又具有一定艺术风格的网站。

④色彩搭配要合理:

网页设计色彩的选择是根据主题来确定,不同站点的主题选用不同的色彩。网页设计中色彩的搭配很重要,良好的色彩搭配方案给访问者很强的视觉冲击力,加深访问者对网站的印象;失败的配色则会让访问者情绪浮躁不安。

⑤同色系搭配:

同色系搭配是指选定一种色彩,通过调整其明度和纯度,将其加深或减淡,产生出新的色彩来进行网页色彩设计,同色系配色的页面视觉效果统一,层次细腻而丰富。

⑥邻色系搭配:

邻色系配色是指选用色相环上相邻的色彩设计网页,采用邻近色搭配的页面视觉效果自然又和谐。

⑦对比色搭配:

对比色搭配可以突出网页设计的重点,给受访者强烈的视觉效果和主次分明的视觉印象。在进行对比色搭配时通常以某种色为主色调,其对比色作为色彩点缀,起到视觉调剂和画龙点睛的作用。⑧暖色搭配:使用红色黄色橙色等暖色系色彩进行网页色彩搭配,暖色调的运用可为网站营造出和谐安定温暖而又热情的氛围。

⑨冷色搭配:

使用绿色蓝色紫色等冷色系色彩进行网页色彩搭配,冷色调的运用可为网页营造出高雅宁静清新而又理智的氛围。

⑵网页色彩设计的方法:

①单色配色

网页色彩设计要避免色彩选用给受众单一的感觉。页面色彩设计中调整色彩的纯度和明度可以产生变化,使网站层次丰富避免单调。

②黑色

在网页色彩设计中,黑色通常用作背景色或调剂色,常与不同纯度明度色彩搭配使用,视觉效果合理稳定,在网页设计中是一种使用率极高的色彩。

③背景色

在网页色彩设计中背景色起着突出网站主题,奠定网页主体风格的作用。网页背景色的选用应避免色彩复杂的图片和纯度很高的色彩。

④邻近色配色

采用色环上相邻近的颜色,网页设计中邻近色的选用可以避免网页色彩混杂,产生和谐统一的视觉效果。

⑤对比色配色

网页色彩设计时以一种颜色为主,对比色为辅,起强调点缀的作用,引起访问者注意。对比色的使用突出重点,使网页产生强烈的视觉效果。

⑥色量

一个主题网站的色彩选择应控制在三种色彩以内,而不是越多越好,过多的色彩会造成视觉的无秩序感。在有限的色量选择中,调整色彩的三大属性来丰富页面效果。

篇6

1.2从独立开发到小组合作、组间协作。网页设计与网站开发的工作不是一个人独立完成的,而是需要团队的合作共同完成,当前的信息产业的工作都不是一个人独立能够完成的,而需要与他人合作完成。因此,独立思考和学习确实能促进学生知识掌握能力、而通过合作构建网站可以分解复杂任务。利用这种协作模式可以培养计算思维能力中除知识技能方面的其他方面——过程与方法、情感态度与价值观。

2考核评价

根据《网页设计与网站开发课程》的三维教学目标(知识技能、过程与方法、情感态度三方面)制定考核方法及评价标准。考核评价改变传统的单一的总结性评价的方法,采用平时的过程评价、阶段评价和综合评价相结合的评价方法。过程评价是指学生平时的学习过程,根据精心设计的学习情境对学生的学习过程进行记录和评分。这其中包括学生出勤情况、学习态度、单元情境的完成情况;阶段评价即是期中评价,通过期初时提出主题网站任务,学生在学习过程中着手规划、设计、实施并完成任务,在学期中期进行集中评价[2],起到贯穿始终、承前启后的作用;期末考试采用上机考试,题型包括根据给定素材及代码截图拼出网页页面,根据给定模板和主题要求,在现有素材的基础上实现网站规划及网页设计。

篇7

(二)丰富多样的动态效果的网站页面逐渐出现

信息时代的新媒体,其与浏览者进行网络互动的特点极大地了新环境下的交互式设计革命。浏览者已经不仅仅满足于通过鼠标机械地点击来浏览网页,而是使用者要求选择导航菜单进行花样翻新。现在加入动画语言的网站设计越来越受大众的喜爱,一些国内的艺术类独立网站,一些私人BLOG,和一些追求经典的企业都已开启了亦或优美的,亦或幽默搞笑的动画互动功能。在韩国和日本的网站设计,动画语言已经运用的很成熟了,而国内的腾讯QQ空间,已经在把个人空间做出了很多动画效果的方便初见成效。

二、动漫元素在网页设计中的必要性

加拿大著名的传播理论家赫伯特•马歇尔•麦克卢汉在他的经典著作《理解媒介-一论人的延伸》一书中写道:“罚矛弄姆容易把技术工具作为试用者犯罪孽的替罪羊,现代科学产品的本事无所谓好坏,决定他们价值的是他们的使用方式。”网站与人的互动设计就好比是一场互联网设计革命,它是人类在视觉、听觉和触觉等方面的要求和提高,是人类对于世界的审美的提高。一个成功的网站设计,除了对于网站内容是硬件要求之外,对于网页和浏览者的互动设计则是重要的软件要求。浏览者和网站的互动性与参与性,决定了该网站对于大众的吸引力和点击率。任何一家网站都有一定的互动性,而好的动画语言添加在这种互动性的体验中就为网站增添了更多的趣味性。

三、动画元素在网页设计中的具体体现

(一)主页互动

主页中的动画展示是最关键的一部分,也是大多企业投入设计费用最多的一部分。形象展示动画如同网站的形象广告,起着不可忽视的作用。它的强烈的动态效果,给浏览者的内心留下一个最初且深刻的印象,将浏览者轻易的引导入该企业文化中。一般情况下,企业会将自己的企业理念或者是企业的产品做成宣传片置于首页的动画中,抑或是做一个关于企业产品的小游戏,来与浏览者进行互动。这样,在用户打开网站时,便会被一种包裹式的试听效果和形象展示所吸引。

(二)鼠标显示

目前鼠标的动态效果千奇百怪,如浏览者将鼠标移上导航栏时和点击后出现的动画效果,可以给浏览者带来一种新奇感。目前有很多网站开始以动画的特效鼠标来吸引浏览者的眼球,或展现其网站的特色。例如卖蔬菜的网站往往会将鼠标做成胡萝卜的效果。当然,除了鼠标动画设计中需要的语言编程。设计师在做鼠标动画效果时,还要注意另外两个方面:一种是关于色彩的动画,通过色彩的明暗度或者饱和度等等方面的变化,进行动画效果。另一种就是在鼠标滑过或者点击的过程中,鼠标周围出现例如小范围的闪亮或者光晕的动画效果,这类效果无形中为网站添加了许多梦幻效果。这些设计主要还是要和网站整体设计风格进行搭配设计。

(三)进度条设计

目前网站中的进度条设计是应用动画元素最多和最普遍的地方了。由于网速的限制,导致在浏览者打开网站或者下载时中间会出现卡壳或空挡,这时候大多会跳出一个进度条来显示其运行速度。各大网站对于进度条的设计真可谓是百花齐放各显神通。进度条设计虽然是一个很不起眼的小FLASH动画,但不小觑这些细节设计,进度条的设计精致与否,也关系到整个网站的设计成败,乃至企业文化的精髓。

篇8

在《网页设计与制作》中,主要有案列教学法和项目教学法等教学方法,案例教学是在学生掌握了有关基本知识和分析技术的基础上,在教师的精心策划和指导下,根据教学目的和教学内容的要求,运用典型案例,将学生带入特定事件的现场进行案例分析,通过学生的独立思考或集体协作,进一步提高其识别、分析和解决某一具体问题的能力,同时培养沟通能力和协作精神的教学方式。项目教学法是学生在教师的指导下亲自处理一个项目的全过程,在这一过程中学习掌握教学计划内的教学内容。学生全部或部分独立组织、安排学习行为,解决在处理项目中遇到的困难,提高学生的兴趣,调动学习的积极性。因此“项目教学法”是一种典型的以学生为中心的教学方法。教学无定法也采用以上两个教学方法,即采用项目教学和案例教学相结合的教学方法,例如在学习表格的时候,表格这个单元就可以设计成一个项目,同时本身也是一个案例。

篇9

2从网上下载

网络资源异常丰富,在Internet上可供选择的素材很多,可以直接访问网页,从网上搜集我们需要的图片,并通过保存图片或者通过电子邮件、网际快车等形式下载相关的资料素材。

3用扫描仪采集图像

可通过彩色扫描仪将报纸图书等纸质的图片素材进行扫描,把各种印刷品及彩色照片数字化后在计算机中存储起来供使用。

4使用数码相机及数码摄像机采集图像

可使用数码相机和数码摄像机进行图片的拍摄和录取,然后将相关图像信息存储到计算机中进行处理,这应用的非常普遍。

5通过计算机软件进行绘制

可通过各种绘图软件进行绘制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。这些工具软件在图形图像的处理方面功能很强大,不但可以很方便的处理图形图像,还可以优化图片的质量,提高网页的下载速度和制作效率。

二图片在网页应用中的处理方法

1退底处理

可以形成生动的边缘效果,使画面更具活力。有时也为了去除图片中繁杂的背景,使图片主体更简洁醒目。

2虚实处理

通过对图片进行虚实处理,也可使主体更突出,增强网页的空间与层次感。同时通过虚实的对比,使画面形成张弛有度的关系,其虚的部分可激发人们的想象力,有助于产生联想。

3影调处理

通过各种图形图像处理软件,对图片的色度、饱和度、明度、纯度等进行调整,可以制作出各种色调的图片效果,从而大大增强图片的感染力。如将整张图片进行去色处理、产生单一色调效果或突出某一主要色调等

4质感处理

通过对图片的质感处理,可以激发人们的联想与情感投入。如粗糙的表面效果,可以带给人们的质朴的感受;对图片进行残缺处理和作旧处理,可以带来一种沧桑感等。利用Photoshop图层和滤镜等相关功能,可以制作出不同质感的图像效果。

5局部与特写

有时为了突出某一特定部位,或获得某种特别的视角,需要对图片的局部进行特写处理,通过对图片的重新剪裁而获得一种特别的视觉感受。

6综合处理

在很多时候,为了某种表现效果,需将各种方式综合利用,以达到设计的目的。例如,对图片进行重新分割与组合、混合等。

篇10

(二)图片的方式置入网页。根据网页中的设计思想而选择相应的字体,设计师往往需要用一种特殊的字体来体现自己的风格,那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现,设计师可以把文字进行栅格化,把文字变为图片的形式,最好以图片的方式置入网页,以保证所有人看到的网页效果相同。

二、文字的大小设置

由于网页设计是基于电脑虚拟平台,其展示方式区别于之前的传统媒介的实物展示,它需要在显示终端中展现。而现在显示终端百花齐放,网页设计师需要考虑不同客户端的浏览体验,而文字大小直接决定了网页的视觉效果,是用户体验中的一个重要部分。不同的显示器尺寸,不同的分辨率设置,不同的DPI参数,乃至不同的浏览器预设,都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面,但用户每次都要重新缩放,而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯,设置一个比较体贴的默认字号。

三、文字的颜色选择

篇11

2.图形图像元素

图形图像是网页中最重要的设计元素之一,具有直观、形象的特点,因此易于浏览者理解和接受。图形图像的有效应用使网页更加美观、生动,这有利于信息的传达。图形图像在网页设计中有着传达性、装饰性、表现性、趣味性、超越性等重要功能。网页页面主要是向浏览者传达信息。图形图像是最基本的实用功能,对图形图像采用夸张、象征、比喻的手法来体现视觉效果,可以让浏览者更快、更准确地了解信息。个性化的网页设计,新颖的图形语言,人性化的组合方式,往往会更加引人注目,给浏览者独特的视觉体验。图形图像使得“艺术无国界”,它用特殊的语言来传达信息。网页作为全球性的媒介,当浏览者在网页上找不到自己熟悉的语言版本时,图形图像大致了解了他们的信息需求,拉近了信息的传达者和接收者之间的距离,消除其陌生感。

3.色彩设计

在网页设计中色彩的主体色调具有先声夺人的力量,网页让浏览者产生心理共鸣。运用色彩传达信息,增强了网页的可理解性和易识别性。色彩产生了强烈的视觉效果,使得页面更加生动。色彩设计是页面设计的语言,是网页页面设计中的重要元素。色彩在网页设计中有视觉区域的划分、重点主题的突出、视线的吸引。只有利用色彩的力量,不断设计出各式各样的优秀页面,在网页页面设计中,色彩的应用或含蓄优雅,或端庄大方,或单纯简洁等,但无论哪种形式其目的都是为了引起浏览者的关注,增强网页视觉信息的传递。

4.版式设计版式

在网页页面设计中有着实用功能和审美功能。网页版式设计的实用功能就是人机交互。在网页设计时要了解网站的目的及想传达的信息,不同的网站都有不同的特色、重点。网页中设计的导航栏和空间划分组合的版式编排,及清晰合理的设计元素要符合整体风格,版式合理有序的排列使得信息有效传达。网页版式中的审美功能是为了满足浏览者的心理需求,浏览者在浏览网页的同时,版式设计使他获得了快乐与舒心的体验。网页版式各视觉要素要进行平衡与调整,使其成为一个有机的整体。保持布局设计的独特风格,可以提高网页界面的视觉表达和感染力度。

二、数字网页设计中的媒体视觉传达

1.网页主题及整体风格的视觉传达

网页设计首先要明确主题的设计和建立网站的目的,要及时进行市场调查,了解网站受众的情况,确立网页的整体风格,使网站的全部信息按照主题来设计。网页设计做到鲜明突出、要点明确,以简单的页面传达不简单的信息。网页的表现形式要与内容统一,而整体风格要与主题前后一致。同时,信息要及时更新,使网页页面中所掌握的信息一定是即时最新的,这样才能增加网页的访问量,有利于信息的传达。

2.网页设计的受众及情感传达

网页设计需要对受众定位,不同受众主要体现在人的性别、年龄、职业以及受教育程度、生活习俗等方面的差异。从年龄上看,不同阶段年龄的受众所关注的事物各不相同,因此在网页设计时可以把握这种特点,使得网页设计更加具有针对性。人们在接受和理解信息时受态度、愿望、需求和情感等心理因素的影响,所以会对信息有选择性,这种需求心理的差异决定了网页上的视觉信息应当尽可能的丰富,才能为更多的受众所用。

3.网页设计在视觉传达中应注意的问题

首先,网页的版面设计。在页面上,图片和文字同时展示给用户,将所有产品都放在一个网页上,不分主次,这样导致浏览者找不到自己所需的信息。其次,文字设计影响到网页的质量。为了突出字体内容,会将字体加大,加下划线和使用艺术字体。将字体和段落有序组织,才不缺乏视觉美感。再次,色彩的运用和搭配也极为重要。色彩搭配要合理、适度,主体风格要统一,才能够给浏览者一种美的享受。为了网页有视觉冲击力,将风格不同、颜色各异的图片、文字等放在页面上,却适得其反。最后,图片的不合理导入。现在很多网页设计中图片的选用不合理,编排不得当,使得页面零乱、空洞,极大影响了网页视觉传媒的质量。

篇12

1.2教材过时,影响教学效果

网页设计课程是一门应用极强的课程,技术和工具的更新换代较快。而与之矛盾的却是教材的出版周期较长,往往跟不上技术发展的脚步。例如,当前,DreamweaverCS6已经成为主流网页设计的软件,但是一些教材还停留在讲解Dreamweav-erCS3上,导致学生的兴趣不高,不利于学生创造能力的培养,违背了教学目标的要求。同时,按照教材的内容讲解也限制了教师的教学,目前高校中使用的网页设计教材分为两种,一种是基于理论性质的,单纯讲解HTML,一种是介绍Dreamweaver网页开发的。前一种不适合非计算机专业学生学习,内容比较枯燥,学生在没有计算机程序语言的基础上很难理解。一般高校对非计算机专业学生都选择使用第二种介绍Dreamweaver的教材,而该教材则会造成学生的开发水平较低,过度依赖工具,无法解决实际问题。

1.3教学方法单一,学生学习兴趣不高

对于公共课来说,学习兴趣是学生是否能学好课程的重要因素。对于计算机应用能力较差的非计算机专业学生来说,在学习网页设计这门课程时,如何提高学生的兴趣至关重要。传统的网页设计课程的教学采用2学时理论和2学时实验课的形式进行,学生缺少动手的机会,往往使学生对课程缺乏兴趣,这阻碍了学生的能动性与创造性的发挥。对学生进行调查问卷中,70%的学生都提出课程设置实验时间较少,应将课程都安排在实验室等问题,还有一些学生认为网页设计课程应以提高学生兴趣为出发点。这些都说明了学生对于增加自己实践机会的渴望。

2基于任务驱动的教学改革

任务驱动教学法是指在学习课程中,学生在教师指导下,根据学习内容完成任务的教学方法。任务驱动教学之下,学生具有较强解决问题的动机,对学习资源能够积极主动的应用,能够进行自主的探索与互动协作的学习,最终圆满完成课程指定的任务。它打破以往以传授知识为主的传统教学理念,建立以解决问题、完成任务为主的多维互动式的教学模式;并将再现式的教学变为探究式的学习,学生处于一个积极的学习状态,都能根据自己对当前问题的理解,运用所学知识与自己特有的经验提出方案来解决问题。任务驱动教学法是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中,学生还会不断地获得成就感,可以更大地激发他们的求知欲望,逐步形成一个感知心智活动的良性循环,从而培养出独立探索、勇于开拓进取的自学能力。

2.1任务的制定

根据网页设计课程的内容与特点,首先在学期开始时给出课程的总任务以及总的教学目标。课程的总任务是以小组为单位,选择教师给定的任务书中的网站题目,设计实现一个静态网站。总的教学目标是掌握设计网站的方法。(1)第一章是初识网页设计,教师会首先讲解几个静态网站的实例,让学生对所学课程有一定了解,之后讲解相关的概念和设计开发工具DreamweaverCS6;学生的任务是根据小组所选择的题目,在互联网中查找资料,书写开题报告。同时每组出一名学生向大家介绍本组的想法。(2)第二章是学习建立本地站点,教师会讲解建立站点的重要性,讲解相对路径和绝对路径,之后讲解如何建立站点;学生的任务是为自己的网站建立站点,预估网站的规模,添加相应网页并改名。(3)第三章是网页头部信息,教师讲解如何添加网页标题、关键字和说明;学生的任务是为站点中所有网页添加头部信息。(4)第四章是网页布局,教师讲解网页布局技术:表格、DIV、框架以及模板和库;学生的任务是对网站进行前期布局。(5)第五章是超级链接,教师讲解超级链接;学生的任务是制作导航栏。(6)第六章是添加多媒体,教师讲解添加图片、背景音乐、Flash、滚动栏等内容;学生的任务是准备网站中需要的图片、flash等资源,将资源添加至网页。(7)第七章是表单,教师讲解如何添加和设置表单;学生的任务是给网站添加注册页和用户登录。(8)第八章是CSS,教师讲解CSS的应用;学生对网站添加内部样式和外部样式表。(9)第九章是网站,教师讲解使用IIS在局域网中如何站点;学生的任务是相互网站,对其他组内容进行访问。课程内容讲完后,预留两周课程时间,学生对所做的作品进行整理、美化。课程结束后,小组为单位对作品进行展示和提交。

2.2考核方法与评分标准

网页设计课程总成绩由平时成绩和期末成绩两部分组成。其中平时成绩占总成绩的50%,期末成绩占总成绩的50%。平时成绩除了到课情况外,主要依据学生在组内的贡献、每期任务的完成情况以及整个团队的表现。与传统的成绩评定不同,该课程更注重学生的平时表现是否积极、是否有团队合作精神。期末成绩的考核包括提交的作品和学生的答辩情况,评分指标与所占分数如表3所示。提交的作品主要考察界面是否合理、美观,是否与开题所写的需求分析内容一致,网站是否能正常的显示以及配套的网站文档是否完善等。答辩模拟项目经理与客户的角色进行,教师提出问题,学生进行回答,查看学生的现场反应力与问题解决能力。

篇13

根据《网页设计》课程培养目标的要求,教师选定项目任务,与学生一起分析任务性质,明确任务内容,让学生知道自己要做什么,要准备哪方面的专业知识,能锻炼哪方面的专业技能等。

(二)项目方案

教师按照学生的学习能力差异和综合专业素质等把全班学生分成几个学习小组,然后组织各小组学生为完成项目任务进行充分讨论,引导学生补充准备相关的专业知识,设计项目任务完成可行性实施方案。教师要积极引导各小组相互进行比较,取长补短,肯定实施方案的多样性、差异性,允许按照多种方案实施,并提出建议性的参考方案。学生明确各自的分工,然后进行项目操作。

(三)项目实施

小组成员根据项目实施方案中的分工,在计划的时间内,来做成自己所负责的工作,在项目实施过程中,团队间的合作、组织、协调、讨论等成了这个环节的主要内容,在项目实施过程中,教师要担任指导者、监督者、评价者等角色,确保项目中的每位成员都能参与其中,从而高效地完成项目任务。

(四)项目评价

先由小组成员对自己完成的项目进行内部评价,再进行小组间的互评,取长补短。最后由教师对各小组的项目完成情况进行综合评价。教师把项目评价效果情况进行详细记录,作为学生该项目工作成绩,最后组织全班学生一起从项目设计的规范性、合理性、项目最优化等方面共同分享学习实践的经验。

二、《网页设计》应用项目教学法的实例分析

以往的《网页设计》课程对应的实践任务往往只是针对所学知识点,安排一些较枯燥的一些操作练习,缺乏一个系统的链接,致使学生学习缺乏激情和动力,学生每次实践只是机械地按照实践指导的步骤完成实践内容,他们普遍认为这些课程只是学会软件的基本操作而已。在这种模式下,不利于培养学生解决综合问题的能力,很难利用信息技术工具和信息资源来解决具体实际问题,项目教学法的应用,应该可以有效地解决以上的问题。

(一)布置项目任务

在《网页设计》课程实施项目教学时首先要求科学确定项目任务。在确定项目任务时,要进行科学规划,力求所制定的项目不仅有利于教学的开展,而且有利于调动学生的学习积极性。要对具体的项目提出明确的知识目标和能力目标。我将《网页设计》课程的总项目任务确定为“开发一个企业网站”,并根据其涉及的知识点,将课程总项目划分为若干个子项目,每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。在实践过程中,全程模拟企业设计场景,把课程内容渗透到企业设计的每个项目中,让学生担任网站设计师角色,分步骤、分阶段地完成一定的企业项目。用案例不断驱动学生去进一步思考和探索,并由点到面,让学生对项目的创建过程有一个直观的认识和体会。在实施过程中,每个模块任务都有其对应的知识点,学生需要灵活地,高效地将所学知识点应用于项目中。

(二)学生知识准备

1.网站素材准备2.网站的整体规划技术;3.表格、布局表格技术及技巧;4.图像处理、动画设计相关技术;5.网站色彩搭配、网站风格美化技术;6.模板、超链接、行为的应用;7.CSS技术设计应用;8.站点管理、网站上传等技术等。

(三)学生分组完成项目设计

全班共32人,我将全班分为四个小组,每小组8人,由组长负责,组员共同协作,完成该公司网站的设计。每一个任务环节均有评价方案,在单个环节中,小组成员各提出方设计方案。

(四)项目再次优化

各小组对其他小组的项目方案进行分析,取其所长,进一步完善自己的项目,争取使项目得到进一步的优化。项目作品展示展示各小组学生的作品,交流制作经验,评出最优组、最优组员和最优作品。最后由教师作总结,指出在实施该项目过程中做得好的方面和需要加强的方面。