网站设计过程中有哪些误区

在网站设计时，为了网页美观，和整体的融合，经常会到处贴满图片，这样做是不正确的，与内容无关的图片能少就少。下面介绍网站设计过程中有哪些误区，希望可以帮到您。

1、导航菜单使用图片、flash

为了美观大方，很多的网站导航菜单使用图片、flash当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和flash。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法。建议做一个导航菜单链接的xml文提交到搜索引擎。让搜索引擎更多的去索引你的网站。

2、不恰当地使用图片

在网站设计时，为了网页美观，和整体的融合，经常会到处贴满图片，这样做是不正确的，与内容无关的图片能少就少吧。我们可以把这些图片做成容器的背景写在CSS代码中。如果必需要使用图片的话，建议在图片中放入Alt=""标签，来告诉搜索引擎你这张图片所要表达的内容，或是放入网站的关键词。

3、内容里特殊字体的运用

在网站设计中，为了追求美观，使用过多的字体。楷体很漂亮，草书也不逊色于宋体。但是不是所有人的电脑都安装有这些字体。如果使用这些特殊字体的话，在别人的电脑里看到的网页将会是不堪入目。

4、新窗口打开

在网站设计中，为了让更多的用户留在我们的网站，设计者加入了新窗口打开功能，但是却忽略了控制用户的机器所带来的负面效应，这种策略恰恰弄巧成拙，因为当用户想通过“后退”按钮返回先前的站点时，已经做不到了。用户通常注意不到新窗口已经被打开，尤其当他们的显示器很小，而窗口又正好是最大化时。因此，当用户想要返回原来的站点时，面对的却只是一个不可用的灰色 “后退”按钮。这样就不太利于用户体验了，解决方法可以在网站的侧栏设计指向其他你想推荐给浏览者的内容或是更有吸引力的内容，去吸引更多的用户来浏览你的网页。

5、无实际意义的特效

JS特效不可过多的使用，避免使用炫耀的技巧。这些特效对你的网页没有任何实际意义。反而会增加服务器的负担。

6、内容滚动

内容滚动可以在比较小的空间里展示比较多的内容。这是它的一个好处。但内容滚动却是弊大于利的。不是所有平台和浏览器都支持滚动的;在w3c看来，内容滚动会降低用户体验。

7、用户难以获取自己想要的内容

如果一个用户访问你的网站跟走入迷宫一样，会有什么后果?听说过3次点击规则吗?对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。

8、文件名命名不规范

不要忽视这一点，例如新闻页面可以用：news.html，而不是类似2323123.html这样的无规范的命名方式。使用规范的命名方式不仅有利于搜索引擎，而且有利于网站日后的维护管理。

9、长篇文章未设置分页

长篇文章不分页，会导致网页加载速度慢，用户阅读疲劳。所以建议长篇文章设置分页。

10、颜色搭配错误，网页难于阅读

如无必要，你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。

11、没有返回指向

“返回指向”是网络用户的生命线，同时也是继超文本连接后最常使用的导航特征。用户可以随意尝试网页所指向的任何地方，而只需点击一两次“返回”按钮就可以回到先前的页面。

12、显眼的点击计数器

不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。

13、使用框架

与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。

14、不恰当地使用声音

声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。

15、兼容性不佳

你的网页在1024下看得顺眼么?那么换成1280看呢?不是所有人的显示器都用同一种分辨率的。无论是谁，都无法做出所有分辨率下完美的网页，但我们要做出能确保所有分辨率下不出错的网页。还有两点就是：不要以为只有电脑才能看网页!不要以为世界上只有一种浏览器!

16、急于发布网站

网站没有内容、网站程序bug，这些问题解决后再发布吧。内容较为充实、程序bug基本没有的网站才会让用户流连。

17、发布网站后未登录搜索引擎

有客户问，是不是我的网站已发布就可以在百度搜到了?但是百度不是我家开的，也不是你家开的，你发布网站时百度他是不知道的。所以，你发布网站后要到各大搜索引擎的登录口提交一下你的网站信息。

18、不留空白

注意留空白。不要用图像、文本和不必要的动画gifs来充斥网页，即使有足够的空间，在设计时也应该避免使用。

19、缺乏互动性

让用户与网站能够互动，让用户与用户之间能够互动。所以最少要有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。这个是极其重要的，web 2.0的核心思想。

网站的设计，是为了更好的留住用户，更好的让搜索引擎识别，所以在网站的设计者首先要对搜索引擎有初步的概念，及思维。

第一、对毫无计划，这是很多企业在建设网站的时候经常犯的一个错误。很多企业都只是盲目地跟风建设网站，看到竞争对手建设网站了，并且取得了一定的成就，于是自己才着手建设网站，根本就没有考虑到网站建设的目的以及实质的效果。很多企业建设网站的想法都是突然之间才有的，并没有任何对于网站的规划。这样的想法对于网站设计师来说也是非常被动的，工作效率也比较慢。而企业看到网站的时候也不会满意，最后网站要进行反复的修改，甚至网站到最后到无法完成。

第二、建设网站只是企业之间一种攀比的心理。这种错误在企业之间非常常见。因为很多企业看不过竞争对手的网站比我们的好，于是看到对方有网站了，就立刻建设网站，并且要求下属立刻去找建站公司，要求在最短的时间内建设出一个出色的企业网站，一定要比竞争对手好的网站。其实这种误区是非常致命的。由于攀比心理而去建设一个网站，会导致网站运营的失败。

第三、对网站建设的期望太高，这也是网站建设的误区。不少企业都开始借助网络营销迅速拓展企业的销售渠道，当这些其他企业看到之后，就盲目地投身到网络营销中，并且抱着理想化的态度去看网站建设，希望可以立刻看到效果，同时大量投入网站建设，最后却什么都没有得到。

第四、网站建设总是按照领导的意思建设。这样的网站因为主观意识太强，个性话主义太强的网站建设是很难满足到用户的需求的。

第五、一味地模仿别的网站，这也是网站建设最常见的一个误区。网络营销最基本的一个前提就是企业要先建设一个网站，不过很多企业在网站建设的前期就存在很多错误，这样网站的建设没有了意义以及价值。

网站建设过程中需要我们注意的误区就是以上几个方面。

1、不合理的排版

排版设计出问题，首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量，虽然有的排版会因为间隙过大而显得松散，但是更常见的问题其实是排布布局过于紧密，缺乏呼吸感，这可能会让设计看起来混乱，可读性低下。

一般而言，对于大段的文本内容，行间距最好是文字高度的120%到150%。对于较小的文本，考虑到移动端的用户使用场景，这个行间距可能还得在提高一些，这样才能确保舒适的阅读体验。

但是，不论是怎样控制，核心始终在于确保阅读体验是愉悦而恰到好处的。拥有恰当而富有流动性的排版，视觉上才会令人舒适。间距太大太小都不合适。

另一方面，整个页面排版的行间距的比例要保持一致，这样能让视觉上更加统一，也能够强化同类、相关元素的关联性，增加可读性。

2、所有元素尺寸一样

所有的图片尺寸都一样，所有的文本都一样大小，所有的按钮都一样的样式，这样的“一致”看起来不错，但是实际上会显得更加无聊。

网页中的许多元素可以一致，但是不能完全一样，这是两个概念。基于不同的需求，不同的位置的按钮尺寸是不能完全一样的，但是它们可以沿用相同的样式，并且设计几个相对固定的尺寸比例，这样也可以更好的控制整个视觉和体验。

其实这当中，图片在网页框架中的使用就是一个最好的实例。不同页面的首图尺寸是一样，其中的图片如果要应用到不同整个布局其他的位置的时候，直接按比例缩小，其中的元素视觉重量会直接降低，信息传达的有效性也随之降低。最理想的状况，是根据整个网页框架布局的需求，基于原图有针对性地进行切图。

3、忽略层次

我们所看到的绝大多数的网页是需要通过精心组织的层次结构来呈现内容的，毕竟网页内容也是遵循80/20法则的，20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。

网页中不同的内容是有轻重缓急的，而这种重要性不论是基于设计的需求还是用户的需求，都是能够进行判断和划分的。与此同时，用户在快速浏览内容的时候，重要的内容应当置于重要的、易于扫视查看的位置。

在确定了重要性优先级之后，层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要信息的载体，而能够引导用户行为的CTA按钮、输入框等元素，则能在交互的层面上，强化内容的效力。所有的这些东西，在设计网页的层次结构的时候，应该系统的考虑。

4、忽视基础功能

网页的可用性始终是摆在易用性之前的。我想也有过这样的经验：打开网页之后经过漫长的等待而网页无法加载;点击一个按钮而没有相应的反馈;想找到网页背后所有者的联系方式，但是在AboutUs的页面中一无所获。

这些基础的工作都需要设计师用心做好。确保网页的基础功能都能够顺畅的使用，正确的反馈，而这些基本的可用性问题，常常出现在搜索框、导航、页脚甚至业务逻辑当中。

在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到特定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，确保了信息的完整性和功能的完整性，只有这样，用户才能信任网页本身。

5、不够简练的文案

网页中的文案是需要反复推敲的。

许多网页在使用文案的时候，不够简练，用户很容易在浏览过程中迷失。人集中注意力的时间始终是有限的，所以，尽量在交互和UI中使用明确、精准的描述性的语言，直接地指引用户，清晰地阐明交互的结果。

清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。

6、低分辨率

清晰度不足的图片绝对是设计的硬伤。现如今的高清的屏幕无处不在，低分辨率的图片在如今的屏幕上无所遁形。

随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已经慢慢成为标准了。当需要精准地控制图片尺寸和屏幕分辨率完全对应起来，也可以参考响应式设计，借助断点来控制显示的尺寸。

当然，最重要的一点在于，使用低分辨率的图片，还不如干脆不使用。

7、特效过多

过多的插画，繁复的特效，太多的设计趋势，当常见的设计技巧和效果在网页上堆积起来的时候，会很容易稀释网页中真正重要内容。不同寻常的色彩，奇特的动画，巨幅的图片，这些真正抓人眼球的元素应该有针对性、有计划地使用。

它们确实是提升趣味性、吸引用户注意力的重要手段，但是同样需要谨慎使用。

当想要使用特定的设计元素、采用流行的设计趋势或技巧的时候，选择一个思路，尽量主次分明。很多时候，一个设计趋势，比三个趋势叠起来更有用。

我们适当的调整网站设计，避开这些误区，相信我们的网站优化会更好，在搜索引擎上的排名也会更加稳定。

随着现代高速发展的网络技术和不断兴起的电子商务，针对计算机网络的攻击不断出现，设计人员在进行网页设计时必须充分考虑网络安全的问题。当一个网站建立之后，相应的配套程序有很多，由于网页设计的独特性，所以，程序的漏洞会不断的增加，这样就给网站带来了一定的安全隐患。

1网页设计安全漏洞

网页设计中常用的服务器端网页设计技术包括ASP、PHP或JSP等脚本语言，这些网页技术为网站的技术开发人员提供了便利。在网页的开发设计中，设计人员使用上面的脚本语言可以高效的管理现有的网站资源，加强了浏览者和网站的交互。在交互之间，漏洞就在慢慢的形成，这主要是因为浏览者在输入信息时的不可确定性，如果程序考虑的不周全，用户输入的信息就有可能成为对网页的攻击，无论这些信息是否是有意的还是无意的。网页的编程与服务器直接打交道，它和系统的相关设置、网站数据库设置等有关，若程序设计之中存在漏洞，那么也称之为网站漏洞。

2网页设计中存在的漏洞

2.1在登陆验证中存在的漏洞像人们常常使用的论坛、会员区、聊天室等带有交互性的网站，登陆验证是必须完成的部分，虽然登陆验证只是整个网站运行中的一小部分，但却是整个网站的安全之口。网络设计者在设计时很容易疏忽这个关口的设计，安全关口的验证程序如果没有设计好，就会让别人有空可钻，从而造成不必要的损失。很多网站在设计安全关口中都存在登陆验证的漏洞，设计人员在设计时编程的不严谨造成了这个漏洞。

2.2直接进入页面而绕过验证的漏洞在许多的敏感页面中，用户必须进行身份验证，但是这个页面无需对用户的身份验证，一旦用户在知道相关的网页设计页面的文件名和路径时，用户就会直接绕过登陆的界面，进入设计页面。在这样的状况下，网站的设计人员必须对相关的页面进行身份的验证，设计相应的身份验证程序，来达到网站页面的安全可靠程度。

2.3网站病毒的广泛传播计算机中存在的病毒是人们故意设计制造的计算机应用程序，它的特点就是感染性和自制性，在日益扩大的网络规模下，计算机的病毒的种类和数量也在不断的增加，这样也对计算机的的安全造成了很大的威胁。如果网站的终端服务器被计算机病毒传染，就会破坏网站信息的可靠安全性，甚至影响了整个网站的正常运行。

2.4一些网站的非受权在网站的建设中，程序设计人员往往会采用较为复杂的安全配置，这样就会在网络服务的应用中存在非常巨大的安全缺陷，因而给远程的黑客有了可乘之机，侵入到网络服务器的内部，给网站的安全带来了巨大的危害，网络系统中的应用软件的缺陷、密码过于简单等等的系统漏洞，都会让黑客非常容易的侵入。

3解决网站安全隐患的方法

3.1充分考虑网站登陆验证的安全性在相关的论坛和聊天室中，验证身份在登陆时是必要的一步。所以，网站设计人员可以使得程序在生成SQL查询语句之前，验证用户的用户名和密码，或者是设计人员要求用户在进入网页时先对其用户名进行查询再验证密码。而在进入比较敏感的页面时，设计人员可以设计相应的程序要求用户再一次进行身份的验证，这样就增加了网页的安全可靠性。

3.2充分考虑源代码的泄漏程序设计人员对网页的代码加密后可以有效的减少网站源代码泄漏的机会，设计人员可以利用组件技术将编程逻辑密封在ADLL中，或者是对ASP进行加密，这其中利用的是微软的ScriptEncoder，这个方法有操作性强、编辑性强等优点，这样就可以降低源代码泄漏的机率。

3.3充分考虑文件在上传时的安全性许多的网站具有文件上传、图片上传等多种功能，比如一些论坛、邮箱系统、校园网这些用户量很大的网站，但是这样的网站，程序设计人员在设计时没有对用户提交的数据和参数进行充分的过滤，导致了黑客能够对其进行远距离的攻击，从而造成了相关数据库的破坏。所以，设计人员在用户上传图片文件之前，可以插入文件类型模式的模块，对用户上传的文件格式进行筛选，这样就可以将一些可能带来病毒的文件筛选出去，提高了用户使用网页的安全性。

4结语

在不断加快的信息化时代，新世纪新时代的“金钥匙”逐步的被信息化的网络取代。当一个完整的网站建立并对外开放后，它的相应的应用程序有很多，网页设计中的交互程序的增多会带来不断增多我漏洞问题，从而给网站的安全造成不可估量的损失。通过本文中列出的相关的安全解决方法，在网站的建设中充分考虑网络的安全性，有效的降低了网络系统的安全漏洞，加强了网络的安全性。