引论：我们为您整理了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
1.慎用较“重”的图形元素这里图形元素的轻重不是色调的轻重，是形式的轻和重，形式的轻重和内容相呼应，网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外，网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来，而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时，一定要慎重思考，考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。
2.内容和形式的分离对于一些比较强调视觉效果的特殊产品，也可以利用图片格式和一些前端知识对网页设计进行优化，比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时因为前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图，就不会因为加载太慢而拖慢用户的访问速度。
3.通过较小的视觉牺牲换取较大的性能提升有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化，这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页，由于双十一期间，该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片，这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果，从而降低图片文件的大小，提高图片文件的加载速度。
4.图形艺术的界面处理新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力，设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感，极大地提高浏览者浏览该网页的欲望。所以，网页设计者要注重运用一切科学技术手段来设计图形艺术，保证页面效果给人以眼前一亮或是舒适的感觉，让图形首先在视觉上给予客户一种冲击，给客户一个良好的第一印象。
篇10
（二）图片的方式置入网页。根据网页中的设计思想而选择相应的字体，设计师往往需要用一种特殊的字体来体现自己的风格，那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现，设计师可以把文字进行栅格化，把文字变为图片的形式，最好以图片的方式置入网页，以保证所有人看到的网页效果相同。
二、文字的大小设置
由于网页设计是基于电脑虚拟平台，其展示方式区别于之前的传统媒介的实物展示，它需要在显示终端中展现。而现在显示终端百花齐放，网页设计师需要考虑不同客户端的浏览体验，而文字大小直接决定了网页的视觉效果，是用户体验中的一个重要部分。不同的显示器尺寸，不同的分辨率设置，不同的DPI参数，乃至不同的浏览器预设，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次都要重新缩放，而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯，设置一个比较体贴的默认字号。
三、文字的颜色选择
篇11
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。
项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。
对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。
对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
篇12
（3）从目前网络公司行业来看，网页设计与后台代码分开日趋明显，所以并不一定要求学生设计与编程并重，毕竟对于中高职学生，编程相对较难理解。设计方面可以图文并茂，在一定程度上能够激发学生学习的兴趣。对教材的使用也必须同时考虑在内，有部分教材案例缺乏美感，计算机专业的学生对审美本身就很缺乏。对于学习初期的学生，可以引导学生多欣赏比较优秀的网页。早期可以模仿，不是美术专业毕业，这方面不是一下子能够改变过来，自己也是深有体会，只有在今后长期的锻炼、设计中寻找。
2教学方法
2.1课前准备在教学之前首先从网上下载优秀的网页截图给学生欣赏，然后制作一个非常简单的静态网页以激发学生学习的兴趣。有很多教材编辑的很全，从文字带后台编码。对于各种教材，并不一定要全部讲解。只需要讲解实际操作性的。例如从文字到布局。
2.2教学方法教学过程是教师与学生之间信息传递及反馈的过程。在学习过程中，要给学生明确的思路，运用任务驱动法、模块教学法、案例教学法和项目教学法等多种教学手段，引导学生主动思考，解决问题。不论是选用何种教学方法，最重要的一点是要贴合实际。以上几种教学方法并不一定对每个章节都适用，也不一定对每门课都适用，因人而异。总之，要贴合自己的实际，以及学生的素质、水平、层次等等。
2.2.1任务驱动法在教学过程中，以完成任务为导向，把教学内容贯穿于每个任务中，在完成任务的过程中，发现问题、解决问题。采用任务驱动的教学方法，任务设计是关键。比如说在网页设计教学中，文字、链接、图片章节都可以用任务驱动法，网页设计这门课本身就是易学易忘，所以在设计任务的时候，不断复习之前学习的内容，以此来加深和巩固之前所学习的知识。任务驱动评价中教师评价相对容易些，但是学生互评，现在还没有系统能达到这样的功能，有待于开发。
2.2.2模块教学法主要分为以下几个步骤：划分小组、确定内容、布置任务、学生实施、评价结果。现在不仅是网络公司还是其他企业等等，都是团队合作，讲究的是团结协作。网页设计公司现在也是，很多网站界面都实行模块化，每个人负责完成自己的任务。模块教学法就是有目标，有任务，有内容。目前中高职学生水平参差不齐，所以在分组的时候要特别讲究。每节的重点和难点一定要讲透，尽量慢，有的时候虽然讲过一遍，但是很少人能够理解体会。有时候需要在做的过程中加以辅导，不能放鸭式学习。模块化教学更适合用于网页设计最后的综合实例。例如完成网站首页，需要设定目标，分配每个成员的任务。但在实际运用中，相对较难完成。个人观点，模块化教学不适用于网页设计教学。
篇13
整个教学过程都贯穿着项目，利用科大讯飞已有的项目资源，进行教学和实训。基础知识教学阶段将前1.5年中学习的专业课程按知识点进行细化和归类，从单个知识点的具体讲解，到知识点的例子演示，然后进行当场实践和总结，总结的时候利用班会课，每周举行一次总结。这些知识点是有学校和企业双方共同讨论决定，并且是共同完成授课。项目实战教学阶段利用科大讯飞已有的真实项目，找到该项目的负责人或主要参与工程师进行教学，一开始会进行项目分析，完成该项目需要用到的知识点，以及这些知识点在实际应用中的方法和需要注意的事项。然后由项目工程师指导学生进行项目开发实战，在完成项目的过程中，巩固了之前学习的知识点，并学会了应用。
3网页设计与制作专业人才培养模式
网页设计与制作是我院软件技术专业的一个方向，从2012年开始和“科大讯飞”合作进行“双主体”办学。合作办学后，双方对该专业进行了一个深入的探讨，对原有的教学模式进行了改革。前1.5年学习的主要专业基础技能。前1.5年主要是培养学生的职业能力，让学生掌握基础的职业能力，HTML+CSS是网页的构成基础，JavaScript是网页的交互效果，界面是网页的外观，动态网站方面，PHP的应用非常广泛，使用PHP技术搭建的网站也非常多，所以我们选用PHP来教学，让学生掌握PHP的基础知识、语法基础，会编写小型的新闻管理系统等等。在后1.5年，主要是综合项目实训，这里面主要包含4个方面的课程，这些课程以前在高校里都很难开得起来，一方面由于师资力量的问题，另一个方面是由于没有真实的环境让学生去练习。PHP框架开发实战是在前面的PHP动态网站开发的基础上，利用像thinkPHP，DEDE这样的开发框架制作真实的企业站点，跟以后就业的工作环境几乎一模一样，对学生的技能是一个极大的提升，手机UI是在近几年智能手机的普及，出现的设计需求，现在高职院校开设这门课程的还特别少，我们依托科大讯飞的优势资源，给学生介绍当下流行的技术，使学生的就业选择面更广。HTML5和CSS3也是新的技术，应用也很火爆，是互联网下一代的标准，让学生跟着行业发展的方向学习。SEO是针对搜索引擎的结果优化，在企业建站过中也非常重要，加入此项训练，跟真实案例零距离。
4教学过程改革和学生考核方法
在学习的过程中，作为“双主体”的双方，都是全程参与，实时跟踪掌握学生的学习情况，在前期，利用科大讯飞已有的项目实训平台，对学生的学习效果进行检测，然后根据学生的成绩，进行A、B、C、D等级划分，其中A级学生成绩优秀，B级学习成绩良好，C级学生成绩及格，D级学习成绩不合格，根据等级划分情况，对学生进行差异辅导，A级进行拔高行辅导，D级进行基础知识辅导。同时，学生也可以了解自己的学习情况，哪一块知识没有掌握，在学校和企业教师的指导下，补缺补差，迎头赶上。学生考核也是有双方共同评测，其中50%的分数由学校任课教师打分，根据学生平时的出勤、实训完成情况进行，另外50%由科大讯飞的工程师打分，根据每月进行的实训平台考核的分数得出。这样能真实地评价出学生的学习效果，学习好的同学，说明他在知识点以及实训项目中都取得了好成绩，动手能力强，这样的人才是企业真正需要的。
5取得的成效
在2012年10月举办的第七届全国信息技术应用水平大赛中，网页设计与制作专业的学生参加了移动互联网站比赛，获得了省级二等奖的好成绩；在2013年中国计算机设计大赛“合财杯”中，网页设计与制作专业的4位同学获得了省级三等奖。现在2012级的同学还没有毕业，但是据统计，该专业的同学已经全部就业，就业的对口率在80%以上，另外，讯飞班的NCRE通过率逐年提高，在2014年9月的考试中，科大讯飞班的学生一次通过率更是达到了58%的新高，而整个学院的平均通过率在15%左右。2011级科大讯飞班的就业对口率、就业薪资水平相比学院其他的专业，都有非常大的提高。
