网页设计师博客

网页设计相关知识分享,网站建设经验交流

« 每天一站·CSS酷站欣赏·一每天一站·CSS酷站欣赏·三 »

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

第二站,为大家推荐一个绿色系的网站:http://www.lesycr.cz。(为什么选绿色系?哈哈,因为偶偏好绿色,大家从有风的日子前几版的设计应该可以看出来。)从域名看,这是一家捷克网站(相关文章:《顶级域名列表》);从页面呈现的主要内容可以看出,这是一个和松树相关的网站。因为语言不通,无法了解更多。欣赏一下首页及内页的设计先:

一起看一下这个网站值得参考的几个特点吧:

1、以绿色为主色调,辅以绿色的深浅变化,以及类比色彩的运用,色彩丰富而又不致繁乱;

2、1024*768分辨率的使用。随着大屏幕液晶显示器越普及,传统800*600分辨率的用户已经越来越少,很多设计师都开始基于主流的1024*768分辨率进行设计(有风下一版或许也会放弃800*600分辨率);

3、运用和导航栏结合的大图片,使主题更突出,导航更清晰:

4、小细节有时能起到画龙点睛的作用,例如内页内容右下角的那颗松树球:

5、再来具体分析一下导航栏。大家看这个网站的导航栏效果,可能会误以为导航只是图片吧:

别着急,让我们研究一下导航栏的HTML代码

可以看到,其实这个导航菜单的HTML代码是一个无序列表,里面每一项都是文字,只是通过CSS分别定义了背景图片而已(包括一般状态的背景图和鼠标经过链接时切换的背景图)。为什么这么做?一是符合内容和形式分离的WEB标准设计原则,二来对搜索引擎更加友好,还有嘛,就是追求美观咯(目前浏览器中显示的文字效果还是无法和图片中的文字效果相媲美)。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80710 Code detection by Codefense  theme by BokeZhuti

Copyright kurui tech http://www.6339.cn/blog. 网页设计 Some Rights Reserved.