June 28
品茶是特殊的生活艺术享受，不同于评茶，喝茶。评茶是对商品茶的审评，鉴别优次，评定等级，是确定茶叶商品价值的一个步骤。喝茶乃生津止渴之举，解渴提神而已。
品茶则有丰富的内涵和美的追求。浅斟细啜，品评再三，赏色，闻香，品味，观境，会神，尽情领略茶的情趣。具体言之，品茶的内容包括：欣赏品茶的环境，鉴赏茶具设施，观赏泡茶技艺，品赏茶的外形，汤色，品尝茶的香气，滋味，领略茶的风韵以及因之而引发出来的的情趣，从而达到“喜共紫瓯吟且酌，羡君潇洒有余情”，“两腋清风起，我欲上蓬莱”的境界。
中国茶叶品种繁多，饮茶习俗丰富多彩，品茶艺术各具风韵。总结古往今来人们对品茶艺术的追求，可以概括为12个字：茶鲜，水活，器美，艺宜，境幽，得趣，亦可称之为品茶之道。
如何品茶!!
中国是茶的故乡，茶文化是中华五千年历史的瑰宝，如今茶文化更是风靡全世界。这不仅仅是因为喝茶对人体有很多好处，更因为品茶本身就是一种极优雅的艺术享受。本片将茶文化的妙处、茶道的的演示融于一体，既给您提供了一个了解茶艺这项高雅艺术的良机，同时，观看本片本身就是一种很好的享受！
沏茶工序
一、烫壶：
在泡茶之前需用开水烫壶，一则可去除壶内异味；再则热壶有助挥发茶香。
二、置茶：
一般泡茶所用茶壶壶口皆较小，需先将茶叶装入茶荷内，此时可将茶荷递给客人，鉴赏茶叶外观，再用茶匙将茶荷内的茶叶拨入壶中，茶量以壶之三分之一为度。
三、温杯：
烫壶之热水倒入茶盅内，再行温杯。
四、高冲：
冲泡茶叶需高提水壶，水自高点下注，使茶叶在壶内翻滚，散开，以更充分泡出茶味，俗称"高冲"。
五、低泡：
泡好之茶汤即可倒入茶盅，此时茶壶壶嘴与茶盅之距离，以低为佳，以免茶汤内之香气无效散发，俗称"低泡"。一般第一泡茶汤与第二泡茶汤在茶盅内混合，效果更佳；第三泡茶汤与第四泡茶汤混合，以此类推。
六、分茶：
茶盅内之茶汤再行分入杯内，杯内之茶汤以七分满为度。
七、敬茶：
将茶杯连同杯托一并放置客人面前，是为敬茶。
八、闻香：
品茶之前，需先观其色，闻其香，方可品其味。
九、品茶：
"品"字三个口，一杯茶需分三口品尝，且在品茶之前，目光需注视泡茶师一至两秒，稍带微笑，以示感谢。
June 25
无论你何时使用Internet，都会用到DNS。每次发送电子邮件或是在网上冲浪，你都必须依赖DNS。DNS负责主机名字之间和互联网络地址之间的映射，是由计算机来处理的，要是连接DNS服务器的过程出现延迟，或者如果DNS服务器解析某个地址时间过长，那么访问就会出现延迟。而如果能够以某种方式加快域名解析，就能够加快上网冲浪的速度，下面介绍的是一种加速方法：使用OpenDNS。
OpenDNS可以使您对Internet的访问Safer(更安全)，Faster(更快)和Smarter(更聪明)。
所谓更安全，是指OpenDNS可以屏蔽掉一些网络钓鱼(phishing)网站，在您访问这些网站时给出警告。所谓更快，是指OpenDNS提供的DNS查询服务速度比较快，而且使用了高速缓存等技术提高DNS查询速度。
所谓更聪明，是指当你输错一些网址的时候，比如把nba.com错输成nba.cmo，OpenDNS会检测到这个错误，并返回正确nbao.com的IP地址。另外，你还可以设置Shortcut(缩略名)，比如，设置"mail"指向"mail.yahoo.com"，以后当你在地址栏输入"mail"后就会自动访问"mail.yahoo.com"这个地址。
还有，OpenDNS更可靠，它可以保证长期有效，不会让您因为DNS服务器停止工作而无法访问互联网。OpenDNS也使用了分布式网络，在全球架设了服务器，使得每个访问者可以在离自己最近的服务器进行DNS查询。
让上网更快速更安全 OpenDNS上网新方式(还能摆脱电信的 DNS 劫持)
OpenDNS的使用很简单，和其他的DNS服务器一样，只要把网络连接里的两个DNS服务器地址改成OpenDNS的208.67.222.222和208.67.220.220
民科”一词，是近几年出现的一个新词汇，指那些游离于科学共同体之外而热衷于科学研究的人员。有些置身于科学共同体之中，但从事一些并未列入科研计划的个人兴趣研究课题的人，也被称之为民科。
June 12
这是今天在51job上看到的普华永道的招聘信息：
职位描述：
Key responsibilities:
- Provide Lotus Notes and Web application maintenance and support
- Work closely with other team members to assess technical and operational requirements of business solutions
- Stay close to the business development of various line of services
- Liaise with local and remote IT teams and implement system solutions
- Write professional comprehensive documentation; including project proposal, requirement specification, functional specification, implementation plan, test plan, user guide and deployment plan, etc.
- Arrange users acceptance test and production rollouts
- Explore and recommend new technology to improve existing IT services
Requirements:
- Degree holder in Computer Science, Information Technology or related discipline
- Minimum 5 years of working experience in software design and development with 3 years solid experience in Lotus Notes application development and/or Database administration
- Experience in relational database, Oracle, Microsoft.Net, Microsoft SQL, XML, Web Services and Windows Application
- Experience in Lotus Script, Lotus Formula, HTML, JavaScript
- Certificate holder in Lotus Notes R6/7 (CLP)
- Knowledge in Lotus Domino Server Administration and SQL Server Administration would definitely be an advantage
- Sound track record for successful systems implementation under the role of System Analyst or Analyst Programmer
- Strong analytical, problem solving and communication skills; strong business senses; good business writing skills
- Proficient in spoken and written in English
- Excellent organizational and time management skills, self-motivated and able to work under pressure
如果我以这份工作为目标，那意味着我将走入外企的道路，对比自己目前的状况我需要在以下方面努力。
一、CLP认证；
二、关系型数据库；这为我以后定位为DBA打下基础；
三、英语口语；
努力吧。
相信我自己！
May 21
一、 考试范围
考试编号710——多选
概述：主要涵盖一下主题：
² 应用架构
² 数据库管理
² 设计元素
² 程序设计
² 安全性
l 应用架构
ü Notes客户端的创建，修改和疑难问题处理
ü Domino应用架构
ü 在Notes客户端执行请求
ü 在应用中使用图片
ü 使用链接实现用户可用的应用
ü 使用表格来设置页面布局
ü 使用书签来组织项目
ü 了解数据库复制
ü 使用本地应用
l 数据库管理
ü 掌控数据库复制
ü 拷贝数据库
ü 创建空白数据库
ü 通过模板创建数据库
ü 在Domino目录中创建和修改群组
ü 创建设计模板
ü 创建数据库帮助文档
ü 创建数据库图标
ü 监控或维护复制
ü 避免继承设计
ü 在Designer中打印
ü 设置数据库属性
ü 设定继承设计
ü 设置文档锁定
ü 存取数据库疑难问题
ü 使用设计摘要来分析设计元素
ü 使用设计模板来刷新应用程序
ü Notes数据库的本质
l 设计元素
ü 创建域帮助和提示
ü 创建共享图片资源
ü 创建排序的和分类的视图
ü 创建，修改和维护内嵌的设计元素：导航
ü 创建，修改和维护内嵌的设计元素：视图
ü 创建，修改和维护动作
ü 创建，修改和维护代理
ü 创建，修改和维护列
ü 创建，修改和维护域
ü 创建，修改和维护文件夹
ü 创建，修改和维护双重的客户端
ü 创建，修改和维护表单
ü 创建，修改和维护热点
ü 创建，修改和维护层
ü 创建，修改和维护链接
ü 创建，修改和维护导航
ü 创建，修改和维护页面
ü 创建，修改和维护区段
ü 创建，修改和维护视图
ü 在视图中显示文档层级
ü 在列中显示图标
ü 在列中显示数目
ü 隐藏代理
ü 定时代理
ü 设置代理属性
ü 使用自动保存
ü 应用数据类型：颜色
ü 应用数据类型：公式
ü 应用数据类型：关键字
ü 应用数据类型：名字
ü 应用数据类型：数字
ü 应用数据类型：密码
ü 应用数据类型：轻量的富文本域
ü 应用数据类型：富文本域
ü 应用数据类型：时间地域
ü 应用数据类型：时间/日期
ü 应用共享资源
l 程序设计
ü 创建域验证和使用公式转换
ü 使用@Commands创建公式应用
ü 使用 @Functions
ü 创建右键动作按钮
ü 在表单中使用条件来显示或隐藏信息
ü Domino Designer 应用和设计环境
ü 使用首选工具来使IDE更容易使用
ü 窗口标题的可编程性
ü 设置默认域值
ü 设定编程面板属性
ü 使用Designer参考面板
ü 使用程序员窗格的自动完成功能
ü 使用Designer对象窗格
ü 掌握基本的公式语言
l 安全性
ü 增强应用程序的安全性
ü 针对不同的应用用户来定义安全等级
ü 确定数据库群组存取权限
ü 安全应用：作者域
ü 安全应用：读者域
ü 设定数据库存取：默认权限
ü 设置和读取ACL集合
May 10
我的手机是16G型号的，今天尝试修改手机密码，经查证原始的手机密码为1122。
April 01
在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。基本上凡是 table 布局可以实现的，CSS 一定可以实现。CSS 可以实现的，table 未必能做到。
下面是几个列子：
一、单行内容的居中
只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了
复制内容到剪贴板代码:
.middle-demo{
height: 4em;
line-height: 4em;
overflow: hidden;
}
优点：
1. 同时支持块级和内联极元素
2. 支持所有浏览器
缺点：
1. 只能显示一行
2. IE中不支持<img>等的居中
二、多行内容居中，且容器高度可变
也很简单，给出一致的 pad**-bottom 和 pad**-top 就行
复制内容到剪贴板代码:
.middle-demo{
pad**-top: 24px;
pad**-bottom: 24px;
}
优点：
1. 同时支持块级和内联极元素
2. 支持非文本内容
3. 支持所有浏览器
缺点：
容器不能固定高度
三、把容器当作表格单元
CSS 提供一系列diplay属性值，包括 display: table, display: table-row, display: table-cell 等，能把元素当作表格单元来显示。这是再加上 vertical-align: middle, 就和表格中的 valign="center" 一样了。
复制内容到剪贴板代码:
.middle-demo{
display: table-cell;
height: 300px;
vertical-align: middle;
}
优点：
不用说了吧，就是表格，效果和表格一模一样
缺点：
IE下无效
四、补充图片和文字水平居中显示
设置图片属性；align=”absmiddle”。
实例代码：<a href="#"><img src=”/images/forefront.gif” align="absmiddle">forefront</a>
在这里以div标签元素为例。
如何使DIV居中,div垂直居中,div水平居中.
主要的样式定义如下：
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明：
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。
如何使图片在DIV 中垂直居中
用背景的方法。举例：
body{BACKGROUND: url(http://www.w3cn.org/style/001/logo_w3cn_194x79.gif) #FFF no-repeat center;}
关键就是最后的center,这个参数定义图片的位置。还可以写成“top left”(左上角)或者"bottom right"等，也可以直接写数值"50 30"
效果如下：
如何使文本在DIV中垂直居中
如果是文字，便不能用背景方法，可以用增高行距的办法变通实现垂直居中，完整代码如下：
<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>
说明：
vertical-align:middle;表示行内垂直居中，我们将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。
Pour your heart into it.将你的心注入你热爱的事业，我相信你一定能获得成功。星巴克创始人、全球董事长霍华德.舒尔茨自述了一家零售业从发家到壮大的历程，展示了一位创业者如何把内心的激情转化为利润，如何抓住顾客的想象从而获得成功。
精彩语摘：
如果你倾心投入于自己的工作，或者任何值得为之努力的事业，你就有可能实现在他人看来不可能实现的梦想。生活因此会变得很有意义。
若比他人计较得失－－想想明智，若比他人铤而走险－－想想平安，若比他人耽于梦想－－想想现实，若比他人期望更多－－想想概率。
March 25
卡帕斯基key [更新日期：2009/03/25] 地址１ 地址２
March 24
Windows系统中如何释放C盘空间
1.打开“我的电脑”-“工具”-“文件夹选项”-“查看”-在“显示所有文件和文件夹”选项前打勾-“确定”
2.删除以下文件夹中的内容：
x:\Documents and Settings\用户名\Cookies\下的所有文件(保留index文件)
x:\Documents and Settings\用户名\Local Settings\Temp\下的所有文件(用户临时文件)
x:\Documents and Settings\用户名\LocalSettings\TemporaryInternet Files\下的所有文件(页面文件)
x:\Documents and Settings\用户名\Local Settings\History\下的所有文件(历史纪录)
x:\Documents and Settings\用户名\Recent\下的所有文件(最近浏览文件的快捷方式)
x:\WINDOWS\Temp\下的所有文件(临时文件)
x:\WINDOWS\ServicePackFiles(升级sp1或sp2后的备份文件)
x:\WINDOWS\Driver Cache\i386下的压缩文件(驱动程序的备份文件)
x:\WINDOWS\SoftwareDistribution\download下的所有文件
3.如果对系统进行过windoes updade升级，则删除以下文件：
x:\windows\下以 $u... 开头的隐藏文件
4.然后对磁盘进行碎片整理，整理过程中请退出一切正在运行的程序
5.碎片整理后打开“开始”-“程序”-“附件”-“系统工具”-“系统还原”-“创建一个还原点”(最好以当时的日期作为还原点的名字)
6.打开“我的电脑”-右键点系统盘-“属性”-“磁盘清理”-“其他选项”-单击系统还原一栏里的“清理”-选择“是”-ok了
7、在各种软硬件安装妥当之后，其实XP需要更新文件的时候就很少了。删除系统备份文件吧：开始→运行→sfc.exe /purgecache近3xxM。(该命令的作用是立即清除"Windows 文件保护"文件高速缓存，释放出其所占据的空间)
8、删掉\windows\system32\dllcache下dll档(减去200——300mb),这是备用的dll档， 只要你已拷贝了安装文件，完全可以这样做。
9、XP会自动备份硬件的驱动程序，但在硬件的驱动安装正确后，一般变动硬件的可能性不大，所以也可以考虑将这个备份删除，文件位于\windows\driver cache\i386目录下，名称为driver.cab，你直接将它删除就可以了，通常这个文件是74M。
10、删除不用的输入法：对很多网友来说，Windows XPt系统自带的输入法并不全部都合适自己的使用，比如IMJP8_1 日文输入法、IMKR6_1 韩文输入法这些输入法，如果用不着，我们可以将其删除。输入法位于\windows\ime\文件夹中，全部占用了88M的空间。
11、升级完成发现windows\多了许多类似$NtUninstallQ311889$这些目录，都干掉吧，1x-3xM
12、另外，保留着\windows\help目录下的东西对我来说是一种伤害，呵呵。。。都干掉！
13、关闭系统还原：系统还原功能使用的时间一长，就会占用大量的硬盘空间。因此有必要对其进行手工设置，以减少硬盘占用量。打开"系统属性"对话框，选择"系统还原"选项，选择"在所有驱动器上关闭系统还原"复选框以关闭系统还原。也可仅对系统所在的磁盘或分区设置还原。先选择系统所在的分区，单击"配置"按钮，在弹出的对话框中取消"关闭这个驱动器的系统还原"选项，并可设置用于系统还原的磁盘空间大小。
14、休眠功能会占用不少的硬盘空间，如果使用得少不妨将共关闭，关闭的方法是的：打开"控制面板"，双击"电源选项"，在弹出的"电源选项属性"对话框中选择"休眠"选项卡，取消"启用休眠"复选框。
15、卸载不常用组件：XP默认给操作系统安装了一些系统组件，而这些组件有很大一部分是你根本不可能用到的，可以在"添加/删除Windows组件"中将它们卸载。但其中有一些组件XP默认是隐藏的，在"添加/删除Windows 组件"中找不到它们，这时可以这样操作：用记事本打开\windows\inf\sysoc.inf这个文件，用查找/替换功能把文件中的"hide"字符全部替换为空。这样，就把所有组件的隐藏属性都去掉了，存盘退出后再运行"添加-删除程序"，就会看见多出不少你原来看不见的选项，把其中那些你用不到的组件删掉（记住存盘的时候要保存为sysoc.inf，而不是默认的sysoc.txt），如Internat信使服务、传真服务、Windows messenger，码表等，大约可腾出近50MB的空间。
16、清除系统临时文件：系统的临时文件一般存放在两个位置中：一个Windows安装目录下的Temp文件夹；另一个是x:\Documents and Settings"用户名"\Local Settings\Temp文件夹(Y:是系统所在的分区)。这两个位置的文件均可以直接删除。
17、清除Internet临时文件：定期删除上网时产生的大量Internet临时文件，将节省大量的硬盘空间。打开IE浏览器，从"工具"菜单中选择"Internet选项"，在弹出的对话框中选择"常规"选项卡，在"Internet临时文件"栏中单击"删除文件"按钮，并在弹出"删除文件"对话框，选中"删除所有脱机内容"复选框，单击"确定"按钮。
18、清除预读文件：Windows XP的预读设置虽然可以提高系统速度，但是使用一段时间后，预读文件夹里的文件数量会变得相当庞大，导致系统搜索花费的时间变长。而且有些应用程序会产生死链接文件，更加重了系统搜索的负担。所以，应该定期删除这些预读文件。预计文件存放在Windows XP系统文件夹的Prefetch文件夹中，该文件夹下的所有文件均可删除。
19、压缩NTFS驱动器、文件或文件夹：如果你的硬盘采用的是NTFS文件系统，空间实在紧张，还可以考虑启用NTFS的压缩功能。右击要压缩的驱动器－"属性"－"常规"－"压缩磁盘以节省磁盘空间"，然后单击"确定"， 在"确认属性更改"中选择需要的选项。这样可以节省约20% 的硬盘空间。在压缩C盘的时候，最好在安全模式下压缩，这样效果要好一些。
20、关闭华医生Dr.Watson：要关闭Dr.Watson可打开注册表编辑器，找到"HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\AeDebug"分支，双击其下的Auto键值名称，将其"数值数据"改为0，最后按F5刷新使设置生效，这样就取消它的运行了。也在"开始"->"运行"中输入"drwtsn32"命令，或者"开始"->"程序"->"附件"->"系统工具"->"系统信息"->"工具"->"Dr Watson"，调出系统里的华医生Dr.Watson ，只保留"转储全部线程上下文"选项，否则一旦程序出错，硬盘会读很久，并占用大量空间。如以前有此情况，请查找user.dmp文件，删除后可节省几十MB空间。
21、关闭远程桌面："我的电脑"->"属性"->"远程"，"远程桌面"里的"允许用户远程连接到这台计算机"勾去掉。
22、取消XP对ZIP支持：Windows XP在默认情况下打开了对zip文件支持，这要占用一定的系统资源，可选择"开始→运行"，在"运行"对话框中键入"regsvr32 /u zipfldr.dll"，回车确认即可取消XP对ZIP解压缩的支持，从而节省系统资源。
23、关闭错误报告：当应用程序出错时，会弹出发送错误报告的窗口，其实这样的错误报告对普通用户而言几乎没有任何意义，关闭它是明智的选择。在"系统属性"对话框中选择"高级"选项卡，单击"错误报告"按钮，在弹出的"错误汇报"对话框中，选择"禁用错误汇报"单选项，最后单击"确定"即可。另外我们也可以从组策略中关闭错误报告：从"运行"中键入"gpedit.msc"，运行"组策略编辑器"，展开"计算机配置→管理模板→系统→错误报告功能"，双击右边设置栏中的"报告错误"，在弹出的"属性"对话框中选择"已禁用"单选框即可将"报告错误"禁用。
24、关掉不用的设备：Windows XP总是尽可能为电脑的所有设备安装驱动程序并进行管理，这不仅会减慢系统启动的速度，同时也造成了系统资源的大量占用。针对这一情况，你可在 设备管理器中，将PCMCIA卡、调制解调器、红外线设备、打印机端口(LPT1)或者串口(COM1)等不常用的设备停用，方法是双击要停用的设备，在其属性对话框中 的"常规"选项卡中选择"不要使用这个设备(停用)"。在重新启动设置即可生效，当需要使用这些设备时再从设备管理器中启用它们。
25、定期清理系统还原点：打开磁盘清理，选择其他选项－>清理系统还原点，点击清理。
26、卸载不需要的程序，这个就不用我多说了
27、其它优化：
a 将应用软件装在其它硬盘（不要安装在系统盘下，这对重装系统也有好处）;
b 将"我的文档"文件夹都转到其他分区：在桌面的"我的文档"图标上是右击鼠标，选择"属性"->"移动" ；
c 将IE临时文件夹都转到其他分区：打开IE浏览器，选择"工具"->"internet选项"->"常规"->"设置"->"移动文件夹"；
d 把虚拟内存也转到其它硬盘；
e 把pagefile.sys文件都指向一个地方：控制面板→系统→性能—高级→虚拟内存→更改，注意要点"设置"才会生效；
f 在桌面的"我的电脑"图标上是右击鼠标，选择"属性"->"高级－性能设置"－>"高级－虚拟内存"，调至330－720。而且定时清理。
March 18
传统页面：table和图片混合制作的。web标准页面采用结构与表现分离的方式。
推荐设计规范：css2 ECMAscript262
推荐设计辅助工具：
针对Firefox：
CSSViewer
Firebug
WebDebeloper
CSS语法结构
1)类选择符
body{} div{} span{}
2)群组选择符
h1,h2,h3,p,span{}
3)包含选择符
h1 span{}
4)id及class选择符
#forefront{} .apple{}
5)组合选择符
h1 .a1{}
#comtent h1{}
h1 .a1{},#content h1{}
h1#content h2{}
6)通配选择符
*{}
对CSS排版，可以使用dreamweaver中的自动套用排版格式
推荐书籍：<<网站重构>>
<<CSS网站布局实录>>
<<精通CSS>>
<<CSS禅意花园>> www.csszengarden.com
<<超越css>>
Web标准的好处
1)高效开发与简单维护
2)信息跨平台的可用性
3)降低服务器成本
4)便于改版
5)加快网页解析的速度
6)与未来兼容
7)更加良好的用户体验
photoshop设计图片的时候，分辨率设置为72即可。 先有表现（photoshop画图），再有结构（dreamweaver），最后得到的就是表现和结构混杂的产物(table制作的网页)。
采用web标准的制作方法，首先注重设计的是结构。
media="print" 指明打印样式
转自：http://www.cssforest.org/blog/index.php?id=121
做为一个专职的页面重构者，我们从事的工作简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来，但随着工种的细分，加上页面重构本身的专业性，独立为一个职业也不是不可能，至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿，可以不理会下面的内容。
单纯的页面重构，所涉及到的工作内容一般是“分析设计稿=>切图=>写HTML和CSS”，虽然看起来很少，但要做好这份工作，绝非所想的那么容易。原因很简单：工作内容单一，在时间和工作量上必会很苛刻，往往跟设计师的工作时间是3:1，即设计师给三天的时间，制作只给一天的时间完成；在这种工作强度下，很多人都是靠着对这份工作的喜爱在维持着，一旦工作热情消失，很容易就会变得枯燥，保持热情也成了重构工作者（也许是所有参加工作的人）应该具备的能力。
跟“前端工程师”所要求的有所不同，“页面重构”虽然也是“前端工程师”的一个范畴，在职业化中，对专职的页面重构者，要求当然也更高。不单是做出页面，而是做出好页面。又引出另一个话题，“何为好页面？”，一般包括下面几点：
- 结构完整，可通过标准验证
- 标签语义化，结构合理
- 充分考虑到页面在站点中的“作用和重要性”，并对其进行有针对性的优化
很多同学多少都遇到过方向不明，不知道自己应该提高些什么，我们可以从“分析设计稿=>切图=>写HTML和CSS”这个工作内容，针对每一点提出一些要求，以方便我们分析自己的能力水平，为继续提高确定个方向：
一、设计稿的分析
设计稿的分析是指对设计稿如何制作成页面的分析，即哪一块的内容可以做为公共的部分、哪一块的内容结构可以如何实现等。对设计稿的分析能力可以划分成下面的几个阶段：
- 能分清设计稿中的公共与私有的部分
- 在1的基础上对各部分的实现方式有一个初步的方案（包括如何切图、写结构、写样式）
- 在1的基础上，准确的给出各部分的实现方案（包括如何切图、写结构、写样式）
- 在3的基础上，能同时考虑方案的扩展性、复用性及页面性能（包括如何切图、写结构、写样式）
- 在4的基础上，考虑整站的结构分布（包括文件分布、目录结构）
上面这些都是在还没开始动手制作之前所要做的。
二、切图
切图是指将设计稿切成便于制作成页面的图片。都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，还包括把切出来的图片合并到一起，怎么切、从哪切才能将性能最大化，说“切图是一门艺术”完全不为过。切图也可以划分成几个阶段：
- 切成所需要的图片（如何将需要的部分切出来）
- 在1的基础上，对切出来的图片进行一些优化（包括压缩文件大小、选择图片类型）
- 在2的基础上，规划切出来的图片（包括文件分布）
- 在3的基础上，考虑整体的性能（包括合并图片、压缩文件大小）
HTML和CSS的编写
HTML和CSS的编写是指将上面完成的内容，通过HTML和CSS的编写，将设计稿转换成WEB页面最重要的一块，也是我们所要重点掌握的内容，把它们放在一起，是因为它们相互的关联性太强，HTML的写法会影响到CSS的写法，它又可以划分成下面几个阶段：
- 还原设计稿视觉效果，并通过标准验证（HTML）
- 在1的基础上，实现多浏览器的兼容（HTML）
- 在2的基础上，标签语义化（HTML）
- 在3的基础上，选择较优的实现方式（包括模块化结构，方便程序脚本使用，HTML和CSS）
- 在4的基础上，考虑到扩展性、复用性和可维护性（HTML和CSS）
- 在5的基础上，考虑到整站的样式分布（包括如何实现分布）
- 在6的基础上，样式写法的优化（包括技巧的应用）
是对所遇到问题的解决能力，这一点在不同的阶段都可能会遇到，所以没有写到上面。
如果你已经达到或超过3、4、5，恭喜你，你已经是一个职业的“页面重构工作者”了。为了我们自身的发展，关注新技术、技术创新、提高用户体验、审美观、程序脚本的实现方式等，也是十分必要的。大家一起进步吧。
March 16
问题描述：在部署.net网站程序的时候，页面中文部分显示乱码。后来查找IIS站点的属性设置，发现属性－》asp.net标签中有关于文件编码的设置，我改为utf-8，居然还不行。
处理办法：无奈之举，google。发现解决办法可真多。
editplus：选中所有的需要转换的文件，指定打开方式，然后打开，保存所有即可。
dreamweaver cs4可以查看打开文件的编码属性，当然也可以修改文件的编码方式。
还有不少网友写代码实现此功能，有空我也试试。
Tools 
