这里，我们收集了36个非常精美的免费CSS网页模板，希望你会喜欢。希望你可以这些设计精良的页面设计中，找到一些灵感并且有所学习。点击图片缩略图可以进入到原始的地址进行下载。好了，让我们一同来丰富自己的资源库吧，这样在下一次的项目中会有所帮助。
Sound box 
General 
如何量化用户体验0
很多人都把用户体验看作是网站成功与否的一个总体衡量标准。分析一个网站在提供好的用户体验方面的效果如何，往往会变成一项很主观的事情，仅停留在观点层面，缺乏客观依据。
本文描述了一个量化用户体验的快餐式的方法，我发现这个方法对于提供给客户一个关于他们的网站和过去开发所作努力的快速、客观、形象的表现很有帮助。
什么是用户体验？
“用户体验”这个术语指的是一个概念：把最终用户作为设计和开发活动的焦点，而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心（用户至上）的设计理念。
用户体验主要由四个因素组成：
·品牌
·可用性（注释：用户能够使用一个界面来达到他们的目的的难易程度）
·功能
·内容
单独作用的话，这些因素中没有一个能带来积极的用户体验；然而，如果综合起来，这些因素就组成了一个网站成功的主要因素。
用户体验良好的网站主页需要具备12个使命0
笔者最近在给编辑部培训的时候发现一个问题，就是他们在设计专题或者页面的时候自我意识太强，缺少页面设计的基本思维，想怎么设计就怎么设计，有些只是看到别人的页面是这样，他也就闷头模仿，还给思域传递了一句名言：“模仿是雷管，创新是炸药”。话虽如此，可是既然要成为一名专业的编辑或者页面设计师就必须懂得页面设计有哪些准则，如何站在公司的角度考虑公司的利益，如何站在用户的角度给用户良好的体验，如何站在行业的角度延续行业长期培育起来的用户习惯。
下面笔者想重点说说，在主页设计的时候我们应该赋予主页的十二个任务：
第一个任务：体现站点的标识和使命
上次看到一组数据，说当今全球网站数量已经上亿了，平均每天看1万个网站，那么一个人要花30年才能看完这些网站，可是30年中又会有无数的网站诞生，也许又要花60年才能再看完，总之这辈子笔者是看不完了。说明网站竞争相当激烈，同一个类型的网站同时有上万家在竞争是不足为奇的，所以在竞争中一个网站的主页就显得格外重要。
主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户，大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解他第一次打开你网站他关心什么。经过思域长时间的调查和试验，用户第一次打开一个网站大部分是这四个问题：
A 这是什么网站？
B 网站上有什么？
C 我能在这里做什么？
D 为什么我应该选择这里，而不是其他地方？
下面我们以阿里巴巴为例看看他是如何表达这四个问题的。
我要做一个扁豆那样的wordpress模板1
做完后一定会贴出来共享，因为他是我的第一个wordpress模板
今天看到一网友的博客，标题是“一直在改版，从来没上线”，呵呵，是不是很雷，不过这也是我的博客的状态，从开始自己弄博客到现在也快两年了，可是身为战斗在web设计第一线的ME，却没有给自己的博客好好倒腾一个模板，实在说不过去，所以突然有了这样的好言状语，不过也还得看时间，一直在“茫”
66个网页设计中完美的幻灯展示实例0
我最近注意到的一个非常有趣的趋势是在幻灯演示中展现关键信息。现代设计师喜欢尝试并观察用户如何与作品进行交互。尽管幻灯并不是一个普遍的趋势但是依然作为新的设计风格而不断涌现，而且越来越多的设计师注意到它并在他们的作品中使用，这种新的趋势开始崭露头角。
在本文中，你将发现各种高度创意的、漂亮的、独特的、以及最有灵感的幻灯效果设计。当然我们这里并不是要你跟随某种趋势，而是希望能够激发你的创意并启发你的想象力以创建你自己的独特的设计，因为你的网站(作品)代表你自己和你的品牌。
网页设计中的幻灯展示
事实上有很多在网站中使用幻灯和图片切换的理由，网站成功的关键因素之一是找到一种最聪明和有效的展示你的信息给用户的方法。之前，幻灯在企业网站的首页非常流行，因为它对于展示企业的信息和服务非常有用，但是现在它已经广泛的用于所有类型的网站了。鉴于它们对于网站的价值，幻灯通常被放在页面中最醒目的位置，这样可以给访问者的非常有冲击力的第一印象。
你或许也注意到，幻灯对于作品集网站也非常流行，因为用幻灯的方式展示你的作品显得非常有意义和有吸引力。
解决IE6、IE7、Firefox兼容最简单的CSS Hack及 Firefox下UL自适应高度2
解决IE6、IE7、Firefox兼容最简单的CSS Hack
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
- 第一排给Firefox以及其他浏览器看
- 第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看
- 第三排给IE6以及更老的版本看
Firefox下UL自适应高度
<style>
ul { width:500px; border:1px solid red; }
li { width:200px; float:left; }
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
这是在Firefox下
1.ul不指定高度
2.li指定了float属性
ul就会没有高度了，在IE和FF下会显示的不一样。
解决方法有三种
第一种：给ul属性 overflow:hidden;
第二种：给ul属性 float:left;
第三种
<style>
ul { width:500px; border:1px solid red; }
li { width:200px; float:left; }
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<div style=" clear:both; visibility:hidden;">
</ul>