<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
	<channel>
		<title></title>
		<link>http://liupeng.us/category//</link>
		<description>WEB开发中的可用性和用户体验</description>
		<copyright>Copyright (C) 2004 Security Angel Team [S4T] All Rights Reserved.</copyright>
		<generator>SaBlog-X Version Plus 2.0 Build 20081204</generator>
		<lastBuildDate>Sat, 11 Sep 2010 03:46:11 +0000</lastBuildDate>
		<ttl>30</ttl>
		<item>
			<guid>http://liupeng.us/Sablog-2-Skin-mtime/</guid>
			<title>Sablog-X 2.0 mtime皮肤发布</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=206" target="_blank"><img src="http://liupeng.us/attachments//date_200904/68df3d73ae481127245c290bc1f30ba4.jpg" border="0" alt="&#13;&#13;大小: 111.35 K&#13;尺寸: 500 x 274&#13;浏览: 337 次&#13;点击打开新窗口浏览全图" width="500" height="274" /></a></div></p>
<p>皮肤名称<span style="font-weight: bold;">:&nbsp; mtime</span></p>
<p>适用版本：<b>Build </b><strong>20081204</strong> (<span style="color: rgb(255, 102, 0);">最新的版本尚未测试，请慎用</span>)</p>
<p>皮肤大小：<span style="font-weight: bold;">407</span><b>K</b></p>
<p><b>下载地址：</b><a href="http://liupeng.us/attachment.php?id=207" title="mtime.rar&#13;&#13;大小:406.05 K, 下载次数:386" target="_blank">mtime.rar</a></p>
<p><strong>img</strong>文件夹里面提供LOGO的源文件，可以自行修改，改完了存为PNG32位替换LOGO即可。</p>
<p>另外<strong>sidebar</strong>提供了一个照片轮换，其中的图片地址参数在这个文件里面</p>
<p><strong>mtime\madrid.xml </strong></p>
<pre><ol class="dp-xml"><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">track</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;</span><span class="tag-name">title</span><span class="tag">&gt;</span><span>我的机器人女友</span><span class="tag">&lt;/</span><span class="tag-name">title</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">creator</span><span class="tag">&gt;</span><span>liupengs</span><span class="tag">&lt;/</span><span class="tag-name">creator</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;</span><span class="tag-name">location</span><span class="tag">&gt;</span><span>http://liupeng.us/templates/mtime/slide/mygirlfriend-mv.jpg</span><span class="tag">&lt;/</span><span class="tag-name">location</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">info</span><span class="tag">&gt;</span><span>http://liupeng.us/archives/46/</span><span class="tag">&lt;/</span><span class="tag-name">info</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;/</span><span class="tag-name">track</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li></ol></pre>
<p>三个节点，分别位图片上面显示的文字，第2个可以随便填，第三个图片的绝对地址，第四个点击图片的连接地址。<br />
模板里面用了我博客的几个示例图片，如果不喜欢可以自行替换。把图片放在相应的,mtime/slide目录中即可，图片地址位225*303</p>
<p><span style="color: rgb(0, 0, 255);">皮肤使用方法：下载后，解压，将mtime文件夹上传到空间根目录templates中即可，再登录后台，在模板处设置使用mtime即可！</span></p>]]></description>
			<link>http://liupeng.us/Sablog-2-Skin-mtime/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2009-04-04 13:44</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/Sablog-2-Skin-iYahoo/</guid>
			<title>Sablog-X 2.0 iYahoo皮肤发布</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p>皮肤名称：<strong>iYahoo</strong></p>
<p>适用版本：<b>Build </b><strong>20081204</strong> (<span style="color: rgb(255, 102, 0);">最新的版本尚未测试，请慎用</span>)</p>
<p>皮肤大小：<span style="font-weight: bold;">119</span><b>K</b></p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=204" target="_blank"><img src="http://liupeng.us/attachments//date_200904/8d8f3306129922550088fe36028f2032.jpg" border="0" alt="&#13;&#13;大小: 56.68 K&#13;尺寸: 309 x 180&#13;浏览: 315 次&#13;点击打开新窗口浏览全图" width="309" height="180" /></a></div></p>
<p>下载地址：<a href="http://liupeng.us/attachment.php?id=205" title="iyahoo.rar&#13;&#13;大小:119.71 K, 下载次数:324" target="_blank">iyahoo.rar</a></p>
<p>喜欢的自己拿，很早之前做的，一直使用着，采用了YUI设计思想。皮肤经过长时间测试，对SEO比较友好，支持主流浏览器。</p>
<p>代码简洁，布局简单，看惯了花哨的网页的可以尝试下，里面提供了LOGO文件。</p>
<p>做LOGO的时候，可以用FIREWORSK做个LOGO，背景色透明，导出1个32位的平面PNG替换原来的LOGO即可。</p>
<p>有问题可以在我博客留言，支持一切关于博客皮肤问题的回答，技术之外的闲聊也来者不拒！</p>
<p>皮肤里面可能有我自己的GG代码，里面有注释，自己删除即可。</p>
<p><span style="color: rgb(0, 0, 255);">皮肤使用方法：下载后，解压，将iYahoo文件夹上传到空间根目录templates中即可，再登录后台，在<a href="../../../tag/%E6%A8%A1%E6%9D%BF/" onclick="tagshow('模板');return false;">模板</a>处设置使用iYahoo即可！</span></p>]]></description>
			<link>http://liupeng.us/Sablog-2-Skin-iYahoo/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2009-04-03 21:22</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/mobile-remote-control-system-for-win/</guid>
			<title>自制手机远程控制系统</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><img align="left" src="http://liupeng.us/imgcache/projects.gif" alt="" />此想法源于死龙同学，在学校期间发现了这么一个小创意。创意来源，我们的工作室离自己住的地方有些距离，而带电脑回家比较麻烦，另外一个原因就是工作室带宽够大，于是晚上总是挂着电脑下些电影之类的。有人可能说迅雷就有类似的功能，但是迅雷的太被动，一定要等到下载完才关机。还有一些其他的定时关机程序，如鱼鱼左面秀，超级兔子之类的，但是这个也不是很主动，到定时必须关机。缺乏用户主动性。</p>
<p>更重要的一点是：这些软件关机时可能会遇到软件的提示，是否关闭而停留在对话框界面，无法响应关机指令。于是我们一起写了个基于.net的远程手机控制系统。我就简称一下MRCS（Mobile Remote Control System）。</p>
<p><strong>系统核心功能</strong></p>
<p>通过简单的WAP网络，提交自己拥有的用户名，<span style="color: rgb(192, 192, 192);"><strike>密码通过MD5存储</strike></span>。来实现关机和重启，并且关机的操作是直接在客户端PC机杀掉系统核心进程。目前支持系统：win2000/winXP/win2003/vista/win2008/win7</p>
<p><strong>演示</strong>：</p>
<ul>
    <li>下载客户端程序<a href="http://liupeng.us/attachment.php?id=132" title="release.rar&#13;&#13;大小:54.96 K, 下载次数:524" target="_blank">release.rar</a>（需要.NET2.0 Framework，一般PC机都安装了,vista以上操作系统都默认带有，如果你下载程序打不开，就<a href="http://www.onlinedown.net/soft/38669.htm" target="_blank">点此下载.NET2.0 Framework</a> ）</li>
    <li>下载后解压，修改<span style="color: rgb(153, 51, 0);"><strong> config.xml</strong></span> 文件中的<strong> test </strong>为你的用户名<span style="color: rgb(128, 0, 128);">（建议用自己的名字，或者生日19860811，演示可以跳过此步默认为test）</span></li>
    <pre><ol class="dp-xml"><li class="alt"><span><span class="tag">&lt;?</span><span class="tag-name">xml</span><span>&nbsp;</span><span class="attribute">version</span><span>=</span><span class="attribute-value">&quot;1.0&quot;</span><span>&nbsp;</span><span class="attribute">encoding</span><span>=</span><span class="attribute-value">&quot;utf-8&quot;</span><span>&nbsp;</span><span class="tag">?&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;</span><span class="tag-name">root</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">watchurl</span><span>&nbsp;</span><span class="attribute">value</span><span>=</span><span class="attribute-value">&quot;http://liupeng.us/ssh/check.php?username=test&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">checkinterval</span><span>&nbsp;</span><span class="attribute">value</span><span>=</span><span class="attribute-value">&quot;3000&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">root</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li></ol></pre>
    <li>在你的机器上打开程序，程序会自动最小化到任务栏。</li>
    <li>好部署完毕了，在手机WAP浏览器中输入，<span style="color: rgb(0, 0, 255);"><strong>http://liupeng.us/ssh/</strong> </span>填写你刚才在 <span style="color: rgb(128, 0, 0);"><strong>config.xml</strong></span> 中填写的 <span style="color: rgb(128, 0, 0);"><strong>用户名</strong></span>（测试用户名密码都为: <strong>test</strong>）现在全国或者全世界，范围内，只要你手机可以上网的地方，就可以对PC机进行关机和重启，只需要0～2秒钟，你的机器就会收到你的指令。是不是很神奇！哈哈<div class="attach"><a href="http://liupeng.us/attachment.php?id=137" target="_blank"><img src="http://liupeng.us/attachments//date_200902/8dbc29e2c495b35be0bd238f15af8d30.jpg" border="0" alt="&#13;&#13;大小: 129 K&#13;尺寸: 446 x 298&#13;浏览: 245 次&#13;点击打开新窗口浏览全图" width="446" height="298" /></a></div></li>
</ul>
<p><strong>原理：</strong></p>
<p><img src="http://liupeng.us/imgcache/mobile-ssh.jpg" alt="" /></p>
<p>手机通过内置的WAP浏览器上网进入<span style="color: rgb(0, 0, 255);"><strong>http://liupeng.us/ssh/</strong></span>，发送 <span style="color: rgb(0, 0, 255);"><strong>用户名，指令</strong></span><strong> </strong>。PC机上的小程序进行监听网页动作，一旦监听到用户提供的指令，PC机执行相关的指令。程序执行的三种状态：</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=134" target="_blank"><img src="http://liupeng.us/attachments//date_200902/c408fb4766ae6d3977a050a1548b0416.jpg" border="0" alt="&#13;&#13;大小: 21.35 K&#13;尺寸: 356 x 136&#13;浏览: 186 次&#13;点击打开新窗口浏览全图" width="356" height="136" /></a></div></p>
<p><strong><span style="color: rgb(51, 153, 102);">（PC机等待指令状态）</span></strong></p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=135" target="_blank"><img src="http://liupeng.us/attachments//date_200902/6f8f328622ab8c7f697a987d283b2810.jpg" border="0" alt="&#13;&#13;大小: 28.63 K&#13;尺寸: 355 x 136&#13;浏览: 213 次&#13;点击打开新窗口浏览全图" width="355" height="136" /></a></div></p>
<p><strong><span style="color: rgb(153, 51, 102);">（PC机执行指令状态）</span></strong></p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=136" target="_blank"><img src="http://liupeng.us/attachments//date_200902/a4f67a38e68a42e078a566a6a9c7487c.jpg" border="0" alt="&#13;&#13;大小: 20.49 K&#13;尺寸: 353 x 134&#13;浏览: 214 次&#13;点击打开新窗口浏览全图" width="353" height="134" /></a></div></p>
<p><span style="color: rgb(255, 0, 0);"><strong>（PC机中途停止指令状态）</strong></span></p>
<p><strong>应用：</strong></p>
<p>此程序应用在服务器上比较好，服务器托管，如果发现远程登录卡，网络拥塞，可以使用此程序来控制电脑重启，如需机房人员。当然对个人PC而言，仅仅娱乐而已。</p>
<p>PS：<span style="color: rgb(128, 0, 0);"><strong>为了避免用户名相同而产生的指令干扰，建议采取一个不容易重复的用户名如（liupeng.us , lineks.cn）</strong></span></p>
<p>可以把此程序加入开机自动启动中，XP方法为，拖住此程序，拖到开始 - 所有程序 - 启动中 即可，这样重启之后，一样能够操作电脑了。</p>
<p>此手机远程控制系统，客户端程序由死龙编写，服务端由 <a target="_blank" href="http://liupeng.us">时光博客liupeng</a> 实现！版权所有微彩科技！</p>]]></description>
			<link>http://liupeng.us/mobile-remote-control-system-for-win/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2009-02-14 12:26</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/Java-mvc-bitswork-olbank/</guid>
			<title>JSP课程设计-个人网上银行</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p>大四上学期学习了JSP 动态语言，期末的时候老师要求做课程设计。要求使用MVC 框架开发，于是选择了基于structs的BitsWork 开发，说明一下BitsWork不是什么知名的Java 框架，是我们学习的那本书所在的公司开发的，一个小型的框架。</p>
<p>考虑到是课程设计的形式化，没必要设计得那么好。当时选了课题为个人网上银行（Online Personal Bank），根据要求完成了所有的功能。功能相当简单，页面设计稍稍美化了下，不过对于应付课程设计足足有余了。在这里公开的目的仅仅是为了方面以后的学弟学妹们，没时间做课设的。交这个给老师就可以了。</p>
<p>题目要求如下：</p>
<p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="ProgId" content="Word.Document">
<meta name="Generator" content="Microsoft Word 12">
<meta name="Originator" content="Microsoft Word 12">
<link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Cliupeng.us%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" />
<link rel="themeData" href="file:///C:%5CDOCUME%7E1%5Cliupeng.us%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" />
<link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5Cliupeng.us%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" /><!--[if gte mso 9]><xml>
 
  Normal
  0
  
  
  
  7.8 磅
  0
  2
  
  false
  false
  false
  
  EN-US
  ZH-CN
  X-NONE
  
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
  
  MicrosoftInternetExplorer4
  
   
   
   
   
   
   
   
   
   
   
   
  
</xml><![endif]--><!--[if gte mso 9]><![endif]--><style type="text/css">
<!--
 /* Font Definitions */
 @font-face
	{
	panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
	{"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{"\@宋体";
	panose-1:2 1 6 0 3 1 1 1 1 1;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{
	mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:10.5pt;"Times New Roman","serif";}
.MsoChpDefault
	{
	font-size:10.0pt;
	mso-ascii-"Times New Roman";
	mso-hansi-"Times New Roman";}
 /* Page Definitions */
 @page
	{}
@page Section1
	{size:612.0pt 792.0pt;
	margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.Section1
	{page:Section1;}
--></style><!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{
	mso-style-parent:"";
	font-size:10.5pt;"Calibri","sans-serif";
	mso-bidi-"Times New Roman";}
</style>
<![endif]--></meta>
</meta>
</meta>
</meta>
</p>
<p><b>&nbsp;&nbsp;&nbsp; 个人网上银行系统</b> <b>题目设计要求：</b></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; 要求参照日常储蓄功能，实现一个简单的个人网上银行系统。</p>
<ol>
    <li>存单信息：包括存单编号、存单帐户、密码、金额、收支记录；</li>
    <li>银行管理人员信息：包括管理人员的姓名、密码；</li>
    <li>银行管理人员能够对存单信息进行增删改操作；</li>
    <li>储户能够查看、修改存单金额（用于缴纳电话费、水电费等），能够修改自己的密码；</li>
    <li>储户能够查看存单的收支记录并打印；</li>
    <li>&nbsp;要求所有用户先登录后使用，根据用户身份给予使用不同功能的权限。</li>
</ol>
<p>&nbsp;</p>
<p>主要完成了以下功能：</p>
<p>前奏工作：</p>
<p>1.找到tomcat的安装目录下的conf文件夹，我的在D:\Program Files\Apache Software Foundation\Tomcat 6.0打开server.xml 文件，查找</p>
<pre><ol class="dp-xml"><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">Host</span><span>&nbsp;</span><span class="attribute">name</span><span>=&nbsp;</span></span></li></ol></pre>
<p>在里面添加如下语句（我把程序放在F盘下面，我的tomcat默认路径为F:/JavaServer）</p>
<pre><ol class="dp-xml"><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">Context</span><span>&nbsp;</span><span class="attribute">path</span><span>=</span><span class="attribute-value">&quot;/olbank&quot;</span><span>&nbsp;</span><span class="attribute">docBase</span><span>=</span><span class="attribute-value">&quot;F:/JavaServer/olbank&quot;</span><span>&nbsp;</span><span class="attribute">debug</span><span>=</span><span class="attribute-value">&quot;0&quot;</span><span>&nbsp;</span><span class="attribute">reloadable</span><span>=</span><span class="attribute-value">&quot;true&quot;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></span></li></ol></pre>
<p>2.数据库导入,将下载后的文件解压后，内含的sql.txt复制，有phpmyadmin的可以直接复制执行。没有的可以下载MYSQL的客户端管理软件执行。</p>
<p>3.打开下载解压后的olbank/conf文件夹下的appconfig.xml 和 Dbconfig.xml</p>
<pre><ol class="dp-xml"><li class="alt"><span><span class="tag">&lt;?</span><span class="tag-name">xml</span><span>&nbsp;</span><span class="attribute">version</span><span>=</span><span class="attribute-value">'1.0'</span><span>&nbsp;</span><span class="attribute">encoding</span><span>=</span><span class="attribute-value">'gb2312'</span><span>&nbsp;</span><span class="tag">?&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;</span><span class="tag-name">Application</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--应用程序--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">DataBase</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--数据库1--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">hostname</span><span class="tag">&gt;</span><span>localhost</span><span class="tag">&lt;/</span><span class="tag-name">hostname</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--IP地址--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">driver</span><span class="tag">&gt;</span><span>com.mysql.jdbc.Driver</span><span class="tag">&lt;/</span><span class="tag-name">driver</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--驱动程序--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">url-protocal</span><span class="tag">&gt;</span><span>jdbc:mysql</span><span class="tag">&lt;/</span><span class="tag-name">url-protocal</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--驱动协议--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">port</span><span class="tag">&gt;</span><span>3306</span><span class="tag">&lt;/</span><span class="tag-name">port</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--端口地址--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">databasename</span><span class="tag">&gt;</span><span>olbank</span><span class="tag">&lt;/</span><span class="tag-name">databasename</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--数据库名称--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">user</span><span class="tag">&gt;</span><span>root</span><span class="tag">&lt;/</span><span class="tag-name">user</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--注册的用户名称--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">pwd</span><span class="tag">&gt;</span><span>123456</span><span class="tag">&lt;/</span><span class="tag-name">pwd</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--注册的用户密码--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">DataBase</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">Application</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li></ol></pre>
<p>修改里面的数据库名，数据库用户名和密码为自己的参数。2个文件都修改。</p>
<p>在浏览器里面运行http://localhost:8080/olbank测试一下</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=101" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_9d23f76ccd106715b7404277bf96938c.jpg" border="0" alt="&#13;&#13;大小: 132.19 K&#13;尺寸: 500 x 400&#13;浏览: 257 次&#13;点击打开新窗口浏览全图" width="500" height="400" /></a></div></p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=102" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_21c92f6847d9ca7185d46232d6dae1c1.jpg" border="0" alt="&#13;&#13;大小: 276.22 K&#13;尺寸: 500 x 401&#13;浏览: 229 次&#13;点击打开新窗口浏览全图" width="500" height="401" /></a></div></p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=103" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_bbf93222fb8f70bdd770e60abf3fc002.jpg" border="0" alt="&#13;&#13;大小: 39.9 K&#13;尺寸: 500 x 185&#13;浏览: 239 次&#13;点击打开新窗口浏览全图" width="500" height="185" /></a></div></p>
<p>&nbsp;</p>
<p>程序源代码：<a href="http://liupeng.us/attachment.php?id=105" title="olbank.rar&#13;&#13;大小:1.93 M, 下载次数:2146" target="_blank">olbank.rar</a></p>
<p>程序报告说明书（DOC版）：<a href="http://liupeng.us/download/olbank/Online Personal Bank.doc">Online Personal Bank.doc</a></p>
<p>程序报告说明书（PDF雅黑字体版供打印）：<a href="http://liupeng.us/download/olbank/Online Personal Bank.pdf">Online Personal Bank.pdf</a></p>
<p>PS：说明书内置说明运行机制，还有程序截图。应付课程设计绰绰有余！</p>]]></description>
			<link>http://liupeng.us/Java-mvc-bitswork-olbank/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2009-01-19 21:01</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/m8fans-down-software-desgin/</guid>
			<title>扒饭网软件下载中心设计</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p>在为M8疯狂的期间，也接到扒饭网管理员小R的邀请，希望能为扒饭网软件中心做形象设计，当时正是在JSP课程设计，因为项目催得急，软件中心也要上线，于是就快速的完成了一个简单的demo，这次还是跟老伙伴龙神在天同学一起完成的。由于和死龙不是在一起工作，所以这次是真正意义上的代码与页面分离。做设计的时候，由于自己有些程序基础，所以写注释的时候，都写得很到位，以致完成html和CSS后，传给龙神同学，得到他大力的赞许。看来，我们2个已经很有默契了。</p>
<p>设计图：</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=145" target="_blank"><img src="http://liupeng.us/attachments/date_200902/thumb_f402bf6fea706abf55cbb6cc129f03a8.jpg" border="0" alt="&#13;&#13;大小: 296.14 K&#13;尺寸: 500 x 470&#13;浏览: 194 次&#13;点击打开新窗口浏览全图" width="500" height="470" /></a></div></p>
<p>看看首页头部的注释代码：</p>
<pre><ol class="dp-xml"><li class="alt"><span><span class="comments">&lt;!--Header&nbsp;Start--&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;header&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;clear&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;webtitle&quot;</span><span class="tag">&gt;</span><span>M8fans.com&nbsp;软件下载频道</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;header-ads&quot;</span><span class="tag">&gt;</span><span>Your&nbsp;ADS&nbsp;place,&nbsp;R</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;clear&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;nav&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">ul</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;navul&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--Nav&nbsp;Loop&nbsp;Start--&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;a&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;index.html&quot;</span><span>&nbsp;</span><span class="attribute">target</span><span>=</span><span class="attribute-value">&quot;_self&quot;</span><span class="tag">&gt;</span><span>下载首页</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;c&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;cate.html&quot;</span><span class="tag">&gt;</span><span>测试栏目</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;d&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;#&quot;</span><span class="tag">&gt;</span><span>测试栏目</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;e&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;#&quot;</span><span class="tag">&gt;</span><span>测试栏目</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;f&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;#&quot;</span><span class="tag">&gt;</span><span>测试栏目</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;g&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;#&quot;</span><span class="tag">&gt;</span><span>测试栏目</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">accesskey</span><span>=</span><span class="attribute-value">&quot;h&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;#&quot;</span><span class="tag">&gt;</span><span>测试栏目</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">li</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="comments">&lt;!--Nav&nbsp;Loop&nbsp;End--&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">ul</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span><span class="comments">&lt;!--Header&nbsp;End--&gt;</span><span>&nbsp;</span></span></li></ol></pre>
<p>软件分类代码</p>
<pre><ol class="dp-xml"><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;secate-right-out&quot;</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;dashbox&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;secate-right&quot;</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;dashBorder&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">table</span><span>&nbsp;&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;DataRepeater&quot;</span><span>&nbsp;</span><span class="attribute">width</span><span>=</span><span class="attribute-value">&quot;641&quot;</span><span>&nbsp;</span><span class="attribute">border</span><span>=</span><span class="attribute-value">&quot;0&quot;</span><span>&nbsp;</span><span class="attribute">cellspacing</span><span>=</span><span class="attribute-value">&quot;1&quot;</span><span>&nbsp;</span><span class="attribute">cellpadding</span><span>=</span><span class="attribute-value">&quot;1&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">tr</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">th</span><span>&nbsp;</span><span class="attribute">width</span><span>=</span><span class="attribute-value">&quot;362&quot;</span><span>&nbsp;</span><span class="attribute">scope</span><span>=</span><span class="attribute-value">&quot;col&quot;</span><span class="tag">&gt;</span><span>软件名</span><span class="tag">&lt;/</span><span class="tag-name">th</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">th</span><span>&nbsp;</span><span class="attribute">width</span><span>=</span><span class="attribute-value">&quot;131&quot;</span><span>&nbsp;</span><span class="attribute">scope</span><span>=</span><span class="attribute-value">&quot;col&quot;</span><span class="tag">&gt;</span><span>更新时间</span><span class="tag">&lt;/</span><span class="tag-name">th</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">th</span><span>&nbsp;</span><span class="attribute">width</span><span>=</span><span class="attribute-value">&quot;138&quot;</span><span>&nbsp;</span><span class="attribute">scope</span><span>=</span><span class="attribute-value">&quot;col&quot;</span><span class="tag">&gt;</span><span>软件大小</span><span class="tag">&lt;/</span><span class="tag-name">th</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">tr</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;<span class="comments">&lt;!--Soft&nbsp;Loop&nbsp;start--&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">tr</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;drc&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">td</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;drl&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;soft.html&quot;</span><span>&nbsp;</span><span class="attribute">target</span><span>=</span><span class="attribute-value">&quot;_self&quot;</span><span>&nbsp;</span><span class="tag">&gt;</span><span>M8&nbsp;蓝牙，RMVB的破解补丁</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">td</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">td</span><span class="tag">&gt;</span><span>2008-12-29</span><span class="tag">&lt;/</span><span class="tag-name">td</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">td</span><span class="tag">&gt;</span><span>12.8M</span><span class="tag">&lt;/</span><span class="tag-name">td</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">tr</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">tr</span><span>&nbsp;</span><span class="attribute">class</span><span>=</span><span class="attribute-value">&quot;drc-intro&quot;</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">td</span><span>&nbsp;</span><span class="attribute">colspan</span><span>=</span><span class="attribute-value">&quot;3&quot;</span><span>&nbsp;</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag-name">p</span><span class="tag">&gt;</span><span>专门用于破解M8的手机上RMVB，和蓝牙的补丁！专门用于破解M8的手机上RMVB，和蓝牙的补丁！专门用于破解M8的手机上RMVB，和蓝牙的补丁！专门用于破解M8的手机上RMVB，和蓝牙的补丁！专门用于破解M8的手机上RMVB，和蓝牙的补丁！</span><span class="tag">&lt;/</span><span class="tag-name">p</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">td</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;/</span><span class="tag-name">tr</span><span class="tag">&gt;</span><span>&nbsp;</span></span></li><li><span><span class="comments">&lt;!--Soft&nbsp;Loop&nbsp;End--&gt;</span><span>&nbsp;</span></span></li></ol></pre>
<p>目前还很粗糙，等有空会设计出第二版的下载中心！</p>
<p>扒饭网软件下载中心：<a target="_blank" href="http://down.m8fans.com">http://down.m8fans.com</a></p>]]></description>
			<link>http://liupeng.us/m8fans-down-software-desgin/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2009-01-15 14:29</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/Fate-Stay-Night-liupeng-us-works/</guid>
			<title>Fate-Stay-Night 宣传页</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=61" target="_blank"><img src="http://liupeng.us/attachments//date_200811/2693ede71bc025486e988e98dd6fad44.jpg" border="0" alt="&#13;&#13;大小: 166.1 K&#13;尺寸: 236 x 400&#13;浏览: 447 次&#13;点击打开新窗口浏览全图" width="236" height="400" /></a></div></p>
<p>燕郊地方举行IT文化节,5所高校组成的,貌似可以看到不少名人,可以看到不少高手!</p>
<p>做得很急,这次采用的方法主要是PNG,发现不少以前没有发现的问题：</p>
<ol>
    <li>IE下加载PNG为背景图时，得定义背景图的大小，否则会出现图片拉伸为块级元素的大小。</li>
    <li>clear:both一定要注意使用。否则自动高度的时候会出（FF）会有问题。</li>
    <li>关于IE版本的HACK区别，区别IE的具体细节。</li>
    <li>块级元素属性为浮动的时候，IE DOUBLE MARGIN的问题,display:inline;</li>
    <li>图片的优化工作,导出时候的选择,以及图片的大小。</li>
    <li>关于宽屏的处理（1024&times;768，1280&times;800，甚至更大的）。</li>
    <li>ID和CLASS的命名规范。</li>
    <li>PNG背景图层上的超链接问题，需要对照链接进行相对位置确定（IE）才能识别。</li>
</ol>
<p>其他的都是些小问题。看来还得研究下图片的导出问题，这个应该好好研究下，怎么样才能做到图片的最小和质量的最大！</p>
<p><strong>Fate-Stay-Night 宣传页地址</strong>：<a href="http://liupeng.us/demo/fate/" target="_blank">http://liupeng.us/demo/fate/</a></p>
<p><span style="background-color: rgb(0, 51, 102);"><span style="color: rgb(255, 255, 255);">==友情提示：如果网速不好，请耐心等待加载，因为图片有些大！谢谢！</span></span></p>]]></description>
			<link>http://liupeng.us/Fate-Stay-Night-liupeng-us-works/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-11-29 01:40</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/36/</guid>
			<title>BBS做的一个小首页</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p>BBS三周年之际做了个小首页！</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=42" target="_blank"><img src="http://liupeng.us/attachments/date_200811/thumb_f827df8dee7687ac851065aabcff1a5a.jpg" border="0" alt="&#13;&#13;大小: 707.85 K&#13;尺寸: 500 x 431&#13;浏览: 443 次&#13;点击打开新窗口浏览全图" width="500" height="431" /></a></div></p>]]></description>
			<link>http://liupeng.us/archives/36/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-11-18 16:28</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/21/</guid>
			<title>缘分测试 V1.0版 大家来测试哈^^</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><span style="color: #ff6600"><b>超级准的 缘分 测试 哦。强烈建议大家测试！</b></span>本来刘大侠是很相信算命的，不过本人十分的懒。但是，今天这个测试有让刘大侠从构思开始把它做出来，这个缘分测试的重要性，可见一斑。好吧，不多说了，来看看截图。<span style="color: #ff6600"><b>输入生日时（一定要选农历，农历有某种神秘的力量）</b></span></p><p><div class="attach"><a href="http://liupeng.us/attachment.php?id=28" target="_blank"><img src="http://liupeng.us/attachments//date_200809/80ceb1f100c0145c97258d93848ab671.jpg" border="0" alt="&#13;&#13;大小: 66.3 K&#13;尺寸: 383 x 296&#13;浏览: 294 次&#13;点击打开新窗口浏览全图" width="383" height="296" /></a></div></p><p>上图，为测试开始，输入完毕后，点中间的测字即可。</p><p><div class="attach"><a href="http://liupeng.us/attachment.php?id=29" target="_blank"><img src="http://liupeng.us/attachments//date_200809/1a78f15ab53a3e69b857136a44871435.jpg" border="0" alt="&#13;&#13;大小: 74.01 K&#13;尺寸: 383 x 296&#13;浏览: 1576 次&#13;点击打开新窗口浏览全图" width="383" height="296" /></a></div></p><p>测试结果，呵呵。^^真的很准哦</p><hr /><p><b>软件描述</b>：一款缘分测试的小软件</p><p><b>软件大小</b>：272K</p><p><b>软件下载：<a href="http://liupeng.us/attachment.php?id=30" title="fate-test-v[1.0].rar&#13;&#13;大小:271.66 K, 下载次数:436" target="_blank">fate-test-v[1.0].rar</a></b></p><p><b>软件BUG</b>：<span style="color: #ff6600"><b>就是一定要输入完整的年，月，日。</b></span>如果不知道年，月的朋友可以随便输入，但是年份范围不要超过1800-2000，月份嘛不要超过12就行，只需要日期数就可以。正在研究此BUG...- - !</p>]]></description>
			<link>http://liupeng.us/archives/21/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-09-22 05:12</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/15/</guid>
			<title>Sablog-X 2.0 Inspiration皮肤 发布</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p>精心为自己博客准备的一个皮肤。</p><p>皮肤名：<b>Inspiration</b></p><p>适用版本：<b>Build 20080226</b> (<span style="color: #ff6600">最新的版本尚未测试，请慎用</span>)</p><p>皮肤大小：<b>234K</b></p><p>皮肤缩略图：</p><p><div class="attach"><a href="http://liupeng.us/attachment.php?id=18" target="_blank"><img src="http://liupeng.us/attachments//date_200809/6b1322e76316f394fc30dc9c7d65de34.png" border="0" alt="&#13;&#13;大小: 11.62 K&#13;尺寸: 216 x 180&#13;浏览: 1436 次&#13;点击打开新窗口浏览全图" width="216" height="180" /></a></div></p><p>下载地址：<a href="http://liupeng.us/attachment.php?id=17" title="inspiration.rar&#13;&#13;大小:233.12 K, 下载次数:472" target="_blank">inspiration.rar</a></p><p>皮肤在 TheWord 2.0，Firefox 2.0.16，Firefox 3.0测试下，有完美表现，其他尚未测试，不过应该不会有太大的差别！^^，希望大家喜欢。</p><p><span style="color: #0000ff">皮肤使用方法：下载后，解压，将Inspiration文件夹上传到空间根目录templates中即可，再登录后台，在模板处设置使用Inspiration即可！</span></p>]]></description>
			<link>http://liupeng.us/archives/15/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-09-16 17:13</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/12/</guid>
			<title>大话西游2-首页设计图</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=8" target="_blank"><img src="http://liupeng.us/attachments/date_200809/thumb_fbfc0f2fb2f1314ef6da9a8fe579d321.jpg" border="0" alt="&#13;&#13;大小: 35.36 K&#13;尺寸: 500 x 371&#13;浏览: 1149 次&#13;点击打开新窗口浏览全图" width="500" height="371" /></a></div></p><p>暑假在家闲下来的时候做的，后来发到官网，<a href="http://xy2.163.com" target="_blank">官网</a>&nbsp;就举行了首页设计大赛...狂汗一个！有兴趣的朋友可以去看下，奖励还算丰富哦！</p><p><div class="attach"><a href="http://liupeng.us/attachment.php?id=7" target="_blank"><img src="http://liupeng.us/attachments/date_200809/thumb_55592f3064cc31fd8a373753acfb195d.jpg" border="0" alt="&#13;&#13;大小: 1.79 M&#13;尺寸: 190 x 500&#13;浏览: 298 次&#13;点击打开新窗口浏览全图" width="190" height="500" /></a></div></p><p>具体报名方法请见：<a href="http://game.netease.com/">http://game.netease.com/</a></p>]]></description>
			<link>http://liupeng.us/archives/12/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-09-12 02:41</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/56/</guid>
			<title>麻城市信达无纺布防护用品厂网站设计</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=99" target="_blank"><img src="http://liupeng.us/attachments//date_200901/2f61e483b9adb9657d2caa38ed151060.jpg" border="0" alt="&#13;&#13;大小: 146.77 K&#13;尺寸: 261 x 500&#13;浏览: 527 次&#13;点击打开新窗口浏览全图" width="261" height="500" /></a></div></p>
<p>麻城市信达无纺布防护用品厂网站设计，家乡的活。很小，仅一个小页面！</p>
<p>要求不是很多。根据客户要求设计了一个小页面。</p>
<p>已建成网站 <a href="http://ybxinda.com">http://ybxinda.com</a></p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=100" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_f908231d67d2982285f8711f8acb92ce.jpg" border="0" alt="&#13;&#13;大小: 978.27 K&#13;尺寸: 262 x 500&#13;浏览: 190 次&#13;点击打开新窗口浏览全图" width="262" height="500" /></a></div></p>]]></description>
			<link>http://liupeng.us/archives/56/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-08-13 13:38</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/10/</guid>
			<title>用户信息保护系统(UIPPS)</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p>用户信息系统，属于一个还在完善中的用户信息系统。可以独立出来，参与任何软件的模块。同以往的密码保护系统不一样，这个<b>UIPPS</b>，主要是从图片方面来保护用户的隐私信息。类似如：大话西游2的密宝卡，魔兽世界冲值卡。</p><p><div class="attach"><a href="http://liupeng.us/attachment.php?id=6" target="_blank"><img src="http://liupeng.us/attachments/date_200805/thumb_1878ef9fd076db27a976bcd481e85c83.jpg" border="0" alt="&#13;&#13;大小: 48.33 K&#13;尺寸: 500 x 370&#13;浏览: 1276 次&#13;点击打开新窗口浏览全图" width="500" height="370" /></a></div></p><p><b>大话西游2的密宝卡</b></p><p><div class="attach"><a href="http://liupeng.us/attachment.php?id=5" target="_blank"><img src="http://liupeng.us/attachments//date_200805/d746492010c251f84c6aef9fe62d1615.jpg" border="0" alt="&#13;&#13;大小: 27.81 K&#13;尺寸: 450 x 360&#13;浏览: 414 次&#13;点击打开新窗口浏览全图" width="450" height="360" /></a></div></p><p><b>魔兽世界冲值卡</b></p><p>以<a href="http://www.163.com" target="_blank">163</a>大话西游2为例，用户注册<a href="http://reg.163.com" target="_blank">网易一卡通</a>后，默认是没有申请密宝卡的。第一次申请时，自动生成上面的5行5列矩阵数字图片，记录着这张图片的序列号。而这个<b>15位数</b>的序列号的唯一也决定了用户的唯一性和安全行。这个图片只在申请的时候生成一次。以后不再生成。除非解除绑定。</p><p>一旦用户绑定了（申请了）这种密宝卡后，以后在登陆游戏或者修改资料时候，会随机要求输入矩阵中的3个元素。完全正确后，才可以登陆游戏或者修改资料。</p><p>通过这种特殊的保护功能，能够极大的加强用户的信息保护力度。即使用户的帐号密码泄漏，不法分子依然无法修改密码。而这个需要修改密码所需要的图片保护卡，在真正的用户那里。</p>]]></description>
			<link>http://liupeng.us/archives/10/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-05-29 17:50</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/55/</guid>
			<title>东瑞麒麟效果图设计</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=97" target="_blank"><img src="http://liupeng.us/attachments//date_200901/677a1a165f82fe65358b4d1267f92bff.jpg" border="0" alt="&#13;&#13;大小: 143.59 K&#13;尺寸: 264 x 400&#13;浏览: 522 次&#13;点击打开新窗口浏览全图" width="264" height="400" /></a></div></p>
<p>东瑞麒麟公司的效果图！</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=98" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_b8f6894a9b7f58a0686e3b0fe6a14b77.jpg" border="0" alt="&#13;&#13;大小: 716.83 K&#13;尺寸: 330 x 500&#13;浏览: 417 次&#13;点击打开新窗口浏览全图" width="330" height="500" /></a></div></p>]]></description>
			<link>http://liupeng.us/archives/55/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-04-13 13:29</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/archives/54/</guid>
			<title>东方美墅网站设计</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=95" target="_blank"><img src="http://liupeng.us/attachments//date_200901/f988ecc60f80cc171c200726ea25223d.jpg" border="0" alt="&#13;&#13;大小: 305.35 K&#13;尺寸: 500 x 370&#13;浏览: 515 次&#13;点击打开新窗口浏览全图" width="500" height="370" /></a></div></p>
<p>在京东热线工作的时候，接手的一个小项目！</p>
<p>网站已建成形：<a href="http://www.dfmshu.com">Http://www.dfmshu.com</a>&nbsp;考虑到是别墅的形象所以在网站的观感上，大量使用别墅图片给人安全，舒适，温暖的感觉！</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=96" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_721cbb7750ad1682bbffb5696ed2dc64.jpg" border="0" alt="&#13;&#13;大小: 914.14 K&#13;尺寸: 500 x 370&#13;浏览: 201 次&#13;点击打开新窗口浏览全图" width="500" height="370" /></a></div></p>]]></description>
			<link>http://liupeng.us/archives/54/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-04-13 13:04</pubDate>
		</item>
		<item>
			<guid>http://liupeng.us/Dealshpare-citiao-plantform/</guid>
			<title>Dealsphare词条平台</title>
			<author>Kevin</author>
			<description><![CDATA[时光博客 ( http://liupeng.us/ ) : <p><div class="attach"><a href="http://liupeng.us/attachment.php?id=93" target="_blank"><img src="http://liupeng.us/attachments//date_200901/12a24cdd2f28216a4a41055f14cb6f10.jpg" border="0" alt="&#13;&#13;大小: 180.88 K&#13;尺寸: 371 x 500&#13;浏览: 511 次&#13;点击打开新窗口浏览全图" width="371" height="500" /></a></div></p>
<p>和老农合作的一个项目！</p>
<p><div class="attach"><a href="http://liupeng.us/attachment.php?id=94" target="_blank"><img src="http://liupeng.us/attachments/date_200901/thumb_99d33adc8e0748714a53b9eca3f60d15.jpg" border="0" alt="&#13;&#13;大小: 848.62 K&#13;尺寸: 371 x 500&#13;浏览: 192 次&#13;点击打开新窗口浏览全图" width="371" height="500" /></a></div></p>]]></description>
			<link>http://liupeng.us/Dealshpare-citiao-plantform/</link>
			<category domain="http://liupeng.us/category/my-works/">Works</category>
			<pubDate>2008-04-13 12:23</pubDate>
		</item>
	</channel>
</rss>
