<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[It's my life]]></title>
  <subtitle type="html"><![CDATA[混沌的生活，杂乱的记叙]]></subtitle>
  <id>http://wjay.net/blog/</id>
  <link rel="alternate" type="text/html" href="http://wjay.net/blog/" /> 
  <link rel="self" type="application/atom+xml" href="http://wjay.net/blog/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.8">PJBlog3</generator> 
  <updated>2008-11-25T09:35:06+08:00</updated>

  <entry>
	  <title type="html"><![CDATA[初为孩儿他爹]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=5" label="工作┊生活" /> 
	  <updated>2008-11-25T09:35:06+08:00</updated>
	  <published>2008-11-25T09:35:06+08:00</published>
		  <summary type="html"><![CDATA[<p>太幸福了，已经成为准爸爸！</p>
<p>好久没有写日志，现在开始为这样的幸福重新开篇。</p>
<p>宝宝日志：<a href="http://laopo-baobao.spaces.live.com">http://laopo-baobao.spaces.live.com</a></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=358" /> 
	  <id>http://wjay.net/blog/default.asp?id=358</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[烦躁的08年]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=5" label="工作┊生活" /> 
	  <updated>2008-06-12T17:08:52+08:00</updated>
	  <published>2008-06-12T17:08:52+08:00</published>
		  <summary type="html"><![CDATA[<p>不知道为什么这段时间，心情十分的烦躁。</p>
<p>5月份完成了婚纱照的拍摄；</p>
<p>6月份开始筹备婚礼的事情；</p>
<p>本来6月初找到了一份新的工作，但是由于老爸的一句话，竟然辞去了工作。</p>
<p>这些天气温有些偏高，尽管能够感到些小风，但还是比较闷燥。</p>
<p>昨晚我们三方的长辈和婚庆的主持以及我们2对新人都见了面，吃了饭。</p>
<p>按理说应该开心才对，前半段还凑合，后来就越来越不开心了。</p>
<p>只盼着赶紧结束吧！</p>
<p>最近的心情遭透了，遭的是一塌糊涂&hellip;&hellip;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=357" /> 
	  <id>http://wjay.net/blog/default.asp?id=357</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[刚刚照完婚纱照]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=5" label="工作┊生活" /> 
	  <updated>2008-05-30T20:42:14+08:00</updated>
	  <published>2008-05-30T20:42:14+08:00</published>
		  <summary type="html"><![CDATA[<p>5&middot;28日用了整整一天的功夫把婚纱照照完了，</p>
<p>一共是5套服装，</p>
<p>1套台拍（婚纱）；</p>
<p>1套阳光棚；</p>
<p>1套欧式宫廷；</p>
<p>1套中式唐装；</p>
<p>1套人定湖外景婚纱；</p>
<p>当天一共11对新人一起轮流找，跟流水线似的，稀里哗啦的。</p>
<p>中午就给了点面包吃。</p>
<p>总的来说就是一个字累。</p>
<p>不过看我老婆照得挺美的，我也心情舒畅，让她多照了好多，呵呵。</p>
<p>6&middot;1去选小样，不知道能选出多少张来，期待中&hellip;&hellip;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=356" /> 
	  <id>http://wjay.net/blog/default.asp?id=356</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[地震·给我们的警示：死亡的背后！]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=5" label="工作┊生活" /> 
	  <updated>2008-05-19T05:07:50+08:00</updated>
	  <published>2008-05-19T05:07:50+08:00</published>
		  <summary type="html"><![CDATA[<p>截止5月18日地震造成的死亡人数已经达到32477人！！！！</p>
<p>我们有没有真正的想过，其实他们的死亡不仅仅只在于地震。</p>
<p>不知道地震会导致多少动物的死亡，如果按照与人类相同体积的来计算，估计动物的死亡人数远远不及人类，</p>
<p>当然我们可以说那些动物的总数也不及人类。</p>
<p>可是我们有没有想过，为什么地震会导致这么多人的死亡呢？</p>
<p>如果是相同面积下，楼房与平房相比，哪些死亡人数会更多？</p>
<p>如果按照房屋数量计算的，当地震开始时，平房和楼房哪些人更容易从中逃脱出来呢？</p>
<p>看看现在营救的废墟中，有多少尸体是被钢筋水泥压在了底下导致了生命的结束。</p>
<p>...</p>
<p>知道吗？正是我们得益的这些由我们人类发明建造出来的楼房（钢筋+水泥）断送了我们人类自己的生命。</p>
<p>我们该反省了，我们破坏的不光只是地球，而是地球上生存的每一个生灵，当然也包括我们人类本身！</p>
<p>这是大地的哭泣，希望我们能有一天回归自然的怀抱，那时我们人类的文明或许已不复存在，但生命却得以延续&hellip;&hellip;</p>
<p>&nbsp;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=355" /> 
	  <id>http://wjay.net/blog/default.asp?id=355</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[5·12 汶川7.8级地震当天我母亲正在贵阳-北京的火车上]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=5" label="工作┊生活" /> 
	  <updated>2008-05-16T14:19:46+08:00</updated>
	  <published>2008-05-16T14:19:46+08:00</published>
		  <summary type="html"><![CDATA[<p>谢天谢地，我母亲平安的回家了。</p>
<p>母亲5&middot;1去成都参加他们老同学组织的毕业30年后的聚会，幸亏是在5&middot;1这几天，之后她便去贵阳给姥爷姥姥扫墓。于5月12日上午8点坐上了返京的火车。</p>
<p>正值下午2点左右火车开到怀化，四川就发生了地震。当时给母亲打手机，总是关机。</p>
<p>我们全家人的心都快出来了，一直关注着地震的状况。</p>
<p>晚上也几乎没有合眼，到了早上母亲的手机还是关机，我没有办法只能先跑去火车站，在车站终于接通了她的电话。由于手机没电，她只能将其关掉等到北京时可以利用余电于我们联系。</p>
<p>看到母亲没事的消息我一下子踏实了，就等着她到达北京。</p>
<p>看着她平安的下车，我们也都平安了&hellip;&hellip;</p>
<p>&nbsp;</p>
<p>虽然已经过去4天，但想想真的还有些后怕，母亲真的很有福气，躲过了一劫，以后说什么外出也要有人陪着了。</p>
<p>同时也为那些灾难中活下来的人感动欣慰，希望他们好好的活着，珍惜自己的生命；</p>
<p>希望不要再有更多的生命离去，我们都要坚持住！！！</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=354" /> 
	  <id>http://wjay.net/blog/default.asp?id=354</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Fireworks中各种虚线的绘制方法]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=7" label="技术┊教程" /> 
	  <updated>2008-05-10T16:27:44+08:00</updated>
	  <published>2008-05-10T16:27:44+08:00</published>
		  <summary type="html"><![CDATA[<strong><font color="#000000">Fireworks</font></strong>中自带有虚线：三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。
<p>&nbsp;</p>
<p>　　在网页<a class="bluekey" href="http://design.yesky.com/" target="_blank"><font color="#003399">设计</font></a>中，我通常的用的是实边破折线。因为它和<a class="bluekey" href="http://homepage.yesky.com/" target="_blank"><font color="#003399">网页</font></a>CSS中border的dotted、dashed两个参数效果相似。在制作网页时，不需要导出切割<a class="bluekey" href="http://pic.yesky.com/" target="_blank"><font color="#003399">图片</font></a>，而是用CSS定义。</p>
<p>　　但有时候需要效果，如：只是为了网页而设计图时;或是为了设计更有特色的网页设计图时。我们还需要用到其他的虚线。<br /><br />　　<strong>绘制自定义虚线</strong>有两种方法：</p>
<p>　　<strong>方法一：</strong>画一个1像素高的矩形(边宽为0，填充所需色)，然后给它添加纹理，纹理总量设为100%。</p>
<p>　　以下是一般可用的1像素高的纹理虚线效果图：</p>
<p>　　<img height="600" alt="" src="http://design.yesky.com/imagelist/2008/023/mmxuvh16fi3n.gif" width="500" /></p>
<p>　　(说明：高于1像素的要多一个步骤：按Ctrl+Alt+Shift+Z把矩形转换成位图后，再把上面多余的黑色线删除。)</p>
<p>　　其实还有许多纹理，你不妨都去试一下&ldquo;饼干&rdquo;、&ldquo;点&rdquo;这些都是有效果的。</p>
<p>　　<strong>顺便介绍画竖线的方法：</strong></p>
<p>　　1&gt;选择&ldquo;水平线&rdquo;等可以直接出现虚线的纹理;</p>
<p>　　2&gt;转成位图，然后旋转90度;</p>
<p>　　3&gt;把矩形宽度用1个像素以上，直至出现虚线后，再转位图，去多余线。</p>
<p>　　<strong>方法二：</strong>同上画一个矩形，然后在&ldquo;填充-图案-其他&rdquo;中选择自己画好的线段</p>
<p>　　通常也是1像素高的gif文件，按你需要的虚线形式，用画笔或是线段工具画一个几个像素宽的虚线。</p>
<p>　　要注意的是，按这个图案填充的矩形，如果你觉得效果不满意，想要改一下，也有两个方法：</p>
<p>　　1&gt;在FW中图案真充是有一个填充拉伸杆的，拉伸这个杆，调整出你想要的效果;</p>
<p>　　2&gt;如果填充杆依然要不到你想要的效果就改外部gif文件。但要另存为一个文件名，再在FW中把矩形的填充重新选一下。因为，你直接把填充外部文件的样式改了后，FW文件中的填充矩形是不会跟着外部文件改的。</p>
<p>　　<img height="22" alt="" src="http://design.yesky.com/imagelist/2008/023/y72sam1gd35n.gif" width="52" /></p>
<p>　　外部gif文件，注意，右边要留出2像素的白色空间</p>
<p>　　填充拉杆的两种不同效果：</p>
<p>　　<img height="49" alt="" src="http://design.yesky.com/imagelist/2008/023/72rb041p4j2p.gif" width="323" /></p>
<p>　　前面的黑圆点是填充的起点，后面的黑方框是填充拉伸距离。</p>
　　]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=353" /> 
	  <id>http://wjay.net/blog/default.asp?id=353</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Fireworks软件新颖实用操作技巧集合]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=7" label="技术┊教程" /> 
	  <updated>2008-05-10T16:27:00+08:00</updated>
	  <published>2008-05-10T16:27:00+08:00</published>
		  <summary type="html"><![CDATA[本文介绍<strong><font color="#000000">Fireworks</font></strong>中一些比较新颖实用的操作技巧，一定能帮助大家在设计中轻松提高效率。　　
<p>　　技巧1：使用键盘的方向键移动对象时，按住【Shift】键不放，每次可以移动10个象素。</p>
<p>　　技巧2：使用【指针】工具移动对象时，按住【Shift】键不放，可以保证其水平或垂直移动。</p>
<p>　　技巧3：按住【Alt】键不放拖拽某个对象，即可对其进行复制。但是自动形状不能用这个操作，因为自动形状是一种组合状态，可以使用复制粘贴命令复制。</p>
<p>　　技巧4：对于所有的形状绘制工具而言，按住【Shift】键不放进行绘制，可以保证其宽高比始终为1：1。</p>
<p>　　技巧5：使用基本形状工具绘制形状时，按住【空格】键不放，不要松开鼠标左键，可以移动矢量图形的位置。绘制选区的时候也是如此。</p>
<p>　　技巧6：使用【矩形】工具绘制矩形时，按住键盘的上或下键不放，不要松开鼠标左键，可以增加或减少矩形的圆度。</p>
<p>　　技巧7：需要选择组内对象时，并不需要取消组合，可以选择【部分选定】工具来选择组内对象，这对于多个组合对象的编辑来说非常方便。</p>
<p>　　技巧8：使用【钢笔】工具绘制路径的过程中，按住【Alt】键不放，可以随时调整路径点的控制手柄。</p>
<p>　　技巧9：使用【刷子】工具绘制图像时，按住【Shift】键不放，绘制出出一条水平或垂直线后，释放鼠标，但不要松开【Shift】键，继续绘制，fireworks会把所画前一条线的终点和后一条线的起点连接起来。</p>
<p>　　技巧10：按住【Alt】键，单击【层】面板中的位图图层，可以根据位图的形状获得选区。</p>
<p>　　技巧11：绘制多个选区时，按住【Shift】键表示增加选区;按住【Alt】键表示减选区;按住【Shift】+【Alt】键表示对选区进行交集运算。</p>
<p>　　技巧12：在给选区填充颜色时，可以使用【Alt】+【Delete】键快速填充颜色。</p>
<p>　　技巧13：按快捷键【Ctrl】+【F8】，可以创建一个新的元件。</p>
<p>　　技巧14：按住【Ctrl】键，单击【混色器】面板下方的颜色栏，可以快速切换到不同的颜色模式，如图4-1所示。</p>
<p>　　<img height="275" alt="" src="http://design.yesky.com/imagelist/2008/120/4908dq5c711c.gif" width="311" /><br />　　图4-1 颜色模式的切换</p>
<p>　　技巧15：在颜色弹窗口采集颜色时，按住【Shift】键可以确保获得的颜色为网络安全色，如图4-2所示。</p>
<p>　　<img height="112" alt="" src="http://design.yesky.com/imagelist/2008/120/m58c31e8tfvn.gif" width="222" /><br />　　图4-2 快速选择网络安全色</p>
<p>　　技巧16：如果要给辅助线精确定位，可以在辅助线上双击鼠标左键，在弹出的【移动引导线】对话框中输入详细的坐标，如图4-3所示。</p>
<p>　　<img height="112" alt="" src="http://design.yesky.com/imagelist/2008/120/4nn1f8zk5x12.gif" width="222" /><br />　　图4-3 【移动引导线】对话框</p>
<p>　　技巧17：在【层】面板中，选中蒙板图标并像移动图层那样按住蒙板图标将其移动到其他位置，这样可以删除蒙板，并且保留下了蒙板对象，如图4-4所示。</p>
<p>　　<img height="189" alt="" src="http://design.yesky.com/imagelist/2008/120/4770vx767238.gif" width="488" /><br />　　图4-4 删除蒙版</p>
<p>　　技巧18：使用【文本】工具单击已经创建的文本，待光标转换为文本光标时，按住键盘上的【Ctrl】加键盘的左右键可以用来改变字符间距，按住【Ctrl】加键盘的上下键可以用来改变文本的行距。</p>
<p>　　<img height="225" alt="" src="http://design.yesky.com/imagelist/2008/120/09f7b5vs7104.gif" width="520" /></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=352" /> 
	  <id>http://wjay.net/blog/default.asp?id=352</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[策划设计制作网站应该注意的九大原则]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=7" label="技术┊教程" /> 
	  <updated>2008-05-10T16:25:06+08:00</updated>
	  <published>2008-05-10T16:25:06+08:00</published>
		  <summary type="html"><![CDATA[<strong>一、保持网页的朴素</strong>
<p>&nbsp;&nbsp;&nbsp; 一个好的网站最重要的一点就是界面的简单、朴素。你听说过&ldquo;KISS&rdquo;法则吗？&ldquo;Keep It Simple Silly.&rdquo;适用于所有的站点。</p>
<p>&nbsp;&nbsp;&nbsp; 制作者们很容易掉入这样一个陷阱，即把所有可能用到的网页技巧，例如：框架、表格、字体、GIF动画等等都用上，这当然是好的，但如果多了的话就会让你的访问者眼花缭乱，不知所措，也不会给他们留下很深的印象。 </p>
<p>&nbsp;&nbsp;&nbsp; 记住，只是因为你可以创建一个效果，但并不意味着你必须创建这个效果。先问一问你自己：我在网页上加入这个技术有什么价值？是否能更好的向访问者表达我的主题？</p>
<p><strong>　　二、简单并不等于乏味</strong></p>
<p>&nbsp;&nbsp;&nbsp; 简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑，而忽视了信息的有效性。</p>
<p>&nbsp;&nbsp;&nbsp; 保持简单的真正含义就是：想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。 <br />&nbsp;&nbsp;&nbsp; 清晰的设计＋有效的技术＝一个好的站点</p>
<p><strong>　　三、了解你的读者</strong></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; 你不是在真空里制作你的网页，也不是作给你自己看的。如果是这样，你还不如把它放在自己的电脑里。你发布你的网站是希望某些人停下来参观它。而这些人就是你的读者。</p>
<p>&nbsp;&nbsp;&nbsp; 你越了解你的读者，你的网站影响力就会越大。你的读者是否有个慢猫？那你最好应当特别的注意网页的大小；他们希望听到音乐片断吗？你就要想想网页上的音乐格式。你的读者是纺织工人？那么血红色和黑色最好不要选择；或者他们是骨灰级游戏玩家？你就要避免用柔和的颜色和图案了。</p>
<p>　　一个好站点的定义：通过典雅的风格设计提供给潜在读者高质量的信息。</p>
<p><strong>　　四、五个&ldquo;手指&rdquo;</strong></p>
<p>　　对一个好的网站来说，清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置，并且愉快的通过你的指引而遍览你的网站。例如，你可以做到的一件事情就是：&ldquo;下一步&rdquo;的选择数目尽量少，以便人们不会迷失在长长的选择项目列表中。</p>
<p>　　你知道吗?一般人的大脑把五个或更少的项目看作一组，但是当所面对的项目超过五个，它就必须把他们划分成较小的次组来处理，所以说，保持你的选择项归类在五组或五组以内就变得很有意义了。你的访问者能够快速的找到自己想选择的项目。</p>
<p><strong>　　五、三次点击</strong></p>
<p>&nbsp;&nbsp;&nbsp; 对网站制作者来说，访问者就是上帝，讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想，当你在访问一个网站时，点击&hellip;&hellip;点击&hellip;&hellip;点击&hellip;&hellip;再点击&hellip;&hellip;再&hellip;&hellip;才找到你想要的信息，或者还没找到，你会怎么想呢？</p>
<p>&nbsp;&nbsp;&nbsp; 加之，当你的访问者深入网站查找需要的信息最后却摸不着头脑了，会怎么办？他们肯定不会原地兜圈，他们会离开你的主页去别的地方继续冲浪，可能也就再也不会回来了。</p>
<p><strong>　　六、 三十秒的等待时间</strong></p>
<p>&nbsp;&nbsp;&nbsp; 访问者进入你的站点后，他应该可以不费力的找到所需要的资料。有一条不成文的法则：当访问者在决定下一步该去哪之前，不要让他现在所看的页面下载的时间超过30秒钟。如果超过了这个时间，你就会开始失去你的&ldquo;上帝&rdquo;了。</p>
<p>&nbsp;&nbsp; 保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话，试着保持总的页面大小（包括页面图像）在45K一下。</p>
<p>&nbsp;&nbsp;&nbsp; 确保你的页面设计规划清晰明了，让访问者只需快速的扫视就能把握你的网站导航，知道自己&ldquo;下一步&rdquo;该选择的项目。</p>
<p><strong>　　七、平衡</strong></p>
<p>&nbsp;&nbsp;&nbsp; 平衡是一个好网站设计的重要部分。</p>
<p>&nbsp;&nbsp;&nbsp; 文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站，你需要用直觉和审美观来作判断，以便其中的一个不会淹没另外一个。</p>
<p>&nbsp;&nbsp;&nbsp; 下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面，但你也必须平衡你的页面内容，因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗？</p>
<p>&nbsp;&nbsp;&nbsp; 背景和前景之间的平衡。我们能在白纸上画出美丽的图案，网页上，如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。</p>
<p><strong>　　八、适度的帧</strong></p>
<p>&nbsp;&nbsp;&nbsp; 适度的的帧对于你的网页是很好的补充，然而就像所有网站的元素所具有的特性一样，你绝对不要滥用他们！</p>
<p>&nbsp;&nbsp;&nbsp; 如果你想创建一个可以看得到的导航结构，比如说一个表格目录，帧就是一个很合适的途径，例如，这页有三个帧－－你现在所看到的内容，导航条在右边，题目、广告和说明栏在顶部。</p>
<p>&nbsp;&nbsp;&nbsp; 但是帧不是&ldquo;万金油&rdquo;。比如说，如果你想用行或列来显示信息的话，表格会更好。 </p>
<p><strong>　　九、坚持学习</strong></p>
<p>&nbsp;&nbsp;&nbsp; 创建网页是一个不断学习的过程。推出你网站的第一个版本还只是一个开始！技术和工具在不断的进步，而我们对人们如何利用网上资源的方式的了解也是在不断的变化，要创建一个好网站你就不能陶醉在过去的成绩上。</p>
<p>&nbsp;&nbsp;&nbsp; 看看其他的网站。如果你想成为一个出色的小说家的话，你必须不断阅读其他好的作品。如果你想成为一个出色的剧作家的话你必须多看好的电影。同样，如果你想设计一个出色的网站的话，你必须多看其他好的网站。但你在看一个网站的时候，你能找到这个网站的优缺点，注意哪些是你该学习的，而哪些错误是你要避免的。</p>
<p>&nbsp;&nbsp;&nbsp; 查看原文件。当你看到某些你喜欢的东西，使用你浏览器上的查看原文件的功能，看看这个效果是如何作出来的。在页面之后你能发现令你惊奇的东西。</p>
<p>&nbsp;&nbsp;&nbsp; 阅读和学习。学习你尽可能学到的技术和设计方法。<a href="http://www.webjx.com/htmldata/2007-06-29/1183053549.html" target="_blank"><font color="#fefefe">原文链接</font></a> </p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=351" /> 
	  <id>http://wjay.net/blog/default.asp?id=351</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[从平面栅格设计看网页中的布局设计]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=7" label="技术┊教程" /> 
	  <updated>2008-05-10T15:52:54+08:00</updated>
	  <published>2008-05-10T15:52:54+08:00</published>
		  <summary type="html"><![CDATA[<strong><font color="#000000">网页设计</font></strong>中的脏、乱、差，是我们在设计过程中常会遇到的问题。通常&quot;脏&quot;是由对色彩使用不当所产生的，而色彩使用不当产生的不好效果也分为：&quot;花、灰&quot;，花哨、灰头土脸也就是这里所说的&quot;脏&quot;。而&quot;差&quot; 基本上是由于我们的技法上不够娴熟所产生的。比如细节上的处理不到位，某个局部的效果制作得粗糙。这可以称之为&quot;差&quot;，特别是在处理带有2D效果的设计作品时，这种情况常会出现。但是我今天在本文中所要谈的是&quot;乱&quot;。<br /><br />　　什么是乱？这里的乱不是指用色乱，也不是指内容乱，而主要是指网页布局乱。以前我有幸接触了平面设计，并且从中学到了很多平面设计上的一些知识与技法。其中&ldquo;栅格设计&rdquo;就是平面设计中用于处理布局的一种理论。到目前为止我还在研究&quot;栅格设计&quot;。因为着实没有什么比较好的语言可以非常简洁明了的概括这个词。这更像是需要不断用实践去理解的。所以很多时候我们们都无法去讲述。但是在设计中这个栅格却是能帮助我们完成更好作品的一个非常好用的利器。对于栅格设计我也不能说是认识深刻，我这里只是依据我对于栅格设计的理解，将之用于网页设计中，希望能给更多的朋友们一点启示，或许能打开一些朋友的思路。
<p>&nbsp;</p>
<p>　　单纯的文字是没办法让设计师们耐心的看下去的，所以还是老办法，用示图来作为讲解模型。这次我们使用的网页是微软、IBM、ASTRO三个公司网站来讲解。希望通过分解这三个公司的网站设计，能把我所理解的栅格设计传达出来。看示图：</p>
<p>　　<a href="http://design.yesky.com/syscore/437/529937d.shtml" target="_blank"><img alt="网页的栅格布局设计思考_天极设计在线整理" src="http://design.yesky.com/imagelist/2007/317/9d7rh3o9mowrs.jpg" border="0" /></a></p>
<p>　　点击放大</p>
<p>　　我们看到微软公司的网站设计中并没有什么明显的线去区隔不同的区块，但是当我们把当蒙上一层纱，然后用实线把每个部分都画出来这时我们发现这个网站其实是处在一个栅格阵列中。那么这个阵列中的内容已经很明显了，并且我们从中发现了很多区块在页面中的位置居然是那么的有条理，并且有一些并不在一起的区块，居然也有一定的规律。当然有人可能会说，都用线画出来了当然显得条理，整齐了。问题就在于这里，我们的网站都可以用纵横线区分开。但是一些设计得不好的网站的纵横线可能数量非常的多，纵横线的数量过多并且都挤在一直，这就说明网站的布局显得太乱。或者是过于条理而变得布局平均，没有对比，缺乏美感。其实只要用这样的方法去分析一下自己设计的作品也许就能从中看到问题所在。</p>
<p>　　下面我们再来看一下IBM的网站的分解图：</p>
<p>　　<a href="http://design.yesky.com/syscore/437/529937d_1.shtml" target="_blank"><img alt="网页的栅格布局设计思考_天极设计在线整理" src="http://design.yesky.com/imagelist/2007/317/a6czt3x671uzs.jpg" border="0" /></a></p>
<p>　　点击放大</p>
<p>　　我们看到IBM的栅格与MS的有很大的不同，IBM中还出现了一些差不多大的栅格，但是这里要注意其实这些栅格是由于底部很小的几个区块所产生的，并且这凡个区块还可以看作是一个横向的区块。我们从这里可以看到IBM的布局设计是对称的。但是这种对称却是在离在纵横线上却不容易注意到的。这是很高明的手法。</p>
<p>　　我们再来看看ASTRO公司的网站，这个网站比起上面两个公司的网站就更娱乐化，更有趣了。</p>
<p>　　<a href="http://design.yesky.com/syscore/437/529937d_2.shtml" target="_blank"><img alt="网页的栅格布局设计思考_天极设计在线整理" src="http://design.yesky.com/imagelist/2007/317/z105mstuy3q2s.jpg" border="0" /></a></p>
<p>　　点击放大</p>
<p>　　从这三个网站中我们可以看到三种不同风格的栅格设计，虽然有所不同，但我们依然可以发现三者都会尽可能的把最重要的信息放在视觉中心点上，不论是放在左边的还是右边的或是中间的，他们都得到了最大的栅格区，得到了足够的重视!我们的视觉中心也自然盯在了上面!</p>
<p>　　说到这里我依然觉得没能把栅格设计的作用讲明白。这里就需要来访的朋友们提提你们的看法了，欢迎大家在下面留言讨论 </p>
<p>　　本文由蓝色理想 小毅　翻译自http://andymao.com/andy/post/82.html</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=350" /> 
	  <id>http://wjay.net/blog/default.asp?id=350</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[版本号命名方式]]></title>
	  <author>
		 <name>Jay</name>
		 <uri>http://wjay.net/blog/</uri>
		 <email>jay@uibar.cn</email>
	  </author>
	  <category term="" scheme="http://wjay.net/blog/default.asp?cateID=6" label="杂乱┊网摘" /> 
	  <updated>2008-05-10T03:04:01+08:00</updated>
	  <published>2008-05-10T03:04:01+08:00</published>
		  <summary type="html"><![CDATA[版本控制比较普遍的 3 种命名格式 :<br /><br /><b>一、GNU 风格的版本号命名格式 :</b><br />主版本号 . 子版本号 [. 修正版本号 [. 编译版本号 ]]<br />Major_Version_Number.Minor_Version_Number[.Revision_Number[.Build_Number]]<br />示例 : 1.2.1, 2.0, 5.0.0 build-13124<br /><br /><b>二、Windows 风格的版本号命名格式 :</b><br />主版本号 . 子版本号 [ 修正版本号 [. 编译版本号 ]]<br />Major_Version_Number.Minor_Version_Number[Revision_Number[.Build_Number]]<br />示例: 1.21, 2.0<br /><br /><b>三、.Net Framework 风格的版本号命名格式:</b><br />主版本号.子版本号[.编译版本号[.修正版本号]]<br />Major_Version_Number.Minor_Version_Number[.Build_Number[.Revision_Number]]<br />版本号由二至四个部分组成：主版本号、次版本号、内部版本号和修订号。主版本号和次版本号是必选的；内部版本号和修订号是可选的，但是如果定义了修订号部分，则内部版本号就是必选的。所有定义的部分都必须是大于或等于 0 的整数。<br /><br /><b>应根据下面的约定使用这些部分：</b><br /><br />Major ：具有相同名称但不同主版本号的程序集不可互换。例如，这适用于对产品的大量重写，这些重写使得无法实现向后兼容性。<br /><br />Minor ：如果两个程序集的名称和主版本号相同，而次版本号不同，这指示显著增强，但照顾到了向后兼容性。例如，这适用于产品的修正版或完全向后兼容的新版本。<br /><br />Build ：内部版本号的不同表示对相同源所作的重新编译。这适合于更改处理器、平台或编译器的情况。<br /><br />Revision ：名称、主版本号和次版本号都相同但修订号不同的程序集应是完全可互换的。这适用于修复以前发布的程序集中的安全漏洞。<br /><br />程序集的只有内部版本号或修订号不同的后续版本被认为是先前版本的修补程序 (Hotfix) 更新。<br /><br /><b>版本号管理策略</b><br /><br /><b>一、GNU 风格的版本号管理策略：</b><br /><br />1．项目初版本时，版本号可以为 0.1 或 0.1.0, 也可以为 1.0 或 1.0.0，如果你为人很低调，我想你会选择那个主版本号为 0 的方式；<br />2．当项目在进行了局部修改或 bug 修正时，主版本号和子版本号都不变，修正版本号加 1；<br />3. 当项目在原有的基础上增加了部分功能时，主版本号不变，子版本号加 1，修正版本号复位为 0，因而可以被忽略掉；<br />4．当项目在进行了重大修改或局部修正累积较多，而导致项目整体发生全局变化时，主版本号加 1；<br />5．另外，编译版本号一般是编译器在编译过程中自动生成的，我们只定义其格式，并不进行人为控制。<br /><br /><b>二、Window 下的版本号管理策略：</b><br />1．项目初版时，版本号为 1.0 或 1.00；<br />2. 当项目在进行了局部修改或 bug 修正时，主版本号和子版本号都不变，修正版本号加 1；<br />3. 当项目在原有的基础上增加了部分功能时，主版本号不变，子版本号加 1，修正版本号复位为 0，因而可以被忽略掉；<br />4. 当项目在进行了重大修改或局部修正累积较多，而导致项目整体发生全局变化时，主版本号加 1；<br />5. 另外 , 编译版本号一般是编译器在编译过程中自动生成的，我们只定义其格式，并不进行人为控制。<br /><br />另外，还可以在版本号后面加入 Alpha、Beta、Gamma、Current、RC (Release Candidate)、Release、Stable 等后缀，在这些后缀后面还可以加入 1 位数字的版本号。<br /><br />对于用户来说，如果某个软件的主版本号进行了升级，用户还想继续那个软件，则发行软件的公司一般要对用户收取升级费用；而如果子版本号或修正版本号发生了升级，一般来说是免费的。<br /><br />=====附录软件版本名称=====<br /><br /><b>&alpha;（alphal） 内部测试版</b><br />&alpha;版，此版本表示该软件仅仅是一个初步完成品，通常只在软件开发者内部交流，也有很少一部分发布给专业测试人员。一般而言，该版本软件的 bug 较多，普通用户最好不要安装。<br /><br /><b>&beta;（beta）外部测试版</b><br />该版本相对于&alpha;版已有了很大的改进，消除了严重的错误，但还是存在着一些缺陷，需要经过大规模的发布测试来进一步消除。这一版本通常由软件公司免费发布，用户可从相关的站点下载。通过一些专业爱好者的测试，将结果反馈给开发者，开发者们再进行有针对性的修改。该版本也不适合一般用户安装。<br /><br /><b>&gamma;（gamma）版</b><br />该版本已经相当成熟了，与即将发行的正式版相差无几，如果用户实在等不及了，尽可以装上一试。<br /><br /><b>trial（试用版）</b><br />试用版软件在最近的几年里颇为流行，主要是得益于互联网的迅速发展。该版本软件通常都有时间限制，过期之后用户如果希望继续使用，一般得交纳一定的费用进行注册或购买。有些试用版软件还在功能上做了一定的限制。<br /><br /><b>unregistered（未注册版）</b><br />未注册版与试用版极其类似，只是未注册版通常没有时间限制，在功能上相对于正式版做了一定的限制，例如绝大多数网络电话软件的注册版和未注册版，两者之间在通话质量上有很大差距。还有些虽然在使用上与正式版毫无二致，但是动不动就会弹出一个恼人的消息框来提醒你注册，如看图软件acdsee、智能陈桥汉字输入软件等。<br /><br /><b>demo 演示版</b><br />在非正式版软件中，该版本的知名度最大。demo版仅仅集成了正式版中的几个功能，颇有点像 unregistered。不同的是，demo版一般不能通过升级或注册的方法变为正式版。<br /><br />以上是软件正式版本推出之前的几个版本，&alpha;、&beta;、&gamma;可以称为测试版，大凡成熟软件总会有多个测试版，如 windows 98 的&beta;版，前前后后将近有10个。这么多的测试版一方面为了最终产品尽可能地满足用户的需要，另一方面也尽量减少了软件中的bug 。而 trial 、unregistered 、demo有时统称为演示版，这一类版本的广告色彩较浓，颇有点先尝后买的味道，对于普通用户而言自然是可以免费尝鲜了。<br /><br /><b>正式版，不同类型的软件的正式版本通常也有区别。</b><br /><br /><b>release 最终释放版</b><br />该版本意味&ldquo;最终释放版&rdquo;，在出了一系列的测试版之后，终归会有一个正式版本，对于用户而言，购买该版本的软件绝对不会错。该版本有时也称为标准版。一般情况下，release不会以单词形式出现在软件封面上，取而代之的是符号 (r) ，如 windows nt(r) 4.0、ms-dos(r) 6.22 等。<br /><br /><b>registered 注册版</b><br />很显然，该版本是与 unregistered 相对的注册版。注册版、release和下面所讲的standard版一样，都是软件的正式版本，只是注册版软件的前身有很大一部分是从网上下载的。<br /><br /><b>standard 标准版</b><br />这是最常见的标准版，不论是什么软件，标准版一定存在。标准版中包含了该软件的基本组件及一些常用功能，可以满足一般用户的需求。其价格相对高一级版本而言还是&ldquo;平易近人&rdquo;的。<br /><br /><b>deluxe 豪华版</b><br />顾名思义即为&ldquo;豪华版&rdquo;。豪华版通常是相对于标准版而言的，主要区别是多了几项功能，价格当然会高出一大块，不推荐一般用户购买。此版本通常是为那些追求&ldquo;完美&rdquo;的专业用户所准备的。<br /><br /><b>reference</b><br />该版本型号常见于百科全书中，比较有名的是微软的encarta系列。 reference是最高级别，其包含的主题、图像、影片剪辑等相对于standard和deluxe版均有大幅增加，容量由一张光盘猛增至三张光盘，并且加入了很强的交互功能，当然价格也不菲。可以这么说，这一版本的百科全书才能算是真正的百科全书，也是发烧友们收藏的首选。<br /><br /><b>professional（专业版）</b><br />专业版是针对某些特定的开发工具软件而言的。专业版中有许多内容是标准版中所没有的，这些内容对于一个专业的软件开发人员来说是极为重要的。如微软的visual foxpro标准版并不具备编译成可执行文件的功能，这对于一个完整的开发项目而言显然是无法忍受的，若客户机上没有foxpro将不能使用。如果用专业版就没有这个问题了。<br /><br /><b>enterprise（企业版）</b><br />企业版是开发类软件中的极品（相当于百科全书中的reference版）。拥有一套这种版本的软件可以毫无障碍地开发任何级别的应用软件。如著名的visual c++的企业版相对于专业版来说增加了几个附加的特性，如sql调试、扩展的存储过程向导、支持as/400对ole db的访问等。而这一版本的价格也是普通用户无法接受的。如微软的visual studios 6.0 enterprise 中文版的价格为 23000 元。<br /><br /><b>其他版本，除了以上介绍的一些版本外，还有一些专有版本名称。</b><br /><br /><b>update（升级版）</b><br />升级版的软件是不能独立使用的，该版本的软件在安装过程中会搜索原有的正式版，如果不存在，则拒绝执行下一步。如microsoft office 2000升级版、windows 9x升级版等等。<br /><br /><b>oem版</b><br />oem 版通常是捆绑在硬件中而不单独销售的版本。将自己的产品交给别的公司去卖，保留自己的著作权，双方互惠互利，一举两得。<br /><br /><b>单机（网络）版</b><br />网络版在功能、结构上远比单机版复杂，如果留心一下软件的报价，你就会发现某些软件单机版和网络版的价格相差非常大，有些网络版甚至多一个客户端口就要加不少钱。<br /><br /><b>普及版</b><br />该版本有时也会被称为共享版，其特点是价格便宜（有些甚至完全免费）、功能单一、针对性强（当然也有占领市场、打击盗版等因素）。与试用版不同的是，该版本的软件一般不会有时间上的限制。当然，如果用户想升级，最好还是去购买正式版。<br /><br />Enhance 增强版或者加强版 属于正式版<br />Free 自由版<br />Full version 完全版 属于正式版<br />shareware 共享版<br />Release 发行版 有时间限制<br />Upgrade 升级版<br />Retail 零售版<br />Cardware 属共享软件的一种，只要给作者回复一封电邮或明信片即可。（有的作者并由此提供注册码等），目前这种形式已不多见。<br />Plus 属增强版，不过这种大部分是在程序界面及多媒体功能上增强。<br />Preview 预览版<br />Corporation &amp; Enterprise 企业版<br />Standard 标准版<br />Mini 迷你版也叫精简版只有最基本的功能<br />Premium -- 贵价版<br />Professional -- 专业版<br />Express -- 特别版<br />Deluxe -- 豪华版<br />Regged -- 已注册版<br />CN -- 简体中文版<br />CHT -- 繁体中文版<br />EN -- 英文版<br />Multilanguage -- 多语言版]]></summary>
	  <link rel="alternate" type="text/html" href="http://wjay.net/blog/article.asp?id=349" /> 
	  <id>http://wjay.net/blog/default.asp?id=349</id>
  </entry>	
		
</feed>
