时间：2022-03-19 11:22:39
导语：在网页设计论文的撰写旅程中，学习并吸收他人佳作的精髓是一条宝贵的路径，好期刊汇集了一篇优秀范文，愿这些内容能够启发您的创作灵感，引领您探索更多的创作可能。
1传统教学存在的问题
1．1知识点孤立，教学效果较差
传统的网页设计课程是按照教材的内容，讲解HTML语言和DreamWeaver工具的使用。学生往往不能将所学知识联系起来。学期结束后，学生对整个网站的构建缺乏清晰的概念，提交的作品质量较差。在对学生进行期中课程质量问卷调查中，80％的学生都认为课程所学内容可以理解，但是当教师要求学生动手完成网站时，90％的学生都不能很好完成。这正是因为在传统教学中一般采用讲授法和实验法，一周2学时的理论讲解，2学时的实验课。教师按照教材章节进行教学并布置实验内容，这样就造成了学生只对单一章节知识的理解，难以将所学内容联系在一起。
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所示。提交的作品主要考察界面是否合理、美观，是否与开题所写的需求分析内容一致，网站是否能正常的显示以及配套的网站文档是否完善等。答辩模拟项目经理与客户的角色进行，教师提出问题，学生进行回答，查看学生的现场反应力与问题解决能力。
3总结
针对非计算机专业学生学习网页设计课程，本文提出一种基于任务驱动的课程教学方法。目前，该教学方法已在我校几个班级进行了试验性应用。从过程来看，学生通过这种教学方法，主观能动性明显提高，课堂气氛活跃，学生兴趣较高。从课程的结果来看，学生所提交的作品质量明显提高，学生的动手能力也有显著的提高。在今后的教学中，我们将根据教学中出现的问题，进一步完善教学方法，以达到更好的教学效果。
作者：吕莹莹 郑颖 单位：河南科技学院信息工程学院
1常见处理技术
网页中的图像，按照存储格式不同可以分为矢量图和位图，按照使用用途的不同，大致可以分为地址栏图像，网站Logo，网页内容图像等。地址栏图像类似一个图标，显示在地址栏网址前边，一般经过精心设计，能够传递公司专业与精细的形象。内容图像是指嵌在网页中或者作为网页背景的图像。伴随网络技术和软件技术的进步，用于图像处理设计的软件有了很大的发展。网页三剑客中的Dreamweaver在进行网页设计的同时，可以对一些图片进行简单的变化处理，fireworks能满足对网页图片处理的大部分功能要求。对于一些有特殊要求的图像，可以使用Adobe公司的Photoshop软件进行处理；在进行Logo等设计时，一般使用CorelDraw或Illustrator等软件来完成。在进行图像的设计、选择和处理中，掌握专业软件的基本使用技巧是必需的，图像在网页设计中的功能主要可以分为视觉吸引、信息引导两方面。要达到这样的目的，需要对图像进行合理的处理。使用动画图片，以及适当的色彩对比，形成版式的变化，吸引浏览者的注意，引导其对网站内容的阅读。根据公司对网站的功能定位，其所承载的任务与指向有所不同，对浏览者所作设定亦有差异。比如腾讯公司的腾讯网（）和腾讯（），一个作为门户内容网站，一个作为公司形象网站是两个独立的网站，设计风格，内容和要求差异很大。
2新技术
网络作为第四媒体，其显示终端可能是计算机，平板，电视或智能手机，为了页面兼容等原因，前端设计出现了很多新技术，如div+css技术，Javascript技术等，为了方便管理，一般采用对象的结构、表现和行为分开。结构是对象的内容，表现是其外观，而行为是与浏览者的交互，或者说是浏览者进行鼠标点击或输入内容等操作时，页面的反应。在进行网页设计过程中，图像对象也是如此，利用代码可以对图像进行一些效果的处理，起到资源占用少，页面维护容易等目的，还可以达到一些用基本图像处理技术不易实现的效果。用div+css结合Javascript技术可以实现在网页前端一些设计效果和逻辑处理功能，比如图像轮播和验证码校验功能。在一个存在后台管理的网站中，网页的很多内容来自于后台数据库，一些图片也不例外，内容需要和后台交互，根据数据库的内容和页面的特定逻辑，决定图像的外观。这是基本图像处理技术无法实现的，需要设计者了解动态页面设计技术，常见的技术有，php和jsp技术等。
3结论
传统网页设计技术一般分为前台和后台技术，前台主要负责页面的版式和效果设计，在设计过程中，需要对图像处理有较好的理解，随着技术的进步和观念的变化，一般认为，网站的功能是第一位的，在此基础上，需要有良好的显示效果。技术是手段，是媒介，不能一味追求技术的先进与绚丽，设计要同公司网站的定位紧密相关，综合运用多种技术实现。网站的视觉吸引、信息引导两方面的功能并没有变，但是如何达到这一目的，是设计者关注并努力的方向。在功能完成的基础上，使浏览者获得良好的体验，简洁明快的设计往往会给用户留下较深的印象。页面图像设计者要对相关技术有较好的理解，页面前台效果不是孤立的，任务进行过程中，美工需要和后台设计人员进行沟通，反复修改，共同完成设计。
作者：智立甫 王春写 单位：石家庄职业技术学院电气与电子工程系 石家庄市市容环卫服务中心
一、《网页设计》课程教学现状及问题分析
1.教学内容与社会需求不同步。
随着WEB技术的发展，网页制作技术不断更新，各种制作软件层出不穷，这就需要教师及时调整《网页设计》课程教学内容，增减相应知识点，使学生学习最新、最前沿的知识。但目前很多学校的网页设计课程仅包括网页元素操作、HTML、软件讲解等方面的内容，对ASP、DIV+CSS、VBSCRIPT脚本语言、数据库等最新技术涉及较少。
2.教学模式不合理。
《网页设计》课程具有知识点多、知识点分散、实践性强等特点。传统教学模式通常围绕各个知识点组织教学内容，以教师为中心，以课堂为主体，以课堂讲授为主要教学方式，突出理论学习的重要性而忽视动手操作能力和实践能力的培养。《网页设计》课程学完之后，学生很难将所学知识系统化，更难以根据实际需要进行网站设计与制作。目前，很多学校已经意识到培养学生综合职业能力的重要性，但是培养目标及执行过程并没有实质性转变，致使学生综合实践能力与社会需求脱节。
3.实训环节薄弱。
《网页设计》课程是一门实用性、操作性非常强的课程，教师需要在课程教学过程中增加实训环节，以提高学生的动手操作能力。目前《网页设计》课程主要是在各章节中穿插相应实验内容，但实验内容仅作为课堂所学知识点的验证，没有对培养学生综合职业能力起到引导和启发的作用。教师对《网页设计》课程实践教学重视不足，课程教学过于重视具体知识点的讲授，忽视网页设计整体应用能力的培养，导致学生实践能力不足。
二、三维目标在《网页设计》课程教学中的实现
三维目标以“知识与技能”为核心目标，以“过程与方法”“情感态度与价值观”为从属目标，三者并不具有同等的生态位。“过程与方法”是目标与手段，促进核心目标的实现，“情感态度与价值观”与之相似，对学生的学习具有导向功能，“知识与技能”是实现“过程与方法”“情感态度与价值观”两个目标的载体。《网页设计》课程具有很强的实践性，是一门包含色彩搭配、布局设计等多种技术的课程，其“知识与技能”目标要求学生熟练运用Dreamweaver、Photoshop、Fireworks等软件，并能掌握网页制作技术的基本内容、基本处理方法和一些特殊技巧。为实现课程教学目标，笔者以“过程与方法”作为主轴，以“情感态度与价值观”作为补充，设计了一套符合实际的教学模式———阶段教学模式。阶段教学模式将整个教学过程分为三个阶段:第一阶段为“任务驱动，案例支撑，项目导向阶段”。教师先把实际项目引入到课程教学中，分解教学任务，完成课程知识体系的重构，然后采用案例教学的方式，边教边练，将实践和理论有机结合，全面提升学生的开发能力。第二阶段为“项目合作设计阶段”。这一阶段按照实际项目开发的流程，由学生自由组队、自主选题、共同完成作品设计，以提升学生网页设计综合能力。第三阶段为“校企合作实践阶段”。学校与企业合作，建立职场环境下的学生工作室，为学生顶岗实习提供场所，将企业开发流程和规范、先进企业文化引入到教学中，实现校企“无缝”对接。实践证明，运用这种模式进行教学，学生的网页制作水平能从初学达到熟练程度，教学效果明显。阶段教学模式划分为上述三个阶段，具体的教学设计过程如下。
(一)第一阶段:任务驱动，案例支撑，项目导向阶段
首先，网页设计项目的选取与分解。网页设计课程教学的最终目标是使学生具备一定的组织能力、开发能力、审美能力，能够自主开发和进行网页设计。在教学中，教师不仅要教授学生基本专业技能和一些常用技巧，而且要培养学生的思维能力和分析能力。教师应根据《网页设计》课程的特点以及学生需要掌握的内容，进行项目的选取与分解。此过程需要注意以下几个方面:第一，项目的选取在于精，而不在于多。整个教学过程一般只需三个有代表性的项目即可，每个项目均具备一定的综合性，能够解决若干个问题，同时能够将若干个知识点串联起来。第二，项目应具有使用价值，话题要有吸引力。网络技术日新月异，教师应选取最新的项目技术作为教学内容，否则没有实用价值。同时，为了激发学生的学习兴趣，教师应以当前流行话题或学生关心的问题为主题进行网页设计，由易到难，唤醒学生的求知欲望，提高教学效果。第三，分解项目到每一个知识点，并逐一讲解。教学初期，学生几乎没什么基础，从整体的项目分析到具体的基本技能，教师需要逐一讲解。这样多个项目的教学，能提高学生的思维能力。笔者从教学实践中发现，随着学生知识的积累，他们掌握每个项目所需要的时间会越来越短。其次，案例的讲解与分析。案例教学强调学生的主体地位，重视师生互动教学模式。案例教学具体又分为案例分析和案例讲解两步。案例分析:教师引入相关案例，通过最终效果图与网页素材的对比，激发学生好奇心，给学生想象空间，培养学生的思维能力。接着，教师对主要知识点进行分析、归纳，组织学生对案例实施过程以及所需技术进行讨论，使学生对网页制作全过程(即项目分析、网页设计、网页制作、项目测试和网页)有个整体上的认识。案例讲解:对应用性很强的知识点，如网页中嵌入图片、动画、视频等多媒体元素，以及表格、表单、层、链表等基本概念，教师需要仔细讲解，让学生掌握基本技能。对综合性很强的网页，教师除教授学生基本技能外，还要引导学生动手实践。在教学过程中，教师应采用开放的教学模式，根据学生的能力水平，在课堂上创设富有挑战性的问题情境，激发学生的学习兴趣，通过展示高水平、高质量的网页范例，开阔学生视野，扩展学生思路。最后，以任务作为驱动进行教、学、练。在任务驱动教学过程中，教师先布置任务，接着师生一起分析任务，然后由学生执行任务，最后由教师评价任务。任务驱动作为案例教学的有益补充，很好地融合了教、学、练，可以让学生更好地掌握理论知识和实践技能，充分调动学生学习的积极性，培养学生分析问题、解决问题的能力和动手实践能力。在第一阶段的教学过程中，教师将实际项目与课程知识相结合，遵循由浅入深、由易到难的原则，对任务进行分解，并检视学生在教学过程中所持有的态度和情感体验。
(二)第二阶段:项目合作设计阶段
在项目合作设计阶段，教师将学生分为若干个项目小组，每组四五人，并推选出一名项目负责人。根据网页设计相关知识以及个人兴趣，小组成员自拟题目，共同制订项目计划和实施方案，由项目负责人负责任务分工以及项目材料的整理。小组成员的具体分工如下:美工负责前台、后台网页美工设计，如网页布局、网页所需素材(如图片、音乐)、网页字体及网页色彩搭配等;前台代码设计人员负责前台程序代码设计，如数据库数据的提取、网页展示、留言板数据录入等;后台代码设计人员负责后台数据库设计以及数据维护，确保网页正常运行。在整个项目设计过程中，学生完全处于主动学习状态，每个小组拥有充分的自主权，遇到问题，各小组成员共同讨论，合作完成任务。这样能充分调动学生的积极性，激发他们的探索冲动和创造激情，加强团队协作能力。在整个项目设计阶段，教师应引导学生分析、解读网页设计过程中发现的共性问题，并对项目设计过程中涉及的理论知识与操作技巧进行补充。另外，教师需要参与各小组任务制订以及最终案例总结，表扬学生的优点，指出其不足之处，这样不但可以巩固教学成果，弥补学生的学习漏洞，而且能加强教师与学生之间的交流。通过第二阶段的学习，学生不仅能掌握知识与技能，而且能形成积极的学习态度与情感。
(三)第三阶段:校企合作实践阶段
基于校企合作的课程改革是学校发展的需要。第一，学校应依托行业构建校企合作机制，聘请相关企业技术骨干为指导教师，根据不同岗位分工，有重点、有针对性地进行课程制订和教学。同时，教师应根据企业的相关要求和标准来规范学生的行为。第二，建立职场环境下的学生工作室。《网页设计》课程的教学课时有限，部分对网页设计感兴趣又极具操作能力的学生，希望在课后能继续深入学习网页设计的实用技术。为了满足这部分学生的实际需求，各学校可根据本校的具体情况，与企业合作建立学生工作室。学生工作室完全按照企业模式进行管理，并可承接校外的网页设计项目。在工作室中，教师将学生分组，并和学生共同完成项目开发，以培养学生在实际项目开发中的分工协作能力，让学生进一步感受企业的工作氛围，提高学生的协作能力、解决问题能力、抗压能力等。第三，校企合作模式下，课程教学将作为社会需求和个体需求的结合体。专业课程校企合作阶段，学校应以企业需求为前提，将课程内容与企业生产项目对接，实现课程理论教学与实践一体化。这种理论与实践相结合的教学方式针对性强，不仅能与企业用人要求接轨，而且能激发学生的学习兴趣。
三、结论
三维目标能够很好地融入《网页设计》课程教学改革中，三者之间并非简单并列，而是相互渗透、有机结合，统一融入课程教学体系中。其中，知识与技能是载体，是三维目标的基础和核心;情感态度与价值观是过程与方法、知识与技能的升华;过程与方法是“三维”中的一条纽带，是情感态度与价值观、知识与技能的表现形式。教学实践表明，阶段教学模式不仅能提高学生的职业能力和职业素养，而且能将理论与实践紧密结合，达到学习与工作、学校与企业的“接轨”，实现三维教学目标。
作者：周建辉 单位：福建省漳州第一职业中专学校
一、考核改革目的
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。
项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。
对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。
对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
2.考核方式
学生以小组合作形式完成项目。每小组都由组长担任项目负责人进行总体规划并对项目任务进行合理分工，协调组员之间的关系。最后作品的评价以小组各自展示作品的方式展开，按照教师评分、小组间评分、小组自评6：2：2的比例评定。至于项目报告成绩由教师评定。该考核改革方案体现对学生知识技能、协作能力方面的科学、正确的评价，注重学生自主分析问题、解决问题能力的培养，让学生投入到一个类似实际工作的项目开发情景中，发挥各自的能力，发现自身的弱点，不断自我调整以适应职业岗位的需求。
作者：张健 单位：连云港工贸高等职业技术学校
一、网页设计基本思路
在整个方向确定下来后，再对网页中所需元素进行寻找，收集，选择，例如网页的基本色调，文字风格，整体风格确定下来后，再开展设计工作，就能够保证设计过程中其他相关工作也能顺利进行。这种经过极思缜密的筹备工作后设计出来的作品，才能满足客户的要求，才能传达出真正想要表现的东西。通过相关审核后，由专业网页设计人员应用软件开展设计工作，无拘无束的释放设计师的灵感，最后由助手对细微的瑕疵进行调整，形成一幅完美作品。
二、平面设计基本思路
在平面设计工作中，设计师接到任务后，首先要做的是进行多角度思考，多方面了解客户的要求。比如说，客户的企业文化，形象定位等等，在充分把握这些信息后，再进行设计工作就会做到有的放矢，重点突出，具有较强的针对性，目标性。然后对客户的信息做更详细的分析。比如，了解客户的诉求点，侧重点，表达的主题等，这些都是一名合格平面设计师要做的工作。当把需要的资料准备好后，结合对这些资料的分析思考，然后确定要设计的风格，表现手法和主题。其实这些工作都是很有挑战性的，这个过程不仅仅要把主题突出出来，还要尽可能地表现丰富的内涵，寓意。这就要去设计者潜心地设计了，当然这个过程中要利用专业的绘图软件，来辅助工作。需要强调的是在设计的过程中一定要保证整体性和方向性的正确，保证色调和谐搭配，只有在视觉上能对客户产生巨大冲击力的作品才是有市场的作品，才是有价值的作品。
三、网页设计与平面设计的联系和区别
网页设计和平面设计有着十分密切的联系，同时两者之间也有着一些区别。平面设计和网页设计都同属于现代化特色的艺术表达范畴，都是通过电脑技术来辅助或者直接完成。两者都是集艺术创作、电脑载体以及数字技术于一体的，用视觉进行沟通和表达的一种艺术创作过程。
1.网页设计是平面设计的网络化。
网页设计是指利用标识语言，经过一系列的建模、设计、执行等过程，将数字化格式的信息通过网络传播，最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程，所以它既能够像平面设计一样对主题进行完美诠释，还能够细致地描述目标。在某种程度上来说，创作网页设计的过程中，主要使用的手法，技巧都是延伸平面设计，有些甚至是一样的。因此将网页设计和网络技术紧密结合起来，是将来网页设计的一个必然方向。
2.网页设计是平面设计在网络时代的延伸。
伴随着网络时代的迅速发展，人们和网络的联系也越来越密切，人们利用网络技术改革以往工作方式。在平面设计领域也不例外，设计师们利用鲜明的色彩，精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性，加上网页设计的发展背景，我们不能将两者孤立起来看待，而要清楚地认识到，网页设计是平面设计在互联网时代的一种独特表现形式，是平面设计在新时期新环境下的一种延续，一种创新发展。
3.网页设计和平面设计在技术上的区别。
网页设计顾名思义就是依赖于互联网进行创作，对于先进的软件那无法摆脱的依赖性是网页设计的短板，但是平面设计却不是这样，它对于这类软件依赖性小，因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具，只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展，能够不只依靠绘图工具还可以利用画笔，颜料等传统工具来工作。
四、总结
随着时代步伐的加快，人们的生活节奏也是越来越快，所以能够吸引人的东西一定是直观的，是一目了然的。人类社会已经进入了一个“看”为主的视觉化时代，网页是这个时展而产生的一种人人交流沟通的交互系统。如今的互联网已经渗入到人们生活的各个方面，每时每刻都有人在网络上完成购物，交水电费，存钱，定电影片等各项消费和看电影，听音乐，玩游戏等各种娱乐活动，所以，网页设计的实用性和艺术性就显得相当重要了，它是网站抓住客户的重要前提。网页设计是平面设计的延伸和发展，平面设计为网页设计的前进提供源源动力。这两者既是相互联系又有着很大区别，设计师们要清楚认识到这些问题，利用各自优势，充分把握视觉原理对设计的作用，设计出更具美感的作品来。
作者：周霜菊 单位：成都大学美术学院
1案例驱动的应用现状
目前，案例驱动教学在高等教育各学科中广泛使用．但由于很多教师对案例驱动教学法的内涵、特点及组织过程的认识不透彻，导致案例教学法的使用存在许多误区．
(1)案例设计不当．
案例驱动教学本质上应是通过“案例”来诱发、加强和维持学生的成就动机，成就动机是学生学习和完成任务的真正动力．因此，案例驱动教学法的案例设计是教学成败的关键因素．案例过于简单、欠缺针对性、设计不清晰等都会影响案例教学的教学目标．一个具体的案例设计，必须考虑周全，保证案例的可行性和有效性．进行案例设计时，要以学生为中心，教师为主导，兴趣为主线，使学生在完成任务的过程中掌握知识、技能、方法并学以致用．
(2)组织实施过程并非案例教学．
案例教学是师生的双向活动，通过具体案例引导学生参与分析、讨论，让学生在具体的案例情景中积极思考，主动探索．在实际教学过程中，有些教师只是把案例呈现给学生，像讲故事一样叙述一遍，没有引导，没有总结，缺乏交流与互动;有些教师在课堂上引用了案例，但教学方式还是沿用传统的灌输式的教学，仍然以教师为主体．以上种种教学方式看上去是引用了案例，但并非采用了案例教学法，更谈不上通过案例驱动去激发学生的学习兴趣，培养学生分析问题解决问题的能力，提高学生自主学习及与他人协作的能力．上述种种对案例驱动教学法的不恰当使用，将直接影响学生学习的深入和教学目标的达成．本文结合“案例驱动在网页设计类课程中的应用”的教改课题，对案例驱动在实际教学工作中的应用进行了探讨和反思．
2案例驱动的教学实践
《网页设计》是一门知识点丰富、应用性和操作性强的课程．此类课程目标是培养学生分析问题和动手解决问题的能力．通过教师对网页设计知识点的讲解，结合案例驱动的教学模式，让学生系统地学会如何设计网页和开发网站．
2．1案例选取的原则
根据网页设计课程的内容和特点，在课程开始就引出成品案例，明确需要解决的问题，调动学生的学习积极性;同时，在教学过程中，以该案例为线索，将其贯穿于课程的始终，将零散的知识点结合在一个完整地案例实现中，并通过分组操作完成案例的方式，进行相互评比学习，进一步扩展知识面．对于教学过程中的小知识点选择对应的小案例．案例的选取在案例驱动的教学过程中至关重要，大的成品案例应具备较强的实际应用价值，能够较好的模拟真实的应用环境，小知识点案例则需注意选取的针对性，做到有的放矢．在实际教学过程中，我们一般遵循以下的案例选取原则:
(1)代表性．
在课程开始之初，为激发学生的学习兴趣，明确学习目标．让学生观摩的成品案例应选择不同风格类网站的代表或往届学生优秀作品的代表，且此类网站需和学生的实际学习生活息息相关，如班级网站、购物网站、技术网站等，以此调动学生继续探究学习的积极性．
(2)针对性．
在教学过程中零散知识点对应引入小案例，此类案例应具有较强的针对性，将课堂教学目标融入到案例教学中．如通过网站公告栏引出对marquee标签的讲解，通过网页的刷新功能引出对meta标签的讲解等．
(3)趣味性．
尽可能选取趣味性强的案例，更好地吸引学生的注意，抓住学生好奇的心理，唤起学生更多的学习热情和欲望．如通过漂浮的广告、滚动的图片等案例引出对脚本内容的讲解．
(4)综合性．
成品案例的选取应注重综合性．一个成品案例网站应涵盖HTML，CSS，JAVASCRIPT等多个知识点．通过成品案例的设计与实现，考察学生综合应用多知识点解决实际应用的能力．
(5)理论联系实际．
更多地结合学生在实际生活学习中的应用选择案例，最好从学生熟悉的操作和感兴趣的事件出发，使他们有更多的机会从周围熟悉的事物中学习和理解，感受到设计的趣味和作用，体验到设计的魅力．如在讲解时间对象时，可以选择人性化问候或重大事件的倒计时牌设置作为案例引出．
2．2案例驱动教学的实施过程
在案例驱动教学应用到《网页设计》类课程的具体实践中，我们创设了“模仿—扩展—发挥”的教学过程．具体的教学过程主要分五个阶段展开．
(1)成品案例演示，学生观摩．
此阶段为教学展开的第一阶段，通过各类代表性综合网站的观摩，激发学生的学习热情，调动学生的学习积极性，为课程深入学习打下基础．可粗略提及网站内容组织，设计理念和主要相关技术，建立对课程学习的大体认识．
(2)知识点讲解，模仿练习．
此阶段是教学深入开展阶段，教师开始各类知识点的讲解，通过引出小案例配合教学，教师需要示范案例的制作过程，讲明案例的制作步骤和方法，讲解制作中运用的知识要点和技能，学生模仿练习，达到掌握各类知识点的目的．
(3)成品案例扩展，实现．
成品案例的实现是一个循序渐进的过程，在知识点的讲解过程中，学生在每次模仿练习完成后，可运用已学知识与技能逐步展开对成品案例的制作，不断扩充，直至课程结束，案例制作完成．
(4)评价教学．
教学实践完成后，教师抽取学生个案展示，并对学习成果进行多元评价，归纳总结学生学习过程和结果中出现的问题，引导学生进行反思．同时对优秀的案例进行总结分析，和学生分享学习其设计的风格、思路和技巧，查漏补缺．
(5)自选主题设计作品．
此阶段为自由发挥阶段，不限题材，不限风格，引导学生应用所学构建风格各异的网站，通过自主完成搜集素材到分析设计，再到制作的过程，让学生充分了解并亲历实际开发中网页设计的开发流程，提高学生独立分析和解决实际问题的能力，有利于学生的自我完善和提高．针对目前《网页设计》课程的教学体系所存在的不足，只有通过教学内容的整合与优化，并以课堂教学环节、实验实训教学环节、考核方式的改革相配合，建立一个合理的实践教学体系，才能培养学生的学习兴趣，提高学生在网页设计的应用中分析问题和解决问题的能力，促进教学质量的提高．在实际教学过程中，我们采用以下的策略来优化教学过程，进行案例驱动教学工作的实施．首先，以案例驱动为导向，优化教学过程，改进学习方式．同时，加强实训环节的教学．直接引进企业实际应用需求的案例，学生在教师指导下通过分组直接参与综合大型实践案例开发．通过这种大型实训教学，完成对基本知识和基本操作技能的综合训练，让学生了解了实际工作中需要的多方面素质，实现了课堂教学与职场岗位间的“短距离对接”．其次，开展技能比赛式教学．组织网页设计与制作方面的竞赛，如网页设计、图像处理等，通过形式多样、丰富多彩的学生竞赛活动，促进学生主动进行计算机应用与技能训练活动，提高学生对技能应用的能力，加深对知识的理解．在对《网页设计》课程采用案例驱动教学法后，学生学习积极性大大增强，动手实践能力显著提高，通过案例展开的教学让学生更轻松，系统地掌握知识和技能，上机实践已由验证实验逐步转变为自主设计实验，学生能在课程结束时学以致用，或个人独立或分组协作达到完成一个综合性网站制作的目标．在学生获得相应技能的同时，学习的积极性、主动性、创新能力、协同工作的能力，独立分析问题和解决问题的能力都得到了发展．
3结语
综上所述，案例驱动教学中，教师不仅仅“授人以鱼”，更强调实现“授人以渔”，强调对学生自学能力和独立分析问题能力的培养，改变了传统教学中教师讲，学生听，学生被动接受的局面，提高了学生主动参与学习的意识．围绕案例展开的教学，学习目标明确，教学思路清晰，更利于知识和技能的掌握．当然，这对教师素质也提出了更高的要求．要求教师具有扎实丰富的专业基础和理论知识，吃透教材，精选典型案例;同时，在教学过程中，科学引导学生，充分发挥其主观能动性，培养学生项目实战技能，弥补实践经验不足，为学生尽早适应社会对IT人才的实际需求打下基础．
作者：谭涛 李明东 赖晓风 单位：西华师范大学计算机学院
1视觉元素简介
对于视觉元素这一名词的阐述，我们可以说是能够用我们眼睛看到的一切事物或标志。举个例子就像拍摄、电视、影视、造型艺术、建筑物、弃取计划、都会修建和弃取科学、笔墨，也包罗舞台计划、音乐。上述所提及的都可以被我们的眼睛所捕捉，所以它们的本质上都可以说是视觉元素。在上文我们可以得出，视觉元素的存在是非常非常普遍的。而在网页计划中，视觉元素通常以笔墨、图片、图象、标识，色彩等情势要素和题目、信息菜单、信息正文、口号、单位名称等内容要素表现出来。视觉元素融入网页设计，索要遵守的规则就是必须要经过网络才可以进行传播，也就是说没有了网页的支持，它无法发挥自己的作用，向人们传播。传布信息，便是说信息的发起者应用标记向接收者传布谍报的进程。它可所以个别自己的转达，也多是个别与个别之间的转达。它包含“人物”、“信息”、“传达人群”、“成果以及反响如何”这四个阶段。这也是发起者把思想与设计观念转换成视觉元素的阶段，就是概念视觉化的过程，贯穿和联结这两个过程的就是视觉元素。
2网页中的视觉元素探讨
2.1网页中的视觉元素分析
网页计划中的视觉元素主如果笔墨、图片与色彩这三大范例。上述三种元素之所以被划分为网页设计中的视觉元素，是因为它们所存在的一个共性，不论是文字、图片还是色彩，它们都是眼睛可以直接接收的最简洁的元素。可以直接的刺激到人们的眼球，起到更瞬间的宣扬反应。近几年中，视觉元素的运用更好的融入到了网页的设计中，让网页设计变得更加纷繁复杂，多姿多彩。
2.2网页设计中视觉元素特点
第一，在网页计划中的视觉元素，最基本的特色便是具备注视性，这一特色是网页计划中视觉元素最主要的特色，也是表现网页计划最基本寄义的特色。因为，网页的设计便是满足人们获取信息的便捷性，增强了解性，只有保证网页具有一定的注目性，才能勾起读者的兴趣，让人们有想要去浏览的欲望。最终达成制作网页的最根本的目的。其次，适应性是网页计划视觉元素具备的另外一特色。网页中提及的适应性，指的是在网页之中的视觉元素应该是随着外在的环境不断的提升并发生改变的，已达到适应外部环境的目的。由于我们处在的是这样一个信息发展提升的时代，所以唯有确保网页设计中的视觉元素一直是向新时代前进的，增加全新的资料以及元素，才会让网页的浏览量进一步提升，适应好我们所处在的这样一个时代。第三，网页计划中视觉元素还具有被记忆性的特色。这一特色的发生，主要基于视觉元素的引人注目性和适应性特色。第一，视觉元素无疑是可以起到刺激眼球的作用的，所以可以从根本上刺激人们去阅读网页上的内容，在这样的同时，就会使人们记住这些元素，有了元素记忆。然后，这些视觉元素能够不断进行新的变化，反之又促进其注目性的提高，并且在这两方面的共同作用下，使人们对网页的记忆更加深刻。
3视觉元素在网页设计中的运用
3.1文字视觉元素在网页设计中的应用
从文字开始被创造出来，一直到如今社会，它都是我们文化中重要的符号形式。而在网页设计中，文字自然也是必不可少的组成部分，地位非常重要。网页设计里面，文字符号其实不仅仅被作为一种符号语言，更重如果被作为一种记实和传布信息的东西。进行网页设计的时候，对文字的大小排序进行合理安排，用多种形式的文字表达去编辑资料、网页和信息，让文字不单单起到传播信息的作用，更作为一种艺术和文化，去带给人们享受。要想是文字变得具有视觉效果，完成上述所说的对文字的变革，可以在编辑网页时采用艺术字的方式，让文字告别呆板，让其表现形式更加的动人多样，大小颜色吸引眼球。
3.2图像视觉元素在网页设计中的应用
图片在网页中的应用中也是极其重要的，扮演着极其重要的角色，图片在网页编辑中也占据了很大的一个篇幅，和上文的文字元素比较起来，图片所占的优势更加大，视觉效果也更佳。如果在网页里运用了视觉效果较强的图片，还会在一开始就给人留下很深的印象，产生的效果是立竿见影的。对于所说的图片的视觉效果更加强一些，并不是就否认了文字在网页中所发挥的效果，文字也是同样重要的。一般情况下，图片的解释说明少不了文字的参与，文字可以辅助图片吧效果发挥的更加淋漓尽致，有助于信息的快速传达。同时，这样一来不但可以使信息很好的传播了出去，也增强了其印象，让网页更加生动。
3.3色彩视觉元素在网页设计中的应用
颜色视觉元素是网页计划中必不可少的一种视觉元素。色彩本身就具有其自身的独特特性，同时还具备极佳的视觉效果。额昂也设计中色彩的运用，主要目的就是提升文字的解释能力以及增强视觉上的刺激，对特定的文字以及图片增添色彩，可以让文字与图像达到更好的表现效果，让网页的整体质量不断的升高。视觉效果更加的显著。此外，色彩自身还具备很多独特的性质和效应，并且每种色彩都具有不同的作用，例如绿色能够给人舒爽的感觉，代表着大自然的清新，是青春和希望的象征;红色象征着热情、奔放和活力等等。
4结束语
总之，在网页设计中的文字颜色以及图片的应用，使得网页设计的质量变得更加的高，这样的制作网页的方式顺应了信息时代的发展。是以，网页计划者应当不断加强视觉元素在网页计划中的应用。视觉元素作为网页设计中的一个非常繁复的工作，对其审美和所达到的效果都有很高的要求。因此，在实际工作中，必须吸取多种知识，从设计者角度出发，对视觉元素进行创新发展，在多种元素综合运用的过程中，提高网页设计应用效益。
作者：成思豪 单位：甘肃工业职业技术学院
一、灵活自主的教学内容
自主学习是指学生管理自己的学习。具体地说就是学生能够自己决定学习目标，确定学习内容和进度，选择学习方法和技巧，监控学习过程及自我评价学习效果。网页设计课堂上应赋予学生更多的权利，使他们有机会对自己的学习内容、学习进度等加以控制。与此同时，学生被动的、依赖的学习心理的转变不是一蹴而就的事情，面对崭新的知识领域完全自主学习也显得困难重重。因此，教师在这个过程中必须进行有效的干预，对学生的学习过程进行指导和监督。要满足学生、教师双方的“话语权”，可以设置一套灵活自主的网页设计教学内容，分为基础模块和自选模块。基础模块是每个学生都必须学习的，是以教师讲授为主，总共占20%的课时比例。在自选模块里，学生可以根据自己的知识背景和兴趣爱好选择不同的学习内容，总共占80%的课时比例。网页设计教学内容模块按教学进程分为基础模块之认知与准备、基础模块之界面艺术设计、自选模块之网页动画、基础模块之网页代码基础、自选模块之网页后期制作。在认知与准备模块中，对网站建设中的一些基本概念、网页中使用到的媒体元素、一个完整网页的构成要素、网站的制作流程等知识点进行讲解。这些常识性的基本概念是网页设计的入门知识，是每个学生必须了解的，因此这个环节的教学活动是以教师理论讲授为主。界面艺术设计模块是以提高学生的艺术创意及设计能力为教学目标，从网页的色彩设计、版式设计、艺术风格等方面进行，使学生能够设计出具有高度艺术性和良好功能性的网页效果图。网页艺术设计能力是一个优秀网页设计师必不可少的，因此这个模块所有内容同样是每个学生必须学习的。网页动画模块的教学目标是培养学生网页动画设计与制作能力。目前网页上的动画从制作技术上来分，最常见的有GIF动画、Flash动画、JS特效动画三种。在这个自选模块，教师先对这三类动画进行分析介绍，学生再根据自己已掌握的相关知识和兴趣爱好来选择某种动画进行深入学习。网页代码基础知识是在后期制作网页时所必须掌握的，因此这个模块也是必学的且以教师理论讲授为主。网页后期制作方式有使用Table+CSS、使用DIV+CSS、Flash整站搭建三种，在这个自选模块中，学生在对三种网页制作方式的特点进行了解后，可根据自身知识储备和兴趣爱好进行选择性的深入学习。网页设计课程知识点众多、课时有限，一直是困扰教师们的一大难题。自选教学模块能在有限课时里满足众多学生的不同学习需求，对网页设计课时量少的困境不失为一种解决方法。同时，学生能在有限课时里，各自选择适合自己的方向深入学习“，术有专攻”，集中精力把所选知识点学精、学透，能真正达到用人单位对毕业生学科知识“专”且“精”的人才要求。更为重要的是，这套灵活自主的教学模块给予了学生一定的学习内容、学习进程的控制权，在学生自主选择的过程中引导他们明确了自身的知识储备、兴趣爱好和课程的知识结构，以及如何依据这些因素确定个人的学习目标。达到了把握时机、因势利导地引导训练学生掌握自主学习方法的目的。
二、多维项目驱动的教学方法
建构主义者认为，学生学习知识的过程，实际上是在教师所传授的背景知识基础上，结合过去掌握的知识，运用自己的头脑主动建构，完成新的知识体系构建的过程。在具体教学过程中，教师的职责不是“填鸭式”的灌输新知识，而是创设最佳知识情境，引导学生自主完成学习任务。项目驱动教学是建立在建构主义教学理论基础之上的教学方法，将学生的学习活动与实际项目相结合，引导学生积极自主的探索、整合、建构知识，项目完成的过程也是学习活动进行的过程。网页设计的教学过程可以采用多维项目驱动教学法，即从教学进程、教师讲授和学生实验三方面进行多维度的项目驱动教学，从而促使学生积极自主学习。首先，以业内实际项目开发进程为参照设置教学进程。我们可以看到，教学内容模块的推进形成了“网站策划———页面设计———动画制作———页面制作”这样一条清晰的线路，而这种教学进程实际上和设计公司里的工作流程完全一致。其次，教师在课堂教学时，事先准备好一个有代表性的范例网站项目，根据教学大纲的知识点要求把范例项目相应划分成一个个子项目，众多的课程知识点由子项目来承载，以案例演示的方式来讲解，随着教学进程的推进，范例网站从无到有被逐渐搭建起来。最后，在课程的开始就给学生一个贯穿整个课程教学的项目任务，与教师的范例项目相应，这个主题网站同样由多个子项目组成。教师演示完范例网站子项目后，学生便上机自主开发相应的主题网站子项目。课程的教学过程实际上就是学生在教师的一个个子项目案例引导下，运用所学知识一步步自主完成主题网站的过程。网页设计是应用型课程，培养的是学生在以后的工作环境中解决实际问题的能力。多维项目驱动教学法多角度模拟实际工作情境，促使学生不仅掌握了众多知识点，而且对项目的整体解决方案有了清晰的认知，具有了实际项目操作的能力，同时还提高了自主学习、自我指导等综合能力和素质。
三、多元评量的评价方法
传统的教学方式是以知识传授为教学目的，对于学生成绩的评定往往被认为是教师课后的事情。而在强调自主学习的教育理念中，教学目的则不仅仅是特定知识的习得，更重要的是提高学生自我学习、指导和管理的能力，因此学习评价被提升到一个重要的层面。美国学者韦默认为：“对自我进行精确的评价和对同龄人的工作进行建设性评价的能力是在大学期间教师有责任对学生进行培养的一项必要的学习技能。”评价方式需要结合具体课程来设计，在网页设计课程中，适合采用多元评量的评价方法。在“认知与准备”和“界面艺术设计”模块中，采用自评和公开评议，每个同学首先给自己的作品自评，然后轮流公开展示自己的作品，回答师生的问题，教师和其余同学根据作品情况给予评价。自选模块同样采用自评和互评的方式，不过是在选择了同一内容模块的小组间进行。“网页代码基础”模块则借用理工科试卷评测方式，教师出题并阅卷，学生不参与评分。这种学生共同参与的多元评量模式的优点突出体现在：首先，能有效促进学习。评价既是给学生打成绩，更重要的目标是促进学习。在自评和互评活动中，学生需要尽可能深入地分析自己和同学的作品，这就促使学生把自己的实践体验升华到理论思想高度。同时，对于没有标准答案的设计作品来说，公开评议能够扩展设计者的思维，有利于进一步完善作品。通过实践到理论再到实践的循环，能非常有效的提高学习效果。其次，能培养学生的评价能力。要实现自我学习、指导和管理，首先要能对自己和别人有着准确的认知和定位。自评和互评结果的对比，能够使学生更准确的认知自己。多次参与对同学作品的评价，能够充分锻炼学生评价同行工作的能力。同时，通过“综合分值”的设置把评价能力囊括到学习成绩的考核范围有着明显激励作用。值得注意的是，让学生参与评价并不意味着完全放权。评价能力的培养是一个渐进的过程，大多数学生没有多少经验，不太可能自发形成完善的评价体系。这就需要教师及时引导监督，并在设计评价方法时尽量对一些可能发生的不合理行为进行规避，以使得整个学习评价体系更科学、更公平。
四、结语
总之，对于自主学习来说，课堂教学有一定的制约性，如有限的时空限制、集体教学的方式、具体的教学大纲等，这些因素某种程度上限制了学生的自由发挥，但同时又是培养学生自主学习能力的基础和保障。从教学内容、教学方法、评价体系多方面对网页设计课堂教学现有模式进行改革，可以变制约性为推动力，使学生在课堂上不仅能更高效地获取网页知识，而且能有效提升自主学习能力，为他们以后工作和生活的可持续发展奠定坚实的基础。
作者：宋翠君 单位：南通大学艺术学院
一、色彩搭配原则
1适用性
创建网站时，首先要考虑的是用户的需求。网站是以宣传用户企业文化为主，还是以宣传企业产品为主，即确定网站的主题。主题确定以后，就要了解哪些颜色适合传达该主题信息。例如，IT类网站常常采用蓝色为主色调，因为蓝色为冷色调，通常让人联想到海洋、天空、水、宇宙。纯净的蓝色表现出一种美丽、冷静、理智、安详与广阔。由于蓝色沉稳的特性，具有理智、准确的意象，在商业设计中，强调科技、效率的商品或企业公司，大多选用蓝色当做标准色，企业色，如电脑，汽车，影印机，摄影器材等等。橙色是暖色调中最温暖的颜色，具有兴奋、温暖、欢乐、辉煌、以及容易动人的色感，所以，家居类网站常常以橙色调为主，能够烘托家庭温馨的主题，即不同的主题应选用不同的颜色。
2独特性
网页的数量不断增长，越来越富有个性，对设计者的要求也更高。相同类型的网站，若网站的整体风格大同小异，没有突破，则很难在竞争中取胜。要吸引浏览者挑剔的眼球，就要打破常规、标新立异。即网站的色彩搭配要在考虑网站本身特点的同时，让色彩的独特性充分发挥魅力。
3整体性
网页上各部分色彩都有自己的分工角色，主色具有传达主题信息的作用，辅助色是烘托气氛的，背景色保持画面的整体统一，点睛色起强调作用。网页的色彩也可以区分信息模块、暗示控件功能等。不同的色彩在网页中同时存在，就会出现色彩的不同组合关系，可能有强烈的颜色对比关系，也可能在亮度上有明暗对比关系，还可能有相似色彩间的调和关系。这些色彩的组合使网页在视觉效果上丰富多彩，构成了网页的整体效果。优秀的色彩组合是网页设计者发挥艺术才能的重要领地，和谐的配色能够让整个界面看上去舒适。对比强烈的配色加以适当的面积比例调整进行调和能够让整个界面看上去清晰并且重点突出。因此，不同的需求可以采用不同的组合关系，但是一定要给浏览者良好的整体印象，这就需要这些色彩组合关系具备整体性，它主要包括色彩对比与色彩调和2个方面：
(1)色彩对比:
指各种色彩在构成中的面积、形状以及色相、明度、纯度之间的差别，这些差别为网页配色增添了许多变化，页面显得更加丰富多彩。色彩的对比规律大致有以下几点：
（2）色相对比:
指不同色相之间的差别产生的对比。当网页主色确定后，必须充分考虑其他色彩与主色的关系、要表现的内容及效果等，这样才能增强其表现力。如果要突出差别关系，应选择主色的补色。若要对比效果柔和，就要选择相似色。
（3）明度对比:
指色彩之间明暗程度的不同所形成的对比。通过明暗程度的调整，可以给浏览者在视觉上产生不同层次，不同距离的感觉。
（4）纯度对比:
指不同色彩之间纯度的不同所形成的对比。色彩的纯度决定着色彩的鲜艳程度，将不同纯度的色彩放置在一起进行对比，会使得纯度高的色彩更鲜艳，纯度低的色彩更浑浊。
（5）补色对比:
补色是色环中相对位置上的两种颜色。网页中的点睛色就经常采用补色，当互为补色的两种色彩接近时，能显示出强烈的对比关系。
（6）冷暖对比:
色彩给人的感觉是有冷暖的，分为冷、暖两大色系，这两种色系相互排斥的，放置在同一个页面中，就会产生冷暖对比。冷暖对比效果是极为强烈的，会导致画面的不协调，一般采用以下两种方法解决。首先是纯度调整：降低冷暖两色的纯度。用黑、白、灰明度变化来调整画面的层次、直接使用黑、白、灰色系进入画面搭配，或者加入补色，也都能很好地起到协调的效果。其次是面积调整：主次的面积区分，根绝主题的需要在画面的面积上以一方为主色，其他颜色在使用上拉开距离，使画面的主次关系更突出，在统一的同时又富有变化。
（7）面积对比:
指页面中各种色彩在面积上的大小差别，它会影响到页面的主次关系。在同一视觉范围内，色彩面积的不同会产生不同的对比效果。若两种色彩的面积同样，那么这两种颜色之间的对比十分强烈，若色彩的面积不相等时，小的一种色彩就会成为陪衬，在小面积的色彩陪衬下，大面积的色彩就显得特别突出。根据主题的需要在页面的面积上以一方为主色，其他颜色为辅助色，使页面的主次关系更突出。
4色彩的调和
两种或两种以上的色彩分布在同一个页面中，形成色彩组合关系，色彩调和就是使这种组合关系合理搭配，产生统一、协调的效果。色彩调和是人们求得色彩协调、达到心理平衡的重要手段。
（1）同种色的调和：
选定一种颜色，通过改变这种颜色的明度或纯度得到所需要的新的色彩，进而使色彩产生循序的渐进，弥补同种色相的单调感。
（2）类似色的调和：
如果希望两种或两种以上的颜色对比不那么明显，那么就要在这些颜色之间再添加类似色进行调和。在色相环中，色相越靠近越调和。
（3）对比色的调和：
对比度调和是指两种或两种以上的色彩配置在一起，通过一定的方法使其产生自然而融洽的感觉。其调和的方法有：提高或降低对比色的纯度、采用面积大小不同的处理方法。
（4）渐变色的调和：
渐变色本身实际上是一种调和方法的运用，是颜色按层次逐渐变化的现象。色彩渐变在网页的背景色中是经常使用的。色彩的对比与调和是形式美的变化与统一。
二、配色的基本方法
1色调配色法
选定一种颜色，加入黑色或白色会使其明暗程度发生变化，形成这种颜色的不同色调，一般分为亮调、中间调、暗调。不同的色调会对人产生的一定的心理暗示。这种色调配色法在网页色彩构成中是经常使用的。笔者推荐的配色技巧为：打开Photoshop的拾色器，选择HSB选项区（不是RGB选项区）中的B（亮度），指定选择的颜色，通过拖动右侧的滑块就可以得到这种颜色的各种色调。
2色相配色法
当基于色相策划了一个配色方案时，获得的效果通常会比较华丽明艳。很多民族服饰和儿童服装采用的都是典型的基于色相的配色方案。色相配色法就是基于某种色相，进行类似色、互补色的搭配。适当地类似色搭配，可以获得整齐宁静的效果；适当地补色搭配可以突出显示颜色并给人轻快的感觉。笔者推荐的配色技巧为：打开Photoshop的拾色器，选择HSB调板区域中的H（色相），指定选择的颜色，通过拖动右侧的滑块即产生色相变化。若已在Photoshop的工作区选定了某一颜色，按下[Ctrl]+[I]键即可得到颜色的互补色。
三、小结
《网页设计》这门课是中职学校网络专业学生的必修课，是一门核心的专业课，很多学生虽然在技术上能够使用工具软件实现页面的构造，但最终形成的作品往往显得粗糙，档次较低，主要的原因在于色彩搭配失当，当然对于教师而言，这也是授课的难点，本文通过经验总结，提出了色彩搭配的原则与技巧。
作者：雷勇 单位：东莞市经济易学校
一、教学内容的分析与改进
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%。平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况。对于期末考试，我认为应该以要求学生设计一个完整的网站来结束本课程，而不是要求在给定时间内完成任务，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，何况学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。
四、总结
总之，在中职计算机网页设计教学中，教师要紧随市场步伐，在教学中应以全新的教学理念运用最实用教学方法，从培养学生利用网页获取信息和信息这一出发点入手，既让学生学会它的制作方法，又能在制作过程中充分体现创新性，同时也能培养学生的协作精神，使知识学以致用。及时更新教学内容，新技术积极改进教学内容跟根据实际的情况，敢于打破一些传统的教学模式和方法，用更高效、更人性化的方法进行教学。因此，要想提高该课程的教学成效，教师要认真对待教学的每一个环节，与时俱进，开展以学生为本，以学生的发展为纲的课堂教学，让每一个学生的能力都得到发展，都能学到实实在在的有用的知识。
作者：翟志慧 单位：南京玄武中等专业学校
一、网页色彩设计要符合受众心理习惯
人对色彩的心理想像往往支配自己的购买行为。咖啡、巧克力的包装纸必须使用咖啡色或红色。来自美国的调查报告证实，以紫色，蓝色、咖啡色包装纸包装咖啡、巧克力、牛奶，大部分消费者深感不快，致使销售量锐减。在日本，为使蜜桔、苹果、西瓜等水果显示本身的固有色、而迎合消费者心理，不少水果店不得不借助染色剂。消费者重视固有色，设计色彩时不能忽视这一因素。近年来，为了保护人身健康，虽已停止使用在安全上有问题的色素，但是，以木纹三合板作为桌面的铁桌子比比皆是，可见，人们对固有色的推崇是根深蒂固的。尊重消费者的心理习惯，要科学、合理地安排网页色彩设计。
二、网页色彩设计要遵循受众视知觉特征
色彩的位置与方向在页面构图中是很重要。蓝色在视域的顶部、底部、左侧或右侧，其作用各不相同。底部的蓝色是重的，高部的蓝色是轻的。顶部的深红色表现为沉重紧急的重量，在底部却表现为稳定的事实。黄色在顶部时产生一种毫无重量的效果，在底部时其效果就像受控制的浮力。色彩分布的平衡是页面构图的最重要的目的之一。正如天秤的秤杆为支撑平衡而需要支点一样，在一个页面里平衡的垂直轴线也是必需的。色域的重量在轴线的两边起作用。在寻求决定一幅画中的“左侧”和“右侧”的价值时，我们首先会想到人类的身体。左侧通常比较被动，右侧意味着活力。右侧倾向于向前和向上，而左侧则后退和下坠。许多绘画作品都是从画左下侧的重点开始的，然后向右上方运动。在进行网页色彩设计时设计师要充分考虑色彩给受众的视知觉感受，除了色彩的相对位置外，色彩量的比例、它们的纯度和明度也是重要的。
三、网页色彩设计的原则和方法
⑴网页色彩设计的原则：
在进行网页设计色彩选择时，要遵循网站自身的特点并掌握一定的配色规律，进而设计出优秀精美的页面。
①色彩选择要具鲜明性：
色彩鲜明的网站往往很容易引人注意，吸引受众眼球，给受众眼前一亮的感觉。②色彩选择要具独特性：网页用色要有自己独特的风格，与众不同色彩选择才能给人受众留下深刻的印象。
③色彩选择要具艺术性：
依内容决定形式的原则，在体现网站自身特点的同时，进行必要的艺术创新，从而设计出既体现网站主题要求，又具有一定艺术风格的网站。
④色彩搭配要合理：
网页设计色彩的选择是根据主题来确定，不同站点的主题选用不同的色彩。网页设计中色彩的搭配很重要，良好的色彩搭配方案给访问者很强的视觉冲击力，加深访问者对网站的印象；失败的配色则会让访问者情绪浮躁不安。
⑤同色系搭配：
同色系搭配是指选定一种色彩，通过调整其明度和纯度，将其加深或减淡，产生出新的色彩来进行网页色彩设计，同色系配色的页面视觉效果统一，层次细腻而丰富。
⑥邻色系搭配：
邻色系配色是指选用色相环上相邻的色彩设计网页，采用邻近色搭配的页面视觉效果自然又和谐。
⑦对比色搭配：
对比色搭配可以突出网页设计的重点，给受访者强烈的视觉效果和主次分明的视觉印象。在进行对比色搭配时通常以某种色为主色调，其对比色作为色彩点缀，起到视觉调剂和画龙点睛的作用。⑧暖色搭配：使用红色黄色橙色等暖色系色彩进行网页色彩搭配，暖色调的运用可为网站营造出和谐安定温暖而又热情的氛围。
⑨冷色搭配：
使用绿色蓝色紫色等冷色系色彩进行网页色彩搭配，冷色调的运用可为网页营造出高雅宁静清新而又理智的氛围。
⑵网页色彩设计的方法：
①单色配色
网页色彩设计要避免色彩选用给受众单一的感觉。页面色彩设计中调整色彩的纯度和明度可以产生变化，使网站层次丰富避免单调。
②黑色
在网页色彩设计中，黑色通常用作背景色或调剂色，常与不同纯度明度色彩搭配使用，视觉效果合理稳定，在网页设计中是一种使用率极高的色彩。
③背景色
在网页色彩设计中背景色起着突出网站主题，奠定网页主体风格的作用。网页背景色的选用应避免色彩复杂的图片和纯度很高的色彩。
④邻近色配色
采用色环上相邻近的颜色，网页设计中邻近色的选用可以避免网页色彩混杂，产生和谐统一的视觉效果。
⑤对比色配色
网页色彩设计时以一种颜色为主，对比色为辅，起强调点缀的作用，引起访问者注意。对比色的使用突出重点，使网页产生强烈的视觉效果。
⑥色量
一个主题网站的色彩选择应控制在三种色彩以内，而不是越多越好，过多的色彩会造成视觉的无秩序感。在有限的色量选择中，调整色彩的三大属性来丰富页面效果。
四、结语
威廉﹒奥斯特瓦尔德曾在《色彩入门》一书中写道“：经验使我们知道，不同色彩的某些结合使人愉快，另一些则使人不愉快或使人全然无感觉。”在网页色彩设计中，和谐有秩序感韵律感的色彩设计充满力量。网页通过色彩向我们展示了世界的精神和活生生的灵魂。
作者：张大庆 单位：长江大学艺术学院
一、移动教学与移动学习
移动通信技术日新月异的发展速度，网络信息量的暴增，人们使用移动设备的普遍化，都使一种新的学习模式应运而生———移动学习。移动学习的概念在国外60年代就已提出，但国内发展较晚，且随着通信技术的发展，其形式与方法也已发生本质的变化。移动学习的成果不仅应用在教育方面，商业、军事、旅游等多领域也有所涉及。在将移动学习模式引入教育系统中时，首先要明确两个概念的区别：移动教学与移动学习。这是两个具有本质区别的概念，移动教学的主体是教师，教师通过使用电脑、投影仪等设备进行教学，在此过程中移动设备只作为辅助教学的一种手段，主动者为教师；而移动学习的主体是学生，学生使用除传统的书本、笔之外的移动通讯设备进行学习的一种方式，学生的身份已由被动学习者转为主动学习者。这也体现了移动学习模式的优点。若要充分发挥移动学习设备的学习辅助功能，学校应该从教师和学生两个方面来引导。首先在教师方面，要引导教师转变传统的课堂教学观念，让教师意识到移动学习设备这种新的学习辅助工具可以帮助教师，在课下完善教学过程，让教师从更深层次上接受这种新的学习工具。从移动学习的角度来讲，它与传统学习方式的区别在于，移动学习中更加注重以学习者作为学习活动的主体，学习植入到生活当中，是学习者主动结合语境来获取学习内容，因而移动学习设备，就是一个移动的课本，不仅在形式上丰富了教学内容，同时满足了一个移动的“大型图书馆”功能。其次要引导教师转变传统的教育方法，大学生在使用移动学习设备过程中，一般不会有详细的学习计划，因而教师应该引导学生根据自身的学习特点来选择资源，制定符合自身学习特点的计划。教师更多地对大学生引导和帮助，鼓励他们从正向的积极的方面发现移动学习设备的功能，善于从中发现问题，找到适合自身的学习方式。最后是要鼓励教师积极应对这种变化，使用移动学习设备学习时，学习地点的自由性将使得大学生需要帮助时，能够及时地与教师取得联系，获取帮助和支持，如果双方的交流和互动受到阻碍，将会影响到学生的积极性。对教师而言，移动学习设备不仅提供了快捷的方式与学生之间进行交流和沟通，同时对自身的学习成长亦是非常好的辅助工具。对大学生的鼓励和引导，主要体现在帮助大学生确定正确的认知和学习方法上，移动学习设备作为一种新型的学习方式的工具，这就要求大学生对其要有正确的认识，只有对移动学习设备有了全面和深入的理解，才能有效地合理地利用移动学习设备资源，避免出现将移动学习设备作为考试的作弊工具，作为课堂学习上网聊天和玩游戏的消遣工具，陷入到误区中，造成移动学习设备资源的浪费。因此学校要加大对移动学习设备使用的宣传力度，积极引导大学生对移动学习设备有正确的认知，让大学生具有移动学习的意识，能够主观能动地运用移动学习设备进行学习。另外在使用移动学习设备的过程中，如果大学生缺乏有效的指导，没有掌握正确的学习方法，将会导致学习目的偏差学习效果低下、学习过程失控等现象。
二、“静态网页设计”课程的移动教学模式
移动通信网络的普及，咨询使用费率的低廉，信号通信速率的提升都为移动学习提供了有力的保障，也使移动学习这种方式快速发展并被人们所接收和熟知。本文就以静态网页课程如何设计行之有效的移动学习内容，如何开展学习及交互模式的设计展开探讨，建立相应的教学模式。
（一）课程内容设计
移动学习的特点就是利用移动设备能够无空间、无地域限制的进行学习，这种特点要求课程在内容设计时具有短小、多格式、易理解等特点，且资源丰富，能够使学习者第一时间、快捷地获取所需知识。移动学习的课程也可以称为微型课程，内容在选择与设计上要把知识点尽可能细化到最小，或提供一个案列式主题，以便学习者在能接受时间内完成学习。学习者在移动学习过程中，环境、地点的游离性决定受外界因素的影响易产生干扰性，课程内容设计得简短、直接、易理解，与学习者所处环境适时融合，产生较好的学习效果。“静态网页设计”是一门实践性较强的计算机技能课程，知识点架构与分解时不能采取传统的逐一讲解的模式，应以小案例形式，参考网站设计流程来细化、组织每个知识点。划分之后即为工作流程对应技术能力，技术能力对应实际案例，案例对应情景，最后的内容形式就为情景或小案例，划分内容如表1所示：
（二）媒体形式选择
常用的移动设备品种繁多，诸如有手机、平板电脑、MP3（MP4）、psp等，其多样性决定了移动学习课程体现形式的多样化，移动终端设备是移动学习的最终载体，选择一种适用多平台具有通用性的媒体形式是非常困难的，因此要结合学习内容选用与之相符的媒体形式。多媒体的格式众多，与移动设备结合时要考虑到移动设备的限制，例如屏幕较一般固定显示设备小，数据处理能力有限，存储空间不是很大，电脑上原有学习资源不能直接移植使用，同时一种学习内容要有多种表现形式。要合理选择媒体形式就要了解每种媒体的特性，针对不同的学习内容，使用不同的设计方案，让移动学习的呈现方式和途径与学习内容吻合。在移动学习中常见的多媒体形式。静态网页设计课程的媒体选择可以多种形式体现不同内容，设计为理论知识以文本和音频形式体现，实际操作以视频和图片格式来教学，最终效果与系统总结可以采取网页格式来系统呈现。
（三）交互设计
交互设计在移动学习中也非常的重要，学生的学习感受与疑惑能够及时得到老师的解答，将会极大激励学生学习的积极性。人们在产生疑问时往往希望第一时间得到答案，在教学中教师提出问题，学生可以使用移动设备收集第一手资料分析总结出问题答案，在此过程中学生如有疑问教师实时解答，不仅提高学习效果更能增加师生的互动交流心得，为教师后期的教学给予一定的指导作用。目前较为常用的用于交互设计的形式有三种：基于短信的交互形式、基于应用程序的交互形式、基于网页的交互形式。基于短信的交互形式是最为常用的一种，内容一般为发送问题接受反馈内容，实时性与成本兼顾。基于应用程序的交互形式是学习者下载软件客户端可离线学习，如有疑问通过短信形式返回，这种形式的交互常应用于内容多而完整，无法分割为微单元的学习内容，交互效果较弱需与其它交互形式结合使用。网页交互形式有两类：电脑显示的WEB形式，手机显示的WAP形式，这种交互设计主要针对信息量较大，运算速度有所限制的教学内容。静态网页设计课程的交互设计为每节课主要内容首先通过短信、微信的形式，让学生提前预习；内容的体现采用视频、应用软件形式在手机客户端加载；学习疑问与感受，与教师的交流互动采用微信、短信或网页形式呈现。
（四）设计示例
总体设计后，把能在细化的案例再细化，不能的就可建立微课形式，例如上述内容中网页布局与编辑内容根据内容设计原则，媒体设计与交互形式设计原则可建立移动学习单元。只有综合多种交互形式，才能完美呈现课堂内容与实现移动教学与移动学习的优势，即实时性获取所需信息达到学习目的。
三、结论
移动学习课程模式设计要综合考虑多个因素，环境、移动设备、受用人群等，体现模式也多种多样，要能充分的满足学习者随时随地获取自身感兴趣、具有实用性的内容外，还能为工作，生活提供便利，提高学习效率。同时内容要短小、精悍，最大限度降低学习者的疲劳度，调动积极性。静态网页设计课程的微课程模式设计为学生学习本课程提供了另一种平台，但目前还是需要与传统教学模式相结合使学生逐步接受，最终使移动学习方式成为一种习惯，改变人们的学习环境。
作者：南楠 单位：三门峡职业技术学院信息传媒学院
1正确认识网页设计与制作课程的性质和地位
1．1网页设计与制作课程的性质
首先，设计者要有一定的美术功底，其次要有搜集和整理素材的能力，再者要有准确的表达能力，甚至还应该具备一定的行为学知识的能力，另外还要有分析和创新能力。综上所述，得出以下结论，网页设计课程是一门综合性很强的基础课程。
1．2网页设计与制作课程的地位
与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(Photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。
2选择适合高职院校学生特点的教材
我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《Dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。
3遵循高职教学规律，加强和改进教学工作
高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。
3．1网页设计与制作课程的教学思路
首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到学习网页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。
3．2网页设计与制作课程的教学方法
用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”LOGO、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。
3．3教学过程中因时因人改进教学手段和方法
高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。
4明确教学目标，把握教学内容
4．1选择合适的网页制作工具
目前最好的网页制作与设计软件工具是Dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择Flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。
4．2要求学生能够利用
Dreamweaver设计各种网页，开发初具规模的网站我系课程方案中要求采用以Dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解HTML语言、简单认识CSS网页设计的基础知识。这里需要特别说明的一点是，首先，对HTML的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，HTML可以说是网页的灵魂，它不像C语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握CSS的基本使用方法，CSS是英文单词CascadingStyleSheets缩写，翻译为“层叠样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，CSS可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个HTML元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。
5考核方式
根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。
6社会实践
如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。
7总结
真正落实实训在网页设计课程教学过程中的基础地位和作用，调动学生做实训作业的主动性，切实培养学生的实际操作能力和思维创新能力才是我们教师共同努力的目标。通过以往的教学结果观察得出，学生在课堂上的态度也有了很大的进步，在最后的实训测试中又相当于重新复习巩固了一次，对网页设计的记忆深刻了许多，教学效果显著。随着我们对现行的综合评价考核机制的不断改进和完善，相信对学生的进步会起到不可估量的促进作用。在教学过程中，教师要对课堂理论教学、实例教学和课程实训等方面进行不断地整理、反思和改进，因为未来的社会中，网页在生活中所起的作用也在不断地变化着，对这门课程的教学的要求也越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。
作者：夏宁 单位：开封文化艺术职业学院幼教系
一、色彩在网页界面设计中的作用
（一）布局作用。
在网页界面的设计中，色彩不是单纯地选择就可以，还可以利用不同色彩的搭配，根据界面信息内容，以及网页本身的性质进行分配，使得各个元素可以实现统一的合理布局。色彩不是在独立范围内的应用，还需要和界面其他元素结合起来一起设计，利用色彩对网页进行方向引导和界面划分，达到标示，区分，限定和引导的效用，把复杂的元素和信息清楚地区分开来，给浏览者一种有序，清晰的视觉感。利用色彩进行网页界面布局的时候，同时要注意色彩本身与整个网页界面的一致性，保持界面上色彩的平衡。色彩本身要与内容相适应，同时还有与文字、位置、面积相互联系，最终使网页给人一种布局合理，内容丰富，阅读方便的视觉展示效果。
（二）宣传作用。
在竞争激烈的信息时代，能够及时传递出高效、高品质信息的企业，才能在社会中屹立不倒。在众多传媒中，网页的宣传正是在集合现代企业理念和设计理念的载体，以突出品牌形象，刻画企业个性，使浏览者有较深的认同感，达到宣传和促销的目的。企业统一的形象通过包装、标准色、标志、服饰、建筑等媒介来实现。其中标准色在网页宣传中起到了良好的作用，进一步加深了浏览者对企业理念和文化的记忆和认知。标准色是由企业标志色彩引申来的，通过色彩的象征性和本质表现传达企业独特的产品和文化理念，具有直观明显的视觉效果，可以引起大众的共鸣。所以网页色彩在企业整体设计系统中的应用是宣传企业商品和品牌形象的重要工具。
（三）审美作用。
网页界面设计的形式美主要由组合元素进行巧妙排版和合理搭配，并配以一定的动画效果等因素穿插构成的，形成视听的结合。在视觉系统中，色彩是主要的表达元素，合理地运用色彩能让网页界面设计和审美达到良好的效果。网页界面设计的色彩美学价值在于满足页面内容和形式的需求，高度体现时代美、版式美和装饰美，并投射浏览者的审美态度和生活情趣。所以网页界面的美观设计既是现代技术和艺术的结合，也是浏览者的心理诉求。
二、色彩在网页界面设计中的不同应用
在网页设计中，常用的色彩模式为RGB模式。RGB模式，主要有红、蓝、绿三种颜色，也被人们称为三原色。RGB中的R指红色，G指绿色，B指蓝色。通过对三原色的不同的调整，会配合出不同的色彩。在电脑显示器或者手机屏上，通常色彩的亮度是用RGB的值来衡量的，通过0-255的数字进行标示。R、G、B分为从0到255的不同的亮度，三种颜色可以组合出1678万种颜色。在网页界面设计中，同类色指的是差别在45度之内的颜色，同类色效果非常接近，从网页画面效果看，给人一种简单、协调、舒适的感觉。邻近色指的是相差在90度之内的颜色，邻近色的画面感中色调区别比较明显，搭配出来的效果不突兀，对比性不强烈，能很好的把情感的统一性表达出来。人们把距离135度的颜色称为对比色，对比色的对比感很强，色彩和色彩之间有明显的差别，给人一种充满差异化的感觉。可以将对比色用来对网页内不同区域进行区分，带给人们一种互动，活力的感觉。人们所说的互补色指的是把刚好在180度的两种颜色，互补色搭配出来的颜色对比效果非常强，比如黑白二色的太极，给人一种对比明显，神秘莫测的感觉，这种互补色的搭配有很强的视觉冲击力。在网页界面设计中要注意尽量少使用，就算使用也不可大面积使用，以免出现画面不和谐，不一致的现象。通常在我们设计网页界面的时候，要综合考虑网页的审美效果和实用效果，在搭配色彩的时候尽可能使用同类色或邻近色，这样在视觉上给人带来舒适的感觉，若使用纯度高的色彩容易给浏览者带来视觉疲劳的感觉。要学会调配色彩的饱和度和透明度，使整个网页界面看起来非常和谐。网页界面中应该使用具有清晰度和鲜明度的主颜色，方便引起浏览者的注意。配色主要用于衬托主色，支配色是网页界面风格的决定性色彩。在一般情况下，背景色会选取较为简单的颜色，如蓝色，淡绿色等，这样设计出来的界面会比较清晰。
三、网站制作实例分析
（一）学校类网页实例分析。
下面主要对中国科学技术大学学校网站进行学校类网页界面色彩分析，如下图所示。网页的整个色调显示蓝色，蓝色属于冷色调，在网页设计中的应用很广泛。蓝色象征着永恒、理智、博大和平静等。该网页使用蓝色调主要从三点考虑，第一，中国科学技术大学是一家以理工科为主的学校。蓝色象征着科技，所以在考虑搭配颜色时，色彩主要以蓝色为主，为了和CI识别系统保持一致，网站色调建议使用蓝色。第二，中国科学技术大学官网属于学校类网站，学校网站在架构上一般会突出气势，给人大手笔的感觉。很多学校网站在设计上有浓厚的特色情调，要和学校文化，形象相结合。该网站所运用的蓝色调较好体现了网站的特殊需求，背景运用了蓝天，绿树。片头色调较为简单，展现出学校可靠，沉着稳重的一面。学校网站同样需要带给人们可信任感，黑色代表着严谨和庄重。网站首页的字体基本上采用了黑色的渐变，从黑色到灰色再到白色的渐变使正画面不那么阴沉。黑白渐变反而使得页面在沉稳中又加强了感染力，此外在黑色背景上加上中国传统书法，体现了中国传统文化气息，渲染了该学校文化内涵。该网站作为学校官方网站，有明显的中国传统元素，包括图标和校名。网页设计配色结合了色彩的各种原理和用户色彩心理，设计师根据大致的风格再逐步进行探索。中国科学技术大学官网的设计整体朝气蓬勃，体现了一个现代学校的科研精神。
（二）企业类网页实例分析。
下面主要对小米网站进行企业品牌类网页界面色彩分析，如下图所示。小米的官网其实是以白色作为背景色。网页的配色为橙色，橙色本身属于暖色调，在一般网页设计中应用不多，在小米的网站中，橙色作为一种主颜色并不让人觉得突兀。小米网站使用白色作为背景色，字体是比较经典的红黑搭配，给人一种前卫、时尚的感觉，这与小米崇尚的简单时尚的品牌风格是一致的。该网站作为小米手机及相关产品的官方网站，主要目的是供用户选择合适的产品。可以看出，通过使用醒目的红色字体，用户可以第一时间看到相关的产品，起到了很好的导购作用。小米的用户主要是年轻用户，用偏红色的橙色，能给人一种个性张扬，极富动感的感觉，这也比较符合小米的用户结构。同时，橙色也能给人一种明朗稳重的效果。可以看到，小米的网站兼具了电商类网站以及品牌类网站的作用，无论是从整体布局还是细节处理上，简单的橙色、黑色搭配都给人一种赏心悦目的感觉。在网页界面设计中，除了遵循一定的色彩原则，还应深入思考网站的本身的性质，比如是政府网站、企业网站、个人网站。只要适合网站性质，才能设计出个性独特，色彩鲜明的网站；并且始终坚持内容决定形式，结合色彩给人带来的心理感知以及艺术效果，这样才能让浏览的用户一目了然，获得好的视觉展示效果。
作者：高海燕 单位：安徽工商职业学院
一、文字的字体设置
网页设计中的文字设计，首先要了解网页上文字字体的显示原理。在浏览者电脑上看到字体的过程实际上是这样的，当网页浏览器加载网页的CSS代码后，解析到有关字体的样式，便会在浏览者电脑字库中查找该字体，只有找到了相应的字体文件，才会对网页中的文字进行渲染，显示出你想要的效果。如果你的操作系统中，并没有安装网页CSS代码中定义的那种字体，就无法渲染出那种字体的效果，而通常使用当前系统的默认字体来代替。网页设计是面对所有浏览者的，所以这个问题，才是选择字体的最大难点。解决这个问题只有从两个方面进行出发：（一）使用宋体等常用的字体。所有浏览器默认的标准字体是中文宋体和英文timesnewRoma字体。如果没有进行任何字体设置，在任何操作系统和浏览器里网页将以这两种标准字体显示保持正确。现在大多数电脑操作系统为微软的windows系统，其安装时就自带的4种中文字体和40多种英文字体，四种中文字体分别为宋体、黑体、楷体(GB2312)、仿宋(GB2312)。凡是在windows操作系统的浏览器使用系统自带的字体都可以正确显示这些字体。（二）图片的方式置入网页。根据网页中的设计思想而选择相应的字体，设计师往往需要用一种特殊的字体来体现自己的风格，那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现，设计师可以把文字进行栅格化，把文字变为图片的形式，最好以图片的方式置入网页，以保证所有人看到的网页效果相同。
二、文字的大小设置
由于网页设计是基于电脑虚拟平台，其展示方式区别于之前的传统媒介的实物展示，它需要在显示终端中展现。而现在显示终端百花齐放，网页设计师需要考虑不同客户端的浏览体验，而文字大小直接决定了网页的视觉效果，是用户体验中的一个重要部分。不同的显示器尺寸，不同的分辨率设置，不同的DPI参数，乃至不同的浏览器预设，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次都要重新缩放，而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯，设置一个比较体贴的默认字号。
三、文字的颜色选择
字体的颜色选择同样是一个重要的细节，通常来说，颜色要与背景有一定的对比度，因为低对比度容易导致字体看不清楚。所以要用高对比度的颜色，所以文章都是白底黑字。网页中的文字，通常使用黑色，这样更加可以保证文字的辨识度又符合大众的口味。当然现在随着网页设计的发展，颜色应用越来越多，但这里要避免的一些特殊颜色，因为网页中的一些默认颜色。比如说是蓝色，因为蓝色代表着网页中可以进行点击跳转的超链接，如果网页中有一段蓝色的文字，会让人误以为是可以点击的超链接，所以这种颜色要特别慎重。但是有些时候在设计中，必须要用到这种颜色时，也有一些其他的方法来避免类似问题。例如将超链接的样式带有默认的下划线。文字作为信息传播的符号，实现了良好信息传达的效果。文字的自身结构又具有视觉图形意义，字体的造型变化构成了各种形状，在网页设计中文字的表现形式既有规律性又有极大可塑性。利用文字视觉传递、视觉规律、视知觉感受的生理效应等作用，可以在网页设计制作中寻求和创造更加丰富多彩的个性化、风格化的视觉语言形式。
作者：高翔 单位：淮阴工学院设计艺术学院
1网页设计课程的特点
（1）实践性强。课程内容离不开具体的软件平台，例如网页三剑客软件DreamWeaver、PhotoShop和Flash。教学各项活动的开展需要在软件平台上完成，学生通过在软件平台上实际动手操作，来掌握相关的技能和知识。可以考虑结合软件平台的操作规范设计相应的课程环节。（2）软件项目客观上要求按工作过程开展课程环节，不能脱离岗位实际。如果网页设计课程不讲具体网站项目如何搭建，单纯以理论知识为主，教学将严重缺乏实际意义，教学效果很差。课程对学生来说味同嚼蜡，使他们渐渐失去学习的兴趣。如果能考虑按照工作岗位的实际工作任务，例如围绕如何开发一个企业网站来组织课程，这样就能做到有的放矢，教学活动才有意义。
2《网页设计》的实施
2.1课程设计
工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教、学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。如表1所示，开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。
2.2课程实施
根据课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。
2.3课程评价
课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。
3结语
探讨了基于工作过程开展《网页设计》课程的基本思路，对课程的总体设计和单元设计、课程实施、课程评价进行了详细地阐述，对高职院校相关课程的教学具有一定的指导意义。并经广东行政职业学院初步尝试，基于工作过程的课程模式较好地改善了课堂的学习气氛，学生的学习自主性、协作性、创造性明显增强，锻炼了职业技能，学习效果显著改善。
作者：王圆黄耿生张译匀单位：广东行政职业学院
1常见处理技术
在进行图像的设计、选择和处理中，掌握专业软件的基本使用技巧是必需的，图像在网页设计中的功能主要可以分为视觉吸引、信息引导两方面。要达到这样的目的，需要对图像进行合理的处理。使用动画图片，以及适当的色彩对比，形成版式的变化，吸引浏览者的注意，引导其对网站内容的阅读。根据公司对网站的功能定位，其所承载的任务与指向有所不同，对浏览者所作设定亦有差异。比如腾讯公司的腾讯网（）和腾讯（），一个作为门户内容网站，一个作为公司形象网站是两个独立的网站，设计风格，内容和要求差异很大。
2新技术网络
作为第四媒体，其显示终端可能是计算机，平板，电视或智能手机，为了页面兼容等原因，前端设计出现了很多新技术，如div+css技术，Javascript技术等，为了方便管理，一般采用对象的结构、表现和行为分开。结构是对象的内容，表现是其外观，而行为是与浏览者的交互，或者说是浏览者进行鼠标点击或输入内容等操作时，页面的反应。在进行网页设计过程中，图像对象也是如此，利用代码可以对图像进行一些效果的处理，起到资源占用少，页面维护容易等目的，还可以达到一些用基本图像处理技术不易实现的效果。用div+css结合Javascript技术可以实现在网页前端一些设计效果和逻辑处理功能，比如图像轮播和验证码校验功能。在一个存在后台管理的网站中，网页的很多内容来自于后台数据库，一些图片也不例外，内容需要和后台交互，根据数据库的内容和页面的特定逻辑，决定图像的外观。这是基本图像处理技术无法实现的，需要设计者了解动态页面设计技术，常见的技术有，php和jsp技术等。除此之外，还有连接数据库，缩放、剪切、相框、锐化、旋转、翻转、透明度、反色等对网页图片的处理。不再一一举例。
3结论
传统网页设计技术一般分为前台和后台技术，前台主要负责页面的版式和效果设计，在设计过程中，需要对图像处理有较好的理解，随着技术的进步和观念的变化，一般认为，网站的功能是第一位的，在此基础上，需要有良好的显示效果。技术是手段，是媒介，不能一味追求技术的先进与绚丽，设计要同公司网站的定位紧密相关，综合运用多种技术实现。网站的视觉吸引、信息引导两方面的功能并没有变，但是如何达到这一目的，是设计者关注并努力的方向。在功能完成的基础上，使浏览者获得良好的体验，简洁明快的设计往往会给用户留下较深的印象。页面图像设计者要对相关技术有较好的理解，页面前台效果不是孤立的，任务进行过程中，美工需要和后台设计人员进行沟通，反复修改，共同完成设计。
作者：智立甫王春写单位：石家庄职业技术学院电气与电子工程系石家庄市市容环卫服务中心
1合理实行学生分组教学
每一位学生都拥有不同的兴趣和爱好，且他们对于知识的掌握能力也存在一定的差异性。所以，针对学生合理实行分组教学更能够跟个性化的教学模式相近，以积极提高学生学习知识的情绪和热情，从而达到创新教学实践的目的。具体而言，高职计算机网页设计教师可以从学生的学习兴趣及性格特征出发，将学生大致分为三个小组，针对每一个分组设立单独的学习目标。分组的方式是灵活多变的，教师也可以从学生的爱好及学习的实际情况出发，采取恰当的分组方式开展课堂教学活动。分组教学并不代表教师要在各个小组之间实施独立教学，因为网页设计工作拥有很强的整体性。所以在分组教学实行之前，教师要先让学生对网页设计的过程有一个整体的了解，并清晰阐述在网页设计教学中每一个小组占据的地位及应当发挥的作用，有效避免出现各个小组彼此孤立的不良局面。程序小组：这一小组的成员主要由理科成绩较好的学生组成，他们拥有较强的理科思维，有利于程序的编写；学生学习目标：对HTML、XML、PHP、ASP等编程语言有一定程度的掌握。美工小组：该组成员主要在那些喜欢绘画、制作动画、处理图像的同学当中遴选，并积极吸纳拥有一定计算机网页设计操作经验的学生；学生学习目标：熟练运用一些动画制作及图像处理的软件，如Flash、Photoshop、Firework等。框架小组：这一组成员主要包含那些学习态度不端正、学习能力偏弱、不太喜欢网页设计的学生；学生学习目标：学会应用一些常见的制作网页框架的软件，如FrontPage、Dreamweaver等。
2科学设置课堂教学目标
在传统的教学模式里，几乎固定了每一门课程的教学目标，而合理实行分组教学之后，计算机网页设计的教学实践得到创新。在高职课堂的分组教学中，每一小组需要掌握的知识结构均存在差异，因此教师要科学设置课堂教学的目标。这就如同是盖一座大厦，虽然每个部门负责的建筑任务不同，但都要在打好基础的前提下才能施工。所以教师首先要设置出一个基础的教学目标，帮助全班学生从总体上初步认识计算机网页设计的理念，熟悉其开发过程。当学生满足这一基础要求之后，教师再以每个小组的具体学习状况进一步实施课堂教学目标的设置。程序小组教学目标：在网页设计的整个过程里，程序设计部分是最复杂的，该小组的学生通常会被学习中的一些复杂问题困扰，极易产生厌学等不良情绪。此时教师应当多给予学生学生鼓励，并耐心为他们解释网页程序设计知识的重要性，告知他们程序设计的发展前景和就业前景，致力于提高学生学习的信心及积极性。考核目标：由于该小组学习内容相对复杂，考核的目标不能太高，可以划分为几个阶段，每个阶段都设置相应的目标，循序渐进地进行考核，美工小组教学目标：教师不仅仅要在课堂上教会学生操作图像处理及动画制作软件，还要重视培养学生的审美情趣，加深他们的美学修养。教师可以多为该小组学生展示一些美感较强的成功作品，为他们以后从事美工制作工作打下审美基础。考核目标：教师可以首先为学生提供一些素材，要求学生模仿这些素材完成网页设计，然后让其他学生进行评价，教师最后做出总结，为学生分析美工设计的优点、缺点。框架小组教学目标：该小组学生普遍存在学习兴趣低下的问题，不具备一定程度的知识掌握能力，因此教师要重视对他们实施鼓励教学，给予他们更多的知识讲解环节。教学创新的关键在于教师要想办法激发该小组学生学习网页框架设计的兴趣，为以后从事框架设计工作打下基础。教师可以多为学生准备一些成功、失败的网页框架设计案例，帮助学生仔细了解网页框架设计内容的搭配十分重要，从而逐步激发出学生的学习热情和信心。该小组学生应当得到教师的重点指导，在及时纠正学生学习上的种种不足的同时提高学生的被关注感，从而激发他们爱好学习的心理。考核目标：该小组学生学习的能力偏低，开始时教师不能设置太过复杂的考核目标，要以学生学习知识的兴趣程度及知识的掌握程度出发，分阶段设置不同的考核目标。
3加强学生实训实习环节
通过加强网页设计课程的综合应用类实训环节，教师能够帮助学生初步了解网页设计实践的重要性，在更好地掌握基本的网页设计方法的同时持续提高自己解决实际问题的能力，为以后走上企业的网页设计岗位奠定坚实的基础。学生的实训环节主要是实例实训，能够促使学生对网页设计的实际工作过程有一个真实的体验。当然，教师可以创新使用机房的网络资源，让学生在教师机跟学生机上安装配置Web服务器管理程序IIS，从而构建一个真实的实验环境，供学生熟悉网络及网站的开发、建立和管理等工作，促使他们能够在自己的计算机上完成网页设计的实训环节，从而深层次掌握网页设计技术。在就业过程中，计算机专业的学生务必要拥有较强的实践能力才能够得到企业的聘用。因此，高职网页设计课程的教学不仅仅要重视实训，同时也要加强学生的实习操作能力。在具体的教学实践过程中，教师要始终秉持创新的精神，积极跟一些企业联系，让学生进入到企业去实习，为学生提供切身体验网页设计工作的平台，这不仅能锻炼学生理论联系实际的能力，还能够提高他们的沟通交流水平及团队合作水平，加强他们的创新能力及应变能力等。有学者曾经指出：学校教学应当在课程安排方面适当加大实训实习教学的比重，因为高等职业教育最重要的人才培养特征正是实际应用能力。所以提高高职计算机专业学生综合应用能力的关键在于加强学生网页设计的实训实习环节，力求在教学实践上追求创新。
4鼓励学生参加认证考试
在当下我国的人才市场招聘里，我们通常会看到“招聘网页设计人员，且必须通过相关认证考试”或“招聘网页设计师”等招聘内容，因此，资格认证具备一定的价值。其一，认证能够证明自己的个人才华及能力，适当表现出了人员的技能职业化特征；其二，当前用人单位招聘录用、给出工资待遇最主要的依据已经发展成了认证证书；其三，个人品味及价值的提升在认证证书上得到体现，在一定程度上拓宽了人员的就业渠道，也提高了学生求职、工作的信心。面对这样的市场需求环境，高职计算机专业的教师有必要在教学过程中积极鼓励学生参加认证考试，尽量通过自己的努力考取网页设计师的认证证书。在证书的考取过程中，学生不仅可以系统地复习已经学过的网页设计知识，还能够获取新的知识，在提升学生个人价值的同时促使教学质量得到了巩固。
5结束语
高职教育跟高等教育有明显的区别，高职教育所培养的是具备一定理论基础的第一线生产人才、应用型人才。因此，教师需要在高职计算机专业网页设计教学的实践过程中不断改革教学方式、创新教学途径，努力为社会培养出一大批高水平、高素质的网页设计人才。
作者：徐立艳单位：通辽职业学院
1网页设计中安全缺陷的形成原因
随着网络技术的发展，黑客攻击技术也变得越来越先进，针对网站的攻击不断出现，所以，设计人员在进行网站的建设时一定要充分考虑其安全问题。网站的建设流程包括需求分析、网站美工设计、程序开发、网站。在网站建设中，要开发很多相应的配套程序，因为网页设计的独特性，会增加程序的安全漏洞，为网站带来了安全隐患。网站可以充当企业和用户之间、事业单位和群众之间的沟通平台，网站可以提供企业的产品信息和政府部门的政策信息，让人民对企业和相关的事业单位有更层次的了解。尤其是电子商务网站，可以展示企业的产品，提高产品的知名度，拓展其销售途径，促进企业的发展。网页设计的实质就是建设网站的各项内容，它设计的好坏，直接影响着网站展示的效果。随着计算机软件技术的发展，很多软件都能对网页进行设计，这在一定程度上提高了网页设计的效率和效果，为网站开发人员提供了很多便捷和技术支持。在进行网站设计时，可以通过脚本语言编程技术实现网站和用户之间的交流，更好地对网站资源进行管理。用户可以通过网站了解企业的相关产品信息和企业最新的动向，在企业论坛中进行在线交流等，有效推动企业的发展。通过网站设计可以让网站功能的实现更加安全、可靠。在网页设计中应用的服务器端网页设计技术包括ASP、JSP和PHP等脚本语言，通过脚本语言可以实现网站资源的高效管理，提高了网站使用者和网站的交互性，在交互的过程中，一旦语言编程出现问题，就会慢慢形成安全漏洞，出现严重的安全问题，给企业造成一定的损失。这主要是因为用户的输入信息不可控，信息的不确定性非常大。因此，在对网站进行设计时，工作人员一定要事先考虑这个问题，对用户信息进行详细分析。一旦输入非法信息就会对网站的安全产生损害，这些输入的内容可能会成为攻击网络的工具，使网站不能正常运行。网页脚本语言编程和服务器直接相连，并和网站设置、网站的数据库设置直接相关。如果网站的程序设计出现漏洞，就会使网站的安全性降低，网站信息被窃取的几率升高，给企业造成不可估量的损失。
2常见网页设计安全缺陷及相关解决对策
一旦网页设计中的存在安全缺陷，就会使得网站的安全性能大大降低，制约着企业电子商务技术的发展。网页设计存在的安全缺陷主要有登陆验证缺陷、逃避验证缺陷、桌面数据库被下载的安全缺陷、文件上传存在的安全缺陷。
2.1登陆验证存在的安全问题用户在使用网站内部的信息时，一定要进行登录，所以用户要在该网站注册设置自己的用户名和登录密码。用户在网站上进行注册一方面方便企业对用户信息进行高效管理，开展相关的工作活动。另一方面，个人设置登录名和密码也利于个人信息的保密，维护自己的利益。提高网站安全性的方式很多，用户登录的验证和确认是其中的一种安全方式，只有确保网站的使用者都是合法的，才能进一步确保网站信息的安全。但是当前很多网站设计人员对用户登录的安全设置不够重视，忽视验证部分，没有考虑到登录验证的重要性，导致登录验证程序的稳定性偏低，从而使黑客等不法分子乘机入侵，威胁网站的安全，造成数据信息泄露，造成巨大的损失。这种登录安全缺陷主要是因为网站开发人员设计的验证程序不够严密，造成脚本语言编写程序在验证用户账号密码时出现问题。网站用户登录验证流程图如图1所示。用户在网站上登录，需要进行相关的验证，这时需要网站开发人员在数据库的user数据表中编写相关的程序，用户登录时，以username代表输入的账号，以password代表输入的登录密码。当用户输入用户名和密码时，系统会在数据库系统中进行搜索，如果用户的信息是正确的、合法的，就能搜索到相关信息，系统就会允许用户使用网站的相关信息，反之，如果登录信息是错误的、不合法的，用户就不能实现网站的访问。首先设定注册限制，不是所有人都可以在网站上进行注册，这样可以有效避免非法用户在网站上面注册，从而有效降低非法攻击的发生机率。然后，进行SQL登陆查询时，先设置用户信息过滤程序，过滤掉非法的用户和密码。最后，在验证用户时，先验证用户名，用户名合法再验证密码。这样就可以有效提高用户登录的安全性，解决当中存在的问题。
2.2逃避验证存在的安全问题如果用户知道网页的文件名或者是路径，就会出现逃避验证现象，使网站的安全性下降。一旦网页没有用户的登录限制，用户在网页中直接输入网页的文件名，不用进行登录验证，就可以读取网站内容，这对网站的安全是严重的威胁。所以，为了有效避免这个问题，需要网页设计人员加强网页信息的保密工作，提高网站信息的安全性。此外，对一些重要的网站内容加强用户身份验证限制，这样所有的用户在登录相关页面时，都必须进行身份验证工作，验证通过之后，才能使用里面的相关信息，这样会大大提高站点的数据安全性。
2.3桌面数据库被下载的安全漏洞桌面数据库被下载的安全漏洞主要是ASP+Access应用系统中的问题。通常情况下，用户都可以通过网站下载相关的信息，但是如果知道Access数据库名称及存储路径，就可以任意下载数据库中的信息，从而导致数据库中的机密信息泄露。比如，图书馆系统中的Access数据库其名称和存储路径一般为Library.mdb和URL/database。此时，只要在WEB浏览器的地址栏中键入URL/database/Library.mdb，就能将Library.mdb数据库下载到本地计算机中。所以，为了有效避免上述问题，在设计ASP程序时，数据源要尽量使用ODBC数据源，这样数据库名称就不会被直接写入程序中，避免出现ASP源代码和数据库名称一起失密的现象。此外，还要对页面进行加密处理，这样可以有效提高数据库系统信息的安全性，避免数据库内部资料被窃取。ASP页面的加密主要有两种方法：一是，应用组件技术将编程逻辑封装在DLL中；二是，应用ScriptEncoder加密ASP页面。通常情况下都会采取第二种方法对ASP页面进行加密，因为使用第一种方法对ASP页面进行加密时，需要将每段代码组件化，工作量特别大，并且操作十分繁琐。采用ScriptEncoder方法加密ASP页面时，其操作比较简单，编辑性强，具有以下四方面的优势：(1)HTML具有良好的可编辑性，使用ScriptEncoder加密ASP页面时，只需将ASP代码嵌入到HTML页面中，故仍可以使用常用网页编辑工具如Dreamweaver等实现HTML部分的完善，但是ASP加密部分不能任意更改，否则将会对文件造成破坏，导致其失效；(2)可以加密当前目录中的所有ASP文件，加密后并将其统一输出指定目录中；(3)应用ScriptEncoder加密ASP页面的操作十分简单。(4)criptEncoder加密软件是免费网件，可以从网站上直接下载，安装、注册验证即可。应用ScriptEncoder对代码加密，既简单方便，安全性又高。随着ScriptEncoder加密技术的广泛应用，DLL封装方法的使用越来越少，逐步被淘汰。
2.4文件上传存在的安全问题很多网站都具有文件上传功能，比如学习网站，教师上传一些学习资料等，但是网站的设计人员在设计网站时，没有设置过滤参数过滤功能，导致非法攻击人员利用这个漏洞上传一些恶意文件破坏网站的数据库系统或者是执行任意命令。为了解决这个问题，提高文件上传的安全性，应该在网站系统中添加判断程序，这样，系统在获得用户的文件上传请求之后，先对文件的安全性进行判别，符合文件上传的条件，才能完成上传操作，这样可以避免网站中上传一些非法文件，对系统造成破坏。
3结束语
随着21世纪信息化进程的不断加快，网络在人们生活中的作用越来越重要，而网站的安全问题也备受关注。在对网站进行建设时，需要涉及到很多的应用程序，在网页设计的交互程序中会出现很多安全漏洞问题，从而对网站造成影响，甚至给企事业单位造成不可估计的损失。所以，我们一定要重视网站的安全问题，在网站建设中充分考虑可能出现的安全问题，这样可以在一定程度上提高网站的安全性。
作者：王洪海单位：沈阳职业技术学院
一、文字元素
文字作为记载信息的符号，在网页设计中有着举足轻重的重要性，其作用是图片、视频和动画等元素不可代替的，文字的设计优劣也决定了整个网站的视觉效果。文字的易读性和辨识性是网页设计的重点。文字颜色和背景要区别开，周围元素不能影响到文字的阅读，对流动文字的应用要慎重。文字的距离一定要设置好，注意细节，安排好文字和图形之间的交叉错合。在现代设计中，文字图形化的趋势越来越强烈，即是强调把文字作为图形元素来展现，加强其美学效应，强化了原有的功能。
二、图形元素
图形元素的存在大大美化了网页设计，它拥有强烈的艺术美感和视觉冲击力，是文字之后最早被引入到网页设计中的元素，它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理，才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域，所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到，受到宽带的限制，所以要求图形文件量尽可能的小。在图片大小固定的情况下，文件量越低说明图片分辨率要越低。对于显示器上的图片而言，分辨率为72dpi是大多数图片的最佳选择。
三、色彩元素
色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
四、版式设计
用户界面展现在浏览者面前的数字化物化界面，组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则，把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路，引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌，欠缺规划，缺乏审美意识。各种文字、动画、色块等杂乱无章，令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析，指定网站合适的整体风格，以合适的版式设计表达形式营造出相适应的氛围。
作者：高翔单位：淮阴工学院
购物车(0)