上网的是时候经常会碰到这样的情况，就是看到一个自己觉得比较漂亮和欣赏的网页，就想先存下来，研究下她的配色和框架结构，以前用的TheWorld，有相关功能直接保存为图片。但是为了观赏到HTML5技术和CSS3技术，响应下无毒安全浏览器，现在还是用Firefox比较多。今天突然发现了这款软件，真的不错。Pearl Crescent Page Saver ，试了下效果，确实不错，可以将页面和区域保存为图片，保存的图片为PNG或者JPG格式，图片名称为网页的title。来看看官方的说明：

免费版本下载地址：http://pearlcrescent.com/products/pagesaver/pagesaverbasic-2.5.xpi

时光博客下载地址：pagesaverbasic-2.5.xpi

HOHO，又解决了一个难题了！

网 页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自 己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计 的范畴，都是网页设计师的工作。

作为一名网页设计师，首先要具备审美的能力，而网页设计就相当于平面设计，网页设计师可以将平面设计中的审 美观点套用到这上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸），所以平面设计上的审美的观点在网页设计上非常实用。如对 比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等，以及色彩的搭配显示出的轻快活泼的美，这些都能在网页上显示出来，反映设计师高超的审美能力。 因此作为一名网页设计师，要使自己的网页具有美感，不具备审美能力是不行的。这要求设计师平时多多的积累，在仔细的观察的基础上多分析美的来源，并灵活的 将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到一定的高度。而我们经常看到一些网页里用的基本几何形体错综复杂，用色花里胡 哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有，有兴趣得到更多的信息吗？首先自己就讨厌，怎么还谈得 上感兴趣？这是一种典型的失败，一味的追求显眼、追求吸引人，这种做法取得的效果适得其反。当然并不是页面做得好看，具有美感网页就一定让人感兴趣，这也 建立在一定好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是网页的界面设计应该还是要以布局的美为标准，有规律可循，这也是网页设计师的责 任。

写js时会用到，如果发现自己想要的效果没有实现，而程序没问题的话，就参照下此表对应看下标签是否正确。

在看js代码时，有时会看到关于quirks mode(怪异模式)和strict mode(严格格式)的东西，一直也没深究怎么回事，只是零零碎碎的有些概念，最近终于受不了这种似懂非懂的感觉，决定好好学习总结一下。

1、quirks mode和strict mode是浏览器解析css的两种模式，或者可以称之为解析方法。目前正在使用的浏览器这两种模式都支持 。

2、历史原因。

当早期的浏览器Netscape 4和Explorer 4对css进行解析时，并未遵守W3C标准，这时的解析方式就被我们称之为quirks mode(怪异模式),但随着W3C的标准越来越重要，众多的浏览器开始依照W3C标准解析CSS，仿照W3C标准解析CSS的模式我们叫做strict mode(严格模式).

3、后来的浏览器虽然支持strict mode，但众多浏览器并未放弃支持quirks mode。

一个重要的原因就是为了之前大量在quirks mode下开发的网页能够得到正确的显示。所以，这些支持两种模式的浏览器当拿到一张网页时，所做的一个前期工作就是判断采取何种方式进行解析(判断条件后面会说)。注：Explorer 5仍然只支持quirks mode 

燕郊地方举行IT文化节,5所高校组成的,貌似可以看到不少名人,可以看到不少高手!

做得很急,这次采用的方法主要是PNG,发现不少以前没有发现的问题：

1. IE下加载PNG为背景图时，得定义背景图的大小，否则会出现图片拉伸为块级元素的大小。
2. clear:both一定要注意使用。否则自动高度的时候会出（FF）会有问题。
3. 关于IE版本的HACK区别，区别IE的具体细节。
4. 块级元素属性为浮动的时候，IE DOUBLE MARGIN的问题,display:inline;
5. 图片的优化工作,导出时候的选择,以及图片的大小。
6. 关于宽屏的处理（1024×768，1280×800，甚至更大的）。
7. ID和CLASS的命名规范。
8. PNG背景图层上的超链接问题，需要对照链接进行相对位置确定（IE）才能识别。

其他的都是些小问题。看来还得研究下图片的导出问题，这个应该好好研究下，怎么样才能做到图片的最小和质量的最大！

fate-Stay-Night 宣传页地址：http://liupeng.us/demo/fate/

==友情提示：如果网速不好，请耐心等待加载，因为图片有些大！谢谢！

平时做网站的时候，在颜色的选择上浪费了好多时间，严重影响开发效率。于是趁国庆放假，好好整理下以前收集的一些颜色和素材，总结下经验，这样将大大提高开发效率！不多说了，来看看在线演示效果吧！

在线体验：http://liupeng.us/demo/color_panel.html

PS：大部分用的是JS来实现的，有很多颜色是参考网上的资料。网页暂时只支持IE6 ，跨浏览器的没做。因为本人平时都是用IE6来开发，主要原因还是因为本人js水平太烂...

Update 2008-09-29

1. 加入web2.0色系，多大1080多种颜色。默认web2.0色系为现实。
2. 由于web2.0色系模块过大，提供显示/关闭按钮。
3. 点击颜色框，色值（带#）会自动复制到剪切板，CTRL+V粘贴即可。