日历

« 2008-11-20  
      1
2345678
9101112131415
16171819202122
23242526272829
30      

RSS订阅

生活就是和一堆陌生人打篮球,有时单兵作战,有时你也需要伙伴,有时凭运气捡个漏,有时靠实力上个篮,打得好继续征战,打得臭就要下场观看,输个次把两次不用害怕,你还会有再上场的一天,赢球也不要骄傲,一不留神就有谢幕的危险,慢慢的我们学会享受过程,不再从输赢中寻找成就感,每场球都会有不一样的比分和表现,但结局无外乎筋疲力尽,一声臭汗~~

每天一站·CSS酷站欣赏·一

2007-01-24 09:48:05 / 个人分类:每天一站

前几天推荐了一个专门收录CSS优秀网站的CSSMania.com,目前收录有5000多个网站,估计很多朋友和我一样,只是匆匆一览吧。为了和大家一起欣赏这些好站,为了肯定采用CSS技术进行设计的网站成果,为了推广WEB标准的应用……(此处省去1500字),偶决定——从今天起,每天推荐一个CSS酷站,可能也不局限于CSSMania.com的网站哦~~(生病、休假。。刮风、下雨、打雷、闪电、下雪、冰雹、地震、海啸。。。等情况除外


哈哈,不啰嗦了,让我们欢迎——
再给大家一秒钟,猜猜看,今天被选中的这个幸运儿是谁呢?:P
Ladies & Gentleman,让我们欢迎(8好意思,宪哥的节目看多了)——今天的主角:flexilis.com


首页简洁大方,可以说是一个标准的商业网站设计


简单分析一下他的布局:


再来看看其中一个内页:

可以看到,内页的LOGO和“联系我们”链接、导航栏样式、页面背景、页面底端的版权申明等,与首页基本相同,这些风格或相同相近的内容,保证了网站整体风格的统一。导航栏下方醒目的大图,让用户直观感受到每个页面的主题。主要内容采用三栏式布局,左边是栏目标题及子栏目的链接,中间是页面的主要内容,右侧是一些相关文档的下载和其他常用链接。


看完首页和内页,再让我们细细品味一下一些精彩的细节表现:


1、首页封面图片的动态切换:

通过几幅简洁直观的大图片,展示了公司的主要业务。可通过右侧按钮切换的图片效果,为网站增加了吸引眼球的亮点。


2、清晰明快的导航:

这里提一下导航的技术应用。考虑到对搜索引擎的优化,应尽量采用文字导航,虽然没有图片来得花俏,但通过CSS对链接背景的精心设计,也可以实现不错的视觉效果。


3、文字排版错落有致:

通过字体大小、不同颜色或同种颜色的深浅变化、粗细字体的使用、分隔线及小图标的配合,让文字内容呈现条理清楚、主次分明的排布效果,给用户更好的阅读体验。


4、表单设计:

让我们欣赏这个在线反馈表单的同时,参考一篇不错的表单设计教程吧:
http://www.hellowind.com/viewnews_886.html


5、版权声明。国外网站在版权声明方面的内容大多比较完善,这个就是版权意识的鲜明体现吧。

© 2006 Flexilis, Inc. All rights reserved.
不知道版权声明该怎么写?看看这篇教程,可能会有帮助:
http://www.hellowind.com/viewnews_167.html


讲完这个网站的优秀之处,再从鸡蛋里挑挑骨头吧:P


这是网站的Contact页面,FF下表现良好,但是IE就有点不好意思咯~~

估计是CSS2盒模型的问题,这里有篇教程,可以学习一下:
http://www.hellowind.com/viewnews_959.html


在我们使用DIV+CSS进行布局时,最头疼的大概就是兼容性问题,因IE 5.x/6/7、FF等对CSS的不同解释,造成效果千差万别,要求我们在不同的浏览器中反复进行测试。当然,这只是一个小BUG,瑕不掩玉。这个网站虽然并不花俏,布局也是中规中矩,但作为一个商业网站,能够迅速有效的传递产品或服务的信息,并带给用户舒适的使用体验,这些才是至关重要的。

本站原创,欢迎转载,转载时请添加原文地址链接,谢谢~~


TAG: WEB标准 XHTML CSS DIV CSSMania 每天一站 酷站欣赏

我来说两句

(可选)

Open Toolbar