• 网站设计十忌


    一、忌滥用图像

    也许还有人记得,最初的浏览器是不支持图像的。在一定程度上甚至可以说,支持图像的浏览器的出现才带来了Internet今天如此迅猛的发展。好的图像在增加吸引力的同时能带给我们更多更直观的信息。

    虽说图像功不可没,但是由于所占空间大,增加了网页的下载时间,如果用得过多过滥,只会适得其反。除非符合以下几种情况,否则请在你页面上慎用图像:
    图像是公司或单位的徽标、地图,或是重要的指示性标志;
    图像是人家花钱作的广告或重要的友情链接;
    网站的某些内容必须以图像方式表现(如网站本身是个展示美术、摄影作品的艺术类站点);
    即使对于必须保留的图像,有经验的网页设计者还是要对它们进一步优化:
    尽量用JPEG格式;如果非用GIF,那么尽量压缩颜色数;
    慎用动画,GIF动画常常是同等大小静止图像的几倍、几十倍大,而且动画容易分散访客的注意力。把一页中的动画数削减到三个以下;
    巧妙重复运用同一幅图像。如果访客在某页中显示了一幅图像,它就已被下载到缓存中了,后面再用到时,可直接从缓存中调用,这能大大节约时间;
    当确实要显示一幅尺寸较大的图像时,在页面上用一幅尺寸较小的缩略图或文字链接指向它,或把它分割为几幅间距为0的小图。没有什么比一幅千呼万唤不出来的大图更让人心焦的了;
    别忘了给图像加上ALT属性。这样,在浏览器中关闭图像显示项的访客定会对你的细心周到大加赞赏。

    二、忌用Java Applet或滥用各种Script

    对于Java Applet和javascript/VBScript:
    尽量不用Java Applet,Java Applet每次都要重新下载和启动;
    对于Script,应尽量采用Netscape和IE都支持的javascript,由于VBScript只有IE才支持,应慎用,即使对于javascript,NC和IE的标准也有一定差别,应注意;
    在对javascript的选择上,只选那些真正实用、有助浏览的,如一个可通过单击折叠、展开的列表;不选那些哗众取宠、分散注意力的,如一些动画效果;
    如果你真有一些很酷的Java Applet或Script想给大家展示,那么单辟一个演示区。

    三、忌一页过长

    对于长篇大论的文字,读起来是很费眼睛的。很少有人有耐心把它一次读完。不如把它分开放在几个网页中,并在每页中提供指向其它各页的链接,这样更灵活些,查找起来也方便。
    如果定要用一页显示,那么放个提纲在网页顶部,再把提纲和相关内容用书签链接,使读者可以方便地跳转。
    有些人更愿意把长文章打印出来以后再慢慢读,为他们提供一个Word格式或文本格式的下载包。

    四、忌滥用frame

    屏幕的分割一般不要超过三块。
    主次要分明,要确保至少有一个主框占有60%以上的浏览窗口面积。
    对于次框的大小尽量用点数而不是用百分比来设置,这样在高分辨率下可以给主框留出更多的空间。
    最好保证即使在640×480的分辨率下,也只有主框才被自动加上一侧的滚动条。试想,你分出三个框,每个框的内容又必须通过操纵滚动条左右、上下移动才能看全,那是很别扭的——既不美观,又造成了空间的浪费和使用上的不便。

    五、忌页面风格不统一

    保持整个网站页面风格的一致性是件重要的事。整体风格统一的网站给人以严谨、清晰、有条理和专业化的感觉。网站设计的新手们常犯的毛病是:喜欢在同一网站中尝试不同的页面配色方案,结果是把网站变成了配色方案演示会。其实大多数访客并不会对此感兴趣,过多的变化只会使他们晕头转向。选定一套你觉得最好的配色方案,并把它运用到你网站的每个页面中去——这才是明智之举。你可以通过串接样式表来实现这点:只需编辑好一个CSS文件,并在其它页面中调用它,就可使所有调用它的页面具有统一的风格。要改变风格时,只需修改此CSS文件即可。

    六、忌层次过深,导航措施不得力

    通常网站上各栏目的设置都是采用树状层次结构。如果设置得当,会使网站的结构清晰,脉络分明,有助于访客查找信息。但是如果层次超过了三层,再加上导航措施不得力,很容易使人产生混乱的感觉甚至“迷路”。只有设身处地从使用者的角度设计网站,才是最受欢迎的:
    栏目层次不要超过三层;
    尽量让导航条和回到主页的标志始终可见;
    航条上的栏目名称要简单明了,不要不知所云或存在意义上的交叉重叠;
    如有条件,添加网站内容列表和网站内容搜索等措施。

    七、忌开发时只针对一种浏览器和屏幕分辨率

    不知你试过没有——用不同的浏览器、在不同的分辨率下浏览你的网站。也许你会大吃一惊——在Netscape下看起来很好的页面,在IE下全是乱码;在1024×768分辨率下布局优美的页面,在640×480下只能看到个大标题,你不得不上下、左右来回拖动滚动条,即使这样,还是不能看清某幅大图的全貌。

    开发一个网站,千万别忘了在不同浏览器、不同版本、不同屏幕分辨率下进行测试,确保你的网页在各种情况下都能应付自如,至少能把内容显示完整。要做到这点,请:

    开发时要尽量面向低分辨率,如800×600。
    如果使用frame,尽量把各子frame的滚动条属性设为“自动”,除非你能确保子frame的全部元素即使在800×600分辨率下也都可见。
    如果你用表格布置页面,那么请让表格居中,且按百分比来设置表格宽度。虽说浏览器解读百分比表格比固定点数表格要慢,但这可给你换来在不同分辨率下都对称、均匀的美观布局。
    慎用那些不是所有浏览器都支持的页面元素。就拿脚本语言来说吧,javascript——Netscape和IE都支持,VBScript——仅IE支持,但即使是对javascript,Netscape和IE的标准也不太一样。

    八、忌内容空洞无特色

    内容是网站的生命。一个网站如果没有引人入胜的内容,不能给访客提供有价值的信息资料,那么即使页面做得再漂亮,采用的技术再高超,也不会有回头客。有一些网站,乍一看,内容似乎很丰富,但仔细一瞧,多是一些人云亦云的东西,没有自己的特色。既然你这里的东西人家那里都有,而且比你多,比你专,为什么还要到你这里来看呢?所以,网站内容的丰富性固然重要,但“特色”才是关键。网站要明确自己的定位和固定访客群,有自己的特色栏目或独门秘诀,才会在因特网的海洋中脱颖而出。 另一个重要经验是:第一印象很重要。虽说网站的内容可以以后慢慢补充,但最好一开始就把它做好。试想,网上站点那么多,访客进入你网站的几率已是微乎其微,如果你第一面没能把他吸引住并被收入他的收藏夹,那你恐怕连以后的机会也都失去了。

    九、忌内容长期不更新

    这还用说吗?我总觉得网上那些长期没人更新的网站特别可怜——它们好象是一些被遗弃的孤儿,由于长期无人照料而日益被冷落。有时我甚至觉得,网站与其建了不管,不如不建。也许有人认为:“不求天长地久,但求曾经拥有”,可我总觉得,不该让那些来过你网站的人们失望。只有经常更新内容,网站才有活力。

    有些优秀的大型网站,内容几乎一天一更新,你虽不必更新得如此频繁,至少也该每月给网站增添点新的内容。这才能使你的网站青春永驻。

    如果你能做到定期更新,把最后更新的日期写在主页上,并把网站内的最新变化也写在主页上,最好旁边再加上一些明显的标志。有些网站设有一个“What's new?”栏目,如果你的网站不是很大,把“What's new ?”放在主页上即可。给旧的资料提供一个查询入口。它们也许仍然很有价值,可能有人还没看过,有人还想重温。

    十、忌闭门造车

    这里的忌闭门造车,有两层意思。

    一是网站建设者要主动了解外部情况,虚心听取访客的意见和需求。此外,要多与访客沟通,虚心听取他们的意见和建议,让他们帮助你建好这个站。所以一个好的网站一定要提供一个与访客接触的窗口,比如留言本或意见反馈表,至少也要留个E-mail地址。另外,对于访客的问题和要求,也要尽量给予答复,让访客感觉到你对他的重视。只有广泛听取群众意见,才能客观地评价自己的网站,有目的、有重点地不断改进。

    二是要主动让外界了解你的情况,扩大知名度。首先,要在YAHOO、SOHOO等国内外知名搜索引擎上注册,注册时填写好网站简介是关键;其次,多与同类网站作友情链接;第三,在你主页的“Title”部分(之间)填入网站简介或关键词,以便于网页搜索引擎搜索和显示。当然,也不排除在网上的公告板、讨论组上打广告或用传统方式在报纸杂志上宣传,但我总觉得不如前三种方法收效大。

  • 相关阅读:
    Spring MVC “404 Not Found”错误的解决
    oracle高级编程2
    oracl 处理中文问题
    oracle中调用存储过程
    【Java多线程】使用多线程计算阶乘累加 1!+2!+3!+...+19!+20!。其中一个线程计算阶乘,另一线程实现累加并输出结果
    年轻人不讲武德,竟然还搞不懂JVM?求你们来看阿里Java开发岗的招聘要求吧!
    想拿到10k40k的offer,这些技能必不可少!作为程序员的你了解吗?
    一位面试官询问我:Java中的JVM内存溢出和内存泄露是什么?我这么回答成功拿到了offer。
    (四) Spring整合ActiveMQ超详细教程
    基于Java的Socket类Tcp网络编程实现实时聊天互动程序(一):QQ聊天界面的搭建
  • 原文地址:https://www.cnblogs.com/yefengmeander/p/2887880.html
Copyright © 2020-2023  润新知