在网页设计中，如何使用图标来支持内容

二月 2, 2010 by zeze · Leave a Comment

在做视觉设计时，如何高效地使用图标是一门学问：该使用什么样的图标？图标该放在哪里？大小如何？图标的使用是否帮助用户更好更快的理解内容，亦或是增加了他们的理解负担甚至产生误导？今天恰好看到了一篇很好的文章，可以帮助我们了解该如何使用图标来支持内容，故翻译如下：阅读全文 >>

点击收缩左边栏，右边100%显示

一月 31, 2010 by zeze · Leave a Comment

点击收缩左边栏，右边100%显示（兼容ie6，ie8，firefox），在设计论坛或开发软件时会涉及到收缩左边栏，使右边100％显示。有frameset框架做的，也有div＋css来实现，下面内容来自 365css是div＋css来实现的效果：阅读全文 >>

一月 18, 2010 by zeze · Leave a Comment

创造一个良好的网站不是一件容易的事，但是有一些工具，绝对可以让您的开发人员或设计人员的生活更轻松。在这篇文章中，我都已经做了15个非常有用的网站的任何网页开发人员或网页设计师应该有书签。阅读全文 >>

一月 7, 2010 by zeze · Leave a Comment

CSS中最常用的布局类属性，一个是Float(CSS浮动属性Float详解)，另一个就是CSS定位属性Position。阅读全文 >>

一月 7, 2010 by zeze · Leave a Comment

即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。阅读全文 >>

Filed under CSS, 网页技巧 · Tagged with css, css技巧

十二月 28, 2009 by zeze · Leave a Comment

现在的网页设计师不仅设计网页的外观和风格。他们也常常负责主要前端代码的编写。换句话说，SEO（搜索引擎优化）的相当一部分责任落在设计师的肩上。然而大量网页设计师对这个领域的熟悉程度仍不足以让他们写出一个对搜索引擎充分优化的网页。阅读全文 >>

十二月 24, 2009 by zeze · Leave a Comment

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的；

style=”FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png’)” 阅读全文 >>

十二月 16, 2009 by zeze · 3 Comments

先来看看页面的代码

在body里放置代码：

<ul id=”enlarge”>
<li><a href=”#one”><img src=”http://www.web7d.com.cn/wp-content/uploads/2009/12/image1.gif” alt=”image 1″ title=”image 1″ />Image 1</a></li>
<li><a href=”#two”><img src=”http://www.web7d.com.cn/wp-content/uploads/2009/12/image2.gif” alt=”image 2″ title=”image 2″ />Image 2</a></li>
<li><a href=”#three”><img src=”http://www.web7d.com.cn/wp-content/uploads/2009/12/image3.gif” alt=”image 3″ title=”image 3″ />Image 3</a></li>
<li><a href=”#four”><img src=”http://www.web7d.com.cn/wp-content/uploads/2009/12/image4.gif” alt=”image 4″ title=”image 4″ />Image 4</a></li>
<li><a href=”#five”><img src=”http://www.web7d.com.cn/wp-content/uploads/2009/12/image5.gif” alt=”image 5″ title=”image 5″ />Image 5</a></li>
<li><a href=”#six”><img src=”http://www.web7d.com.cn/wp-content/uploads/2009/12/image6.gif” alt=”image 6″ title=”image 6″ />Image 6</a></li>
</ul>

Filed under CSS, 网页技巧 · Tagged with css, 图片放大