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

前几天推荐了一个专门收录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，瑕不掩玉。这个网站虽然并不花俏，布局也是中规中矩，但作为一个商业网站，能够迅速有效的传递产品或服务的信息，并带给用户舒适的使用体验，这些才是至关重要的。

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