时间：2023-08-02 17:16:50
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇常见的网页设计，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
【摘 要】伴随着网络的飞速发展的，网页也迅速普及到社会的各个方面。网页在现实生活中已经是不可缺少的了，那么从事与网页相
>> “网页设计与制作”课程教学改革实践探究 中职网页设计与制作课程教学改革与实践 基于CDIO教育理念的《静态网页设计》课程教学改革与探索 基于移动学习的静态网页设计课程教学资源的设计与研究 《静态网页设计》精品课程建设与研究 基于《网页制作》课程有效教学的探究与实践 中职《网页设计与制作》课程教学探索 浅谈中职《网页设计与制作》课程教学方法 浅谈中职学校《网页设计与制作》课程教学设计 《静态网页制作》教学体会 《网页设计与制作》课程教学的创新与实践 “网页制作”的教学设计与实践探究 浅谈高职《网页设计》课程的教学实践与探讨 “网页制作”课程双语教学实践与思考 中职网页设计课程的教学探讨 中职网页制作课程教学设计探讨 中职网页设计课程教学探讨 中职网络技术专业《网页美术设计》课程“任务驱动教学”探究 探究式教学法在中职网页设计制作课程中的应用 中职《网页设计》课程教学方法的实践和探索 常见问题解答 当前所在位置：。一个网站是由很多个网页文件组成，它有许多子页面，为了能使这些页面有效地被连接起来，需要给这些页面起一些有代表性的而且简洁易记的网页名称，这样有助于以后方便管理网页，在给网页命名时，最好使用常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。通过案例教学引导学生实践制作，在网站实例中让学生掌握的重点点，突破难点。开始，实训准备阶段，教师通过从事网页设计工作的本校毕业的学生提供网页设计实例，在实施时，分组很重要，男女学生的比例以及制作水平高低的比例要适当，以保证学生讨论的积极性特别高。把班级学生分成四个小组，以小组为单位，每个小组通过团队合作探究，从素材收集、处理、网站规划等所有的环节分工合作逐一完成，通过自学教学视频方法，尝试运用于案例中表格制作的任务中，遇到问题的时候，再进行合作讨论合作完成作品让所有学生进行实践，上传免费主页的空间申请和站点文件，实现网上浏览。让学生自己上机去实现任务，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流，甚至争论中提高学习兴趣，开阔思路。
最后，展示设计作品、经验分享及项目实战演练。要想让学生学习掌握网页设计课程，单靠课堂教学还是不够的，可以在校园内举办一些网页设计的比赛，通过比赛，既可以更大地提高他们对此课程的积极性，也可让学生找到差距，激励他们努力，不断提高网页设计水平。实训教学是教学过程中的重要环节。网页设计课程实训内容的选择要真正做到以技能培养为目标。在实训过程中，学生可以自行查阅资料，根据自己的兴趣设计网站，独立完成。也可以分组完成，鼓励学生以团队协作的方式完成某一个网站项目，锻炼学生的团队协作能力。在临近毕业的时候需要积累自己的作品，我们会发动人脉让大家与招聘企业接触，同时邀请行业内的优秀网页设计员进行经验分享和作品指导，同学们会直接面对网页设计公司的管理人员，只要有能力和耐心，找到理想的工作是没有任何问题的！
在中职静态网页课程教学实训中，不仅使学生学习到了书本上的知识而且通过实训锻炼了学生实际工作能力。我们常说：“教学有法，教无定法，贵在得法。”良好的教学方法，可以发挥教学智慧，达到预期的教学效果。然而教学又无定法，我们必须根据学情来研究和确定教学方法，结合实际工作，不断尝试和探索，充分调动学生的学习积极性和求知欲，让学生快乐学习，并收获累累硕果，教师的教学要适应科技的发展，要有改革进取的精神，培养能真正适应社会的人才。
参考文献：
[1]刘小伟等.网页设计使用教程[M].中国铁道出版社，2008.
[2]刘宏，韩鹰.网页设计与制作实训教程[M].北京交通大学出版社，2007.
[3]尤鸿霞实训课程教学方法研究[J].遵义师范学院学报，2012（2）：93-94.
[4]马海峰，李军华.高职“程序设计实训”课程教学改革探索[J].江苏技术师范学院学报，2010（4）：81-84.
[5]张娟，李博，杨征.谈高职院校实训周实训方案的制订[J].保定职业技术学院学，2011（2）：35-37.
[6]孙荣侠.静态网页设计中常见问题分析与处理[J].技术园地，第1期.
>> 色彩在网页设计中的运用 色彩在网页设计中的作用 FLASH在网页设计中的应用 Flash在网页设计中的应用 FLASH在网页设计中的运用 Photoshop在网页设计中的应用 图层在网页设计中的应用 CSS在网页设计中的应用 艺术设计元素在网页设计中的运用 设计美学在网页设计中的体现 视觉艺术在网页设计中的运用 中国风格在网页设计中的应用 浅谈色彩在网页设计中的运用 浅谈PhotoShop在网页设计中的应用 平面设计在网页编排中的应用 浅析布局在网页设计中的运用 平面构成在网页设计中的运用 行为导向教学在网页设计课程中的应用 图形语言在网页设计中的应用 CSS滤镜在网页设计中的应用 常见问题解答 当前所在位置：表示是武汉市的天气预报。不同的城市序号不同。这是调用了腾讯公司的天气预报。但是在自己的网页中却不会留下任何腾讯公司的任何痕迹。如图1所示。
图1 网页中添加天气预报
三、添加搜索引擎
在网页中添加搜素引擎可以为浏览网页的用户带来极大的方便。加入搜素引擎的代码如下： 。
关键代码： 。还可以根据个人喜好添加不同风格的搜索引擎，只需要修改src属性即可。
运行结果如图2所示：
图2 网页中添加百度搜索引擎
四、混合编程
有时候网页要在两个页面中跳转，并且把参数带到另外一个页面，并且这两种网页采用不同的开发语言。此时，也可以使用iframe来实现该带参数跳转功能。
例如，在a.php页面中需要输入用户名和密码，单击确定按钮，进入b.aspx页面。这两种页面分别是php页面和页面，采用php语言和C#语言编写。如果想直接传递参数，实现起来不会特别容易，但是通过iframe却可以方便地实现该功能。
步骤如下：
（一）先将b.aspx网页打开并进行简化、调整，不能大量修改代码。修改之后保存，并修改文件名为c.aspx。如图3所示。
图3b.aspx网页图4b.aspx修改后变成c.aspx
（二）将c.aspx嵌入到a.php中，代码如下： 。
此处省略了b.aspx中有关参数传递的代码。但是原理和方法是这样的。
五、小结
< IFRAME >是一种可以在页面内嵌入网页或者网页界面元素的html标签。灵活地使用它可以为网页带来诸多方便，有时候看似比较复杂的问题往往能够迎刃而解。< IFRAME >中嵌入的内容既可以是自己的，也可以来自互联网。但是在使用过程中切记版权问题和编码问题。
参考文献：
1.曾俊国.PHP Web开发使用教程。北京：清华大学出版社，2011年9月；
2.郑阿奇.PHP实用教程。北京：电子工业出版社。2009年；
3.赵增敏.PHP动态网站开发, 北京：电子工业出版社。2009年；
4.曾俊国.网页程序设计实用教程。北京：中国铁道出版社，2010年；
关键词：网页设计；图形图像；处理技巧
在信息科技化发展的今天，每个行业都离不开网站建设和网页设计，要想在日益竞争的市场中能够脱颖而出，就需要加强网站的建设和网页设计的质量。而网页设计通常采用图像图形和文字综合编辑的表现方式，具有很强的视觉影响力，所以，要想提高网页设计的质量，就需要掌握设计中图形图像的处理技巧。
一、图形和图像在网页设计中应用的意义
与传统传媒技术不同的是，网页设计的元素多样化，通过不同的手段对不同的元素进行剪辑，可以产生不一样的效果。而在网页设计中，图像图形处理是最为常见的一种处理技术，通过把图形图像和文字相结合的办法，能够有效的传递网页信息，是网页的表现形式更加直观。一般图像质量处理良好的网页，或是图像和文字共同编辑的网站，更会成为人们浏览时的首选，从而更加吸引人们的注意力，浏览的时间就会越长，也就能把网页的主题和信息传达给浏览者，也就很好的体现出图形图像在网页设计中的意义[1]。
二、图形图像的分类
在网页设计中，图片的常见格式有：JPEG（JPG）、BMP、GIF、PSD、PCX、PNG等格式。JPEG是第一个国际图像压缩标准，是应用最广泛的图片格式之一，这种图片是经过压缩而来，文件小，便于传输，同时也在很大程度上满足了人们对图片色彩和分辨率的要求，并且也在网页设计的图像图形处理中被广泛使用的图像格式。GIF格式分为静态GIF和动画GIF两种，“体积”很小，互联网上很多动态图片的格式都是GIF格式，通过把多幅图像保存为一个图像文件中，从而形成了动画。另外，GIF是网络中最早应用图片格式，通过一个LZW的算法把图像进行无损压缩，有效的减少了文件的大小[2]。PNG格式与JPEG基本相似，其特点就是支持图片透明。PNG格式支持很多中颜色格式，并且支持fullalpha通道，但是支持动画，网页中比较小的图片基本上都是PNG格式。
三、保证网页设计风格要与图形图像相协调
目前，在网络上图片的主要变现形式有退边图、四方图和边缘模糊图，每种形式都具有自己的特点，合理的运用就会产生不同的视觉效果。所以，就需要在网页设计中对图形进行合理的分配，分清哪些是重要的，哪些是次要的，要尽可能的凸显出主要图形的作用，让网页设计的图像表现的更加直观，从而让网页的整体设计效果得到提高。
四、合理优化图片格式，适合网络传输
由于网页设计中页面中的图像和文字都有一定的规范空间，为了不影响网页显示，就要尽量控制图像在页面中占有的空间，降低网页中图像显示的时间，提高网页信息传输的质量。一般网页设计人员都会页面中的文字数量、图像大小、图像质量进行平衡分配，保证页面的传输效果和传输速度。具体方式主要由以下几点：
（一）合理利用图片格式
在网页设计中，一般的图片使用GIF和JPEG的差别不是很大，只是GIF格式的使用体积要比JPEG小的多，所以多数采用GIF格式。但是如果图片的像素要求达到640*480以上的大图片，则应该考虑使用JPEG格式的图片。
（二）对图片进行有效分割
在我们平时上网下载图片的时候，会经常发现这些图片的文件夹中会存在很多比较小的图片，而这些小图片可以组成一幅完整的图形，所以在设计过程中，就会经常使用到图片分割的方法来对图片进行处理，将图片中要体现的重要部分分割出来，在对其余的区域进行适合的背景处理，从而在本质上减少了图片大小，方便浏览和下载。
（三）灵活运用图片处理软件
在网页设计中如果需要加入高清图片或者彩色图片时，要灵活的运用图片处理软件对其进行预先剪裁处理，通常使用的是PS软件和FW软件，并且图片剪裁后要符合浏览器的支持要求。这里可以考虑PNG格式图片，虽然不支持动画，但是可以保证图片更加丰富多彩，但是PNG格式图片一般都比较大；而对于企业用于宣传的产品动画图片，则可以实用GIF图片，可以很好的保留通道和帧图像，有利于反复播放[3]。
（四）动画图片
动画图片的首选格式便是GIF，当然也可以使用flash或javascript特效动画，虽然动画效果要比GIF优越，但是占有空间太大，所以就要合理优化和平衡网页的制作设计。
（五）增加图片链接方式
在网页设计过程中，有时候会要求设计者在页面中必须添加高清甚至超清的大图片，这个时候就需要采取间接的方式，先去掉不使用的图片文件，通过小图片链接浏览大图片需要另置文件夹，从而实现了网页加速浏览高清图片。
五、结语
综上所述，随着网络媒体技术发展的不断加快，要想把重要的信息传递给浏览者，就需要提高网页设计的质量和艺术感，要增强对浏览者的视觉冲击，从而有效的吸引更多的人来浏览网页，有利于信息传达。所以，运用科学合理的方法对网页中的图形图像处理是非常重要的，既起到承载信息的作用，又能为浏览者提供一个色彩鲜明、内容丰富的网页。
参考文献：
[1]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程,2016,(13):104.
[2]林丽红.网页设计制作中图形图像处理技术的应用[J].产业与科技论坛,2015,(23):50-51.
关键词：网站建设；网页设计；安全缺陷
近些年网络技术突飞猛进，人们的工作生活都离不开网络，更多的企业以及机关单位都开始自行建设网站从事网络宣传和商务活动，在简化业务流程，提高效率，拓宽业务渠道，方便工作生活的同时，网络安全问题也日益突出，研究网站建设中网页设计安全缺陷和对策十分必要。
1网页设计安全缺陷
1.1网站建设
网络技术快速发展，网络安全技术逐渐完善，黑客攻击技术也不断更新换代，更加先进，黑客行为从单纯恶意攻击逐渐转变为商业机密以及个人隐私的窃取，针对网站的攻击越来越多，设计人员在网站设计工作中要对其安全问题充分重视，了解网站建设网页设计中存在的各种安全缺陷，并在网页设计工作中找寻有效的措施予以解决，提高网站网页的安全性。网站建设的基本流程主要有需求分析、美工设计、程序开发、网站运营等几个步骤，需要设计开发很多配套辅助程序，其中网页设计有着自身的特殊性，程序的安全漏洞更多，安全威胁也严重。
1.2网页设计
网站建设的目的是为企业和用户、政府机关和群众提供便捷的沟通桥梁，利用网站为用户和群众提品信息、政策信息，并搜集用户和群众的反馈信息，加深用户和群众对企业以及政府机关的了解。尤其是电子商务网站，除了信息沟通之外，还兼具宣传产品、网络营销等商业用途，能够为企业提供展示自身产品的平台，从而进一步提高自身产品的知名度，为达成交易创造机会，加快企业发展。网页设计是网站建设的核心内容之一，网页设计质量的好坏对网站建设的整体质量有较大的影响，是网站建设水平的一个缩影，也是网站建设的最终展示效果，经过多年发展，网页设计技术已经逐渐发展成熟，形成了多种便利的编程工具，网页设计的效率更高，最终表现效果也更生动，给网站开发人员提供了有力的技术支持。
1.3网页设计安全缺陷威胁
现阶段，网页设计中应用最为广泛的服务器端网页设计技术主要有动态服务器页面（ActiveServerPage，ASP），Java服务器页面（JavaServerPages，JSP）以及超文本预处理器（HypertextPreprocessor，PHP）等几类，利用脚本语言，就能够高效管理网站资源，网站使用者和网站之间的交互性更强，功能更加多样、直观、简洁。如果网页设计中存在语言编程问题，用户在使用过程中就会逐渐形成安全漏洞，为不法分子利用，就可能给企业造成间接和直接损失。用户输入信息不可控，信息不确定性很大，网页设计开发人员需要充分考虑到这个问题，详细全面分析用户信息，避免非法信息输入损害网站安全。网页脚本语言编辑和服务器之间有着密切的数据连接，关系到网站设置和服务器数据，网页设计中的漏洞会影响网站的安全性，增加数据被窃取的风险。
2网页设计安全缺陷应对措施
网页设计中的安全缺陷会降低网站的安全性能，威胁企业隐私数据安全，现阶段，网页设计中存在的安全缺陷主要包括Web安全加固、桌面数据库泄密和文件上传漏洞等几方面。
2.1Web安全加固
常规安全设备不能抵御应用层攻击，因此互联网厂商提供了应用层防火墙，以硬件的方式抵御网络攻击，针对SQL注入式攻击能够提供数据拦截功能。但是针对网页篡改的攻击方法多种多样，攻击者会想方设法获取系统操作权限并进行违法操作。为了避免网页篡改，设计网页时要采取措施避免被篡改的网页流出服务器，同时加固网页使其不容易被修改。当前市场上防SQL服务以硬件的方式实现，而网页防篡改则通过网页设计和应用程序进行，两种防护功能的相互整合程度不高。为了整合两种功能，在内核层面，可以将文件目录以及内容修改行为封装在内核入口中，系统利用层次拦截服务验证修改操作的合法性，非法操作拒绝其调用函数进入内核，并记录攻击拦截日志；系统层面，在受保护页面和文件目录对应内核中设置防修改Incode节点位；应用层则利用事件触发保护策略监控网页文件和目录，建立多层安全加固体系，保护网页安全。
2.2逃避验证/文件上传
用户知道网页文件名、路径，就有可能逃避验证，威胁网站安全。网页如果没有设置用户登录限制，用户就可能直接将网页文件名输入网页，无需进行登录验证就能够获取网页内容，降低了网站的安全性。为了避免用户逃避验证，网页设计开发人员需要注意保护网页信息，加密网页文件名、路径，重要网站内容设置用户身份验证，用户需要验证身份之后再登录相关页面，获取信息，从而进一步提高网页安全性。很多网站都设计了上传文件功能，视频网站用户可以自行上传视频，网盘用户可以上传自己的各类文件，虽然给用户带来了便捷和更多丰富的功能，但也给网站安全性带来了很大考验。一些网站设计开发工作人员在网页设计中忽视了上传文件的安全性问题，没有添加过滤功能，或者过滤参数设置不合理，一些不法分子利用文件上传功能，上传恶意文件，潜入网站数据库系统进行破坏或者信息窃取。为了提高网站文件上传的安全性，网站网页设计应该设置判断程序，系统接收文件上传请求之后首先分析判别其安全性，确认其为无威胁文件之后方可完成上传操作，从而有效避免非法文件、木马病毒上传到网站，提高系统安全性。
2.3数据库下载/源代码泄露
桌面数据库被下载是另一个严重的网页设计缺陷，ASP+Access应用系统更容易出现这个问题。用户在一般情况下需要通过网站的用户登录和身份验证之后方可下载网站相关信息，但是在知道Access数据库名称、路径之后，数据库中的信息就可以随意下载，导致数据库机密敏感信息泄密，给企业带来损失。例如图书馆管理系统数据库名称为Library.mdb，路径为URL/database，浏览器中输入URL/database/Library.mdb，就能够直接下载该数据库中的信息。为了保护数据库信息，ASP程序设计首选开放数据库互连（OpenDatabaseConnectivity，ODBC）数据源，该数据源不将数据库名称直接写入程序中，不会出现ASP源代码和数据库名称一同丢失的情况，除此之外，还应该进行页面的加密处理和数据库信息加密处理，保护数据库内部资料。源代码泄露也严重威胁着网站的安全，网站建设网页设计中为了避免源代码泄露，网站页面代码都需要加密处理，从而保护源代码，提高网站安全性能。常见的ASP加密方法主要有编程逻辑封装和ASP页面加密两种，其中ScriptEncoderASP页面加密更加常用，有着理想的可编程性，嵌入HTML页面中的ASP代码仍然可以使用常用的Dreamweaver等网页编辑工具完善HTML部分，加密目录内所有ASP文件并统一输出至指定目录，操作简单，安全性高。
2.4网页筛选过滤
网站服务器提供了过滤转送机制，方便网页设计开发工作人员额外筛选处理网页数据，该机制能够于网站服务器外挂命令文件并编译执行，利用网站服务设定，可以转移网页输入数据至网页筛选过滤模块，该模块接受网页数据之后，获得其参数数据，并将其传递给XML解析器验证，验证成功方可进行下一步操作，否则将向用户端回传错误信息；之后输入数据传递给MAC模块，校验数据完整性，数据完好，可进行下一步操作，否则回传错误信息；数据完整性校验完毕，传递给网站应用程序，网站应用程序回传Cookies和HTML数据，提取HTML数据参数网址和窗体数据传给MAC处理模块，生成信息验证码，将其加入Cookie和HTML文件，回传给客户端。网页筛选过滤模块读取参数名称，判断该网页是否有待处理表单，如果没有参数名称则不做处理，有参数名称，表示有待处理表单，则逐一提取字段值、Cookies信息，XML解析验证。该功能能够过滤和分析网页，实现流程控制、其他功能模块调用和安全校验等功能。
3结语
信息化进程不断加快，网络进入了生产生活的方方面面，为人们提供了更加便捷的服务，网络商务行为也更加普遍，电子商务、网络营销等网络商业行为对网络安全性的要求越来越高，为了保护网络信息，需要采取有效的对策解决网站建设网页设计中存在的各种安全缺陷，进一步提高网站运行安全性和稳定性。
[参考文献]
[1]宋镇.基于网站建设中网页设计的安全问题的思考[J].无线互联科技，2012（4）：31.
[2]邢太北.分析网站建设中网页设计的安全缺陷及对策[J].计算机光盘软件与应用，2012（15）：237-238.
[3]程文彬.基于网站建设中网页设计的安全缺陷及对策[J].电子科技大学学报，2013（6）711-713.
[4]徐晓丹.网站建设中网页设计的安全缺陷及对策分析[J].电子制作，2014（21）：145-146.
[5]王洪海.试析网站建设中网页设计的安全缺陷与解决策略[J].电子制作，2015（1）：83-84.
[6]佚名.自动化技术、计算机技术[J].中国无线电电子学文摘，2014（4）：120-122.
[7]彭晶，王鹏，赵媛媛，等.网站建设中网页设计的安全漏洞及解决对策[J].科技信息（学术研究版），2013（25）：77-78.
关键词：网页设计；视觉信息；传达；分析
1 网页中的视觉
网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。
视觉流程的形成是由人类的视觉特性所决定的。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线贯穿其中，使整个版面的运动趋势有一个主旋律。平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。网页设计是一门艺术和技术的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，因此网页设计逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计是要制作出清晰、整体性好的页面。人浏览起来心情愉快，接收信息也会更加容易。网页设计是要把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。
变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化；怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。
2 网页设计的审美需求
网页设计是一门新兴的艺术和技术的交叉学科，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计同样如此。需要从审美的方面入手，制作出清晰、整体性好的页面。人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。
变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地。
3 网页中各构成要素分析
对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。
3.1 文字的编排与设计
文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。
和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间比较短，所以对于网页设计中的文字编排应该满足以下几个要求：第一，文字编排的过程中选择一些经常使用，用户经常见到的字体。第二，尽可能多地使用黑体和宋体，宋体的阅读方式最便捷，更富有现代气息。第三，限制页面风格，以突出强调作用。
3.2 图片的编排
在网页设计中，图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得有趣，最简单的方法就是使用图片。
4 结语
在我国不断发展的进程中，网页可以说是一种全新的视觉表现形式，不仅包含了平面设计的各种理念，还具有跟其他文化不同的优点。如果要做好网页设计，绝对不是一件容易的事情，这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容，更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天，网页设计的价值不应该只局限于提高信息的传达效率，还应该重视给用户带来视觉的审美享受。
参考文献：
[1] 谢依君.电子报的新闻介面分析[D].台北：台湾国立政治大学，1999.
网站是互联网技术的基本表现形态，也是信息输入和输出的重要平台，随着近年来我国电子商务产业的快速发展，网站建设的安全性要求也不断提高。网页作为网站的基本构成要素，往往因为存在设计方面的安全缺陷而成为黑客、病毒和木马威胁的对象，由此造成严重的经济损失，甚至造成社会恐慌。本文中笔者针对网站建设的安全性展开研究，以网页设计的安全缺陷为切入点，通过分析并提出相应地防治策略。
关键词：
网站建设;网页设计;安全缺陷;防治对策
一直以来，网站建设中都将安全性作为首要考虑对象，尤其在当前互联网经济环境下，各类网站的运营均以会员制度展开，尤其是电子商务网站，除了用户的个人隐私之外，还包括重要的金融信息，很容易被不法分子所觊觎。针对网站的非法行为主要是利用技术手段找到破绽，从而达到非法获利的目的，因此对广大网站运营主体而言，在网站建设前、中、后期都要做好全面的安全防护工作；相对而言，网页设计中存在的安全缺陷较多，如权限级别过高、数据库漏洞等，所以应该将其视为网站安全防护的重点。
1、网站建设中网页安全的重要性
狭义上说，网站是由不同功能界面的网页构成的，网页的形式总体上分为静态和动态两种。静态网页是网站技术早期的一种形式，通过浏览器可以访问预先设计好的网页格式，但静态网页中的所有元素都是固定的，如图片、文字、视频等，修改工作也基于人工操作完成，信息不会因为用户的操作而发生变化，严格意义上说，静态网页除了IP之外不存在其他“入口”。然而，静态网页显然不符合网站建设的发展趋势，随着用于规模扩大、信息容量增加，网站逐渐采取了动态技术，如PHP、ASP、C++等，其优势在于网页内容可根据用户操作发生相应的变化，反馈用户所需要的信息，换而言之，基于服务器中断的网页设计中包含了大量脚本语言，利用程式化优势来提高网站资源的统筹和管理效率，而“网页”变成一种临时性的调用元素“集合”，当用户需要某一网页形式时，脚本语言直接从数据库中调取相应的元素，如用户登录网页和注册网页中存在的“验证码”部分，事实上属于同一种验证机制。理论上说，任何一种系统都存在漏洞，以技术实现的网站系统更是如此，在动态网页驱使下产生的安全缺陷更多，具有高超计算机程度能力的黑客只需要简单的步骤就可以找到“突破口”。
2、网站建设中网页设计的安全缺陷分析
目前在国内网站技术背景下，常见的网页设计安全缺陷主要有以下几种表现。
2.1验证安全缺陷
验证安全缺陷是目前国内网站中最为常见的一种，尤其是在大量自主开发网站中，其源程序和代码均来源于网络，难免存在一些设计缺陷。验证机制最早是针对恶意注册、网络攻击而开发的，最早出现与一些公众交流平台，如论坛、贴吧、聊天室等，由于它可以很好地保护网络的通畅性，因此迅速的在广大网站中流行开来。但是，登录验证机制只是网站安全的“最低门槛”，虽然通过提高验证复杂性来规避恶意注册，却不能将其视为保护网站安全的唯一途径。事实上，验证机制由于和服务器、数据库之间的密切联系，很可能成为一个被刻意攻击的对象，而对于网站程序员而言，很少会刻意强化一个本质上属于“安全机制”的组件，一旦登录验证被攻破，网站的整个安全性也就随之降低。
2.2地址安全缺陷
通过SQL注入的方法可以欺骗服务器，找出网站数据库存在的安全漏洞，从而进行非法活动，尤其在以WEB表单递交查询关键字的网站系统中，黑客可以绕过敏感网页的权限直接进入后台页面，这一缺陷在国内大量成品网站中十分突出，如事业单位、企业单位、个人网站中，长期忽视安全级别更新，不法分子在得知某一个网页的文件名、路径、元素之后，能够绕过登录、注册和验证机制。
2.3防护安全缺陷
病毒和木马是人为制造出来的计算机恶性应用程序（或代码），也是针对网站展开攻击频率最高的一种形式，不法分子只需要制造并传播病毒、木马即可，而不需要亲自操作。以计算机网络病毒为例，一旦被激活之后就会迅速感染计算机文件，并通过正常的网站操作进入网站系统，从而对整个网站的安全产生威胁。事实上，网站空间中的病毒也常常伪装为网页文件（如.ASP/.PHP等）、图片、压缩文档等形式，让人真假难辨，且十分顽固、难以清除。
3、网页设计的安全缺陷防治对策
结合现状来说，网站建设技术已经相对稳定，在安全防护机制上重点突出硬件的特征，但网页作为一个基本因素也不可掉以轻心，这是因为网页设计的安全缺陷不仅仅是技术方面造成的，还与设计人员自身的安全意识相关。在网站建设技术日益成熟、防范杀毒系统（包括硬件）功能不断增强的前提下，人为因素导致的安全缺陷开始增加，由于设计人员缺乏足够的安全意识，在网页设计过程中会忽略大量的安全要素。第一，加强网站源代码的保护力度。在网络资源免费共享的诱惑下，大量开源网站代码被植入到网站设计中，一些设计人员为了节省开发成本，对于安全级别较高的网页缺乏审查，增加了后门和漏洞的风险。因此，在网站运行前和运行中都应该不断进行网页安全级别测试，及时法相存在的问题。第二，提高验证机制的安全性水平。目前，验证机制不仅仅被用于注册、登陆，包括下载、修改、删除等操作也大量存在，客观上为网站入侵提供了更多的渠道。对于涉及验证机制的网页或组件应该提升安全级别，如设计二次登陆或加密算法。第三，重视文件上传内容的健康性。为了吸引用户，一些网站提供了大量的免费空间服务，这也是一个典型的安全漏洞，特别是在局域网络中，如公司内部网、校园网、网络硬盘等空间中，一些被巧妙伪装的病毒、木马也可以上传成功，从而产生严重的安全问题；因此，在提供免费空间服务的网页界面中，要提高对上传者的身份验证、权限验证和内容审查力度，加强文件信息和数据过滤的强度。
参考文献
[1]杨杰.网站建设中网页设计的安全缺陷及对策分析[J].无线互联科技,2016,(20):43-44.
[2]赵磊.高校网站建设安全问题分析与对策[J].软件,2015,(09):104-105+112.
[3]王洪海.试析网站建设中网页设计的安全缺陷与解决策略[J].电子制作,2015,(01):83-84.
1电子商务网络营销中视觉艺术表现的网页设计的独特性
20世纪90年代以来，随着互联网的迅猛发展，网页设计变得更为理性，在设计中追求创新，寻求网页设计的可能性，创造出独特的和视觉风格。在此理念之下，灵活运用符合现代审美意识、时尚新颖的视觉审美设计原则，在网络媒介中充分结合视觉媒体，拓宽电子商务的传播形式，使包括商务在内的信息传递更加直观，对电子商务网络营销起到很好的视觉传达作用。相对传统静态的网页，基于人们生理和心理特征的新视觉设计以动态交互式为特点，具有趣味性、交互性、个性化特点。迎合现代高速发展的讯息技术，网页设计、表现形式与设计风格随之不断延展。在视觉艺术层面上，设计师首先要考虑网页设计中字体、配色、版式等视觉设计的基本元素的合理运用，在讯息技术层面，设计要考虑的是视觉设计如何适应新技术条件下的网页革新需求：涉及到网页平台上商务电子信息与用户（浅层意义上说是页面浏览者，或则说是目标用户或潜在用户）之间的沟通，这种沟通有别于传统传播媒介，是互动交互式的。网页平台对电子商务信息的表达方式在传达形式上是结合音效的二维视觉视屏、或则多维空间展示、更高层次上是虚拟信息的表达，引领客户的消费心理。有好的电子商务平台设计并不能确定宣传代表的产品就一定成功，但可以肯定的是这些可以为实际生产的产品加分，为产品创造独特的风格和视觉感受。视觉表现形式的个性表现、设计与程序技术的完美结合、用户的使用感受以及交互性是必须考虑的几个要素。对于设计师来说，网页设计相对与纸质媒介，有着更为灵活的创意空间，在琳琅满目的电子设备平台上，要想吸引浏览者的关注和视觉停留，网页设计的创新和视觉吸引力是一个很大的挑战。也就是说要突出电子商务网页设计的革新与个性特征，这样所要传达的电子讯息通过卓尔不群的动态网页视觉设计信息传达给人留下深刻印象，达到电子商务的营销目的。因为电子媒介与人们生活的密切性，浏览电子商务平台，并按照引导商务网页设置的参与体验，创意与个性的电子商务网页讯息就会不断通过网络平台，经常性多渠道的出现在用户视野。根据视觉设计的原则，视觉形象尤其是动态的，其直观深刻的第一印象可以刺激用户的深层记忆，尤其是在很大程度上用户对网站的期望值有着非同一般的提升，从而增强用户对产品信息的信任度。具体到视觉设计，和一般纸质媒介设计有所区别，栏式结构排版是网页设计常用样式，栏式排版主要通过竖分方式分隔页面信息，常见是二栏、三栏和四栏。当然分栏多少主要是根据电子商务讯息，同时结合页面设计效果。根据我们日常所见大型门户类网站，传统的三栏式排版形式是他们通用的排版形式。不拘泥于传统的页面布局，创造不同布局、质感与肌理和风格的设计，是电子商务网络营销中视觉艺术的能力和可能所在。需要说明的是，有效表达视觉设计，增强网页讯息的效果，除了符合审美的网页栏式分割方式以外，还可以通过字体表达、图片位置、经营位置，动态图片插入，多变生成各类形式，生动新颖的表达电子商务信息的页面，进而利于商务信息的有效传播。
2电子商务网络营销中视觉艺术构成元素的重要性
从专业技术上来说，网页概念中表现为HTML静态页面，由网页浏览器直接浏览我们所说的页面上的各种动画、滚动字幕等视觉上的“动态效果”，不是实际意义上的网页的静动态概念。网页设计是一项艺术性很强的工作，合理的运用网页的基本元素是网页设计过程中需要考虑的重要问题。一般意义上网页设计的基本元素主要包括：文本、图像、动画、音频、视频等。电子商务网络营销信息大多数以文本为主，文本是几乎是所有网页中运用最为广泛的元素之一。文本可以说是网页存在的基础，在网页设计中可以通过设置字体、字号、颜色、背景等属性来改变文本的视觉效果。在电子商务网络营销界面中适当运用图像，可以丰富页面的视觉效果。目前网页支持的图像格式主要有三种：JPEG(包括JPG)、GIF和PNG格式，其中后两种支持透明背景。由于受网速限制，实际应用中网页使用的图像被分割为多个部分，然后再利用排版技术，将分割图像拼合起来，以提高图像在浏览器中的运行速度。交互过程中作为视觉设计最基本元素，点、线、面合理有效运用是我们在网页设计需要考虑的要素。点能有效地吸引视线，作为一种抽象元素，结合电子商务产品信息，通过动态交互与音效配合来设计出电子商务网络营销界面。线变化网页空间，追求更新颖的设计形式与美感更易于用户获取信息、易于浏览者阅读。面的分割可以理解为各种比例的面所产生的形式美感，强烈的透视动感，大面积的色块对比，版面分割，获得秩序的美感。色彩视觉元素应用与二维视角的网页设计，三维视角的色彩图形的空间变化，色块的位置空间变化都突破了二维视觉下的设计形式，提高网页的设计自由度，形成统一的网页视觉形象。动画能使电子商务网络营销界面网页效果更加丰富，富于动感。目前在网页设计中使用的动画主要是Flas和GIF动画。前者运用较为广泛，后者主要用于站标、广告条等组件。在网页中插入背景音乐，可以提高电子商务网络营销界面网页内容对访问者的吸引力，目前，网页上使用广泛的音频格式主要有MP3、MIDI、WAV格式。需要注意的是我们添加背景音乐的同时，针对访问者不同的需求，应该提供给访问者一种关闭音乐的方法。否则会不断重复播放音乐。随着网络宽带的不断增加，在电子商务网络营销界面网页中使用视频越来越多。视频和音频一样，都是与文件类型相对应的插件来进行播放的，在网页中添加视频可以大大增加站点的可读性，视频的直观性可以给电子商务网络营销界面访问者带来很大的视觉冲击力。
3结论
网页设计必然要服务于电子商务网站的主题。电子商务网络营销平台设计与电子商务主题以电子技术为基础，以互联网为平台，以视觉艺术为表达手段，网页设计文本、图像、动画，音频、视频等基本元素，以点、线、面、体、色彩等为设计要素，在网页设计中可以通过设置字体、字号、颜色、背景等属性来改变文本的视觉效果，艺术和技术相结合，既满足使用者信息浏览的需求，重要的是创造愉悦的视觉环境。技术与艺术的紧密结合在电子商务网络营销平台设计中显得尤为重要。
作者：周欢单位：江苏联合职业技术学院连云港财经分院
关键词：网页设计；视觉语言；审美性表现
随着信息时代的迅速发展，网络早已成为一种新的信息传播工具，与现代人的生活息息相关，成为人们生活中不可缺少的一部分。目前浏览者对网站视觉艺术设计的审美要求越来越高，新的网站层出不穷，很多网页设计包罗万象，各有特色。网页设计的核心价值是信息传递，图文信息的传达需要满足人们的审美需求，更需要一个系统的、强有力的理念做支撑。在多元化的视觉设计时代，针对网页设计中视觉语言的审美性研究就显得非常必要。鲁道夫在《视觉思维》中提出：“视觉具有选择性，这样就可以使浏览者的注意力集中在最喜欢的东西上。”[1]58生物通常会被环境中充满美感的事物所吸引，通过视觉分辨事物的好坏，做出反应，从而决定是否观看欣赏。网页设计中视觉语言的表现能否吸引人们的目光，在于其形式内容的审美性表达效果以及视觉元素的形式原理在网页设计中的具体应用。只有强调技术与艺术完美结合，才能有效地面向未来的网页设计，满足广大浏览者的视觉审美享受。
一、网页设计中文字的审美性表现
文字在网页版面中占据大量的空间，是网页信息所用的主要形式。文字不仅是网页中信息传播的主要载体，更是有效信息传达最直接的途径。为了更好地传达信息，在进行文字设计时首先要考虑是否给浏览者清晰的视觉印象，其次一定要避免复杂凌乱，在字号的大小上要做到恰到好处。虽然电脑中可选择的字体很多，但是字体的风格要统一，种类要精简，视觉上需要强调清晰、舒适感。除此之外，还要斟酌文字的大小、疏密、用色等的变化，以此来体现设计者对文字的审美表现。所以设置与选择字体在网页设计中显得非常重要。
（一）文字的大小、字体与行距设置
网页设计中文字要根据网页版式中的信息内容进行设计，通常状况下网页正文的字体大小设置为12磅左右，这是最适合正文的字号。网页版式设计是通过文字的变形、组织、图形化来表现的，设计者应统筹规划，通过字体的巧妙应用使浏览者观看网页时能感受到版式的审美性与创意性。还可以利用字体属性将文字的方向、大小进行变化并组合在一起，加强视觉节奏感，增强信息传达效果，给人以生动活泼的美感。对文字的设计首先要了解字体的个性特征，汉字的基本字体是黑体和宋体，在网页版式设计中使用最为广泛。正文与标题文字的字体选择要考虑是否与主题情感表达相呼应，正文字体需选用中性情感的表述方式，不宜表达过分的情感体现。网页设计中对文本的可读性产生很大影响的因素便是文字的行距变化，行距可以大致分为正常、紧凑、疏密三种类型。一般情况下，比较适合正文的行距是接近字体的尺寸大小。行距的常规比例为10:12，这主要是因为行距过宽会导致一行文字失去较好的延续性。行距本身也是具有很强表现力的设计语言，标准的行距设置会在版面中形成有效的平行空白带，容易产生视觉上的秩序感，能引导读者的目光。在进行文字设置时，可以有意识地调整版面的行距，通过加强视觉弹性与空间层次来表达轻松舒展的情绪，增强文字的可读性与审美性。[2]32
（二）文字的整体编排
网页设计中文字部分的标题位置一般在整篇文章之首，但这不是不可改变的，有时需要做横向、居中、竖向等编排调整，不过需要了解字体效果，这种效果可以影响并强化文字的含义。正文中文字需要从左到右对齐，这样既符合人们的阅读习惯又能使文字显得美观、严谨、自然，反之则因不太符合人们的阅读习惯而很少应用。排版时如果文字较少，可以把整行文字作为编排构成元素中的线来看待。这种编排方式使网页中文字产生对称的形式美感，更加突出，很方便浏览者阅读。标题与正文要区分字号大小，主要信息和次要信息也可以用字体的粗细区分，这样就因疏密虚实在视觉上显得飘逸跳跃，增强了文字的节奏美与韵律美。如果将文字绕图形编排，会令人感到融洽、自然。
二、网页设计中图形的审美性表现
优秀的网页除了具有充满美感的文字形式之外，图形的表现功能也不可忽视。图形属于直观表达形式的视觉语言，图形在网页中占据了比较重要的位置，能引起人们的视觉注意力，增强阅读的兴趣。在现今的网络中可以用图文并茂的形式向用户提供信息，在加大信息量的同时也要加强图形与文字之间的组合。如果文字或者图形中某个元素过多，网页就会显得不舒畅而失去生机。所以要根据网页的内容按照审美原理运用图形，美化网页的版面效果，提高网页的美学价值，给人比较强烈的视觉信息。
（一）网页设计中图像的设计表现形式
现代网页中的图形语言在应用中是多元化的，如通过摄影、手绘、电脑制作等多种方式来完成网页中的图形设计，表现网页主题。网页设计中图形的选择要以能够体现设计者的审美性和强化网页视觉表现力为主，对选择的图形应该从数量、像素大小、位置及主体方面考虑，力求使画面和谐而又有变化，这样才能最大程度上强化网页版面的视觉表现效果。在网页设计中进行图形编排设计时，设计者要依据版式的内容与形式找到适合版式语言的图形，遵循审美规律，设计要人性化，这样才能有助于信息传达。在网页设计中静态图像的表现形式主要有出血图、方形图和退底图。出血图是图像充满版面、无边框、一边或几个边向外扩张和舒展的图像，其表现特点是充满页面而不受边框限制，给人的视觉感受是与人更加接近，便于情感交流。方形图则是以直线边框来限制和规范，是一种比较简洁单纯的形态，在网页设计中比较常见，能够使主体形象与环境共融，图像页面中方形图最能体现静止、严谨和庄重的视觉风格。将精选的图像沿边缘裁切后保留轮廓，有选择性地保留主题形象需要的视觉形式的图像为退底图。退底图表现个性突出，形式更加自由，图像在页面中彰显动态、活泼和轻松的视觉风格。在网页设计中应用退底图可以使图文结合自然，产生较强的亲和力，容易给浏览者留下深刻的视觉印象。
（二）网页设计中图形的编排构成表现
图形在网页设计中的引入大大美化了网络页面的美感，起到了装饰、点缀页面的效果。图形是网页设计中最直观的传递信息的语言，图形的位置、形式、方向直接关系到网页的视觉传达效果。特别是在处理和相关文字编排在一起的图像时，更需要注意图形的编排表现。在版面构图布局与排版中，四角与对角线共同支撑版面的结构与形式，具有潜在的重要性。其中版面各边界连接的四点构成四角，分别经过版面中心边界的端点；连接四角的对向斜线为对角线，对角线交叉点就是版心。在版面设计布局时，四角与对角线可使版面的结构形式产生丰富多变的构成特点，可支配版面的中轴四点。中轴四点是分别经过版式中心的水平线和垂直线的端点，四点可向上下左右移动调节，产生横、竖、居中的分布形式。四角与四点的合理应用可使版面形式得到有益补充，同时把握好空间布局结构与图形的主次分布，从而使版面构成更加丰富、完美。
（三）网页设计中图像的处理
网页设计中静态图像的表现通常由表现内容决定，而选用图像的数量、形状、大小则与网页背景色面积大小在视觉上要比例协调。图像的外形能使页面的氛围发生改变，一般而言，方形稳重、严肃，圆形或曲线外形柔美、动感，三角形彰显锐利，退底图及一些不规则或不带边框的图像显得活泼。图像的形状直接影响浏览者的兴趣，图像的大小由其需要表现的重要程度决定。在一个页面中，视觉焦点位置的大图像较能吸引视觉目光，更能传达强烈的情感交流；小图像既小巧精致又简洁可爱，穿插在大量文字排版中更能呼应主题、点缀页面。图像大小的运用体现了页面设计的和谐均衡与对比变化，也避免了因页面中只有大图像而显得单调无聊和只有小图像或文字而显得平淡乏味。[3]65-67一般情况下，应根据主次关系合理安排大小图像，这样才能使页面主次分明、对比强烈、生动活跃。这样的设计能够吸引人们的视线在页面上流动，使浏览者得到舒适的观赏体验。因此，优秀的网页设计页面应该增加主体图像所占空间，缩小次要图形面积，使图像主次分明，大小图像穿插、组合合理，从而得到最佳的视觉应用及表达效果。
三、网页设计中色彩的审美性表现
在网页设计中色彩的运用起到至关重要的作用，而且色彩的审美性是影响浏览者视觉心理的有效手段。对色彩的选择与综合运用能够体现网页的审美标准与形象内涵。为实现吸引客户和传达信息的目的，网页设计中的色彩运用可以更加丰富但不能太多，色彩太多容易造成页面眼花缭乱，没有主次；纯度也不能太高，否则会造成浏览者的视觉疲劳。色彩的运用要恰如其分，使页面更活泼，不能喧宾夺主。所以设计者要掌握色彩的审美原理，最大限度地发挥色彩在网页设计中的作用。
（一）网页设计主题色彩的确定
网页设计中色彩的应用由网页主题决定，不仅要保持整个网页色调的统一，还要运用辅助色使内容整体中有变化，增强视觉美观性。不同的色彩搭配使浏览者得到不同的视觉情绪。通常状况下网页主题色彩的确定来源于企业视觉识别系统设计中的辅助色和标准色。标准色的确立及选用要能够体现企业内涵及形象特征，主要用于企业形象视觉识别系统及标识等一切宣传物品，网页设计中主色块和主菜单也使用标准色。辅助色则在这个系统中起到修饰与点缀的作用，网页主题色彩的确定便来源于这个系统。[4]102因为主题色彩能够在网页中最有效地传达企业的经营理念，不能为了网页的标新立异而轻易改变一个企业视觉识别系统中的标准用色。如果一个企业的标准色只限于一种颜色，运用在网页设计中就会显得单调乏味，色彩不够丰富。遇到这种情况可以用辅助色来点缀页面，形成色彩对比效果；或者可以调和标准色的明度与纯度，这样既可以达到色调统一的效果，又能使页面色彩活泼生动。网页色彩设计还需要强调视觉冲击力，此外还要注意色彩的统一性，给人以整体统一的视觉感受。因此在网页设计时，通过企业形象来选择网页主题色彩风格，确定适合传播产品价值的色彩，才能突出网页设计的独特个性。
（二）网页设计中色彩应用的基本方法
网页设计中对于色彩的运用并不是越多越好，一个页面中不需要采用过多的颜色，通过调整色彩属性，在页面中产生各种变化，就能达到美化网页的目的。网页色彩设计的基本方法包括单一色、相邻色和对比色的基本运用方法。在网页设计中采用单一色会造成单调乏味的视觉感受，因此尽量避免采用单一色彩，一般情况下可通过调和某种色彩的透明度或饱和度，使其在同一色系中产生变化。另外在所有色彩中，白色和黑色是比较特殊的颜色。白色又称无色，如果将这两种色彩进行调和使用，就可以产生所谓的高级灰色，灰色与其他色彩搭配使用会产生很好的视觉效果。相反相邻色就完全不同，相邻色是在色彩对比中位置较近的颜色，如红色与紫色、黄色与黄橙色互为相邻色。采用相邻色可以使网页设计在视觉上既能达到色调和谐统一，又能避免色彩过于杂乱，使网页色彩能够在秩序中产生变化，增强节奏感。例如设计导航条的色彩时，就可以运用红色与黄橙色这组相邻色来表现。此外还有对比色的运用。对比色可产生强烈的色彩效果，是极富表现力的方法，也是重要的色彩表现手段，在网页设计中常用色彩对比来表现界面，可以达到突出重点的目的，使网页色彩鲜明，极具特色。通常状况下设计者可选用一种颜色为主色，对比色为辅，点缀修改，从而起到画龙点睛的效果。
四、网页界面版式设计的审美性
版式设计是网页界面设计的主要构成因素，也是重要组成部分。它将文字、图形、色彩等组合配置，使网页界面视觉效果雅观悦目，既利于阅读者浏览，又便于实现信息传达的绝佳视觉效应。网页版式语言体现页面设计者的品味和网页的内涵，这是由其属性决定的，版式语言的风格与网页属性相互联系，密不可分。页面版式语言的差异体现其属性的不同，在设计中需要将不同的表现形式与丰富多样的内涵体验结合起来，构成色调统一、整体视觉效果良好的网页界面。网页设计的气质特征通过网页界面的设计及版面风格来表现。根据其所表现的对象，需要表达的功能与设计目标等与版面内容相符，通过这些属性来表现版面设计的审美性特征。例如应用商品类网页的版式要接近人们的实际生活，体现现实特点；政府机构的网页在形式上要简练、稳重，体现行业的特点；科技类网页版式要谨慎、严密。[5]85这些都是根据网页的内涵属性来确定的。因而可以说文字、色彩、图形的运用决定网页属性。设计者必须对网页内容与主题进行深入了解，并找到最适合该网页内容的版式设计与尽善尽美的表现方法，这种设计方式具有独特性及专用性的审美特征。版式设计的界面形式是内容的载体，但又具有独特的艺术审美形式。形式美包含网页设计的版式构图、整体布局和色彩等所传达的风格特点，因此网站的设计风格与定位根据信息内容的不同来决定它的属性。网页设计的特有目标及价值不仅通过形象、直观、便捷的浏览方式呈现，更是以美观独立、清新自然的界面版式来表达体现，这样才能突出网页设计的独特性与审美性。
五、结语
网页设计作为当前设计领域中新型的设计艺术，在遵循美学原理的同时应当同样重视设计中视觉语言的审美性表现。因此，以视觉语言在网页设计中的应用为主要研究对象，掌握网页设计的表现精髓，加强审美规律的认知和理解，总结网页制作的经验并将其融入到设计者的思维中来指导网页设计，使网页具有鲜明的审美价值，满足浏览者的视觉审美需求。
参考文献：
[1]鲁道夫•阿思海姆．艺术与视知觉[M]．腾守尧，朱疆源，译．成都：四川人民出版社，2006．
[2]何苏六．网络媒体的策划与编辑[M]．北京：北京广播学院出版社，2001．
[3]冯晖．网络广告实务[M]．北京：中国水利水电出版社，2009．
[4]彭刚，周绍斌．网页艺术设计[M]．北京：高等教育出版社，2008．
网页设计作为一种网络应用程序被普遍应用在互联网上，设计开发具有创新风格和专业水准的网页已成为高职高专院校许多学生的必备技能。因此，《网页设计》成了目前高职高专院校IT类相关专业学生普遍开设的基础技能课程，甚至在许多高职高专院校也是非IT类专业学生的公共选修课。网页设计作为UI(UserInterface)的一种，体现了设计者的设计思想和专业技能，所以《网页设计》相对于其他专业课程有自己的特点，他不仅体现了技术性，更体现了他的艺术性、个性体现等特点。
(一)技术性网页
作为一种应用程序，开发者必须具备一定的网络知识和编程思维，对基础的HTML语言和CSS规则以及JavaScript技术都要熟练掌握，并且对网页开发软件比如网页三剑客(Dreamweaver、Flash、PhotoShopCS)也要熟练使用。随着网络技术日益发展和多媒体在网页中的传播，客户对于网页的要求也越来越高，例如，交互式动画、在线视频、三维虚拟展厅、在线数据库管理等。所以网页设计课程对技术要求具备一定的知识的积累和掌握。
(二)艺术性网络
已经成为一种互动的大众媒体，由于其他各大媒体包装的越来越商业化，网页作为人们天天交互的界面，人们对他的外观的要求也越来越高。既要把设计艺术中的构成因素整合到网页设计艺术中，又要集多媒体技术于一体。尤其是现在的客户对网页的视觉冲击力和它的艺术感染力提出更多的要求。所以我们的网页设计课程更要培养学生的审美情趣，在课堂上展示更多的国内外的优秀作品，还要学习平面设计及其色彩学等知识，吸取其他平面设计的灵感，使学生的作品不仅有可实用性，更具有可观赏性。
(三)个性网页
作为平面设计的一种，必然体现了设计者自己的设计理念和设计风格，并张扬自己新颖独特的个性。所以在网页设计课程中，要尽量调动学生的自主性和积极性。所以教学过程中，教师不仅要重视学生对书本知识的理解，更重要的是激发学生的创新能力。在课程考核的时候，教师可以结合知识点以项目要求的形式布置题目，让学生分组选择项目或者自己调研确定项目，小组合作进行项目规划和页面设计。
二、网页设计时尚教学注意要点
(一)时尚的网页布局
网页布局是网页给人的整体印象，和其他平面媒体一样将信息分版块清晰的呈现给读者。在过去的几年内，网页设计的布局已经形成了几种固定的格式，大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型。但是现在的客户要求自己网站在美术上要符合自己企业的文化定位和企业形象，希望自己网页的布局，要不拘一格地给人留下深刻的印象。当下网站已经被企业视为自己宣传和传播的一种重要的媒体形式，所以越来越多的视觉传媒公司加入到网页设计的行业中来，导致大量的美术人才参与到网页创作中来，大大提高了网络中网页版面的艺术气质。这些人设计的网页作品往往构图考究、精美绝伦、简洁明快，富有时尚气息，更重要的是他们的网页的布局常常的出人意料，又显得赏心悦目。所以在教学过程中，除了让学生掌握几种常见的布局形式之外，更重要的是鼓励学生打破常规，以自己青春和具有鲜活生命力的视角，结合颜色、构图、和文字，去大胆地规划网页版面的布局，结果往往会有非常好的作品出现。
(二)时尚的网页色彩搭配
色彩在网站信息传达中发挥着重要作用，透露了每个企业独特的企业文化。网页的背景，文字，图标，边框，超链接等要采用合适的颜色搭配才能准确表达出设计内涵。对于初学者来讲，在设计时往往盲目的胡乱搭配颜色，给人非常纷乱的感觉。那么在教学过程中，就要向学生补充色彩原理的相关知识，以及网页设计中颜色搭配的规则常识，比如网页的颜色不能超过三种，背景和前文的对比尽量要大等等，并向保证网页中的颜色的鲜明性、独特性、合适性。网页作为一种电子艺术形式，和服装、包装一样都有流行的潮流，所以一个网站的版面往往会随着时尚的波动而修改，比如现在流行的韩国清新风格、欧美的时尚简约风格、90后的非主流风格等等。而我们的学生往往对时尚是最敏感的人群，也是互联网最忠实的用户。所以我们在教学过程中，教师要提高学生的艺术品位，准备丰富的教学资源和设计资源，介绍学生使用几种常用的网页配色工具，并鼓励学生大胆合理地使用颜色去创作具有视觉冲击的优秀作品。
(三)网页主流技术的综合应用
网页除了色彩和布局等方面的更新要求之外，网页的表现形式也随着使用者的要求也在更新换代，传统的网页布局方式从表格布局，逐渐得被CSS+DIV布局的形式所替代，所以教师要将新技术要映射到我们的课堂上去，引导学生用?CSS+DIV的布局的理念充斥自己的头脑。教师更可以设置相同的DIV内容，让学生去设计不同的CSS规则，这样可以让学生直接地体验到CSS+DIV的局部优势。除了布局的技术在更新，网站首页的呈现形成也在发生变化，在首页中大幅广告的使用可以让使用者留下深刻印象，Flash交互按钮可以增强使用者的体验乐趣，这些表现形式要用到Flash软件和JavaScript脚本语言，所以在我们的课堂中教师要关注技术流行趋势，将技术代码介绍给学生使用，并指导学生运用到自己的网站作品中。
伴随网络技术的不断深化发展，互联网的应用与发展已经显现出了一定的重要性和实际意义。在互联网的具体应用中，网页设计是网络技术应用与发展的重要组成部分，网页设计主要分为动态网页设计与静态网页设计。本文将简要分析静态网页设计中存在的问题与相应的解决措施。
【关键词】
静态网页；设计；问题；解决措施
当今社会是网络社会，计算机技术和网络技术的发展速度较快，对于从事网络行业的人们来说，掌握网页设计的相关要点就变得尤为重要。在网页设计中，静态网页设计具有一定的重要性，在设计过程中经常会出现一些问题。设计人员需要对相应问题进行分析，并采取针对性较强的解决措施进行合理解决。
一、静态网页的概述
静态网页，指的是在设计过程中全部应用HTML语言来进行设计制作的网页，静态网页在设计中，网页自身的文本格式一般都带有一定后缀，如.htm或.html等。静态网页在应用的过程中，页面的内容相对变化较小，用户在浏览和使用静态网页的过程中也不会与网络内部的服务器进行一定交互。需要注意的是，与动态网页相比，静态网页的内容并不是单纯静止的，静态网页在设计中会呈现出一定的动态效果。设计人员可以在设计过程中将Flas与GIF动画等进行应用，营造一种动态效果。静态网页在设计中主要应用的技术主要有HTML与XML。其中，HTML的应用相对较为广泛，应用效果相对显著。XML与HTML相比，应用的对象更为多样，功能显得更加强大。这两种技术的应用，对于设计静态网页有重要的作用，需要相关设计人员给予重视。
二、静态网页设计中存在的问题与解决措施
在设计静态网页的过程中，由于设计内容相对较多，各内容之间存在一定联系，也有一定的难点。因此，静态网页的设计工作，经常会出现一定问题。设计人员如果没有解决好这些问题，就会使静态网页的设计出现一定缺失。
2.1静态网页设计中存在的问题
2.1.1存放文件问题在静态网页的设计过程中，文件的存放会经常出现问题。很多设计者在网页中插入了相应的图形或图片文件，这些文件在dreamweaver软件中可以清晰显示出来，但是在IE浏览器中就无法显示。这样一来，文件在静态网页中无法显示，就会造成设计工作出现严重的漏洞，对于静态网页的合理设计有阻碍作用。静态网页缺少文件，就不是完整的网页设计。
2.1.2依赖、滥用Flas在静态网页的设计工作中，Flas的应用目前变得越来越广泛。Flas自身的体积相对较小，具有很好的视觉效果，能增强静态网页的动态性和直观性，具有很强的应用价值。但是，很多设计人员在静态网页的设计中对于Flas的认识程度不够，在应用的时候对其过分依赖。这样，不仅不会提高静态网页设计的整体质量，反而会使Flas对静态网页产生一定的负面影响。
2.1.3内页设计杂乱无序一些网页设计师由于自身素质不够高，对于静态网页设计工作的认识程度不够，导致静态网页设计中内页设计出现杂乱无序的状况。在静态网页设计中，内页设计是最为重要的一个方面，对于静态网页的整体设计有着不可替代的重要影响。但是，很多设计师在进行设计的时候，没有注意到网页结构，也没有对网页内容进行合理的编辑，造成结构相对杂乱。此外，一些设计师在设计时没有注意到网页的色彩与图像，使静态网页没有呈现出整体性和有序性。
2.2如何解决静态网页设计存在的问题
2.2.1做好文件存放一些设计师发现在设计静态网页的时候，网页编辑器可以显示的图形文件在IE浏览器中显示不出来，造成这种现象出现的主要原因就是图形文件与静态网页的文件没有在同一个路径之下进行显示。某网页设计人员在设计静态网页的过程中发现图形文件在IE中无法显示，便针对这一问题进行针对性解决。该设计人员发现在设计静态网页的过程中，会应用到相对较多的文件类型，主要的有.avi文件、.htm文件、.gif文件等。该设计人员发现，这些文件如果没有进行合理的存放，就会出现一定的问题与漏洞。该设计师针对这一现象建立了一个根文件夹，设计师将设计静态网页过程中应用的子文件都存放在这个根文件夹中。这样一来，所有文件在相应的代码中就能以合适的路径进行保存，该设计师这样做不仅方便管理和存放这些文件，还可以保证文件从网页编辑器移植到IE的时候，可以很好地体现出来。该设计师这样做，有效解决了静态网页设计中文件存放的问题。
2.2.2合理应用FlasFlas应用于静态网页的设计工作中，具有较好的应用效果，可以增强静态网页的动态效果，吸引网络用户。但是，在设计静态网页的过程中，不能过分使用Flas。如果静态网页在设计中应用了较多的Flas，实用性并不会得到相应增强，还会使用户的网页浏览速度变慢。某网页设计师在设计静态网页的时候，为了合理应用Flas且不拖慢用户的网页速度，没有在静态网页的导航条位置应用Flas，而是将Flas应用在其它位置。这样一来，用户在浏览网页的过程中不仅没有感到速度变慢，反而感觉静态网页有了一定动态性。该设计师在应用Flas的时候，还注重命名的正确性，没有将文件名设置为中文，而是以数字、字母形式命名。这样，就很好地保证了Flas的应用效果。
2.2.3保证内页设计一致性在设计静态网页的过程中，为了避免内页设计工作出现杂乱无序的情况，一定要保证内页设计的一致性。在进行静态网页内页布局的时候，要将文字的排版、导航条的设置及图片位置等进行统一设计。在内页设计中，设计师可以在内页部分融入网站的名称、标志、导航形式等。这些内容的设置和应用，不仅能保证内页设计的一致性，还能提高静态网页设计工作的具体效率，对于网页日后的应用与维护都有一定的重要意义。保证内页设计工作的一致性，还要注重静态网页相应色彩的具体使用。静态网页在设计中应用具有一定特色的色彩，可以保证内页设计的一致性，满足用户的更高需求。用户通过静态网页内部的色彩，可以加深对网页的印象与认识，还能提高静态网页的应用效果。因此，设计师在设计静态网页的过程中可以应用网页色彩。在选择色彩的时候，可以选择一种主要色彩，并选择几种次要色彩进行辅助设计，来加强色彩的应用效果。
三、结语
静态网页的设计工作，不仅能带动和促进相关网络技术的应用与发展，对于提高相关从业者的技术能力也有重要作用。静态网页在设计过程中经常会受到各方面因素的影响而出现一定问题，这些问题如果得不到合理解决，就会给静态网页的设计工作造成不良影响。设计人员要认识到问题的重要性，及时进行解决，保证静态网页设计工作的合理开展。
参考文献
[1]刘永超.静态网页设计简要分析[J].计算机光盘软件与应用,2013（18）.
[2]孙荣侠.静态网页设计中常见问题分析与处理[J].安徽电子信息职业技术学院学报,2010（01）.
[3]吴振华.网页的设计与制作[J].赤峰学院学报(自然科学版),2011（10）.
[4]韩双旺.动态网站与静态网站的比较研究[J].自动化与仪器仪表,2011（06）.
[5]刘畅.静态网页制作技术与动态网页制作技术的比较[J].科技与企业,2012（20）.
关键词：网页设计；版式设计 CDIO教育模式；项目教学
近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式（Conceive构思、Design设计、Implement实施、Operate运行），符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。
1 构思阶段
（1）确立目标。
网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。
（2）信息整理。
项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。
（3）交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素；导航条的设置应在醒目位置，清晰明确发挥导引作用；搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角；表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
（1）版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。
（2）字体、图像、色彩设计。
版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的文化性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。
（3）视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。
3 技术实施
（1）界面版式视觉设计。
网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator图像处理软件开展设计，首先我们会根据思维导图绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
（2）交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。
参考文献：
网页设计要符合受众者心理与社会心理的需求。设计者要正确分析用户需求，注意网页内容的搭配与布局;设计主题要定位准确，网页下载的时间也不能过长，必须保证网页对不同操作系统和浏览器的兼容性，并经常性地进行调试及数据更新。设计应追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，把美的形式规律同网页设计结合起来。
关键词:
网页设计;信息传达;审美设计
在因特网世界里，存在着各式各样的网页，它们承载着不同的目的，体现着设计师的想法。网页通过视觉元素的引人注目，实现信息内容的传达。为了使网页获得最大的视觉传达功能，使网络真正成为可读性强且新颖的媒体，网页的设计必须适应人们视觉流向的心理特点，由此确定各种视觉构成元素之间的关系和秩序，把各种信息以最快捷、方便的方式传达给访问者。当今，面对这种新型媒体设计的挑战，如何设计出吸引用户的网站，已成为网页设计者需迫切解决的问题。
一、网页内容的合理布局与排版
网页设计既有文字、图片、色彩，又有动画、声音。文字有大有小，还有标题和正文之分。图片也有大小、纵横之别。图片和文字都需要同时展示给观众，但又不能简单地罗列在一个页面上，否则会搞得页面杂乱无章。因此，必须根据内容的需要，将图片和文字按照一定的次序进行合理编排和布局，使它们组合成一个有机的整体，展现给访客。具体的页面排版可从如下几个方面入手:
⒈主次分明，中心突出在网页界面设计中，设计者必然要考虑视觉的中心，也就是“最佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和图片一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败［1］。由此可见，突出重点是非常重要的。
⒉明确的导航，彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向［2］。好的导航能够让用户在打开页面的第一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容［3］。
⒊图文并茂，相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;图片所传递的信息量小，但比较生动活泼。文字与图片两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又丰富了网页内容。
⒋图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。
⒌注意空白的设置和运用空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。
二、网页设计的基本原则
⒈符合受众心理与社会心理需求懂得不同的受众以及不同社会层面的不同心理需求，是网页设计者应掌握的一项基本原则。在网页设计创作之前，设计者要对所表达对象的文化背景、审美心理以及审美感知等作一系列相应的了解。对不同的地方，设计者还要进行一定区域民俗文化现象的了解与学习。只有这样，设计出的网页作品才能与设计对象产生紧密联系，达到读者与作品的心连心、面与面的交流。
⒉分析用户需求，注意内容布局设计者在设计网页时应该明确网站的类别，例如是企业网站、政府网站还是个人网页等等。因为不同类型的网页具有不同的主题与风格，设计网页时不能喧宾夺主，也不能主题与网站类别属性相矛盾，在图片、文字、色彩使用上要合理选择。所以，网页设计的第一步应该以用户需求和网站的类别为导向，所有的设计工作都应该围绕这个前提，正确定位，不能脱离主题。
⒊设计主题定位准确网页设计是一种按照一定需要，有目的进行的一种计划与预定。其突出特点就是具有相当的制约性和约束力，即受到设计主题的限制和约束。网页设计作品应有自己鲜明主题，主题目标的鲜明性决定了设计的鲜明个性特征。设计主题定位要求准确，这是设计原则中的首要问题。网页主题是设计传递内容的主要信息，设计者应该充分运用所要传达的特定信息，调动画面中所有的视觉因素，使之发挥出最大的视觉效果，设计的定位要始终牢牢地把握住设计主题。
⒋网页下载的时间不能过长为了保证网站有不断增长的点击率，除了有吸引人的内容之外，还要有较快的下载速度。网页加载速度对于一个网站而言是十分重要的，它直接影响用户的访问体验和满意度。如果2030秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，如没有必要，最好不要用大的图片，或者对图片进行压缩使用。
⒌网页对不同操作系统、浏览器的兼容通常情况下，人们所设计的网页都在一种操作系统和浏览器中进行调试。在互联网中，有各式各样的操作系统和浏览器，网页中的一些技术、插件在不同的操作系统和浏览器中的效果是不同的，有的甚至根本无法兼容，因此要充分考虑网页的兼容性。比较常见的办法是在不同的操作系统和浏览器中做测试，保证最大的兼容性。⒍经常进行调试及数据更新为吸引更多用户，网站中的信息必须经常更新，如新闻、图片资料等。同时，由于网站要经常进行修改更新，网页之间的链接有时会出现断开现象，因此，要经常做网站的调试，检查是否有链接出错的地方并进行修复，以维护网站的正常运行。
三、网页界面设计的要求
⒈导航清晰，标题具有可读性在设计页面时，要做一个层次分明的导航条，尽量使用户知道自己所处的位置，同时，链接层次不要太多，尽量使用户能够用较短的时间找到所需的资料。一个网站的内容主题要突出、明了，尤其是大段文字的使用，必须要易于用户阅读，在文字的安排上除了可以采用横向分栏之外，也可将页面纵向分割，或利用标题和副标题将文档分段。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题和副标题，使用户一眼就可以看到要点，以便找出并继续阅读有兴趣的内容［4］。另外，也可以将整句采用不同的颜色或用粗体突出主要内容，字体的选择上要和主题风格相统一，字体和背景的颜色要能区别开，以便于识别。
⒉风格统一，色彩和谐，重点突出网站中各个页面要保持统一风格，不要在不同的网页中使用不同的主题风格，风格统一有助于加深用户对网站的印象。要实现风格的统一，不一定要把每个栏目做得一模一样。例如，用户可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时再为网站增加一些变化。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。从设计的技法上来说，重点突出某个色彩因素，可以打破整体色调的单调和沉闷，再将一部分的色彩施以强烈醒目的色彩，能使画面产生凝聚力和一张一弛的表现力，从而刺激视觉引起兴趣，产生生动的色彩形象感。在具体设计中，要注意重点色的作用，需要应用巧妙而不能过度，到处重点就无所谓强调重点了，其结果只能导致整体的混乱。
⒊界面清爽，设计避免“一般化”页面设计整洁、清爽有着不可忽视的作用，它是进行艺术表现的重要手段。设计者要吸引用户长时间停留在你的网站，千万不能让用户第一眼就感觉压抑。大量的文字内容要使用和谐的背景色，前景文字和背景之间要对比鲜明。如果背景含有图像，对比度要弱些，可把背景图片透明度适当降低，这样用户浏览时眼睛才不至于疲劳。设计中要把强调、突出、给人强烈印象的构成要素的周围留下空白，就能扩大和提高视觉效果，同时利于视线流动，沉闷感，着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。“一般化”是网页设计所忌讳的问题。新颖、独树一帜、妙趣横生是优秀网页设计蕴涵潜在生命力的永恒主题，也是网页设计师不断追求和努力的方向。面对熟知的事物，人们往往总是表现出熟视无睹，很难引起足够的重视。然而，美妙的设计又总是通过这些司空见惯的事物来表达出一种不寻常的艺术感觉。解决这一问题的办法，就是艺术创意。运用创意，就是在艺术表达这些普普通通的事物时，设计师往往运用创造性思维，采取崭新的观察事物的方法，超越一般人的经验和视觉思维，由此达到强烈的感染力和视觉冲击力。
⒋技术为内容服务一些网页初学者经常在所做的网页中加入尽可能多的特效，以充实自己的页面，这样往往会适得其反。一定要明确技术是为内容服务的这个前提，不要过分沉迷于技术的运用，坚决摒弃那些华而不实的特效。适当的动态效果可以起到画龙点睛的作用，但过多的动态效果会让人眼花缭乱而抓不住主题，因此，应用动态效果不宜过度。在网页设计过程中，设计者必须去研究、掌握并有意识地运用这些规律，追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，把美的形式规律同网页设计结合起来，创作出好的作品。网页设计没有任何捷径可走，只有在实践中点点滴滴地积累。同时，要有一颗积极向上的心态，对生活充满热情，这样才可能在自己的网页设计中挖掘出好的东西来，同时给用户留下深刻的印象。
参考文献
［1］刘丹．网页设计中的Flas视觉语言研究［D］．合肥:合肥工业大学，2006．
［2］黄燕云．浅谈网站导航系统设计［J］．科教文汇，2009(18):268-270．
［3］刘晓知．浅谈如何设计成功的网站导航［J］．电脑学习，2009(5):10-12．
