moongong’s blog

嘻嘻，生活充满各种各样的小希望和小惊喜，只要保持一颗乐观和善于感受生活的心，每天都会是精彩的哦。
哈，我是个容易满足的人呢，所以小小的成就，或许在别人不算什么啦，也足以让我很欣慰。因为至少生活又多了一点乐趣啦。

这里要力推荐一下马利牌水粉颜料，它在我的画箱积压三年勒，今天翻出来依然能用的得心应手，我以为会干掉，或者变质，没想到像三年前一样，这点很是欣慰哦，哈哈。
三年了，三年没有画水彩了呢，嗨，这也好意思说。
呵呵，上图吧，水平有限，只能模仿别人的作品呢，希望不久的将来月月也能创作出很棒的作品哦。

去了上海四天，本来打算买3号下午的动车回来，结果没有买到票就换乘4号晚上的卧铺。
今天早上7点10分回到武汉，朋友去接我，我买了两大袋东西，还帮闫姐带了一箱4公斤的货。他们转去杭州了。
这是第二次去上海，也都是和闫姐一起去的。其实没有我什么实质性的事情，只是个随从，本来在公司目前也就我最闲。

上海，国际大都市，确实很漂亮。可惜的是回来的那天晚上，去南京西路看东方明珠的时候下大雨，除了拥挤的人群，什么都没看清楚，还耽误了一些时间，后来很赶的到上海南站。
有一点欣慰的是，上海超市的东西比武汉便宜不少。一公斤瓶装的柠檬茶/柚子茶，同是韩国的，上海比武汉便宜二、三十，我买了两瓶，如果可以拿，我想买一箱的 -_-！
上海其它消费方面，不用我说，大家都是知道的，在全国都是最贵的了。除非有很强的工作能力和生存能力，白手起家又完全要靠自己奋斗的朋友最好不要考虑到上海发展啦。。。

做为一个专职的页面重构者，我们从事的工作简单的说就是“将设计稿转换成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，恭喜你，你已经是一个职业的“页面重构工作者”了。为了我们自身的发展，关注新技术、技术创新、提高用户体验、审美观、程序脚本的实现方式等，也是十分必要的。大家一起进步吧。

以今天武汉的天气命名吧。
其实对于这个博客，心情很复杂。很多话不说，他应该也知道了。谢谢他为我开启这个博客，我答应过他会好好珍惜的。

换个清爽的主题，重新记录生活。^_^
虽然很久不更新，但还是有很多朋友来访留言，哈，广告占大多数。
上图吧，最近完成的一幅挫作。软件illustrator cs，用时5个小时，画画玩玩。
AI放下很久了，最近工作较闲，再复习一下，呵呵，有些元素模仿了他人作品的，牛牛是自己想象画的哦。有朋友说想QQ空间的那个，应该是看过有印象。

今天照例睡到11点多，一个礼拜就一天能睡到自然醒，其实也还是差不多平时那个点就醒了，但周日赖床也要赖到11点。

下午去了光谷书城，第一次进去。之前一个朋友问：你住雄楚大道，有经常去那两个书城吗？真够惭愧的，做宅女做惯了，无聊了也想不起来要去看书。–

进去就直奔IT区了，同时看到《别具光芒》和《美工神话》，很是欣喜。《别》有电子版，断断续续看，还没看完。《美》是经典论坛Fireworks区斑竹froglt著的，之前有看到介绍，翻阅了一遍，大致讲的网页制作流程、网页布局和色彩搭配，关于Fireworks软件使用技巧讲的比较细致。虽然平时最常用的就是FW，但是一些技巧都已经遗忘，今天又系统的了解了一遍。推荐像我这样的菜鸟看看，呵呵，讲解的浅显易懂又比较全面。

在书社站了4个小时，能坐的地方基本都坐人了，脚很是难受，卫生间也在装修，不过今天还是有收获的。以后周末，没事就尽量去书社，看书都有氛围一些，自己买的书都是放很久都不去翻它，或者翻着翻着就走神了–

最近对手绘又提起兴趣，不过还没找到自信。
小时侯就常画画，没有很喜欢，画的也不好，只为打发一个人无聊的时间。
说起来，好好认真画画的时间还不足半年，是在SY的时候，作为一门课程和考试科目，认真画了一段时间。
毕业快两年了，搬了几次家，画板和画箱一直带着，却没有再用。
想要继续画画，是受一个陌生朋友的影响。她说画一副画，既然动笔了，不管好差都不要停下来，要坚持把它画完。其实这个是有难度的，不好的开始很容易让人没有信心继续画下去，我是这样的，昨晚上画了擦擦了画，不过好在坚持完成了。

我容易受周遭人的影响，很多时候自己没有清晰的思路指示自己去做某件事情，却通常被别人的文字或作品感动，然后从中体会到自己其实想要怎么样。或者应该说，目前对我而言，网络在生活和工作上有很大的指引作用。希望在现实生活里，也能认识多一点志同道合的朋友了。

“对我来说，电影的魅力就好象一种味道。你无法解释为什么喜欢这种味道，什么是这种味道。厨师的魅力在于这里，电影的魅力也在于这里。我们看过很多电影后不会记得讲述的故事本身，记住的恰恰是那些片断的场景镜头，这就是电影的魔力吧。”——王家卫

　　今天看了这部老片子，它发布的时候我才六岁。如果几年前看我会根本看不懂，现在看，心里已能够体会那种无法解释的味道，过几年再看，又会体会到不同于现在的味道吧。电影的本质永远不会过时，只会让观赏的人不断发掘体会到其中的内涵。

—— ——

我们最接近的时候，我跟她之间的距离只有0.01公分。57个小时之后，我爱上了这个女人。
This was the closest we ever got.Just 0.01 of a centimeter between us.But 57 hours later…I fell in love with this woman.

每个人都有失恋的时候，而每一次我失恋呢，我就会去跑步，因为跑步可以将你身体里面的水分蒸发掉，而让我不那么容易流泪。
We’re all unlucky in love sometimes.When i am,i go jogging.The body loses water when you jog…So you have none left for tears.

不知道什么时候开始，我变成一个很小心的人。每次穿雨衣，我都会戴太阳眼镜。你永远都不会知道什么时候会下雨，什么时候出太阳。
Somehow I’ve become very cautious.When i put on a raincoat…I put on sunglasses too.Who knows when it will rain…or when it will turn out sunny?

不知道从什么时候开始，在每个东西上面都有一个日子；秋刀鱼会过期，肉酱会过期，连保鲜纸都会过期。我开始怀疑，在这个世界上，还有什么东西是不会过期的？
Somehow everything comes with an expiry date.Swordfish expires.Meat sauce expires.Even cling-film expires.Somehow i’m curious about that…Is there anything in the world which doesn’t?

如果记忆也是一个罐头的话，我希望这罐罐头不会过期；如果一定要加一个日子的话，我希望它是一万年。
If memories could be canned,would they also have expiry dates?If so,i hope they last for centuries.

她走了以后，家里很多东西都很伤心。每天晚上，我都要安慰他们才能睡觉。
Since she left,everything in the flat is sad.Everything needed lulling to sleep.

不知道是我忘了关水龙头，还是房子越来越有感情？我一直以为他是最坚强的，没想到它会哭得最厉害。一个人哭，你只需要给他一包纸巾；可是一间房子哭，你可要多做很多功夫。
Did i leave the tap running…or is the apartment getting more tearful?I always thought it would cope okay.Didn’t expect it to cry so much.When people cry…they can dry their eyes with tissues.But when an apartment cries…it takes a lot to mop it up.

前不久听到这样一个面试的故事：

面试官：你准备在我们公司做些什么事情？（大致这个意思）

面试人：我准备在公司做网站重构，把原来是table的页面全部重构成css+div的，…

面试官：不好意思，我们的网站都是css+div的，不需要重构了。

面试人：…(无语了)

自从2004年阿捷翻译了《网站重构》这本书，网站重构这个词就慢慢的必成了css+div，甚至等同起来，一些朋友把标准跟重构也混淆了，css+div跟标准也混淆了。这里有很多误读的成份。

无可厚非《网站重构》当时给我们带来了一场革命。我看过部分章节，是本好书。可能是css，div，标准这些词太过于频繁，很多误读的人把网站重构和css+div或者html+css，css+div和标准，标准和重构都等同起来，弄得到底什么是什么，谁也说不清楚。这书出版到现在已经5年了，网站重构到底要多久？

我个人认为这本书始终围绕这一个思想：使用WEB标准重构网站。

21世纪初最大的IT冤案

由于2004年绝大多数网站是使用table布局的，我们知道table布局最大的坏处就是不利于结构和表现分离，后期维护比较麻烦。而使用css和div能很好的解决这个问题。table标签一直是W3C html的标准标签之一，为什么到了我们这里就拒绝使用了，table标签被抹杀是21世纪初最大的IT冤案。《网站重构》这本书自始至终没说不能使用table标签，为什么到现在，页面上出现一个table标签就说这页面是垃圾呢？可能跟中国革命的彻底性有关系。

什么是WEB标准

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

具体可以查看：http://baike.baidu.com/view/7913.htm

而在阿捷的网页设计师网站（相当于《网站重构》的官方网站）有这么一句话：

怎样才是符合web标准?
简单说就是不用HTML+table来设计页面，改用XHTML+CSS来实现。

出自：http://www.w3cn.org/faq/index.html

可能这句话才是误读《网站重构》的真正源头，抹杀table的真正元凶。但是我相信阿捷他老人家的出发点是鼓励大家使用XHTML+CSS来布局网页。

《网站重构》给我们带来一场革命，同时也给我们带来了灾难性的div+css泛滥

《网站重构》给我们带来一场革命是译者预料之中的事情，同时也给我们带来了灾难性的div+css泛滥是译者始料未及的。现在人们都在谈论div+css，谈论怎么解决浏览器兼容性问题，一个页面你就使用了div标签的有之，其实根本不存在div+css，是HTML+CSS。我问一个朋友什么是em标签，他说em是单位（css中度量单位），大家css都很精通了，html呢，基础呢，结构呢，语义呢？反正都是源代码一看，都是div标签，就是好页面。那你们把这个页面裸奔一下，看看是什么，用Twinsen Liang 的话去看看小学语文书。

网站重构到底是什么

网站重构不是一种技术，不是css+div，更不是标准，网站重构是一种思想，是一种理念。

引用WebReBuild.ORG 的话：当前国内的同行普遍的认为：所谓的网站重构就是“DIV+CSS”，想法固然极度局限。但也不是另一部分的人认为是“XHTML+CSS”，因为“XHTML+CSS”只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化，行内分工优化，以及以技术与数据、人文为主导的交互优化等。

网站重构到底要多久

重构网站先重构人，重构你的理念，不要光光追求技术，追求还原设计稿，追求浏览器的兼容性，重要的是基础和理念。当你真正了解什么是网站重构的时候网站重构也就真正开始了。

出处：http://www.css88.com/article.asp?id=543

丫头们都好，，又怀恋以前的日子了。
盼盼要嫁人了，能和路路、小娇聚聚了。
盼盼跟我们说，她公公婆婆对她特好，跟她老公吵架都说：不是看我婆婆的份上，我才不嫁你呢。哈哈。11月8号，很期待盼盼的婚礼。大姐最早嫁人，接下来会是谁哦。呵呵。
————
前几晚，一陌生号码老发短信来说些无聊话，貌似很了解我，知道我名字，知道我习惯，既然连我本本的牌子都知道，我就奇怪了啊，软硬都试了，那人就是不招自己是谁。一陌生人这了解自己，心里不爽。我就发动几个朋友帮忙留意哈，结果今天得知，是一朋友的朋友，我根本不认识。汗啦，有些生气。朋友随时都可能有意无意的把你出卖咯。
————
老妈晚上打电话，照例的嘘寒问暖。提到爸爸那边受金融危机影响，厂里只留下管理级以上的员工了，也担心老爸年龄大了，会不会被裁。希望老妈担心是多余的。哎。
————
还有就是，就是本姑娘马上也要加入奔三的行列了，哈哈。–！

窗外还在滴滴答答，小冷。睡了，安！