网络编程
位置:首页>> 网络编程>> 网页设计>> WEB前端开发经验总结之实战篇(4)

WEB前端开发经验总结之实战篇(4)

作者:海啸 来源:海啸的地盘 发布时间:2008-06-12 12:49:00 

标签:web,开发,设计,css,用户

最后我们来看看页面对搜索引擎友好(没有CSS支持时,浏览页面时同样清晰,层次分明,十分容易查看数据。),已做了基本的SEO优化,具体的SEO的优化的一些技巧我要在讲完CSS运用技巧后再来介绍了,不过现在我们来看看,我们这个没有任何CSS支持的页面,在浏览器中的显示效果图:

怎么样?虽然没有CSS,页面看上去不是那么漂亮,但是结构还是很清晰,导航,新闻标题,新闻列表,说明文字我们一眼就可以看出来。而且要在页面中找到你想要的数据,也很容易。还是我之前提到的,我们的搜索引擎,看到的页面,跟你现在看的差不多,它有觉得页面结构十分的清晰啊。^-^!

不过这里要讲一下的就是页面的中的banner我没有把图片显示出来,但是我们看到了"Nature is the best physician"的字样,这个就是写XHTML标签的一个规范的问题了,我们在使用img标签的时候,一定记得给它加上alt属性,这样在用户看不到图片(用户屏闭到了浏览器的图片显示或者由于服务器图片丢失访问不到)的时候,用户可以知道这里的图片大致是显示的什么内容。也就是说alt属性里面的值要是对这张图片的一个介绍。而这么做也是用户友好的一个体现。

多说两句,在我们的设计师设计页面的时候,其实就要考虑到用户友好的问题,页面为什么要这么设计,用什么色调(用户常时间浏览的时候,眼睛不会很容易就疲劳,不同分辨率下,页面的显示不会相差太多)、页面中的哪个位置放什么,标题要用什么字体等等,其实都是很讲究的。在这个时候其实就已经在做合理布局的工作了。

好了,到这里我对怎么合理布局的经验就总结的差不多了,后面的文章就要开始介绍CSS的技巧了。期待哦

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com