<![CDATA[PENNYCHEN媒体设计官方博客]]> http://www.pennychen.cn/blog/index.php zh-cn http://www.pennychen.cn/blog/read.php/108.htm <![CDATA[细节看体验(1)]]> PENNYCHEN <pennychen@126.com> Wed, 04 Jan 2012 09:54:22 +0000 http://www.pennychen.cn/blog/read.php/108.htm
<html>
<head>
<script>
function chaCloor(field){
var pig = field.checked;
pig?field.nextSibling.style.backgroundColor="yellow":field.nextSibling.style.backgroundColor="#fff";
}
</script>
<style>
.checkbox {
background-Color:expression(this.checked?'yellow':'buttonface');
}
</style>
</head>

<body >
<div>
<input type="checkbox" onClick="chaCloor(this)"><span>选项1</span>
<input type="checkbox" onClick="chaCloor(this)"><span>选项2</span>
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">
</div>
</body>

</html>

预览效果


]]> http://www.pennychen.cn/blog/read.php/107.htm <![CDATA[不要误解web标准，不要误会table，也不要误会我。]]> PENNYCHEN <pennychen@126.com> Fri, 16 Sep 2011 08:14:05 +0000 http://www.pennychen.cn/blog/read.php/107.htm 有些准则在很多设计师和工程师的头脑里是混乱的，比如web标准、w3c标准、div+css、整体布局和排版等。
1、div+css只限于网页布局，不等同与W3C标准。
2、table元素和它的相关元素是WEB标准里重要元素之一。
3、table在数据表类的排版中十分有效和实用。
4、“div+css布局”更多是指网页整体布局方式，注意“整体”二字。我们说避免使用table，更多是指避免使用table进行整体布局，而在网页里的具体排版是允许table存在，在某种程度上还会推荐使用。



Tags - , , , ]]> http://www.pennychen.cn/blog/read.php/106.htm <![CDATA[给aemi画的画像]]> PENNYCHEN <pennychen@126.com> Sun, 04 Sep 2011 14:49:06 +0000 http://www.pennychen.cn/blog/read.php/106.htm 点击在新窗口中浏览此图片

点击在新窗口中浏览此图片


Tags - , ]]> http://www.pennychen.cn/blog/read.php/105.htm <![CDATA[奥妙很多，这就是强大的CSS实现动画方式之一。]]> PENNYCHEN <pennychen@126.com> Tue, 30 Aug 2011 08:48:59 +0000 http://www.pennychen.cn/blog/read.php/105.htm 点击在新窗口中浏览此图片

网址: http://www.mball.cz/
这是CSS与PNG的的结合。

]]> http://www.pennychen.cn/blog/read.php/103.htm <![CDATA[讨论下：美工、设计师、平面设计师、前端设计师、前端开发工程师、程序员与交互开发人员的区别。]]> PENNYCHEN <pennychen@126.com> Sun, 21 Aug 2011 14:50:39 +0000 http://www.pennychen.cn/blog/read.php/103.htm 讨论下：美工、设计师、平面设计师、前端设计师、前端开发工程师、程序员与交互开发人员的区别。

讨论范围是在WEB（可以简单理解是网站平台方面）。

大概说下一般参与一个网站建设的人员组合，首先，需要一个平面设计师，他是设计版面的，一般用PS，出PSD文件。然后是一个前端设计工程师，很多情况下，他们是做切图，写HTML和CSS的，当然更多的公司里，其实是前端开发工程师、程序员或交互开发人员（也可称交互开发工程师）兼任了这个工作。只懂做一般网站程序的我们习惯统称程序员，参与一些系统平台开发的，我们才习惯称之交互开发人员。
以上是目前行业大致现状。

那我们平时称呼的网页设计师是哪部分人呢？
我们相信很多人见到以及理解的网页设计师其实就是那个做平面图的平面设计师，可能这个平面设计师会切图，会做HTML。

为什么大多数网络公司找美工都是标明“懂网页三剑客”呢？

在一个WEB网站平台项目里，平面设计师是重点吗？

美工是最低级的吗？

前端设计和前段开发是两码事？

会做网页设计的平面设计师可以称作前端设计师了？



Tags - , , , , , , ]]> http://www.pennychen.cn/blog/read.php/102.htm <![CDATA[整理罗列div+css在网站构建中的优势]]> PENNYCHEN <pennychen@126.com> Sun, 14 Aug 2011 16:26:09 +0000 http://www.pennychen.cn/blog/read.php/102.htm 1、正确使用div+css，网站代码更简洁，结构更清晰，这是有利于设计开发工作的，同时有利于搜索引擎优化。
2、div+css是表现和行为相分离的布局方式，在修改网站设计时更方便。
3、网站的视觉一致性更好，因为同一CSS样式表控制表现方式，整个网站细到边距和颜色，都可完全统一。
4、正常来说，div+css网站的载入速度更快。
5、网页体积减少，可减少主机流量的使用。
6、css具有丰富的样式变现。

dic+css的劣势主要是针对网站设计的初学者而言：
1、div+css相对表格定位更为复杂难学。
2、css样式表的一个错误有可能导致整个网站的表现异常。
3、div+css对不同浏览器的兼容问题，需要有经验的设计处理。


Tags - ]]> http://www.pennychen.cn/blog/read.php/100.htm <![CDATA[div+css网页布局方法对搜索引擎的影响]]> PENNYCHEN <pennychen@126.com> Sun, 14 Aug 2011 15:51:39 +0000 http://www.pennychen.cn/blog/read.php/100.htm 碰到很多不懂div+css与搜索引擎关系的朋友和客户，所以今晚抽时间聊聊这个话题，直接简单，希望大家能很好吸收。

首先需修正一个一般人对div+css与搜索引擎关系的错误认识：
搜索引擎对于网页的收录和排序并不是以表格和div+css来衡量，所以我们经常笼统的说“网站采用了div+css布局，所以对搜索引擎优化很好”，其实是不正确的。div+css网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比html网站有更简洁的代码设计。div+css对搜索引擎优化与否取决于网页设计的专业水平而不是div+css本身，正确使用div+css才能使得您的网站获得搜索引擎的好评。

div+css是表现和行为相分离的布局方式，这就使得网页中正文部分更为突出明显，整体代码更为简洁，这是便于被搜索引擎采集收录的主要原因。


Tags - ]]> http://www.pennychen.cn/blog/read.php/99.htm <![CDATA[何以言效率和快乐]]> PENNYCHEN <pennychen@126.com> Mon, 25 Jul 2011 15:43:59 +0000 http://www.pennychen.cn/blog/read.php/99.htm 点击在新窗口中浏览此图片

参见沙滩上的老人的一个故事，以及郭靖与成吉思汗的对话……


]]> http://www.pennychen.cn/blog/read.php/98.htm <![CDATA[对面座位的创意]]> PENNYCHEN <pennychen@126.com> Sun, 24 Jul 2011 14:19:49 +0000 http://www.pennychen.cn/blog/read.php/98.htm
看官，当我们独自一人到饮品店的时候，座位对面空空，那是什么感觉？

假如对面是你喜欢的偶像呢？假如是你喜欢的卡通呢？

有没有一家咖啡厅、饮品店或餐厅可以满足都市人这个解闷的请求呢？

想着当你或你和亲友去一间餐厅，有四个座位，你们坐了一面的两个座位，对面坐着麦兜母子，或者哆啦A梦和大雄，或者路飞，或者泰迪熊……



]]> http://www.pennychen.cn/blog/read.php/97.htm <![CDATA[看看谷歌的一个新变化]]> PENNYCHEN <pennychen@126.com> Mon, 30 May 2011 05:05:48 +0000 http://www.pennychen.cn/blog/read.php/97.htm 今天忽然发现谷歌上了一个新功能，先上截图：
点击在新窗口中浏览此图片

可见是一个网站页面预览图的功能，这个不错，起码鼠标移动一下，我就看得到这个站点有没内容，长得啥样了。

]]>