一整个网页设计 第1篇
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。
3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
一整个网页设计 第2篇
【关键词】高职教育网页设计课程改革综合能力
【中图分类号】 【文献标识码】A 【文章编号】1674－4810（2014）17－0064－02
随着网络技术的进步，计算机和电子通讯设备技术的推陈出新、电子商务涵盖范围的不断扩大，网页设计师在短短十年间一下飙升为技术型潜力巨大的新兴职业。电子商务的快速发展更是促使人们看到网页设计的广大的就业市场和光明的发展前景。各大高职院校纷纷开设网页设计相关课程：网页美术设计、网页设计与制作、网页界面设计与制作、网页制作软件等。
网页设计是通过更合理的色彩搭配、字体使用、图片处理、样式设置进行页面设计美化，设计师使用专业软件给浏览者呈现出图、文、声音及动画多位一体的全方位感官效果，在功能和技术限定的情况下，尽可能制作出给予用户完美的视觉体验的网站。可以看出，网页设计是一门从艺术到技术的专业课程，市场对于网页设计师的要求也从单纯的平面设计到简单网页效果的制作发生了变化。针对这一改变，高职的网页设计课程也应做出相应的改革。
目前，大多数高职院校为艺术设计专业学生在大学中开设一次网页设计课程，课时多为48～72课时，在一个学期内完成。课程名称为网页美术设计、网页设计与制作、网页制作软件等。在课程学习过程中，任课教师也是以单纯的教授网页设计软件Dreamweaver和图片处理软件PhotoShop为主，软件学完，课程结束。然而观看学生所制作的网站，从颜色搭配和样式的设计都与现今优秀网页“美术”不搭边。简单来说，单纯学习了网页的制作，而忽略了美术法则的运用，制作网页，而非设计网页。或是学生在没有任何网页制作软件的基础上学习网页美术法则理论，到了实践上各种效果却无法实现，最终仅能实用平面设计软件制作静态网页布局效果图。
一 高职艺术设计专业网页设计课程存在问题的原因
存在这种现象，主要有以下原因：
1．课程设置：大学中仅开设一次网页设计课程
网页设计是一门相对于平面设计起点较高的专业，一个网页设计软件Dreamweaver还需配合使用平面软件PhotoShop，Web动画效果软件Flash等。软件难度较大，学习时间太短。一个Dreamweaver软件的学习就占用了课程的大部分学时。一次网页设计课程结束后，没有相关的美术设计课程让学生实践，就像是只学会了使用画笔，还没来得及
了解怎样算是一幅好画。
2．课堂设计：课堂内容涉及面较为单一
见过这样的一些课程标准，整个网页设计课程只讲到关于美术设计部分――色彩、布局、元素、风格，没有半点关于工具的介绍――软件Dreamweaver、Fireworks、Flash。最终学生在还没有网页概念的情况下，用PhotoShop制作一张网页图片作为作业结束课程，学生还停留在纸质媒体的平面设计稿上，无法真正体验到网页在互联网和电子设备上所呈现的特质。
3．教材设计：一门课程仅配备一本教材
有了工具书，没有技法书；或是只教了技法，却连工具都没碰过。对于平面设计专业学生而言，平面上的美术基础要应用到网页美化中，心有余而力不足。但目前市场上有关网页设计、制作方面的教材图书种类繁多，基本都是单纯的讲解软件、工具、命令等技术知识，类型单一，而关于网页色彩风格、布局、元素、效果图等网页美术的工具书又缺少制作方式，对于刚入门的学生来说比较难实现。仅仅一次课程一本教材很难把网页设计学好。
4．市场现状：需求大门槛低水平参差不齐
在这个电子商务发展高峰期，越来越傻瓜式的软件操作使得更多的非专业人员加入到这个行列。大多数设计者通过自学懂得如何制作网页，却不一定懂得如何设计美观使用起来舒适的网页。其较低的准入门槛导致网页设计行业的现状并不太好，人们要求设计者什么都懂，要比平面设计师多懂点代码，比程序员多懂点设计，还能做点动画。针对这个设计行业大环境，高职学子更应具有更高的网页制作和审美感知水平，才能提高自身的竞争力。
二 高职艺术设计专业网页设计课程的改革
笔者认为，要培养具有社会竞争力的专业网页设计人才，高职就应针对当今行业市场对网页设计的需求、用人单位对网页设计师的要求、客户在网站使用上的习惯，对课程做出相应的改革。
1．在课程设置上可开设大于一次的网页设计课程
最少两次的网页设计课程，可使学生在打下网页制作软件的基础后，再次开设一门专门以网页美术为主的课程。
网页设计作为新兴行业，每年跟随着电子产品的更新和软件功能的强化，效果与美术规则不断地出现新的流行趋势。如2014年网页就以扁平化图片和酷炫动态作为最新设计潮流元素，并且颜色搭配和布局方式也与以往不同。这些我们都可从国外一些优秀网站和国内的大型电商网站中找到。但在软件的学习上，老师和学生往往只把重点放在软件各个功能的运用上，很难把注意力同时分散到网页的美化规则中。但如果学生在已经有了软件基础后，再次开设网页美术设计课程，犹如让一群有素描基础的学生进行设计素描一样，更能体会当中需注意美术法则的含义。由于有了软件基础，各种美化效果就更能实现。那么课程的最终作品就不仅仅是停留在普通效果的网页制作或平面效果图制作了，更加复杂和新颖的页面效果、更加舒适的色彩搭配和页面布局，不仅提高了学生们的审美情趣，也让他们在课堂中的成就感油然而生。
2．在课堂安排上可采用优秀网站作为软件学习案例
若学生课程安排太满，确实无法在大学中进行两次或以上网页设计课程的学习，那么，老师就应在课堂实践中多以呈现较新潮流趋势的网页作为软件学习案例。
一整个网页设计 第3篇
关键词：项目驱动；网页设计；教学改革
Design and Application of Project Driving Teaching Methodology in the Course of Homepage Design and Manufacture in Higher Vocational College
LI Lei
(Henan Agricultural Vocational College, Zhengzhou 451450, China)
Abstract: Homepage Design And Manufacture Course is one of the practical courses in the major of computer in higher vocational college. For Web designer has broad employment prospects, the students learn this course with high interests. But the traditional teaching mode have many limitations. The project driving teaching methodology in the course of Homepage Design And Manufacture mentioned in this article can greatly overcome the shortcomings and improve the teaching quality.
Key words: project driving; homepage design; reform of curriculum
项目驱动教学法是目前高职院校中较为流行的教学方法之一，是一种借助于具体项目的实施来达到一定教学效果，完成特定教学任务的教学方法。此教学方法尤其适用于高职院校中实践性较强的课程教学。《网页设计与制作》课程基本理论较少，实践性非常强，课程以其生动，活泼，实用性强等特点，受到广大学生的欢迎。在本课程教学中采用项目驱动教学法，将学生置身于具体的实验项目中，能较好的培养学生的观察能力、动手能力和配合协作能力，形成自己对网页设计的独到见解，能为学生以后走向工作岗位提供难得的项目开发经验，提高的就业竞争力。
1 传统教学方法的局限性
《网页设计与制作》课程的主要特点是：理论知识少，实践性强。教师在授课过程中，绝大部分时间都用在教授学生怎样使用设计软件，指导学生完成具体的制作、设计等任务。可以说本课程的最终教学任务是：要求学生能够熟练使用网页设计软件，能独立或协作设计制作完整的网站。
高职院校中传统的《网页设计与制作》教学模式一般采用理论和实践并重，即教师在教学过程中采用1~2个学时讲解理论知识和设计方法，用对等的学时指导学生上机实践的教学模式。教师在理论课教学中多采用：① 让学生浏览、观察若干目标网页设计实例；② 按步骤向学生讲解，分步完成作品的设计；③ 总结操作步骤，回顾重点、难点。也就是“提出问题――解决问题――总结分析问题”的3步走方法，其实质还是传统的“填鸭式教学”，教学内容枯燥，方法单一。学生普遍反映：学习被动，教师讲解的时间太长，在听课过程中思想难以长时间高度集中，真正能记住的只是单一的例题。在上机实践时，往往只能做出简单、孤立的小模块，不能看到整体的网页设计效果，无法独立制作完整的网站作品。可见，在本课程中采用传统的3步走的教学方法局限性很大。
2 项目驱动教学法的思想、特点
项目驱动教学法的教学思想
项目驱动法的教学思想是：通过将社会上真实的工程项目案例引入到课程教学当中，激发学生的好奇心和参与的热情，鼓励学生主动的发现问题，思考问题，探索寻找解决问题的最佳途径和方法。使学生通过完成项目设计对课程整体知识结构有更深层次的理解，促使学生化被动为主动，增强学习积极性，从而提高对所学知识的认知水平，提高动手操作的能力，形成具有学科迁移价值的问题求解策略和团队合作精神。
项目驱动教学法的特点
项目驱动教学法的主要特点是：以项目为红线，以学生为主导，以教师为依托。① 以项目为红线，要求所选的项目是真实的或近似真实的工程项目，选择的项目要涵盖课程的主要内容，可操作性强。②以学生为主导，要求学生通过独立或是协同配合完成一个具有明确目的的项目案例，在项目实施过程中掌握相应的知识技能，充分调动主观能动性，挖掘学习潜力。③以教师为依托，要求教师根据自己的工作经验和知识水平，设计和选取适合学生，紧贴社会需求的工程项目，引导学生置身于尽可能真实的项目情景之中，配合学生应用所学知识完成项目的设计，并在项目设计过程中给予必要的帮助。
3 项目驱动教学法的整体设计
项目的设计要求
为最大限度的让学生涉足各种各样的实际工程项目，教师必须准备丰富的项目储备和标准化项目案例，设置商业设计公司中需要的所有技术岗位，同时，还要求紧贴学生所学知识和操作技能并适当有所提高。这样既能使学生快速上手，迅速的进入特定的项目开发组，又能锻炼学生的主动学习能力，让学生体验到在团队协作过程中攻克难关的快乐，使学生在近似真实的商业项目开发环境中进行项目开发，完成由学生向职业人的转变。
项目小组的划分
项目小组的划分是关系到整个项目完成效果和能否充分调动每个学生的参与积极性，使其快乐、主动的参与到项目中的重要前提条件之一。由于，学生对本课程的学习有好有坏，对网页设计中各个模块设计的掌握程度各有不同。比如，有的学生对网站框架设计、flash、网站美工等静态网页设计技能掌握的较好，有的则对JavaScript、VBScript、PHP等动态网页设计技能掌握较好。因此，项目小组的划分方式为学生自愿结合，每小组的人数根据项目大小和复杂程度的不同有所变化，以4-6人为宜。这样既能保证项目的顺利完成，又能保证每位成员都参与其中，发挥各自的特长。
项目的具体设计
项目的具体设计是项目驱动教学法的关键，项目设计的好坏关系到能否最大限度的调动学生的参与积极性和项目的最终完成效果。因此，既要求项目设计包含网页设计课程中主要的知识点，功能模块和常用的设计方法，又要求项目的设计能吸引学生广泛参与，难易适中，具有普遍代表性。笔者根据多年的《网页设计与制作》课程教学经验，选择了当前热门的“网上书店”项目作为项目具体的案例。（见表1）
课程学时的设置和考核方式
课程学时的设置
结合课程的特点和具体的实施项目，笔者打破传统的教师讲授和学生上机并重的教学模式，采用了教师讲授占20%，学生上机操作占80%的课时设置方法。使学生在掌握基本理论的前提下，尽可能减少授课学时。这样的学时设置，既能让学生有大量的时间进行具体的项目设计，又能保证教师在学生进行项目设计时和学生交流、沟通，给予必要的指导和帮助。
课程的考核方式
笔者根据本课程的特点和项目实施的具体要求，制定的考核方案为：总分100分，其中，理论20分，上机操作（项目设计）70分，考勤10分。在具体的考核中，采用项目展示和小组答辩的方式，答辩小组推选代表进行项目展示和答辩，其他小组的成员作为评委，对答辩小组进行测评和打分，学生评委所打的分数占上机操作分70分的40%；教师对小组进行能力行为评定，通过观察小组成员的平时的表现，分析、评价其在小组中负责的项目模块和所具备的工作能力，给予恰当的分数，教师所打的分数占上机操作分70分的60%。每位学生的最终考核分数为：理论分值+学生评委分数×40%+教师分数×60%+考勤分数。通过上述考核方式，培养了学生团队合作意识，使每个项目小组都成为具有高度凝聚力及协作精神的项目团队，并形成以项目考核为核心导向的学生评价机制。
4 总结
自从该教学方法实施以来，学生对《网页设计与制作》课程产生了浓厚的兴趣，学习成绩稳步上升，实际动手能力也得到了显著的提高。学生们普遍反映：学习过程中心情愉快，所学习制作的项目案例也是当前主流网页设计公司通用的网页设计方法，在学校就能学到走向工作岗位时才能接触到的项目开发经验，无形中增加了自己的就业竞争力。
参考文献：
[1] 胡必波.项目驱动教学法应用研究[J].合作经济与科技,2008(7).
[2] 危立辉.项目驱动式单片机实验教学探讨[J].科技文汇,2010,11（下旬刊）.