divcss布局设计注重用户体验

　　divcss已经成为新一代的web标准，现在网页的布局设计普遍采用div+css的盒模型来设计网站版块儿。但是虽然拥有了布局技术，但客户的体验和网站优化却是另一门技术，在进行网页设计时一定要注重用户的体验和SEO，才可以做出高品质的网站。

divcss布局如何注重SEO和用户体验

1、避免使用图片FLASH导航
　　导航菜单使用图片、FLASH当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法(我会在下次谈到这一个方法的);如果你要使用FLASH做导航，那我就没你办法了。建议做一个导航菜单链接的xml文提交到搜索引擎。使用div+css架构的块儿浮动可以制作好看的导航栏，虽然在美观度上与FLASH导航存在一定的差距，但是综合考虑，还是采用div+css架构的块儿浮动来制作导航栏。
2、图片要压缩
　　为了网页美观，经常会到处贴满图片，这样做是不正确的，与内容无关的图片能少就少吧。我们可以把这些图片做成div+css架构容器的背景，如果无法避免使用图片，图片在满足分辨率的情况下也要尽可能的进行压缩处理。
3、不用特殊字体
　　青锋建站承认楷体很漂亮，草书也不逊色于宋体。但是不是所有人的电脑都安装有这些字体。如果你使用这些特殊字体的话，在别人的电脑里看到的网页将会是不堪入目。
4、在本窗口打开
　　拜托!不要用任何窗口污染我的屏幕(尤其在当前操作系统低劣的窗口管理技术下)!如果我需要一个新窗口，我会自己打开的。设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应，这种策略恰恰弄巧成拙，因为当用户想通过“后退”按钮返回先前的站点时，已经做不到了。用户通常注意不到新窗口已经被打开，尤其当他们的显示器很小，而窗口又正好是最大化时。因此，当用户想要返回原来的站点时，面对的却只是一个不可用的灰色“后退”按钮。
5、无实际意义的特效
　　避免使用炫耀的技巧，这些特效对你的网页没有任何实际意义。使用过多的特效将无形之中增加你网页的体积和蜘蛛抓取的困难，对SEO非常不利，美和利不可兼得，你要客户还是要美观？有没有折中的办法呢？办法还是有些，就是使用animate.css的使用方法动画库万能调用代码，同时将常见用的animated动画复制出来进行打包，减少体积，提高响应速度。当然动画也需要用到div+css架构，青锋建站开发的animate.css的使用方法动画库万能调用代码只需要在两个div之间加上类名就可以实现。
6、内容滚动
　　内容滚动可以在比较小的空间里展示比较多的内容。这是它的一个好处。但内容滚动却是弊大于利的。不是所有平台和浏览器都支持滚动的；在W3C看来，内容滚动会降低用户体验。
7、栏目内容有条理
　　如果一个用户访问你的网站跟走入迷宫一样，会有什么后果?听说过3次点击规则吗?对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
8、文件名要规范
　　不要忽视这一点，例如新闻页面可以用：News.html，而不是类似2323123.html这样的无规范的命名方式。使用规范的命名方式不仅有利于搜索引擎，而且有利于网站日后的维护管理。
9、华而实
　　如无必要，你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
10、不使用框架
　　在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。div+css架构设计，已经完全可以应对大多数的布局，不使用框架也可以完成华丽的布局设计。
11、声音和速度不可兼得
　　声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
12、考虑兼容性
　　你的网页在1024下看得顺眼么?那么换成1280看呢?不是所有人的显示器都用同一种分辨率的。无论是谁，都无法做出所有分辨率下更好的网页，但我们要做出能确保所有分辨率下不出错的网页。还有两点就是：不要以为只有电脑才能看网页!不要以为世界上只有一种浏览器。虽然div+css架构可以应对主流的浏览器，但是CSS样式面对不同的浏览器仍存在一定的兼容性，因此兼容性还要考虑的。
13、注意留白
　　注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
14、网站要提交
　　网站没有内容、网站程序BUG，这些问题解决后再发布吧。内容较为充实、程序BUG基本没有的网站才会让用户流连。有客户跟我说，是不是我的网站已发布就可以在百度搜到了?我总会这样回答：百度不是我家开的，也不是你家开的，你发布网站时百度他是不知道的。所以，你发布网站后要到各大搜索引擎的登录口提交一下你的网站信息。
　　以上就是青锋建站给大家分享的使用div+css进行布局设计时如何考虑用户体验与SEO的方法。青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发。