《
汇总DIVCSS网页布局及网站设计常犯错误》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023433R013.htm
--> [
网站建设之]汇总DIVCSS网页布局及
网站设计常出错误
CSS网页布局开端及网站常犯的多少种毛病,无论是谋划、设计、开发,这些过错都要防止!
1、导航菜单使用图片、FLASH
导航菜单使用图片、FLASH当然比纯文原来得难看一些,但是搜索引擎并不意识你的图片和FLASH。如果你非要使用英俊的图片来做导航的话,可以使用背景调换的办法(我会在下次谈到这一个方式的);如果你要使用FLASH做导航,那我就没你措施了。提议做一个导航菜单链接的xml文提交到搜索引擎。
2、不适当地使用图片
为了网页雅观,常常会到处贴满图片,这样做是不准确的,与内容无关的图片能少就少吧。咱们可以把这些图片做成容器的背景。
3、内容里特殊字体的运用
我否认楷体很美丽,草书也不逊色于宋体。然而不是所有人的电脑都装置有这些字体。假如你应用这些特别字体的话,在别人的电脑里看到的网页将会是不堪入目。
4、新窗口翻开
委托!不要用任何窗口传染我的屏幕(尤其在当前操作体系拙劣的窗口管理技巧下)!如果我需要一个新窗口,我会自己打开的。设计者打开新窗口的本意是要让用户留在他的站点上。但是却疏忽了把持用户的机器所带来的负面效应,这种策略偏偏画蛇添足,因为当用户想通过“撤退”按钮返回先前的站点时,已经做不到了。用户通常留神不到新窗口已经被打开,尤其当他们的显示器很小,而窗口又正好是最大化时。因而,当用户想要返回本来的站点时,
比较两种CSS清除浮动的兼容,面对的却只是一个不可用的灰色“后退”按钮。
5、无实际意义的特效
避免使用夸耀的技能。这些殊效对你的网页没有任何实际意思。
6、内容转动
内容滚动可以在比较小的空间里展现比拟多的内容。这是它的一个好处。但内容滚动却是弊大于利的。不是所有平台和浏览器都支撑滚动的;在W3C看来,内容滚动会下降用户休会。
7、用户难以获取自己想要的内容
如果一个用户拜访你的网站跟走着迷宫一样,会有什么成果?据说过3次点击规矩吗?对小型网站,在你的主页上,没有任何一条信息,须要点击次数超过3次的。对于大型网站,使用导航跟工具条来改良操作。
8、文件名命名不规范
不要疏忽这一点,例如消息页面能够用:News.html,而不是相似2323123.html这样的无标准的命名方法。使用规范的命名方式不仅有利于搜寻引擎,而且有利于网站日后的保护治理。
9、长篇文章未设置分页
长篇文章不分页,会导致网页加载速度慢,用户浏览疲劳。所以倡议长篇文章设置分页。
10、色彩搭配错误,网页难于阅读
如无必要,你应当坚持使用白色的背景和玄色的文本,另外还应该保持使用通用字体。
11、没有返回指向
“返回指向”是网络用户的性命线,同时也是继超文本衔接后最常使用的导航特点。用户可以随便尝试网页所指向的任何处所,而只要点击一两次“返回”按钮就可以回到先前的页面。
12、背眼的点击计数器
不要容易考虑在你的网站上放置一个醒目标点击记数器。你
设计网站是为了给访问者供给服务,而不是倾销你本人认为重要的货色。大多数浏览者以为计数器毫无意义,它们很轻易被做假,浏览者也不想看广告。如果你显示你的网站是如许受欢送,你最好提供一个链接,显示访问日志。
13、使用框架
与记数器一样,
每天写出好代码的5个建议,框架在网页上越来越风行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立即就发明,在使用框架时发生了很多的问题。使用框架时如果不17英寸的显示屏简直不可能显示全部网站。框架也使得网站内个人主页不可能成为书签。兴许更主要的是,搜索引擎经常被框架混杂,
正确地利用css改进网站的设计,从而不能列出你的网站。
14、不恰当地使用声音
声音的应用也应得到警戒。内联声音是
网页设计者的另一个禁地。由于过多地使用声音会使下载速度很慢,同时并没有带给阅读者多少利益,
模拟兼容性的 inline-block 属性。首次听到鼠标发出声音可能会很有趣,但是屡次当前确定会很烦人。使用声音前,应当细心斟酌声音将会给你带来什么。
15、兼容性不佳
你的网页在1024下看得悦目么?那么换成1280看呢?不是所有人的显示器都用统一种分辩率的。无论是谁,都无奈做出所有辨别率下完善的网页,但我们要做出能确保所有分辨率下不犯错的网页。
还有两点就是:不要认为只有电脑才干看网页!不要以为世界上只有一种浏览器!
17、急于发布网站
网站没有内容、网站程序BUG,这些问题解决后再发布吧。内容较为空虚、程序BUG基础没有的网站才会让用户流连。
18、宣布网站后未登录搜索引擎
有客户跟我说,是不是我的网站已发布就可以在百度搜到了?我总会这样答复:百度不是我家开的,也不是你家开的,你发布网站时百度他是不晓得的。所以,你发布网站后要到各大搜索引擎的登录口提交一下你的网站信息。
19、不留空缺
注意留空白。不要用图像、文本和不用要的动画GIFs来充满网页,即便有足够的空间,在设计时也应该避免使用。
20、缺少互动性
让用户与网站能够互动,让用户与用户之间可以互动。所以起码要有一个留言本,这能鼓励访问者再次回到你的网站,还有助于裁减网站内容。这个是极其重要的,Web 2.0的中心思维。 Tag:网页布局 网站设计 DIVCSS  ,
模块化CSS 更有效地管理CSS; 网页布局 网站设计 DIVCSS
(责任编辑:网站建设)
汇总DIVCSS网页布局及网站设计常犯错误相关文章