时间：2023-10-12 16:11:27
导语：在常见的网页设计的撰写旅程中，学习并吸收他人佳作的精髓是一条宝贵的路径，好期刊汇集了九篇优秀范文，愿这些内容能够启发您的创作灵感，引领您探索更多的创作可能。
[关键词]计算机 网页设计 布局
就今天的生活来说，计算机是人们生活不可或缺的一部分，人们每天的网页浏览量远大于书籍的浏览量。因此，网页的美感对于人们来说是十分重要的。合理的布局、唯美的画面，往往会使人们在浏览网页时生出一种舒适感，为此各网站都花费人力、财力来进行网页的设计，尤其是布局的设计。
一、网页设计中的布局的相关概念
网页设计中的布局的相关概念，主要是一些构成成分的概念，其中包括了：整体造型、页面尺寸、页眉页脚、文本、图片等，下面就其中几个重要的概念进行讲述。这里需要指出的，网页设计中的布局，不仅仅要求的是对图像这些表面因素进行设计和布局，同时还需要对一些潜在的因素以及其他相关因素进行深入研究，只有将整体化的设计元素充分整合在一起，才能最大化地发挥网页布局的最佳效益。
（一）整体造型
页面的整体造型，指的是页面的整体形状，它所指的只包括页面填充内容所形成的形状并不是浏览器的形状，常见的造型主要有圆形、菱形、三角形等，当然也可以是这些基础类型的结合体。页面造型的选择，在一些时候是根据网站的性质来选的，带有一定的寓意。
（二）页面尺寸
页面尺寸并不是固定的，它受到很多其他因素的影响，就算是显示屏的尺寸或者分辨率都影响着页面的尺寸的大小。这几个因素是客观的，也是我们无法改变的，并且网页页面是在浏览器中呈现的，然而浏览器占据了一定的篇幅致使页面进一步的减小，但是这种情况是可以解决的，因为浏览器的工具栏等是可删除的。
二、计算机网页设计中的布局的重要性
无论是设计什么事物，人们对于其布局构造总有着严格的要求，对于网页布局也不例外。合理、美观的布局，给人们带来的是一种舒适和享受，尤其是在长时间浏览网页时，完美的布局对于减轻人的疲劳感是有重要作用的，由此可知计算机网页设计中的布局的重要性。只有这样才能创造出最大的经济价值与财富，推动计算机网页设计的进一步发展和进步。
网页布局的意义不仅仅是给人带来美感，与房屋布局一样，合理的布局在一定程度上可以增加其内容。在浏览网页时，人们可能只是简单的看一下网页页面所分布的内容，因此要想增加网页的浏览量，除了分布内容要有吸引力之外，还要保证其内容的全面性。这就要求网页的页面足够大，但是页面尺寸受很多因素的限制，所以只能从网页布局上来想办法。人们开始根据自己页面索要涉及内容的多少以及内容的类别、重要性进行页面的布局，使页面上的内容能够具有一定的层次感，并且在人们进行阅读时能给人们带来视觉上的舒适感。
三、常见的网页设计布局及其特点
在日常的网页页面中，页面布局的类型很多，常见的页面布局有“同”字型、标题正文型、综合框架型、封面型、Flash型，人们对这些布局的感观已经存在了，但是具体的布局结构还不太了解，下面笔者将将讲述以上几种布局类型。
（一）“同”字型
该类型的网页布局从内容填充的角度来说，其内容填充量较大，一般这类网页的上方都是标题栏，填充的可能是网站的主题，也有可能是横幅广告，其下可能也有小标题的存在。页面的左右也分布有相应的内容，一般可能是一些网站的最新动态简讯、网站的服务人员、附加信息以及广告，该部分的内容一般是人们不太会去注意的，同时也是可开发价值较高的区域。该类型网页的主要内容一般都是分布在中央位置，从上至下，按照内容的重要性、类别或者是所带有的色彩，对于此部分的内容一般还有细节分布，再次不再细说。至于网站的下部分一般不会分布内容，就算是有内容分布，也只是一些网页的常规内容。例如，网站制造方的信息、网站后台管理登陆以及网站的基础信息等。
（二）标题正文型
与“同”字型的页面分布有所不同的是，标题正文型页面一般没有左右的分布，其他的类似程度很大。页面的上半部分都是以标题的形式存在，如果出现的是广告也很正常，页面的中央部分分布的是主要内容，但是其主要内容所包括的含有“同”字型的侧边内容，一般网站主要内容的简讯是在标题下方，与并列的是一些附加信息，诸如天气、注册信息等。然后接着分布的就是网站的正文了。标题正文型的网页页面结构简单，一般是一些政府机构或者事业单位采用的较多。
（三）综合框架型
综合框架型在所有的页面布局中应该是结构比较复杂的一类，它的上下左右都分布着框架结构，内容基本都是分布在框架里面。它与其他类型的区别，其实就是把其它类型无形的界线描绘出来了。
（四）封面型
仅仅听着封面型，就能猜出它的基本分布，的确，正如书本的页面分布一样，封面型的页面分布就是以较大篇幅的图片为主。一般该类型的页面分布都是在网站的首页出现，页面的中央部位大篇幅的可能就是平面图片或者是动画，其周围分布着较少的信息，而此类信息一般又都是超链接的入口。一般诸如QQ空间的首页的个人主页网页页面就是采用此种类型的布局的，它主要是为了突出个人特色，以炫目吸引人们的眼球。
（五）Flash型
Flash型的页面布局与“封面型”有着异曲同工之妙，只不过Flash型网页页面运用得更多的还是Flash，当然它所运用的除了动画还有声音，因此它优于封面型的就是它的听觉效果，视觉与听觉两种效果的作用下给人们带来的除了享受还有一种震撼。关于此种类型的应用网页一般主要是游戏的登录或者是等待进入游戏的页面，当然也不排除有些个人网页的主页所采用的是Flash型的布局。
四、简述如何进行网页设计的布局
进行网页设计中的布局首先要确定页面的尺寸，确定好尺寸有利于后续内容模块的安排，在确定了页面的尺寸后开始进行整体造型的选择，选择时可根据网页主题或者是个人的爱好来进行选择。选择好整体造型根据网页所要呈现的内容类型、量、突出重点的量来进行布局的安排，在进行布局的安排时，要注意布局的疏密度，不能过度，同时也要注意突出重点。在安排好大致内容后，进行“绿叶”的点缀，可以在大致布局上增加一些其它信息以做装点。
计算机网页设计中的布局是一门艺术，它没有什么固定的格式，布局的选择、策划完全取决于个人的审美观，因此要想提升网页布局的美感，就必须要加强对于美学的研究，将生活中的美学知识运用到网页的布局上，给人们带来更多的视觉享受。
参考文献：
[1]玛依努尔・阿布都哈地尔.对计算机网页设计布局问题的探讨[J].产业与科技论坛，2012.
[2]郭雨.计算机网页设计布局价值性研究[J].东方企业文化，2011，（23）.
关键词：网页设计；能力培养；目标细化
在2014级和2015级12个教学班、在600多人次的教学过程以及期末的200多件课程作业展评中，笔者发现：学生能够较为轻松地完成网页程序代码的编写、驾驭网页的链接，能够处理网页各级界面中的文字、图片、音像、动画、色彩、标题、标志、导航、搜素等各种构成元素，也能够如期完成期末课程作业。但是在众多的学生作品中，很难发现优秀的、吸引人眼球的作品。在3次毕业学生的座谈和2次企业家的面谈中同样发现：高职院校近几年虽然培养出了大批网页设计人才，但能够独立从事网站设计与开发的人才少之又少。
一、课程开设背景与性质分析
通过查阅知网、万方等数据库中其他学者的学术成果并结合自身教学的经验发现，计算机信息工程专业的学生在网页设计课程的学习中常常出现如下问题：
1.网页界面常常呈现“杂”“乱”“多”“满”的现象，没有清晰条理的流程。这主要是缺乏系统的版式设计，构成网页各元素之间缺乏理性秩序所导致的。
2.网页设计中字体使用随意，没有顾及字体与网页风格、企业性质之间的联系，无法反映企业的文化与理念。
3.网页设计中色彩使用随意，没有考虑到色彩的象征与隐喻性以及色彩的对比、和谐等视觉美学特征。
4.网页各级链接之间风格杂乱，基本上是一个界面一个风格，各个界面之间缺乏必然的内在联系，只是各种风格的堆砌。
5.网页设计缺乏创意与创新意，基本上是对已有网页的抄袭与拷贝。由于缺乏相应的美学基础，所做出的网页在视觉上依然“惨不忍睹”。
6.网页设计缺乏内涵深度，主要原因在于各种视觉符号的任意使用，没有考虑到视觉符号能指与所指之间的关系以及视觉符号内涵与外延之间的关系，也没有考虑到视觉符号的使用禁忌等问题。
在课中与课后的互动中发现：大多数学生根本没有意识到上述问题。偶尔有学生即使意识到了上述问题，也因为缺乏相应的美学功底与文化底蕴不知道如何去改变。这些问题会随着课程的结束而一直遗留，最终导致毕业后无法独立完成视觉形式优美、内涵丰富、客户满意的网页设计与制作。
上述问题的出现，究竟是课程设置的不合理？培养目标实施过程中出现的偏差？抑或是教学过程的失误？还是其他因素所导致？
有学者认为，上述问题出现的原因有教材编写没有连贯性、教材内容滞后、课程内容结构不合理、教学方法不合理等。然而笔者认为，造成计算机信息工程专业学生毕业后无法独立从事网页设计的主要原因在于：学生缺乏基本的美学功底与文化底蕴，课程设置中缺乏相应的美学基础课程，有意或无意夸大了软件的功能等。归根结底，是对网页设计职业能力培养目标的理解或者执行偏差所导致，在学生能力培养目标的定位中太过宽泛，没有将学生应该有的能力目标进行细化。
随着网络技术的迅猛发展和信息终端设备的普及，网页设计与制作教学已成为当今高校教育中的热点，网页设计或网页设计与制作这些课程在各大高校遍地开花。视觉传达设计专业与信息工程专业将其作为一门专业必修课，其他专业也大多将其作为一门选修课或者通识课开设。
网页设计是技术、文化与艺术交汇的结果，不仅要求学生具备计算机程序代码编写能力，同样也需要基本的美学能力与文化底蕴，只有具备了技术、文化与艺术素养才能设计并制作出视觉效果良好且让客户满意的网页。
二、能力目标分析及细化
无论是教育部高等学校计算机基础课程教学指导委员会提出的“面向社会、针对岗位、强化能力、促进发展”的指导思想，还是“加强实践、注重应用、增强素质、培养能力”的课程指导原则，均过于宽泛，需要教学单位在具体的授课执行过程中将其细化。
在调庆、四川、安徽三省高职院校网页设计课程培养目标的过程中发现，大多数职业院校将网页设计能力培养集中于以下几个方面：培养学生数据收集、信息处理、素材加工的能力；培养学生通过Photoshop软件制作静态网页的能力；培养学生通过HTML、CSS编程，使用CSS进行页面样式控制，使用DIV+CSS进行网页布局的能力；培养学生设计网站的综合能力；培养和提高学生的动手能力；培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力。
从上述专业能力培养目标的细化子目标中可以发现，严重偏向于技术而忽视艺术审美与文化品位能力的趋势。
从网页设计课程性质分析可以发现，网页设计是一门综合性、交叉性很强的课程，需要技术、艺术与文化素养作支撑。高职院校培养的人才应该是能够独立策划、编程并设计出视觉优美、内涵丰富的网页人才。视觉传达设计等专业的学生，不乏美学素养，但是计算机程序语言的编写能力较差，缺乏严谨的理性思维；信息技术工程专业的学生，程序语言编写能力是他们的强项，但是其美学素养与文化底蕴相对缺乏。在网页设计的前导课程中，美学相关课程与训练的缺乏，必然会导致信息技术工程专业的学生一条腿走路，成为一个“健全的瘸子”。
所以，本文认为对于计算机信息工程、计算机软件等专业学生的培养目标应该细化为：组织与策划能力、程序编写与测试能力、视觉表现与美化能力。而这些子目标应该继续细化，如下表。
如表所示，可以通过大学语文课程来培养学生的文化素养，通过网页文案策划来训练学生的组织与（下转第59页）策划能力，通过美学基础来训练学生的文字、图形、图像、色彩特征与客户需求的匹配能力，通过字体设计、版式设计、设计色彩、创意思维激发与表现等课程训练学生的视觉表现与美化能力，通过网页设计（HTML+CSS）来训练学生的程序编写与测试能力。然而，在大多数理工类或偏向于理工类的职业院校中，由于课时的限制，往往缺少文化素养与美学素养的培养与训练，这是导致学生网页设计作品中出现常见问题的主要原因。笔者认为，在条件允许的情况下，尽量开设提升审美与人文素养的必修课程且至少250学时。如若条件不容许，则可以通过选修的方式进行。
三、小结
由于对网页设计专业能力培养目标的细化程度不够，导致了网页设计专业能力培养目标不清晰，进而导致课程设置不够合理，只注重于程序编写与测试能力的培养，最终无法设计出有深度、有内涵、有视觉形式美的网页作品。
参考文献：
[1]罗锦光.《网页设计基础》课程教学研究[J].计算机光盘软件与应用，2014（12）.
【关键词】网页设计计算机多媒体技术应用探讨
一、网页设计的发展和瓶颈
网页是网络时代的产物，网民通过互联网获取信息，因此网页是是网站信息和留住用户的主要方式和途径，网页设计的质量和美观性、功能的丰富性对用户体验有重要的影响。不同种类的网站和网页的设计有不同的重点，比如一些综合性的门户网站需要设计多种功能和板块，而一些个人博客类型的网页则不需要很多的功能，而是要从美观性方面进行设计来确保满足不同用户的需求[1]。网页设计的内容包括网页框架搭建、数据库搭建、色彩的应用等多个方面，因此网页的设计需要应用到不同的计算机技术来实现，比如计算机多媒体技术来实现网页设计的功能性设计和动画设计等。
二、网页设计中计算机多媒体技术的应用
网页上的内容和元素主要靠多媒体技术进行承载，也是依靠托媒体技术进行表达和设计，因此多媒体技术对网页设计的作用不言而喻，其优势主要体现在能够利用计算机技术为完成对网页设计所需的数字音频、文字信息、视频动画等元素通过数字化数理，使其能够应用在网页设计中，而应用多媒体技术还可以使网页设计模块化和功能化，提高网页设计和速度和安全性，同时加入数据库等技术可以使得网页的功能性和安全性获得较大的提升[2]。
2.1数字音频处理技术的应用
数字音频先处理技术是网页设计中常见的多媒体技术之一，在通常的情况下，网页设计者会根据网页的具体内容来设置相应的背景音乐，这样选择的音乐能够契合网页的具体内容，确保用户浏览网页能够更加激发其兴趣，增强用户的粘性，而数字音频处理技术择时对传统音频技术的一种补充和增强，通过对音频数字化处理能够更好的适应音响和播放器使其播放效果增强，通过对音频的采集、剪切和处理等方法，对需要在网页上播放的音乐大小和长度进行选择，一般而言采用的大多数都是中等质量mp3、MID等格式的数字音频文件，这些格式的数字音频较为适合在网页设计中采用。
2.2视频处理技术的应用
在现阶段网络传输速度不断加快的前提下，视频元素在网页设计中的应用越来越广泛，同时视频形式对于用户来说吸引力是最佳的，视频可以传达的信息量比图文等形式也更多，因此视频处理技术被越来越多应用在网页设计中[3]。网页设计者一般采用NTSC制式的视频，这种格式的文件能够提供4:4:4的采样文件，能够提供质量较好的视频效果，其他还有一些较常用的视频格式，比如SIF格式的视频数据量能够达到每帧2028kb，PAL和CCIR等不同格式的数据量则更加大，因此在传递的信息和色彩等不同方面都有较大的优势，但是如果不经压制处理会造成网络宽带资源的浪费，因此视频处理技术是至关重要的，要做好视频文件的压制工作，通过H.263纯软件编码器的应用来进行视频压制和提升视频效果，确保两者的和谐统一。
2.3图像及图形处理技术的应用
图像是网页设计的基本元素，图像的应用在网页设计里占据了很重要的地位，通过图像处理技术来提高网页整体性和美观性。网页设计师主要通过图像扫描或者数码技术完成对原始图像的获取，然后采用Photoshop软件和其他图像处理软件对数码图像进行处理，然后按照网页设计所需要的格式输出对应的格式，再对其进行图像大小和特征的检测，以确保能够符合网页的要求。
2.4计算机数据库技术的应用
计算机数据库是实现网页功能的主要基础，因此在网页设计中需要用到计算机数据库技术。计算机数据库技术是以计算机技术和数据技术为基础的针对海量信息数据的收集处理和分析，按照一定要求进行存储和处理，可以针对所有满足需求的数据进行全面分析和处理的技术。通过计算机技术对内部进行数字建模，实现数据的保存、存储和分析等功能，计算机数据库技术能够满足信息管理的要求，因此在信息管理和存储上较多的采用数据库技术进行管理，与传统的信息管理技术相比具有高效性和可靠性，能够较好与其他软件兼容，方便应用程序对信息数据的存储和调取工作，对于信息数据的管理具有重要的作用。
关键词：心智技能；网页设计；教学研究
中图分类号：G434 文献标志码：A 文章编号：1674-9324（2013）37-0154-03
一、心智技能理论概述
技能分为操作技能和心智技能，操作技能是一种动作技能，培养操作技能使学生“知其然”，比如网页设计中建立页面布局、插入表格这些功能如何实现。而心智技能是一种思维的技能，是调节和控制心智活动的经验，培养心智技能使学生“知其所以然”，比如为何要使用网页布局、使用何种布局更好、网页元素如何搭配更美观等，从而使学生能够更合理地应用其所具备的操作技能。
对于课程教学而言，不仅要培养学生的操作技能，还应更注重心智技能的培养。比如制作一个完整网站项目，不仅需要操作Dreamweaver、Fireworks等设计软件的技能，更需要需求分析、网站规划、风格设计和色彩搭配等心智技能。
因此，要提高学生的技能水平，就必须在教学中加强心智技能的培养，培养学生的创造性思维，提高学生学习创造能力以及解决实际问题的能力。
二、网页设计教学中存在的问题分析
目前，案例教学法是较为主流的网页设计课程教学方式，在教学过程中，往往以软件操作为主要内容，针对其中的各个功能设计教学案例并进行讲解。这种方式虽然能使学生在短时间内掌握软件使用技能，但学生对各个功能适用的场景和条件却不甚了解，不能真正做到学以致用，在独立面对一个完整的设计任务时会有无从下手的感觉。笔者采用课堂观察、学生访谈及学生作品指导等途径，开展调查研究之后发现，学生设计的网页作品普遍存在一些共性问题，主要体现在以下几个方面。
1.网页主题策划。当要求学生为某个网站主题制作一系列网页时，某些作品主题定位不准确，比如原本网站主题是品牌产品宣传，最后的作品却是购物网站。有的作品则是主题不统一，想展现的内容太多，多个主题拼凑在一起。出现上述问题的主要原因是需求分析不准确、提炼设计主旨的能力不足。
2.网页风格设计。在网页布局及风格设计方面，常出现页面风格不统一、页面风格与内容不协调等的问题。比如某些作品的多个页面之间在风格、模式和色彩上差异较大，影响了网站的整体风格。这是由于学生对形式与内容的协调把握不足，不能在内容不同时实现形式上的统一。
3.网页元素的编排。网页元素的编排，主要是框架、表格、文字、图片、动画等内容在单个网页内的排版。学生作品在网页元素的编排方面的问题主要有：（1）文字的处理。网页中使用的字体太多，造成页面混乱；字体、字号过于单一，标题或重点不突出；行距过大或过小等。（2）图片的处理。图片过度拉伸造成显示模糊；图片过大造成页面加载速度缓慢；并排显示的图片尺寸不统一等。（3）网页布局。页面宽度过大，在一屏内无法显示，造成浏览困难；页面内容多而杂，各部分跨度太大，整体可读性不好，重点内容不突出等。
4.网页色彩搭配。网页的色彩搭配应该均衡、协调，使人感觉舒适、美观，又不至于视觉疲劳。学生在网页色彩搭配上出现的问题主要有：网页色彩过于单一，无吸引力；色彩过于花哨，容易造成视觉疲劳；文字颜色与背景颜色相似，造成阅读困难等。
5.交互性设计。用户浏览网页是一个人与网页信息交互的过程，交互性好的网页应该功能实用、操作便捷。学生在交互性设计上出现的问题主要有：网页无标题；导航栏不全，引导性不佳；链接层次过深，造成连续浏览不便捷等。
6.网站文件结构。网站文件结构是指储存在硬盘上的目录结构，虽然不会影响到网页的功能和外观，但是良好的目录结构能够提高网页设计和后续维护工作的效率。学生设计的网页作品往往忽视网页文件结构的合理性，存在着网页命名随意无规则，不同层次的网页文件存放在同级目录，图片文件随意存放等问题。
综合上述问题分析可以看出，学生在创造能力及设计思维上相对较弱，实际上通过操作实践，学生基本都能完全掌握网页设计软件操作，比如插入文字和图片、设置字体和颜色、插入超链接等，但却在需要整合运用这些操作时出现了问题。这实际上就是心智技能缺乏的表现，因此培养心智技能是提高学生网页设计能力的关键。
三、心智技能阶段性理论在网页设计教学中的应用
1.网页设计心智技能形成分析。根据冯忠良教授的研究，心智技能的形成是阶段性的，其过程分为原型定向、原型操作和原型内化三个阶段[1]。原型定向阶段以理论知识传授为主，让主体掌握技能操作的原理；原型操作阶段通过实践让主体熟练掌握操作技能，为原型内化奠定基础；在主体大脑中形成内化的思维模式，使主体能够灵活运用操作技能解决实际问题[1-3]。
根据上述理论，结合网页设计教学的实际过程，网页设计心智技能的形成阶段如图1所示。
网页设计心智技能的形成可分为：掌握基本理论、熟练实践操作和总结设计模式三个阶段。这三个阶段不仅体现在整个学期的教学过程，更应该体现在每一章节的教学中，甚至在每次课的教学中不断重复，才能强化巩固心智技能。在整个学期的网页设计教学过程中，基本理论、熟练实践操作和总结设计模式三个阶段的主要教学内容是：（1）网站和网页的组成、网页设计的一般过程、HTML原理和常用设计工具。（2）网页设计工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指导学生综合应用设计工具进行完整设计，总结网页设计中的经验和模式。而在某项软件操作的教学过程中也应遵循三阶段原则。教师首先结合HTML语言讲解此项操作的后台原理。然后教师进行演示，学生操作，期间教师不断进行指导。最后教师总结该操作中应当注意的一些原则，以及常用的一些设计模式，可通过展示优秀的设计作品进行对比讲解。
2.教学实践。在前述理论研究的基础上，笔者进行了教学实践。根据课程教材，首先设置了“网页设计概述”、“HTML基础”、“Dreamweaver CS 4应用”、“Firewoks CS 4应用”、“Flash CS 4应用”、“综合实例”六章课程内容[4]。其中第一、二章以纯理论教学为主，难点在于HTML基础知识，须重点讲解。第三至六章均采用三阶段原则进行教学。最后为了加强心智技能原型内化阶段的效果，增加了第七章“网页设计模式精讲”，对网页设计中的常见问题进行总结，介绍设计原则和方法。下面以第三章“Dreamweaver CS 4应用”和第七章“网页设计模式精讲”为例介绍教学思路。
“Dreamweaver CS 4应用”主要分为表格的使用、框架的使用、DIV元素的使用、文本的插入与编辑、图像的插入与编辑、超链接的插入与编辑、其他多媒体对象的插入与编辑七项主要内容。在正式讲解软件应用前，应使学生明白网页的本质是HTML代码，Dreamweaver本质是辅助设计工具，其作用是自动生成HTML代码，比如在Dreamweaver中执行插入表格的命令，就会在源文件中加入表格的HTML代码。在此后的讲课过程中，帮助学生理解操作的原理，为心智技能的建立奠定基础。以文本的插入和编辑为例，在教学中首先向学生讲解文本编辑中HTML标签
与
的作用和使用方法。然后在Dreamweaver中执行文本插入和编辑操作，并对比源文件中的代码变化。最后结合教学用例介绍文字排版的一些原则，比如长文本使用标准字号、在文本周围留出足够空间、增加文本和背景的对比度等。帮助学生建立文本编辑的心智技能，使学生在自主设计时能够编排出美观的、可读性强的文本效果。
“网页设计模式精讲”根据本文中对学生作品中常见问题的分类进行集中讲解，主要分为网页主题策划、网页风格设计、网页元素的编排、网页色彩搭配、交互性设计、网站文件结构六项主要内容。设计模式教学是一种经验的传授，目的是教会学生某一场景下问题的解决方法，因此在教学中，必须要明确模式适用的场景，以及模式如何实现，如表1所示是几个网页设计的模式。
在教学过程中仍主要依靠案例讲解进行，并在过程中要求学生在总结和思考之后进行相似模拟，但不能与原例一致。学生掌握正确的网页设计模式后，网页设计质量得到了一定改善，从侧面证明了学生网页设计心智技能的提升。
四、小结
笔者通过教学实践发现，结合心智技能形成的阶段性理论进行网页设计课程教学，确实对提高学生的网页设计能力起到了积极作用，但由于课时限制、教师经验等因素，教学质量仍有很大的上升空间。在后续教学过程中，仍需要不断地进行尝试和总结，探索更高效的心智技能教学方法，培养出更高素质的网页设计人才。
参考文献：
[1]冯忠良.教育心理学[M].北京：人民教育出版社，2000.
[2]丁清.论高职高专学生的心智技能培养[J].昆明冶金高等专科学校学报，2004，（1）：81-84.
[3]陈军民.高职生心智技能培养探讨[J].新课程学习，2012，（03）：77.
关键词：网页设计 版式设计 视觉流程
网页是网络传达信息的主要载体，网页设计作为人机界面的一个重要对象，其视觉形式直接影响网络最终的传播效果。网页版面设计的视觉流程是人在观看网页时候的视觉线路走向。根据人的生理特点和心理特点，人们在观看网页时通常是从第一感觉印象到具体信息传达、最后产生整体印象的过程。下面，笔者分析一下网页版式视觉流程的设计原则和表现形式，以及网页视觉流程中的变化性特点。
一、网页版面视觉流程的设计原则
网页版式设计是网页设计的重要组成部分，它遵循一定的认知心理学和审美原则。通过设计创意和设计原理构成网页页面，能更好地实现信息传达和视觉效果传达。承载网页设计的媒介终端的数字化特点，决定了网页版式的视觉流程在具体设计中要遵循以下原则：
1.科学性。网页版式设计的视觉流程以人眼的生理结构和视觉心理认知特征为依据，因此网页版式的视觉流程是符合一般视觉原理和大众认知基础的[1]。根据视觉流程的特点，网页版式在设计上遵照从左到右、从上到下的原则，因此设计中要选择最佳的视觉区域，设计符合科学理性的视觉流程方法。如图1所示视线流动的一般规律，在网页版面中，1区即左上区域，一般为观者视觉进入版面的区域，因此一般放置比较醒目、鲜明、简洁的视觉元素，如标志等。这些元素一般以图形或是文字设计的形式出现，让观者在第一时间了解到网页的代表符号，对网页产生深刻印象，并能同其他网页区别开来。区域2即页面的右上角，虽然不是视觉进入版面的区域，但同样处于页面上方，因此也可放置一些重要信息，在具体设计中，banner、导航条常布置在1、2两个区域。网页的中间部分，如图3区左中和4区右中为放置主要内容的区域，这部分一般放置内容性文字或者图形，属于元素集中区域，是观者阅读和获取信息的主要区域；而3区由于位于页面左侧，处在视觉进入区域一侧，因此在设计中也常常将导航内容放置在3区左侧，便于操控。5、6两个区域靠近屏幕下方，6区一般是视觉线路的终点，因此这两个区域一般放置非重要的信息。
2.识别性。在网页版式视觉流程设计的过程中，最终目的是保障网页内容被更准确、快捷地识别。识别性在视觉流程的设计中关系重大，设计行为都应该围绕着识别性这个主题而展开。根据设计内容的需要，对视觉元素进行处理，如区分主次关系进行设计、通过色彩区别元素、加强设计的整体性等，都是加强页面识别性的设计手法。视觉传达设计的内涵与形式也不是一成不变的，无论采用哪种视觉表达形式，终端受众都必须借助视觉感知来接受信息。[2]
3.合理性。合理性是指在网页版式视觉流程的设计中依照设计的原理合理地展开视觉流程的引导。网页的浏览过程是动态的、互动的，观者获取信息的过程不尽相同，有时浏览者可能会从其他网页链接跳过主页直接进入网站子页面中；同时网页的互动性也容易吸引受众。因此，合理地处理每个网页的视觉流程，让各级页面都拥有设计清晰、可操作性强的导航，便于受众在各种情况下进行浏览。
二、网页版面视觉流程样式
视觉流程在运动的过程中受各种外部因素和主观因素的影响，会产生各种运动形式。结合网页版面设计的特点，主要有如下几个方面：
1.线性视觉流程。线性视觉流程是最常见、最基本的视觉流程样式。文本阅读的方式就是以线性视觉流程的形式呈现的。主要的线性视觉流程有直线、斜线、曲线3种形式。直线视觉流程在版面中引导人的视线做直线的视觉流动，具有直观、确定、一目了然的特点。斜线视觉流程动态性很强，具有较强的个性特征，常用在表现突出动态或个性化的设计中；斜线视觉流程稳定性相对较差，要注意画面的整体均衡。曲线视觉流程是颇具韵律感的视觉流程形式，曲线在版面中的融会贯通让版面舒畅、自然、饱满且充满张力，如“S”曲线形态的视觉流程使页面元素上下左右运动，能在有限的空间中穿插回旋，具有一定的张力。
2.导向视觉流程。在网页设计中使用能诱导观者视线的诱导性元素，令观者的视线能通过诱导按照设计者的布局进行一定顺序的运动，将所有元素从主到次、从大到小构成一个有机整体，形成一个重点突出、流程动感的视觉组合。诱导性的元素有很多种，常见的有文字导向，利用文字的排列组合后的线、面特点来引导视觉走向；肢体导向，利用人体的肢体语言或是手部动作的方向性，来引导视觉走向；指示导向，利用符号箭头的方向性特点，将视线引向主体；形象导向，利用众多的事物形象特征来引导视线，如人或者动物的视线、钟表的指针等。
3.反复视觉流程。反复视觉流程是指由于相同或者相似元素的规律出现，而产生的一种有秩序和节奏的运动。反复视觉流程构成的版面动感性差，通过元素的处理方式能产生很强的节奏和秩序的美感，吸引视线。由于网页技术特点决定了这种反复视觉流程是比较常见的视觉流程表现手法，在网页的导航设计、图片排列、文本信息等设计中常见这种排列手法。
4.散点视觉流程。散点视觉流程使用了后现代的视觉表现中的一些特点，自由、随意、新颖。散点视觉流程指版面中的视觉元素，包括图形、文字等视觉元素及其各元素之间的组成关系不拘泥于规则、严谨的理性编排方式，而是强调感性、自由、随意、分散的排列组合状态。散点视觉流程在初始感官上给我们以散乱的感受，信息获取过程不如其他视觉流程顺畅，但是只要稍加观察我们就会发现散点的视觉流程通常是“形散而神凝”。在对待元素的处理方式、版面的整体协调、主次的关系处理、色彩的利用等方面，都更加刻意精心地遵循着一定的规则，这就使散点视觉流程的表现在灵活、感性、生动之余，不乏理性的雕刻。
5.复向视觉流程。复向视觉流程是从页面的中心点开始，产生向心或离心等形式的视觉运动，画面中心突出、主题明确，视觉冲击力比较强，常用在对某一事物进行强调的页面设计中。
三、网页版面视觉流程中的变化性
网页版式设计同传统媒介版面设计虽然都是在一定的空间中进行视觉元素的组织，但由于二者在最终显示方式上存在差别，因此网页版面在具体的视觉流程表现中必然会受媒介变化的影响。
1.网页版面中的变化性。网页版面设计同传统的版面设计有着一定的联系，但也有着很大的不同，这就是它的动态变化性。对于同一个网页版面而言，观者所见的第一感觉印象未必是最终的感觉印象。由于网页版面互动性的特点，在观者和网页版面的不断接触过程中还会出现各种动态的图标或悬浮导航条等，这些都是带来变化的元素，都会对初始页面视觉流程产生一定的影响。变化会打破最初视觉状态下的相对稳定，在视觉流程的设计中都应该整体考虑。变化的视觉流程可以使网页页面更加生动、多样化，但这也为设计增加了很大的难度，这种变化的视觉流程多用于一些娱乐性的或追求与众不同的个性化网页设计。
2.页面之间跳转的变化性。除了同一网页版面内部的变化性以外，在不同网页页面之间的非线性跳转也是网页设计不同于传统媒介的特征之一，超链接改变了网页内容空间的前后关系。由于网页具有超链接功能和多维性的特点，使得不同站点以及同一站点的不同页面之间跳转成为网页变化性的又一表现。通常来讲，一个站点是由多个页面构成的，观者的浏览顺序是不固定的，可能从主页开始，也可能从二、三级页面开始，因此保持整体的视觉流程至关重要。这就要求设计者尽可能在一个网站的整体设计以及页面的跳转过程中保持视觉元素设计的连贯性，保持视觉流程特征的连贯性，保持整体设计风格的连贯性，来更好地适应页面跳转过程中的变化。
3.视觉元素的动静变化性。网页既包含了传统媒体的形式，其本身又是新的媒体，它具有极大的兼容性和互动性。网页设计中既包含传统的静态设计，又存在具有互动性的游戏、动画、影像和线性播放的影像、广告等元素，这就构成了页面中的动静对比。
对网页浏览者而言，视觉流程的变化还受页面元素动静变化的影响。通常来讲，事物要引起人注意应具备两方面的特点，一是有刺激物出现。在这里网页上的动态元素，如视频、动画、广告等外界刺激具备引起人无意注意的行为，即浏览者事先没有目的也不需要做意志努力就能注意到的，这类变化节奏越快越能吸引人的视线。这是一种动态的吸引，可以改变人的视觉流程，能较先吸引人的视线。因此，在一些页面上，常将一些重点信息进行动态化处理以吸引人的第一注意力。二是视觉主体的意向性。浏览者作为视觉主体，更容易受动态元素的吸引。动态元素的视觉形象力更加明显，受人注意的程度要多于静态元素。因此，我们可以看到，新的媒介赋予了设计以更丰富的内容，网页版式的视觉流程同传统设计相比较增加了动态效果对其的影响，网页上的动态元素可以吸引观者的视线，使观者能按照设计者给出的特定视觉线路进行视觉移动，而页面上的静态元素较之动态元素，其视觉吸引力相对较弱。
结语
视觉是一种主动性很强的感觉形式，新技术在很大程度上要依靠人类的视觉感官去获取、传达和交流，技术的进步让我们开始更加关注网页信息传达的品质。[3]网页视觉流程的设计直接关系着网页版式构成并影响到网页信息传达的效果；在网页设计中组织视觉元素进行视觉表现，使设计形式的组织达到对浏览者视觉线路的引导，能更好地发挥设计元素的功能。总之，加强网页设计的视觉文化基础，利用视觉表现达到提升网页信息传达的目的，对于网页信息传达来讲具有重要的意义。
参考文献：
[1]方新普，陆峰，孟梅林.视觉流程设计[M].安徽：合肥工业大学出版社，2004：49.
[2]王怡，裘梦漪.跨媒体时代的视觉僭越――现代视传设计中“视觉思维”与“传播媒介”关系研究[J].北京理工大学学报（社会科学版），2009（6）：98－100.
>> 动态网页设计与实现 基于模板库的动态网页的设计研究及实现 浅析动态网页设计 浅谈静态网页与动态网页的区别 基于负载的动态网页生成系统的设计与实现 故障录波器嵌入式动态网页系统的设计与实现 Web网站中动态网页设计技术的应用和实现 ASP动态网页静态化的实现 浅谈《ASP动态网页设计》课程教学改革 浅谈《ASP动态网页设计》教学研究 《动态网页设计》课程教学模式的改革及实践 用PHP实现动态网页 JavaScript在动态网页设计中的应用 交互式动态网页的设计与制作 动态网页设计教学探讨 基于静态网页和动态网页的教学网站设计 动态网页与数据库连接的实现方法 浅谈中职学校 ASP动态网页设计教学方法 浅谈ASP动态网页设计课程一体化教学 高职院校《动态网页设计基础》课程设计 常见问题解答 当前所在位置：，*.htm1）中加入Java程序片段和JSP标记，从而构成了JSP网页（*.jsp）。Web服务器在遇到访问JSP 网页的请求时，首先执行其中的程序片段，然后将执行结果以HTMI 格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送E-mail等，这就是建立动态网站时经常需要的功能。
而Dreamweaver8中提供了基于JS的动态网页技术的WEB应用程序开发功能，通过数据库、服务器行为和绑定面板快速定义数据库连接，将数据库记录显示在页面和通过页面操作数据库数据，该技术由于具有安全性好、移植性好、可重用组件多等许多优势，目前已经成为十分流行的一种编程技术。
3 JSP技术在动态网页设计中的应用
3.1 动态网站应用实例分析
为了更好的说明JSP技术在动态网站上应用优势，我们以网络上常用的留言来进行分析。本次研究用JSP技术加上相应的编程工具（DREAMWEAVER）来实现留言功能。留言模块用到的最基本表单：留言者姓名，留言标题，留言内容，留言者其他信息（mail，msn等联系方式）。在DREAMWEAVER里新建动态页JSP，以上表单都在DREAMWEAVER插入表单里找到，下面我们编写JSP代码来实现留言、将留言写入数据库这个功能。JSP的基本语法结构都包含在内，下面是一条最简单的JSP语句，向屏幕输出“hello，world！”这句话。
out.println（"hello，world！"）；
%>
具体的JSP程序编写规则可参考相关书籍。
当填入上面表单内容后，通过JavaScript验证输入合法性后提交程序处理。下面写出程序主要处理过程。
Statement st=con.createStatement（）；
String sql="insert into content values（'"+t1+"'，'"+t2+"'，'"+t3+"'，'"+t4+"'， now（））"；
st.executeUpdate（sql）；
st.close（）；
%>
其中t1-t4代表了表单里面输入的值，now（）表示留言时的时间。
从上面的分析我们能看出正是由于JSP代码的简单易读性，设计编写方便性，让它在广大网络程序员中倍受欢迎。
4 结论
随着计算机技术的发展、计算机使用的普及，动态网页制作已逐渐应用到各个网站。作为Java的一部分，JSP技术使得在独立的平台上那些基于Web的应用软件能够得到迅速发展，为创建显示动态生成内容的Web页面提供了一个简洁而快速的方法。Dreamweaver使网页开发设计者能够快速开发出美观功能强大的动态网页。本次研究基于上述技术分析了网络留言功能的实现，对于进一步推广相关技术的应用有着一定的实际意义。
参考文献
[1] 龙马工作室.DREAMWEAVER MX 2004与ASP精析.人民邮电出版社，2005.
关键词：网页设计；平面视觉元素；应用分析；文字；图像；色彩；版式设计
中图分类号：J05 文献标识码：A 文章编号：1005-5312（2014）02-0052-01
随着互联网技术的普及和发展，网络已经成为了当代社会信息传播的重要方式和人们日常交流沟通的重要途径，其已经逐步渗入了人们工作、生活的各个领域和各个层面。而网页不仅仅是互联网上信息传递的一个载体，也是构成互联网的基本元素。因此，随着网络的普及和发展，网页设计作为一个全新的设计领域，已经成为了平面设计新的发展方向之一，如何让所设计的网页更具新颖性和可读性，以获得最大的视觉传达功能也成为了设计者关注的一个重点问题。鉴于此，本文就从网页设计的角度，针对设计过程中的文字、图像、色彩以及版式设计等平面视觉元素的应用问题进行了简要的探索与分析。
一、文字在网页设计中的应用分析
文字是一种用来记录语言和事物，并进行思想和情感交流的一种视觉文化符号。在网页设计的过程中，由于文字在信息传达方面具有比其他的视觉符号更容易辨识的明确性，因此，文字不但是网页设计过程中常用的构成元素之一，也是发挥作用最大的设计元素之一。在网页设计的过程中，如何对文字进行编排和设计，对网页的整体风格有着非常重要的影响。通常来说，设计科学、编排合理的网页文字，能够更好的传达所要传达的信息，而且还能够通过文字的设计与编排给页面增加美感，从而在实现信息传达的满足人们的审美需求，从而大大提高网页信息传达的效果。
概况来说，在网页设计的过程中，文字的编排设计主要包括字体的选择和编辑以及文字编排几个方面。例如：在对文字进行编辑时，可以选择图形化的艺术处理方法，这样不但能够通过文字来传达语言本身所包含的信息，还能够借此以视觉形象的方式来传递语言之外的信息。
而具体到文字在网页设计中的实际应用，则应注意如下几点原则：一是，匹配性原则。匹配性原则实际上指的就是在进行网页设计的过程中所选用的文字应与文字的内容以及网页的主题相匹配。也就是说，要根据网页的主题内容和所要传达的信息内容来科学的设计文字的字体、色彩以及形态和表现形式，以确保文字的设计与网页设计的主题和整体风格相匹配。二是，明确性原则。在网页设计的过程中，文字最为主要的功能在于确保信息的有效传递。因此，为了实现这一点，在进行网页文字设计的过程中，应注意优选选用容易识别的文字，而且在进行字体和字形的创意时，同时也应注意其辨识起来的明确性。三是，易读性原则。因受人们的阅读习惯及视觉能力的影响，人们在识别过粗、过细的文字形态时会较为费力，因此，在网页设计的过程中，应注意避免这样的情况，以确保文字的易读性，从而让浏览者阅读起来轻松愉快。最后是，美观性原则。进行文字的创意设计目的之一，是为了提高网页的美观程度，带给浏览者美的感受。因此，在进行网页文字的设计时，要始终注意文字编排的节奏感和韵律感，以及文字与网页整体之间的对比与和谐，以确保文字设计的美观性。
二、图像在网页设计中的应用分析
在网页设计的过程中，图像相较于文字而言更加直观、形象，而且图像在造型和色彩等方面均具有较强的注目性，因此，很容易形成视觉信息的中心。而在网页设计的过程中，如果说文字所表达的信息是理性的，色彩所表达的信息是感性的，那么图像所包含的则既有感性的形象又有理性的信息。由此可见，图像在网页设计的过程中，具有文字和色彩均无法取代的重要作用。
具体到网页图像来说，一般网页图像所使用的格式为GIF格式或是JPEG格式。其在网页设计编排中的应用方式则通常有方形图、退底图、出血图以及三种结合使用四种方式，其中：方形图是网页图形最为常见、最为简洁的一种。在将方形图应用于网页设计时，通常会给人以稳重、理性和严谨的感觉，但如果过度使用，则会给人以平淡呆板的感觉，如下图1所示，中国人民大学的网站就利用方形图很好的突出了稳重、理性、严谨的特点，而同时又利用大小不同、宽窄不同的方形图避免了平淡呆板的问题；其次是退底图。退底图相较而言图形更为自由，也更具个性，因此很容易带给人深刻的印象。将这样的图形应用于网页设计时，会让网页的整体风格闲的轻松而活泼，但是如果应用不合理的话，也很容易给人凌乱的感觉；再次是出血图。出血图指的是一边或者几个边充满页面的图像。出血图具有强烈的向外扩张的态势，容易给人舒展的感觉，将其应用于网页设计时，非常有利于情感和动感内容的表达。
三、色彩在网页设计中的应用分析
在网页设计的过程中，彩色的页面相较于单色的页面来说往往能够更好的引起浏览者的注意和兴趣，由此就可以窥见在网页设计中色彩应用的重要性。
俗话说“远看颜色近看花”，这一点对于色彩在网页设计中的应用来说同样适用。在网页上，网页设计所采用的主色彩，往往具有先声夺人的力量，其应用的科学与否、设计的合理与否，会直接影响到浏览者的浏览兴趣，并能够通过色彩所带来的视觉冲击传达出相应的情绪力量。因此，在进行网页设计时，设计者一定要时刻注意思考设计用色带给人们的感受。
具体来说，在网页设计过程中进行网页色彩的搭配与应用时需要注意考虑的问题非常多，而以下两点则尤为关键：首先，在进行色彩选择和应用时，应注意不同的颜色所蕴含的不同喻意，以尽可能的避免出现颜色误用的问题。其次，网页色彩的搭配与应用，应根据网页的性质和主题进行合理的选用。例如：暖色一般适用于购物类网站的网页设计、电子商务网站的网页设计以及儿童类网站的网页设计等等，暖色的合理应用有助于突出这些网站商品的琳琅满目以及儿童网站的活泼、温馨特性；而冷色则一般适用于高科技网站的网页设计或者是学术类网站的网页设计，能够借此很好的突出网页严肃、稳重的风格和特点。
四、版式设计在网页设计中的应用分析
在进行网页设计的过程中，版式设计实际上就是根据网页的内容而和主题，将网页页面上的诸多构成要素，进行关联和配置，从而将网页整体的设计意图和设计风格表现出来的一种方式。科学的版式设计不但能够让网页上的文字、图像、色彩等元素实现有机的结合，以提升页面的美观度、凸显网页的风格特色，还能够带给网页浏览者一个更为流畅的视觉体验。
在网页设计中，版式设计的常用类型主要有骨骼型版式设计、满版型版式设计、分割型版式设计、中轴型版式设计、曲线型版式设计、倾斜型版式设计、对称性版式设计、焦点型版式设计、三角型版式设计以及自由型版式设计等十种版式设计类型，这些版式设计类型各有特色。其中骨骼型的版式设计有助于网页呈现和谐和理性的特点；满版型版式设计则有助于凸显网页舒展大方的特征；分割型版式设计的网页则较为自然；中轴型版式设计的网页特点则较为稳定和含蓄；曲线型版式设计的网页常常带有一定的韵律感与节奏感；倾斜型的网页版式设计则带有强烈的不稳定感或是动感；焦点型版式设计的网页则有助于凸显强烈的视觉效果；三角型版式设计的网站则根据所采用的具体三角型有一定的不同：正三角有助于突出稳定性、倒三角有助于突出动感、而侧三角则是稳定与动感兼具；最后采用自由型版式设计的网页，则往往突出的是轻松活泼、轻快愉悦的特点。设计者在进行网页的版式设计时可以根据这些网页版式设计类型的特点，针对设计的内容和主题进行合理的选择。
参考文献：
[1]郭菲.网页设计中的人性化设计[A].2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集[C].2006.
[2]孙利，吴俭涛.利用色彩营造网页形象时需关注的几点问题[A].色彩科学应用与发展――中国科协2005年学术年会论文集[C].2005.
关键词：网站建设；网站设计；缺陷；对策
随着我国科学技术的不断发展，网络科技的飞速更新和完善，增进我国电子商务技术的发展进程。目前，电子商务技术应该成为企业经济进步的重要方式。商务网站，是电子商务的主要运用路径，以网页的形式展示企业的形象和产品，从而帮助客户对企业进行全方面的了解，促进贸易合作的达成。由此可见，网页设计的优劣直接影响到企业的经济效益。网页设计是网站建设的关键环节，越来越受企业的重视，如果网页设计出现问题，导致企业运行出现问题，从而为企业带来损失。
一、网页设计安全缺陷
网页设计中常见的服务器端网页设计技术包括ASP、PHP、JSP等脚本语言，这些网页技术为网站开发提供了平台。在网页的开发设计中，设计人员在使用脚本语言可以有效的管理现有的网站资源，促进浏览者和网站的交互。在交互的过程中，安全缺陷逐渐出现，主要因素是浏览者在浏览网页输入的用户信息具有不确定性，网站的编程与服务器直接打交道，和系统的有关设置、网站数据库设置等有关。程序设计中存在的安全缺陷，也称之为网站漏洞。
二、网页设计存在的漏洞
（一）登录验证出现漏洞
人们经常使用的聊天室、微博、论坛等交互性的网站，登录验证是必不可少的一个过程，即使只是网站的一小部分，但却是整个网站的安全之口。网页设计者在设计时很容易忽视这个问题，安全关口没有设计好，就会让黑客有机可乘，从而造成不必要的损失，很多网站在设计编程时不严谨的态度造成了这个漏洞。在很多网页中需要用户进行身份验证，但是这个网页无需对用户的身份验证。一旦用户知道网页设计的文件名和路径，就会直接跳过身份验证，直接进入设计页面。
（二）网站病毒的广泛传播
计算机中存在的病毒是人们故意设计制造的计算机应用程序，它的特色是具有感染性和自制性。在日益扩大的网络规模下，计算机的病毒种类也越来越多，这给计算机造成了很大的威胁。如果网站的终端服务器被计算机的病毒所传染，就会破坏网站信息的安全性，甚至影响了整个网站的正常运营。
（三）部分网站的非法授权
在网站建设中，程序设计人员往往会运用较为复杂的安全配置，这样会在网站服务的应用中存在非常大的安全隐患，由此给黑客机会有空可钻，进入网络内部来盗取信息，进而给网站带来巨大损失。这都是网站在登录密码、应用软件等方面设计过于简单，让黑客十分容易的侵入。
三、解决网站安全隐患的对策
（一）充分考虑网站登录验证的安全性
在有关的论坛和聊天室中，验证身份在登录时是非常重要的一步。所以，网站设计人员可以在程序中使用生成SQL查询语句之前，先验证用户的用户名和密码，或是设计人员要求用户在进入网页时先对用户的同户名进行查询再验证密码。在进入重要的网页的同时，设计人员可以设计相应的程序要求用户再一次进行身份的验证，通过验证后，才可以使用网站内相关信息，这样就提高了网页的安全稳定性。
（二）充分考虑源代码的泄露
程序设计人员对网页的代码加密后可以有效的减少网站源代码的泄露的机会，在设计ASP程序时，数据源尽量使用ODBC数据源，这样数据名称就不会直接写入程序中，避免出现ASP源代码和数据库名称一起丢失的现象。设计人员也可以根据技术将编程逻辑密封在ADLL中，或者是对ASP进行保密设置，在这其中运用了微软的ScriptEncoder，这个方式要具有操作性强、逻辑性强等优点，经过加密过程的设计，可以降低源代码泄露的机率。
（三）充分考虑文件上传时的安全性
大部分网站具有上传文件、上传图片等功能。例如论坛、邮箱、学校或公司官方网站等用户量大的网站，但是这种网站，程序设计人员在设计时没有对用户提交的身份和数据进行过滤排查，致使黑客能够对其进行远程距离的攻击，从而破坏数据库。因此，设计人员在用户上传图片或者之前，可以插入文件类型模式的规范，对用户上传的图片、文件进行筛选，这样就可以针对一些带有病毒的文件筛选出去，提高了用户使用网页的安全性。在不断发展的信息技术时代，新世纪新时代的“金钥匙”逐渐被信息化的网络技术所取代。网络在人们生活中的作用越来越重要，而网站的安全问题也逐渐被重视，在进行网站设计时，涉及到很多应用程序，在网页设计的交互程序中会出现很多安全缺陷，从而给企业带来损失。因此，一定要十分注重网站问题的安全问题，在网站建设中充分考虑可能出现的问题，这样就可以在一定程序上提高网站的安全性。
参考文献：
[1]宋镇.基于网站建设中网页设计的安全问题的思考[J].无线互联科技，2012，04.
[2]邢太北.分析网站建设中网页设计的安全缺陷及对策[J].计算机光盘软件与应用，2012.
[3]程文彬.基于网站建设中网页设计的安全缺陷及对策[J].电子科技大学学报，2010（6）.
【关键词】研究性教学；网页设计与制作；人才培养
中图分类号：G420
所谓研究性教学，是指确立以探究和创新为核心的教育理念，更新教育教学观念，着眼于培养学生的探索精神和创造性，构建以培养学生的创新精神和创新能力为基本价值取向的教学内容和教学方法体系，着力解决教师研究性"教"和学生研究性"学"的问题，培养具有创新意识和创新能力的高素质人才，发挥学生在学习过程中的主动性和积极性，使之成为我国经济社会发展需要的具有较高素质和较强能力的易就业人才。
一、课程研究性教学的目的和意义
《网页设计与制作》课程研究性教学的实践性探索旨在通过对网页设计与制作职业岗位群的分析，充分了解市场对本专业学生知识、能力、素质的要求，确定切合市场、科学合理的模块化课程体系，选用适当的教学手段和方式，有效地促进教学质量的提高，提高学生的专业技能和就业机率，最终实现专业培养目标。
二、课程研究性教学的理论依据
1、现代学生观
2、多元智力理论
3、建构主义学习理论
4、发展性教学评价理论
三、课程研究性教学的实践过程
1、网页设计与制作岗位需求分析
通过广东省大中专毕业生就业指导中心网站、智联招聘、中华英才等专业招聘网站对广州、北京、上海、哈尔滨、南京、天津、武汉、深圳、沈阳、杭州、西安等大中型城市的人才招聘信息进行分析统计，确定与高职《网页设计与制作》课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计、网页编辑、网站运营，在这些岗位需求中，选取了800个岗位进行分析，如表1所示。
2、根据岗位需求分析，构建新型课程体系
（1）本课程在计算机类专业课程体系结构中的位置
本课程在计算机类专业课程体系中处于一个非常重要的位置，《计算机应用基础》、《数据库应用技术》、《VB/C语言程序设计》作为其先导课，为其提供必要的知识准备，比如设计平台的熟悉、数据库设计方法的掌握以及程序代码的设计规范等等，而《网页设计与制作》课程又为其后续课程《Web程序设计》、《网站建设与维护》、《软件工程》等课程提供有力的支持，比如管理信息系统开发过程中对于开发界面的设计、学习JSP、ASP/、PHP等开发工具中对于HTML代码的熟悉掌握等等。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质。
（2）课程体系结构内容
从内容结构体系来说，《网页设计与制作》课程包括了五大部分，分别是：网页设计基础知识、网页编程语言、网页设计工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、动态网页介绍、综合实践（实训），它是一门技能整合的课程。
3、《网页设计与制作》课程设计
（1）设计理念
1）突出专业课程的职业性、实践性和开放性。
2）学以致用。
3）学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。
（2）设计思路
以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。
4、教学内容的重构
（1）教学内容的针对性与适用性
《网页设计与制作》是我院计算机网络技术专业的核心课程，同时还是计算机类其它专业、艺术设计类以及电子商务类专业学生的必修课。结合职业需求，我们所确定的教学内容在针对性和适用性方面具有如下特征：
1）教学内容的设置，满足职业能力培养的需要
通过大量的社会调研，分析了网页设计人才应具备的职业能力素养，从而选取合理的教学内容。内容的选取着重培养学生具备以下能力：
①网页的赏析能力
②网页布局的设计能力
③网页色彩运用的能力
④网页的编程能力
⑤常见网页设计工具和图形图像处理软件的运用能力
⑥网站建设和网页的能力
⑦项目开发中的协作能力和人际沟通能力
2）基于工作过程的模块化教学内容的设计
针对职业能力的培养要求，采取基于工作过程的模块化教学，按照网页设计制作实际流程来安排教学内容。
5、教学方法与手段的创新
（1）教学模式的设计与创新
《网页设计与制作》课程是计算机类专业学生的核心课程。为了让学生更好地掌握网页设计的方法和技巧，提高学生的动手能力，借助多媒体手段、电子教室、教学网站、电子邮箱和QQ流等手段，在教学方法上进行了一系列的改革举措：
1）课程内容模块化，化解难点，循序渐进
2）精心准备案例项目，从宏观上进行教学设计
3）微观教学采用"四阶段教学法"，将"教、学、做"融为一体。
4）注重师生互动，营造课堂气氛
5）充分利用现代化教学手段，提高教学效果
6）举办学生作品大赛，展示成果、促进交流
（2）多种教学方法的灵活运用
1）多媒体教学
2）"理论+实践"教学模式
6、建立以应用为导向的考核方式
打破传统的考核模式，建立新的、开放式的全程考核模式。根据本课程的特点，提出并逐步实行以项目系统考核为主线的考"应用"不考"理论"模式，同时也鼓励学生以证代考。成绩评定：
（1）期末综合作品和网页制作水平占50%
（2）平时作业、学习态度、出勤等占30%
（3）阶段性实训作品占20%
五、教学效果
1、学生对专业的学习兴趣明显提高，原来消极学习的学生现在也变成了"好学分子"。
2、 研究性教学的实践性探索的开展，使教师有机会和条件将理论和实践教学两种教学能力结合起来进行系统深入的研究，使理论教学和实践教学两种教学能力在有机结合中得到相互促进、相互提高，受到了学生的普遍欢迎和认可，教师教学的主体地位得到了强化。
3、学生考证通过率显著提高。
【参考文献】：
购物车(0)