时间：2022-12-21 03:40:16
关键词：格式塔网页设计视知觉
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献：
[1]曹方著.视觉传达设计原理，江苏美术出版社
[2]卡尔·考夫卡著，黎炜译.格式塔心理学原理.浙江教育出版社
1、传统网页设计教学中存在的问题
众所周知，计算机网页设计课程具有很强的综合性和操作性等特点，若想制作效果良好的网页，需要具备文字版面处理、动画制作及图像处理等相关知识。设计计算机网页时，通常使用Flash、Firework和Dreamweaver三种网页设计软件。现阶段，很多技术学校依然采用传统的网页设计教学模式，即利用实践和理论的方式组织教学过程，具体地说，按照教学大纲要求，有针对性的对学生实施章节教学，若知识点不同，则会分两次进行理论和实验教学，这就导致学生无法灵活运用所学知识，一味的照搬课本内容，不会融会贯通和相互联系，以致无法培养学生的创新意识及能力。传统教学模式虽然同样重视实践教学，而其实际教学效果常常达不到预期目标，这主要是因为学生在熟练掌握网页制作技术及技巧的情况下，未能有效掌控网站、图片制作和内容排版编排的规划和布局造成的。
2、案例教学模式的内涵
所谓的案例教学模式，是指学生熟练掌握基础部分相关知识辨别、知识分析及知识理解的前提下，教师精心设计教学案例，进而为学生展示课程内容，同时，根据课程大纲和教学目标的教学内容和要求，指引学生通过教学案例的有效运用，分析、讨论相关知识，并以独立思考和团队合作有机结合的方式进行分析，促使学生进一步辨别和分析所学知识，进而提高其解决问题的能力。除此以外，教师还应重视培养学生的协调沟通能力、工作作风以及管理理念。
3、案例教学模式的特点
我们认为，案例教学方式的实施基础是实例，实际的案例教学过程中，教师往往利用形象、生动的教学案例，有效激发学生学习网页设计课程的兴趣，并在网页制作的学习中贯穿教学案例中的相关知识点，进而使学生在学好相关知识的基础上，不断提高自身的问题解决能力。教师在整个案例教学过程中，始终充当着激励者和设计者的重要角色，以促使学生积极参与案例讨论。
二、案例教学的具体实施方法
一般情况下，案例教学的教学方式多种多样、不断变化，因而只有高度重视各教学流程，才能有效实施案例教学，进而达到事半功倍的教学效果。我们认为，案例教学流程包括教学案例的设计、组织学生讨论教学案例、总结和实现教学案例三部分，具体实施过程为:
1、教学案例的设计
通常来讲，有效实施案例教学的前提和基础是设计教学案例，因而教师一定要按照教学规划和教学要求，充分准备授课内容，并讨论教学案例的相关理论和技能，同时还要分析案例教学过程中可能发生的问题。此外，设计教学案例时还应注意:第一，确保教学案例具有较强的实践性，即保证设计的教学案例符合教材及现实案例的相关要求，以便学生更好的理解;第二，确保教学案例具有较强的典型性，也就是说，教学案例可以涵盖大部分课程知识点;第三，确保教学案例具有较强的系统性，具体地说，设计的教学案例之间应具有前后贯穿的关系，并按照由易及难的顺序进行排列;第四，确保教学案例具有较强的针对性，这就要求教师根据学生实际的接收能力选择或设计教学案例。另外，学生还要在分析教学案例的基础上，不断思考和探索其实际应用，并有效、及时的促使教学案例理论知识逐渐转变为实践应用，进而实现理论结合实践的教学目标，同时不断拓宽学生的视野。例如，网页设计教学过程中，教师可让学生根据实际题目设计求职网站，因而学生需要结合网页制作的相关知识，根据实际情况，具体分析相关的求职素材，进而独立设计求职网站，这不仅激发了学生对理论知识的学习兴趣，还提高了其实践动手能力。
2、组织学生讨论教学案例
实际上，组织学生讨论教学案例的目的在于分析分体，进而提出合理、有效的办法和思路。每个学生实现同一教学案例方法以及分析结果各不相同，虽然部分学生能找到容易、简单的实现方法，却无法充分理解;部分学生虽然找到了容易理解的实现方法，其实现过程却非常复杂。所以，教师应有效指导学生果断删除不重要的案例细节，同时寻找教学案例的结构与理论知识之间的联系。此外，讨论教学案例的核心是学生和教师共同努力，进而将教学案例的理论知识和教学内容有机相连，这就要求教师充分发挥引导者的作用，并为学生创造自由、和谐的讨论氛围，同时让学生成为教学案例讨论的主角。一般来讲，案例教学模式着重强调教师教学过程中的交往情境，而学生在这一情境中，也能主动参与到学习及互动交流活动中，进而反复学习。与传统教学模式不同是，案例教学抛弃了教师为主的旧观念，将学生作为教学主体，且不强迫学生进行记忆，只要求其积极思考提出的相关问题，并反复训练，从而达到提高学生解决及分析问题的能力，最终实现培养学生积极动手能力的教育目标。例如，计算机网页设计案例教学中，教师应根据实际教学内容选择合理、有效的教学方式，如介绍网页制作工具时，由于学生对其比较陌生，因而教师可通过讨论案例实施教学活动。
3、总结和实现教学案例
学生结束教学案例讨论后，教师应恰当评价讨论结果，以便去除错误观点。同时，教师还要分析、讲解教学案例分析的相关技巧及知识技能，进而在学生通过计算机进行操作时，根据课堂讨论内容具体实现教学案例，以利于学生牢固掌握相关知识点。
三、案例教学在计算机网页设计教学中的具体应用
1、营造轻松、和谐的学习氛围
计算机网页设计的案例教学中，教师应注重为学生营造活跃、融洽的学习氛围，促使学生在心理上产生安全、自由的感觉，进而激发其敢做、敢说的勇气。此外，教师在计算机网页设计的案例教学中，始终扮演着指导者和组织者的重要角色。所以，学生要独自完成整个案例教学过程，且学生在这一过程中表现出的极大的积极性和主动性，直接影响着教学效果和教学质量。
2、提高教师素质，构建良好的师生关系
若想保证计算机网页设计案例教学顺利进行，需要教师具备知识渊博、经验丰富的特点，这也是教师为学生传递经验和知识的基本条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。
3、建立科学合理的知识体系，选择合适的教学案例
一般来讲，学生学习必备、认识事物和适应环境的基本条件是认知结构，且其学习过程是不断平衡同化和顺应机能的过程，也是不断构建认知结构的过程。因此，教师若在教学过程中引入相关背景知识和展示新知识点，都要密切结合教学大纲。此外，教师选择教学案例时，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时:为确定网页的主色调，应将背景图片插在第一层中;为给网页增添活力和生机，可将flas插在第二层中;将精美食品插在第三层中;为体现饮食文化，可在第四层中搭配相关歌曲;为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。
四、结语
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世纪信息化进程的不断加快，网络在人们生活中的作用越来越重要，而网站的安全问题也备受关注。在对网站进行建设时，需要涉及到很多的应用程序，在网页设计的交互程序中会出现很多安全漏洞问题，从而对网站造成影响，甚至给企事业单位造成不可估计的损失。所以，我们一定要重视网站的安全问题，在网站建设中充分考虑可能出现的安全问题，这样可以在一定程度上提高网站的安全性。
作者：王洪海单位：沈阳职业技术学院
近年来，动态网页的发展的进程取得了很大进步，动态网页不同于静态网页，动态网页可以说是一种技术含量较高的网页编程技术。对于静态网页来说，其显示的效果与相关的内容较长时间内不会发生变化，但是对于动态网页来说，就可以通过一些页面的代码不同，而使页面的相关内容由于环境、时间或者是相关数据库的改变进而实现变化，在动态网页早期的时候，大部分使用的是网关接口技术来实现的，然而在进行编程的过程中出现了较多问题，如编程的效率低、技术难以实现以及修改过程复杂，正因如此早期动态网页技术在逐渐的被新技术所取代。与此同时，新技术的不断完善使得动态网页设计以及表现形式更加灵活。动态网页的设计在通常情况下是按照由上到下的原则而实现的，先从较高层的页面一级一级的向下进行访问页面的相关内容，但是要求是在不同的文件中要放置不同的页面相关内容。正常情况下，上述的情况由静态页面是不能实现的，而且对于用户来说是非常不方便的。在动态页面上的显示的文件大都为原页面文件，所以一定要使用递归调用的方法。另外一方面，对于数据库的访问结果要进行处理。根据用户给定的条件，在进行数据库的检索过程中需要将结果反馈给相关用户，这是用户通过输入条件的不同，进而获取不一样的检索效果。
2动态网页设计的探索
2.1网页设计原则。
计算机动态网页设计主要目的是有效抓住用户的相关需求，进而能够给相关的企业带来最大的经济效益。因此在进行网页设计的过程中，需要遵循一定的设计原则：首先，网页的设计要有好的对比度，而且还要具有一致性，收到简洁明了的效果，表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。在对比度上，好的对比度主要体现在网站的内容上一定要有重点。只有做到这个原则才能够制作出非常优秀的网站。
2.2网站设计构思。
对于网页设计之前，首先，需要进行的工作是构思。对于设计者构思设计方案，首先要明确网站的主题内容，比如对于一个相关的论坛，可以有不同的主题，如以爱好、学习技术为主题，拟定了主题之后再确定网站的主要内容。其次，要确定网站上目录的链接，为了突出其重要性，要将目录放在最为突出的地方，还要协调其他内容，放在较为合理的位置。最后，对于动态网页最重要的就是要明确在网页上的主要图片，对于主要图片需要根据动态网页的主题来选择，而且要能够突出网站的主题。依次根据以上的三个步骤，其主要的风格基本得到确定，另外如果有特殊需要，可以进行一些相关的调整，增加或减少一些内容等。
2.3网站风格探讨。
对不用户来说，不难发现不同的页面能够看出有不同的风格。在版面的设计上，需要细致的观察到版面的和谐、美观以及最重要的实用性。另外，在传统设计的基础上，可以再进行一些个性化的创新设计。例如，在论坛网页的设计上，主要使用的是d型的架构，进而进行创新。这一设计融合了边框的设计，将一些左边框的内容加入到上边框上能够减少空间的使用，使得页面更加整洁、美观。对内容区进行规划时，使用到的是左右对称法则，而且还用到了共享边框技巧，从而都具有边框，有效统一网页风格。其中需要特别注意的是要在每一个栏目当中都要建立独立的文件目录，使用到的图片都要放在其下面的独立文件夹中。这样能够有效避免所有的文件都堆放在一起，也能够使网站的结构看起来更加清晰。对于首页的制作也是网站非常重要的工作，因为首页是一个网页的门户。第一，对于首页要求能够体现网站的相关主题，让用户更加清晰；第二，首要要有吸引力、美观，让用户有进行下一步游览的欲望。另外，为了能与用户进行有效的交流，可以在论坛的左栏设置投票系统，得到用户的直接反馈。
2.4网站管理方法。
虽然现阶段的网站涉及到的软件都越来越容易使用，尤其是目前各行各业都在提倡以人为本的服务，进行设计工作，这就促使要有一个非常好的网站应该很方便去管理。设计中需要体验用户的感觉，进而能够使得网络的管理者使用起来非常方便。另外，对于管理员要设置密码，只有这样才能保证网站的安全性，并且保证管理员具有对密码进行修改的权力。
3网站优化设计技巧
3.1表格设计技巧。
大部分的网站在进行页面设计时会用到表格，使用表格来实现布局，由于表格能够很好的实现较为复杂版面的设计工作，因此非常受欢迎。但是，也存在一定的缺点，也就是将大部分元素尽在图中呈现，在浏览器中有时会出现显示不全的现象。为了能够有效的缩短时间，需要将大的、整个的表格打散成许多较为独立的、小的表格来实现，另外，还需要注意的是对于意义不大的表格要进行删除，避免出现空间的浪费，否则这些表格会使网页的速度降低，带来许多不便。
3.2杜绝表格嵌套。
目前的动态网页设计过程中，设计者都倾心与使用表格嵌套的思路。因为使用表格嵌套能够进行网页版面设计，其好处是能够设计出非常具有创意的版面来，也就是这一点能够吸引着较多的设计人员，但是对于嵌套的层数越多的表格，对于浏览器来说，需要进行解释与显示的时间就会越长。所以建议在不放弃表格嵌套设计带来的优秀创意优势外，建议表格嵌套层数不超过三层，只有这样才能充分的利用表格嵌套设计版面的优势，还能够很好地避免由于过多嵌套带来的浏览器显示速度缓慢的问题。
3.3有效优化脚本运行。
有很多的网页设计者，为了能够便于所设计的网页，在进行下载前需要先启动脚本语言。然而，放置大量的脚本代码将会导致整个页面的下载或者是显示的速度变得更为缓慢。因此，为了能够有效的减少过量脚本代码在中带来的显示速度缓慢问题，需要将那些后来执行的脚本程序放到之前进行，还可以将其放到一个外部的文件中。到使用的时候，再进行一些调用工作。这能够在很大程度上由于网站设计的不合理，进行相关的优化工作，还可以通过采取一些简单的技术进而加快网站的下载速度。
4结束语
笔者结合自身经验和相关资料，发现中职学生在课程学习中常会出现一些问题，这对于学习效果有很大影响。学习问题主要有：
（一）缺乏持续学习的毅力对于初学者来说，A比较抽象。深奥。这在一定程度上打击了初学者的信心。学生在具体学习过程中，因缺乏持续学习的毅力，不努力克服理论知识，反复练习，相应的学生就很难理解A当中的一些原理，也就不可能掌握ASP动态网页设计能力。所以，增强学生的持续学习的毅力是非常必要的，其能够使学生正确面对ASP动态网页设计课程学习困难，坚持学习，进而理解看似深奥难懂的理论知识，更好的完成这一课程的学习。
（二）设计代码中常单词拼写错误在进行ASP动态网页设计学习过程中最忌讳的问题之一就是设计代码中出现单词拼写错误。这并不是一个严重性的问题，但是其会影响ASP动态网页的应用。这一问题出现的主要原因是中职学生英语水平低，未能有效的掌握ASP动态网页代码编写中需要运用的英语单词，在进行代码编写中就会出现英语单词拼写错误的情况。对于此种情况，中职学校一定要注重英语课程教学，在课程教学中插入一些关于ASP动态网页设计方面的英语知识、英语单词等，促使学生在进行ASP动态网页设计过程中不会再出现单词拼写错误的问题。
二、“一体化”教学方法的应用
“一体化”教学方法就是指教学内容、教学形式在“讲”和“练”两方面做到有机结合，专业理论与实践操作做到有机结合。让师生双方边教、边学、边做，边发现问题，边提高，把理论和实践紧密结合起来，不断提高学生技能水平，完成教学任务和目标。由ASP动态网页设计课程专业性强。涉及面广等特点所致，在运用“一体化”教学方法之前一定要就课程。学生、教学情况等方面进行详细的分析，进而制定有效的，合理的教学方案。需要注意的是要保证所设计的教学方案能够提高学生的学习兴趣，积极主动投入i到课程学习中。下面就教学案例的实施和教学过程说明如下：
（一）教学设备与场地集中在计算机实验机房开展教学。设备配置保证能做到全部学生一人一台计算机，提供局域网环境进行、测试论坛。
（二）教学目标清晰，分阶段完成整个教学流程为：学生分组布置工作任务组织实施学习过程提交工作报告作品展示教师评价。教学活动1：学生分组。教师组织学生进行分组，每组4人一组，分别由优中中差的学生组成，每组一名组长，负责本组日常联络及汇报工作。教学活动2：接受任务，制订计划。教师下发项目任务书，讲解任务要求，学生以小组为单位制定本小组的任务计划，进行分工，确定每个成员的工作内容，让每个学生都有任务，让他们带着任务去学习。教学活动3：开展项目设计工作。以小组为单位开展项目的设计工作，学生可以借助Dreamweaver网页设计软件完成项目的网页编写工作，也可以查询相关资料，获取与学习任务所需的知识点，必要时教师可讲解重、难点，在边学边做中让学生完成对知识的自主构建。教学活动4：提交报告，展示作品成果。学生以小组为单位提交项目的工作报告、小组作品。派代表向教师、学生展示小组作品，说出作品的优缺点以及在整个开发过程中遇到的难点和解决方法，在开发中的收获以及对课程的感受。
（三）教学评价与考核在学习过程中，教师根据项目的任务书及每个小组的计划书进行分阶段考核。考核范围可以涉及：成员工作完成质量、小组工作报告、学生出勤纪律等等。在进行ASP动态网页设计教学的过程中，教师不能一味的注重知识的传授，还要了解学生的具体情况，如英语水平。组织能力。创新能力等等，进而对中职学生进行全面的教育和培养，促使中职学生的知识。意识、能力。精神等方面都得到提高。这样学生在进行ASP动态网页设计时不仅会运用自己所学知识，还能够将自己的想法融入到其中，更好的完成ASP动态网页设计。
三、结束语
1．教材和教学方法落后
据调查，目前高职院校ASP动态网页设计课程普遍还是采用传统教材，这种教材的章节是按照课程的知识内容进行划分，每章按照知识点、命令语法格式、例题和练习的顺序来编排。这种传统教材将网页设计开发的过程完全按知识点进行分解，缺少开发的过程环节。而授课教师往往按照教材讲课，或用多媒体教学环境按照教材内容讲授相关理论知识，然后布置相关上机内容让学生进行实践。这种以教师讲授为主，学生学习为辅，重点介绍学习知识重难点的方法，不能做到学与做的有机结合，将导致学生难以理解和掌握所学知识和技能。随着该课学习的不断深入，学生的学习兴趣和积极性将逐渐降低，导致后续很难综合应用所学知识和技能完成完整的动态网站开发。
2．实践环节对学生锻炼不到位
经过几年的一线教学经历和调研发现，动态网页设计课程在实践课时大多采取教师布置任务、学生上机敲代码测试运行等方式。所有同学的实践内容和操作步骤全部相同，容易造成互相抄袭偷懒的现象，导致学生的动手操作和专业能力锻炼不够的结果。
3．课程考核形式过于单一
专业核心课程最终成绩往往由期末考试成绩决定，或采用平时成绩加期末考试相结合的考核方案。这种传统单一的考核形式对动态网页设计这门实践性特别强的课程肯定是不适用的，容易使学生产生平时不学，期末突击的侥幸心理。有的教师结合上机考试，让学生在考试中完成相应的设计试题，这种考试方式的主要问题在于考试时间有限，很难在指定的时间内考察出学生真实的水平技能，尤其对完整的网站项目来说，更是难以达到考核的目的。
4．传统教学方式不注重培养学生的职业素质
作为一名合格的网站网页设计工程师，所需的职业综合素质包括坚韧性、团队合作的意识、人际沟通能力、团队关系培养能力，以及服务精神、献身精神等。而教师在上课过程中只注重知识的讲授和技能训练，却往往忽略了这些职业素质的培养，使学生在实施项目的过程中目标不够明确，不熟悉项目整体的过程，或者不能清晰地表述自己的想法和意见等，在实际工作中还需进行二次培训。
二、教学改革的工作内容和实施的具体措施
1．课程标准（文件）的改革
对课程标准（文件）进行重新的修改编制，前提需要对计算机专业中本课程在实际工作岗位的分析和论证。通过对市场和企业一线进行深入调研，确定ASP动态网页设计课程在工作中的实际岗位以及典型工作任务的职业行动领域，进而确定该课程所对应的专业能力和专业知识，然后才能得出所对应的课程领域。至此，教学文件制定者需要通过上述研究论证结果进行教学文件的修订工作。与以往课程标准不同的是，由于本课程采用项目教学和过程考核的模式，所以制定新的课程标准须要做好三个前提：一是通过人才培养方案和企业调研结果确定本门课程的学习领域，主要包括课程的能力目标、知识目标和素质目标。二是在做好学习领域后对学习领域进行分解，目标是将课程划分为具体的若干个情境，并确定每个情境的学习内容、能力目标、总体的工作过程以及学时分配。三是根据学习情境进行详细设计教学过程。在这一过程中，主要目的是给出详尽的项目实施过程，如何进行教学组织以及本情境项目的考核方法等。以情境设计实现用户注册登录系统为例。
2．教学过程和方法的改革
基于ASP动态网页设计的课程标准，设定情境采用工作过程六步项目教学法为主要教学方法。项目教学法是基于项目开发过程（或基于工作过程）的思路组织教学内容进而安排系列教学活动，是以实际的工程项目为对象，师生通过共同实施一个项目工作而进行的教学活动，并以共同完成项目的情况来评价学生是否达到教学目的的教学方法。由于动态网页设计的每个情境项目都是完整的开发案例，将学生分组来进行是普遍采取的措施。学生对信息、计划、决策、实施、控制、评价每一步都具体分工协作，让学生通过讨论确定每个人的工作任务和职责，通过团队的分工合作来共同完成整个情境项目。重要的是让每个学生在项目中负责相应的任务，杜绝怠慢偷懒的坏习惯，让学生都动起来，真正在每个情境项目中得到锻炼。此外，由于ASP动态网页设计课程所需前导课程较多，并且重难点之处需要学生有着较强的编程和数据库应用能力，所以教师要充分考虑到高职学生的综合素质和学习水平，在授课计划中对所需前导课程要留有复习的课时。ASP语言风格类似C语言，建议在本门课之前一到二个学期开设C语言程序设计基础课程。而在复习过程中由于课时有限，教师要把握好难易度和内容的选取，一般要坚持够用即可的原则和中等难度的编程训练。过于简单的复习达不到网页设计的要求；过难复习会打击学生学习的信心，容易使学生产生放弃的想法。对于数据库应用方面着重强调SQL语言的应用，与程序设计复习方式应保持一致。
3．考核方式方法的改革
如前文所述，传统的考核考试方法对于ASP动态网页设计课程已经不再适用，因为它并不能真正地考察出学生学到的知识和锻炼的技能。针对项目教学法这一特点，考核方式采用过程考核效果较理想。过程性考核的具体方式因人因课而异，采用的形式也比较多变。在本门课中选取的情境案例较适合用六步法与师生评价相结合的考核方式。具体是在六步法的每一个环节中采用学生自我评价、小组互评和教师评价的方式，三种评价的分值权重根据具体情况可以自行设定。在每个项目完成后，学生提交项目设计完成情况，对各项目的知识技能进行总结。对创新的部分可以加分，对不足和错误扣分，灵活的打分原则既保证公平公正又激发学生不断完善的动力。在评价的过程中教师评价要掌握全面的信息，包括学习态度、团队协作等多方面综合素质测评的情况，在评分中更多的是考察学生在实施过程中综合素质的表现。
三、结语
目前，案例驱动教学在高等教育各学科中广泛使用．但由于很多教师对案例驱动教学法的内涵、特点及组织过程的认识不透彻，导致案例教学法的使用存在许多误区．
(1)案例设计不当．
案例驱动教学本质上应是通过“案例”来诱发、加强和维持学生的成就动机，成就动机是学生学习和完成任务的真正动力．因此，案例驱动教学法的案例设计是教学成败的关键因素．案例过于简单、欠缺针对性、设计不清晰等都会影响案例教学的教学目标．一个具体的案例设计，必须考虑周全，保证案例的可行性和有效性．进行案例设计时，要以学生为中心，教师为主导，兴趣为主线，使学生在完成任务的过程中掌握知识、技能、方法并学以致用．
(2)组织实施过程并非案例教学．
案例教学是师生的双向活动，通过具体案例引导学生参与分析、讨论，让学生在具体的案例情景中积极思考，主动探索．在实际教学过程中，有些教师只是把案例呈现给学生，像讲故事一样叙述一遍，没有引导，没有总结，缺乏交流与互动;有些教师在课堂上引用了案例，但教学方式还是沿用传统的灌输式的教学，仍然以教师为主体．以上种种教学方式看上去是引用了案例，但并非采用了案例教学法，更谈不上通过案例驱动去激发学生的学习兴趣，培养学生分析问题解决问题的能力，提高学生自主学习及与他人协作的能力．上述种种对案例驱动教学法的不恰当使用，将直接影响学生学习的深入和教学目标的达成．本文结合“案例驱动在网页设计类课程中的应用”的教改课题，对案例驱动在实际教学工作中的应用进行了探讨和反思．
2案例驱动的教学实践
《网页设计》是一门知识点丰富、应用性和操作性强的课程．此类课程目标是培养学生分析问题和动手解决问题的能力．通过教师对网页设计知识点的讲解，结合案例驱动的教学模式，让学生系统地学会如何设计网页和开发网站．
2．1案例选取的原则
根据网页设计课程的内容和特点，在课程开始就引出成品案例，明确需要解决的问题，调动学生的学习积极性;同时，在教学过程中，以该案例为线索，将其贯穿于课程的始终，将零散的知识点结合在一个完整地案例实现中，并通过分组操作完成案例的方式，进行相互评比学习，进一步扩展知识面．对于教学过程中的小知识点选择对应的小案例．案例的选取在案例驱动的教学过程中至关重要，大的成品案例应具备较强的实际应用价值，能够较好的模拟真实的应用环境，小知识点案例则需注意选取的针对性，做到有的放矢．在实际教学过程中，我们一般遵循以下的案例选取原则:
(1)代表性．
在课程开始之初，为激发学生的学习兴趣，明确学习目标．让学生观摩的成品案例应选择不同风格类网站的代表或往届学生优秀作品的代表，且此类网站需和学生的实际学习生活息息相关，如班级网站、购物网站、技术网站等，以此调动学生继续探究学习的积极性．
(2)针对性．
在教学过程中零散知识点对应引入小案例，此类案例应具有较强的针对性，将课堂教学目标融入到案例教学中．如通过网站公告栏引出对marquee标签的讲解，通过网页的刷新功能引出对meta标签的讲解等．
(3)趣味性．
尽可能选取趣味性强的案例，更好地吸引学生的注意，抓住学生好奇的心理，唤起学生更多的学习热情和欲望．如通过漂浮的广告、滚动的图片等案例引出对脚本内容的讲解．
(4)综合性．
成品案例的选取应注重综合性．一个成品案例网站应涵盖HTML，CSS，JAVASCRIPT等多个知识点．通过成品案例的设计与实现，考察学生综合应用多知识点解决实际应用的能力．
(5)理论联系实际．
更多地结合学生在实际生活学习中的应用选择案例，最好从学生熟悉的操作和感兴趣的事件出发，使他们有更多的机会从周围熟悉的事物中学习和理解，感受到设计的趣味和作用，体验到设计的魅力．如在讲解时间对象时，可以选择人性化问候或重大事件的倒计时牌设置作为案例引出．
2．2案例驱动教学的实施过程
在案例驱动教学应用到《网页设计》类课程的具体实践中，我们创设了“模仿—扩展—发挥”的教学过程．具体的教学过程主要分五个阶段展开．
(1)成品案例演示，学生观摩．
此阶段为教学展开的第一阶段，通过各类代表性综合网站的观摩，激发学生的学习热情，调动学生的学习积极性，为课程深入学习打下基础．可粗略提及网站内容组织，设计理念和主要相关技术，建立对课程学习的大体认识．
(2)知识点讲解，模仿练习．
此阶段是教学深入开展阶段，教师开始各类知识点的讲解，通过引出小案例配合教学，教师需要示范案例的制作过程，讲明案例的制作步骤和方法，讲解制作中运用的知识要点和技能，学生模仿练习，达到掌握各类知识点的目的．
(3)成品案例扩展，实现．
成品案例的实现是一个循序渐进的过程，在知识点的讲解过程中，学生在每次模仿练习完成后，可运用已学知识与技能逐步展开对成品案例的制作，不断扩充，直至课程结束，案例制作完成．
(4)评价教学．
教学实践完成后，教师抽取学生个案展示，并对学习成果进行多元评价，归纳总结学生学习过程和结果中出现的问题，引导学生进行反思．同时对优秀的案例进行总结分析，和学生分享学习其设计的风格、思路和技巧，查漏补缺．
(5)自选主题设计作品．
此阶段为自由发挥阶段，不限题材，不限风格，引导学生应用所学构建风格各异的网站，通过自主完成搜集素材到分析设计，再到制作的过程，让学生充分了解并亲历实际开发中网页设计的开发流程，提高学生独立分析和解决实际问题的能力，有利于学生的自我完善和提高．针对目前《网页设计》课程的教学体系所存在的不足，只有通过教学内容的整合与优化，并以课堂教学环节、实验实训教学环节、考核方式的改革相配合，建立一个合理的实践教学体系，才能培养学生的学习兴趣，提高学生在网页设计的应用中分析问题和解决问题的能力，促进教学质量的提高．在实际教学过程中，我们采用以下的策略来优化教学过程，进行案例驱动教学工作的实施．首先，以案例驱动为导向，优化教学过程，改进学习方式．同时，加强实训环节的教学．直接引进企业实际应用需求的案例，学生在教师指导下通过分组直接参与综合大型实践案例开发．通过这种大型实训教学，完成对基本知识和基本操作技能的综合训练，让学生了解了实际工作中需要的多方面素质，实现了课堂教学与职场岗位间的“短距离对接”．其次，开展技能比赛式教学．组织网页设计与制作方面的竞赛，如网页设计、图像处理等，通过形式多样、丰富多彩的学生竞赛活动，促进学生主动进行计算机应用与技能训练活动，提高学生对技能应用的能力，加深对知识的理解．在对《网页设计》课程采用案例驱动教学法后，学生学习积极性大大增强，动手实践能力显著提高，通过案例展开的教学让学生更轻松，系统地掌握知识和技能，上机实践已由验证实验逐步转变为自主设计实验，学生能在课程结束时学以致用，或个人独立或分组协作达到完成一个综合性网站制作的目标．在学生获得相应技能的同时，学习的积极性、主动性、创新能力、协同工作的能力，独立分析问题和解决问题的能力都得到了发展．
3结语
一、设计必须符合媒介特性
在设计网页时，我们必须考虑网页服务器的处理能力、网络传输的带宽，以及用户浏览网页的终端处理能力、显示媒介的尺寸大小、分辨率高低等要素。服务器的处理能力、网络带宽、终端处理能力都会影响网页传输的速度，而显示媒介的尺寸大小和分辨率则会影响网页呈现的形态。在考虑页面的内容和显示质量时，我们必须要理性思考页面的数据量，综合分析影响页面传输速度的各个因素，权衡内容、质量与浏览者等待时间的平衡。内容多、质量高，传达的信息量大，视觉效果好，但可能造成页面数据量大，浏览者等待的时间长。Websense调查公司称：多达70%的上网者表示不愿意在页面读取上超过10秒钟，也就是说在浏览者点击链接之后，如果页面在10秒钟内还没有呈现出来，用户会放弃访问，即使网页有再好的内容和质量也达不到传达信息的目的，这就失去了设计的根本目的。从心理学的角度上看，浏览者在等待过程中，会逐渐增加烦躁和不安，失去耐心，况且网络上有太多的选择，更加剧了他们放弃的决心。设计网页的幅面时，我们不能像纸质媒介那样以长度单位来计量，而是以数字媒介的基本单位像素来计量，而一个像素在视觉上到底有多大又取决于显示媒介的尺寸大小和分辨率，所以网页在视觉上的大小在浏览者那里可能大不相同，因为他们浏览网页时采用的显示媒介大小和分辨率可能相差很大，也许是9英寸的笔记本电脑，也可能是25英寸显示器的台式计算机，即使物理尺寸相同，分辨率不同，所得到的页面大小也不一样。因此，我们必须对浏览者使用的网页浏览设备有充分的调查和分析，并进行测试，以保证我们设计的网页幅面大小在普遍使用的各种网页浏览设备上能够满足浏览信息的基本要求。
二、网页应是浏览为主
在用户获取信息的方式上，网页有别于纸质媒介，网页是以浏览为主，而纸质媒介是以阅读为主。所谓浏览，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜寻是否有感兴趣的信息线索；阅读比浏览更具有主动性和目的性，是有目的地读，其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实：一是“我们不是阅读网页，而是浏览”；二是“我们不做最佳选择，而是满意而止”；三是“我们不深究原理或本质，而是想当然地使用”。我们为什么对网页是浏览呢？克鲁格的分析认为有三个原因：一是因为匆忙，使用网络的目的多半是想节约时间，这样用户就会不停地运动；二是用户知道不必全部阅读，通常一个网页里面只有很少一部分是他们感兴趣的；三是用户擅长浏览，浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因，用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程，直至满意而归。如果中间出现了不满意，这个过程就会终止，用户就带着不满意而离开。所以，在设计网页时，哲学家威廉提出的奥卡姆剃刀原理“如无必要，勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时，突出那些重要的内容，去掉那些不必要的图案和文字，即使那些能够让你的网页在视觉上产生更好的效果，但如果其干扰重要信息的浏览，仍然应该果断地去掉。在网页中，只有那些有利于信息传达目标的美才是有价值的，美应该符合于功能的需要，美和功能的和谐统一才是网页设计追求的目标。为了便于浏览，在网页内容的编排上必须尊重视觉习惯，我们在浏览时总是从左到右，由上而下地扫视，要根据内容的重要性，进行从左到右、由上而下地依次排列，使重要的内容最先映入浏览者的眼帘。在文案的写作上，为了便于快速浏览，一是对标题、关键内容加以强调；二是采用短的句子和段落；三是采用清晰的分区和列表；四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣，然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中，短句和短的段落有利于减小理解的难度和缩短判断的时间，清晰的分区和列表能够让人快速抓住其关注的兴趣点，促进人们继续浏览。
三、网页设计不应打破惯例
前面已经提到，网页是一个要求即看即用的特殊“产品”，也就是一看我们就要知道如何使用。我们虽然使用了若干手机，但我们购买了一款新的手机时，我们还是得阅读说明书后才能正常使用，网页确不需要。那如何才能达到即看即用呢？使用惯例就是最好的武器，这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西，我们一看就知道它的意思，就知道怎么去操作，因为惯例是我们日常生活中积累起来的，已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识，使用存储于外部的知识不需要学习，但效率低；使用头脑内部的知识需要专门学习，但效率高。而惯例是已经存储在头脑内部的知识，具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的，一是重要导航在页面的位置，按照惯例一般布置在页面的上部、左上部或右上部，首页的链接放置在最前面；二是网站的标识放置在页面的左上部，浏览者用其来判别是否到达了目标网站；三是文字链接要加下划线（也可以鼠标放上去才出现），浏览者用其来判断是否有超级链接；四是常用标识符号，如在多页文档中，代表向上翻页，代表向下翻页；在视频、音频播放中■代表停止，代表暂停，代表播放。这些标识符号在网页中已经具有特定的意义，是不能随意改变的。
四、设计层面之间的逻辑联系
战略层确定的网站目标和用户需求，是整个网站设计的基石，其决定范围层的内容选择和功能设计；结构层是对范围层选择的内容进行分类和组织，形成信息架构，以及对确定的功能进行交互设计，确定交互的过程和交互行为；框架层是在结构层信息架构的基础上，根据完成任务的需要，利用超级链接设置来完成导航设计，以及规划信息架构在页面空间中的位置关系，形成布局框架；表现层是对框架层进行具体的视觉表现，包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出，下一层是上一层的设计依据或设计对象，上一层是下一层的进一步深化和具体，相邻层之间紧密联系，既不能交换，也不能跨越，更不能缺少，具有严格的秩序，形成了完整的逻辑链条，理性思维贯穿在整个设计过程之中。
五、结语
网页设计是在互联网络高度发展和普及应用之后，产生的介于视觉传达设计和产品设计之间的跨界设计领域，其设计程序的严密逻辑、媒介的技术特质、以浏览为主的信息获取习惯、高度的人机交互等特点，都需要我们在设计中进行更多的理性思考。毕竟对于网站而言，有用、好用是第一位的。
作者：谢成开 单位：四川美术学院
一、文字元素
文字作为记载信息的符号，在网页设计中有着举足轻重的重要性，其作用是图片、视频和动画等元素不可代替的，文字的设计优劣也决定了整个网站的视觉效果。文字的易读性和辨识性是网页设计的重点。文字颜色和背景要区别开，周围元素不能影响到文字的阅读，对流动文字的应用要慎重。文字的距离一定要设置好，注意细节，安排好文字和图形之间的交叉错合。在现代设计中，文字图形化的趋势越来越强烈，即是强调把文字作为图形元素来展现，加强其美学效应，强化了原有的功能。
二、图形元素
图形元素的存在大大美化了网页设计，它拥有强烈的艺术美感和视觉冲击力，是文字之后最早被引入到网页设计中的元素，它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理，才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域，所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到，受到宽带的限制，所以要求图形文件量尽可能的小。在图片大小固定的情况下，文件量越低说明图片分辨率要越低。对于显示器上的图片而言，分辨率为72dpi是大多数图片的最佳选择。
三、色彩元素
色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
四、版式设计
用户界面展现在浏览者面前的数字化物化界面，组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则，把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路，引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌，欠缺规划，缺乏审美意识。各种文字、动画、色块等杂乱无章，令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析，指定网站合适的整体风格，以合适的版式设计表达形式营造出相适应的氛围。
作者：高翔单位：淮阴工学院
1.针对平面设计刊物所需的内容而进行的体例、结构、标题等的艺术设计。网页的版式是基于造型和视觉两大因素的基础上创建出的页面形式，它同样要有版面的造型要素和形式，在适当的动画和背景音乐的衬托下让受众得到视觉和听觉的享受。网页版式的构成一般有水平分割、垂直分割、水平垂直交叉分割，中轴型、倾斜型、曲线型、重心型、反复型和散点型等。
2.网页版式的艺术性与装饰性。版面布局和表现形式是版式设计艺术的核心。按照美的需要，带有强烈的理想化倾向，以象征和装饰的手法去概括和表现，使设计更好地为版面内容服务，以达到最佳的艺术效果，使受众获得一种特定的情绪感染，领悟到个中传达的深刻意图，让客观效果得到充分地显现和表达，全方位体现传达信息的特殊功能。
3.网页版式的趣味性与独创性。排版设计中的趣味性，主要是指形式的情趣。不受束缚，大胆、浪漫地表现一种理想的境界和情趣，以获得一种活泼的版面视觉语言，从而更吸引人和打动人；独创性就是突出个性化特征。鲜明的个性是版式设计的创意精神，别出心裁、独树一帜的设计一定会赢得受众的青睐和广泛好评。
二、网页的色彩设计
1.色彩。色彩是沐浴于日光下的不同性质的物体，经过不同程度的吸收而反射即视觉上所显现出来的一种复杂的现象。写实色彩要求客观、科学地观察、分析和表现客观世界的色彩规律；装饰色彩则是在自然色彩的基础上概括、提炼、想象和夸张后所形成的色彩。写实色彩和装饰色彩在网页设计中具有各自的舞台，分别扮演着不同的角色。
2.网页的配色。色彩知识和色彩工具是塑造网页艺术形象的条件，赋予人们对网络文化生活的无限憧憬。维系明度、纯度和色相的三个基本要素。明度、纯度和色相的合理对比处理是建构网页色彩设计的基础，坚守色彩的统一与变化。不同的色彩给人的情感也各异。因此，统一中有变化，变化中求统一，这是配色时考虑的首要问题，体现色彩的均衡的美感。在视觉艺术中，图形和色彩等在感觉上、心理上的均衡感、安定感就是色平衡的美感，把握色彩的节奏与韵律。在网页设计中借助节奏与韵律的元素来实现其色彩的巧妙组合与变化美，在视觉中以获得一种独特韵味；统筹色彩的单纯化、强调、间隔、关联和调和的关系，巧妙地应用色彩感情和传达规律，充分发挥色彩的各个功能作用，达到配色的最佳效果并激发受众对网页的广泛兴趣。
3.网页色彩的形式。毕加索说过，色彩和形式一样，与我们的感情形影不离。色彩是最富有表情作用的艺术语言。它借用一定的色彩形式表达意义。它能引起受众不同的感觉和联想，进而产生不同的情感。通过一定的色彩形式对色彩的认识构成了一种情感活动的内容，其价值和作用是显而易见的。例如，红色使人感到火热、兴奋、热情，产生紧张的情感；蓝色让人产生冰冷深远感，引起冷静、沉着的感受。色彩的均衡、节奏、渐变、呼应等的不同表达形式都会营造出千姿百态的色彩形象，烘托出喜闻乐见的色彩气氛。诸如此类，色彩与形式的有机统一对内容的传达起着十分重要的作用。
4.网页色彩的审美。网页设计作为新时代的产物，它与社会的发展和人们对生活的审美需求息息相关。色彩作为一种优美的设计语言，在网页设计领域中所表达的含义是深刻而广泛的。网页色彩是对人的视觉刺激最敏感、反应最快的视觉信息和审美符号。据研究，对色彩的注意力占人的视觉的80%，对形的注意力仅有20%。色彩中的冷暖、灰鲜、明暗、强弱既是色彩的性质，又是受众心理和视觉情感以及审美的反映。所以，配色要遵循色彩的审美法则，要符合受众的情感表达。配色前，要对网页的整体定位，色彩的情感和功能有明确、深刻的认识才能获得配色的理想效果，达到审美的目的。当色彩形式与规律被赋予一种使命时，我们所表达的色彩才有积极的心理效应和完美的艺术效果与价值。
三、结语
一、文字的字体设置
（一）使用宋体等常用的字体
所有浏览器默认的标准字体是中文宋体和英文timesnewRoma字体。如果没有进行任何字体设置，在任何操作系统和浏览器里网页将以这两种标准字体显示保持正确。现在大多数电脑操作系统为微软的windows系统，其安装时就自带的4种中文字体和40多种英文字体，四种中文字体分别为宋体、黑体、楷体(GB2312)、仿宋(GB2312)。凡是在windows操作系统的浏览器使用系统自带的字体都可以正确显示这些字体。
（二）图片的方式置入网页
根据网页中的设计思想而选择相应的字体，设计师往往需要用一种特殊的字体来体现自己的风格，那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现，设计师可以把文字进行栅格化，把文字变为图片的形式，最好以图片的方式置入网页，以保证所有人看到的网页效果相同。
二、文字的大小设置
由于网页设计是基于电脑虚拟平台，其展示方式区别于之前的传统媒介的实物展示，它需要在显示终端中展现。而现在显示终端百花齐放，网页设计师需要考虑不同客户端的浏览体验，而文字大小直接决定了网页的视觉效果，是用户体验中的一个重要部分。不同的显示器尺寸，不同的分辨率设置，不同的DPI参数，乃至不同的浏览器预设，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次都要重新缩放，而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯，设置一个比较体贴的默认字号。
三、文字的颜色选择
字体的颜色选择同样是一个重要的细节，通常来说，颜色要与背景有一定的对比度，因为低对比度容易导致字体看不清楚。所以要用高对比度的颜色，所以文章都是白底黑字。网页中的文字，通常使用黑色，这样更加可以保证文字的辨识度又符合大众的口味。当然现在随着网页设计的发展，颜色应用越来越多，但这里要避免的一些特殊颜色，因为网页中的一些默认颜色。比如说是蓝色，因为蓝色代表着网页中可以进行点击跳转的超链接，如果网页中有一段蓝色的文字，会让人误以为是可以点击的超链接，所以这种颜色要特别慎重。但是有些时候在设计中，必须要用到这种颜色时，也有一些其他的方法来避免类似问题。例如将超链接的样式带有默认的下划线。文字作为信息传播的符号，实现了良好信息传达的效果。文字的自身结构又具有视觉图形意义，字体的造型变化构成了各种形状，在网页设计中文字的表现形式既有规律性又有极大可塑性。利用文字视觉传递、视觉规律、视知觉感受的生理效应等作用，可以在网页设计制作中寻求和创造更加丰富多彩的个性化、风格化的视觉语言形式。
作者：高翔 单位：淮阴工学院设计艺术学院
一灵活自主的教学内容
自主学习是指学生管理自己的学习。具体地说就是学生能够自己决定学习目标，确定学习内容和进度，选择学习方法和技巧，监控学习过程及自我评价学习效果。[2]网页设计课堂上应赋予学生更多的权利，使他们有机会对自己的学习内容、学习进度等加以控制。与此同时，学生被动的、依赖的学习心理的转变不是一蹴而就的事情，面对崭新的知识领域完全自主学习也显得困难重重。因此，教师在这个过程中必须进行有效的干预，对学生的学习过程进行指导和监督。要满足学生、教师双方的“话语权”，可以设置一套灵活自主的网页设计教学内容，分为基础模块和自选模块。基础模块是每个学生都必须学习的，是以教师讲授为主，总共占20%的课时比例。在自选模块里，学生可以根据自己的知识背景和兴趣爱好选择不同的学习内容，总共占80%的课时比例。网页设计教学内容模块按教学进程分为基础模块之认知与准备、基础模块之界面艺术设计、自选模块之网页动画、基础模块之网页代码基础、自选模块之网页后期制作。在认知与准备模块中，对网站建设中的一些基本概念、网页中使用到的媒体元素、一个完整网页的构成要素、网站的制作流程等知识点进行讲解。这些常识性的基本概念是网页设计的入门知识，是每个学生必须了解的，因此这个环节的教学活动是以教师理论讲授为主。界面艺术设计模块是以提高学生的艺术创意及设计能力为教学目标，从网页的色彩设计、版式设计、艺术风格等方面进行，使学生能够设计出具有高度艺术性和良好功能性的网页效果图。网页艺术设计能力是一个优秀网页设计师必不可少的，因此这个模块所有内容同样是每个学生必须学习的。网页动画模块的教学目标是培养学生网页动画设计与制作能力。目前网页上的动画从制作技术上来分，最常见的有GIF动画、Flas、JS特效动画三种。在这个自选模块，教师先对这三类动画进行分析介绍，学生再根据自己已掌握的相关知识和兴趣爱好来选择某种动画进行深入学习。网页代码基础知识是在后期制作网页时所必须掌握的，因此这个模块也是必学的且以教师理论讲授为主。网页后期制作方式有使用Table+CSS、使用DIV+CSS、Flash整站搭建三种，在这个自选模块中，学生在对三种网页制作方式的特点进行了解后，可根据自身知识储备和兴趣爱好进行选择性的深入学习。网页设计课程知识点众多、课时有限，一直是困扰教师们的一大难题。自选教学模块能在有限课时里满足众多学生的不同学习需求，对网页设计课时量少的困境不失为一种解决方法。同时，学生能在有限课时里，各自选择适合自己的方向深入学习，“术有专攻”，集中精力把所选知识点学精、学透，能真正达到用人单位对毕业生学科知识“专”且“精”的人才要求。更为重要的是，这套灵活自主的教学模块给予了学生一定的学习内容、学习进程的控制权，在学生自主选择的过程中引导他们明确了自身的知识储备、兴趣爱好和课程的知识结构，以及如何依据这些因素确定个人的学习目标。达到了把握时机、因势利导地引导训练学生掌握自主学习方法的目的。
二多维项目驱动的教学方法
建构主义者认为，学生学习知识的过程，实际上是在教师所传授的背景知识基础上，结合过去掌握的知识，运用自己的头脑主动建构，完成新的知识体系构建的过程。在具体教学过程中，教师的职责不是“填鸭式”的灌输新知识，而是创设最佳知识情境，引导学生自主完成学习任务。项目驱动教学是建立在建构主义教学理论基础之上的教学方法，将学生的学习活动与实际项目相结合，引导学生积极自主的探索、整合、建构知识，项目完成的过程也是学习活动进行的过程。网页设计的教学过程可以采用多维项目驱动教学法，即从教学进程、教师讲授和学生实验三方面进行多维度的项目驱动教学，从而促使学生积极自主学习。首先，以业内实际项目开发进程为参照设置教学进程。我们可以看到，教学内容模块的推进形成了“网站策划———页面设计———动画制作———页面制作”这样一条清晰的线路，而这种教学进程实际上和设计公司里的工作流程完全一致。其次，教师在课堂教学时，事先准备好一个有代表性的范例网站项目，根据教学大纲的知识点要求把范例项目相应划分成一个个子项目，众多的课程知识点由子项目来承载，以案例演示的方式来讲解，随着教学进程的推进，范例网站从无到有被逐渐搭建起来。最后，在课程的开始就给学生一个贯穿整个课程教学的项目任务，与教师的范例项目相应，这个主题网站同样由多个子项目组成。教师演示完范例网站子项目后，学生便上机自主开发相应的主题网站子项目。课程的教学过程实际上就是学生在教师的一个个子项目案例引导下，运用所学知识一步步自主完成主题网站的过程。网页设计是应用型课程，培养的是学生在以后的工作环境中解决实际问题的能力。多维项目驱动教学法多角度模拟实际工作情境，促使学生不仅掌握了众多知识点，而且对项目的整体解决方案有了清晰的认知，具有了实际项目操作的能力，同时还提高了自主学习、自我指导等综合能力和素质。
三多元评量的评价方法
传统的教学方式是以知识传授为教学目的，对于学生成绩的评定往往被认为是教师课后的事情。而在强调自主学习的教育理念中，教学目的则不仅仅是特定知识的习得，更重要的是提高学生自我学习、指导和管理的能力，因此学习评价被提升到一个重要的层面。美国学者韦默认为：“对自我进行精确的评价和对同龄人的工作进行建设性评价的能力是在大学期间教师有责任对学生进行培养的一项必要的学习技能。”[3]评价方式需要结合具体课程来设计，在网页设计课程中，适合采用多元评量的评价方法。在“认知与准备”和“界面艺术设计”模块中，采用自评和公开评议，每个同学首先给自己的作品自评，然后轮流公开展示自己的作品，回答师生的问题，教师和其余同学根据作品情况给予评价。自选模块同样采用自评和互评的方式，不过是在选择了同一内容模块的小组间进行。“网页代码基础”模块则借用理工科试卷评测方式，教师出题并阅卷，学生不参与评分。这种学生共同参与的多元评量模式的优点突出体现在：首先，能有效促进学习。评价既是给学生打成绩，更重要的目标是促进学习。在自评和互评活动中，学生需要尽可能深入地分析自己和同学的作品，这就促使学生把自己的实践体验升华到理论思想高度。同时，对于没有标准答案的设计作品来说，公开评议能够扩展设计者的思维，有利于进一步完善作品。通过实践到理论再到实践的循环，能非常有效的提高学习效果。其次，能培养学生的评价能力。要实现自我学习、指导和管理，首先要能对自己和别人有着准确的认知和定位。自评和互评结果的对比，能够使学生更准确的认知自己。多次参与对同学作品的评价，能够充分锻炼学生评价同行工作的能力。同时，通过“综合分值”的设置把评价能力囊括到学习成绩的考核范围有着明显激励作用。值得注意的是，让学生参与评价并不意味着完全放权。评价能力的培养是一个渐进的过程，大多数学生没有多少经验，不太可能自发形成完善的评价体系。这就需要教师及时引导监督，并在设计评价方法时尽量对一些可能发生的不合理行为进行规避，以使得整个学习评价体系更科学、更公平。
总之，对于自主学习来说，课堂教学有一定的制约性，如有限的时空限制、集体教学的方式、具体的教学大纲等，这些因素某种程度上限制了学生的自由发挥，但同时又是培养学生自主学习能力的基础和保障。从教学内容、教学方法、评价体系多方面对网页设计课堂教学现有模式进行改革，可以变制约性为推动力，使学生在课堂上不仅能更高效地获取网页知识，而且能有效提升自主学习能力，为他们以后工作和生活的可持续发展奠定坚实的基础。
作者:宋翠君 单位:南通大学艺术学院
