嗯！我承认好长时间都没做东西了，有些玩物丧志了！前两天无意中发现手机中国 。感觉整个页面效果非常好，用户体验也不错，条理清晰内容丰富。在我看来的确是一个不错的站点！
“网页制作相关”目录存档
又一个仿写的页面
发布时间：2010年05月13日，星期四新的个人主页上线啦
发布时间：2010年03月26日，星期五
做这个个人主页的原因主要是为了我马上要找工作而设计的作品，刚好这一阵子比较闲就写了下了这个小主页，域名是我先前申请的shufry.com。呵呵！WPG的朋友都建议上次换成这个域名但我还是坚持了自己的看法。
怎样才算是一个好博客
发布时间：2010年03月19日，星期五
写博客也有两年多的时间了，从PJ到WP的确是验证了一个写独立博客的真谛：生活在于折腾。不管是做网站也好，写博客也罢要想做得好就必须一无返故的坚持折腾的原则。
今天我想总结一下在我心目中一个好博客的定位，只做参考！
首先得说明一下，现在的博客各类很多，写博客的目的也不尽相同，我暂且放下这些问题。就什么样的博客才算是一个好博客这个问题论述。
精巧支付宝导航条制作教程
发布时间：2010年02月2日，星期二
CSS实现视觉标识
发布时间：2009年12月29日，星期二
视觉标识这个词挺新鲜的哈，其实很简单就像上图中箭头指出的一样：当你在网站的博客页面时会有一个橘色的标识。这个效果的最大优点就是提示用户以提高用户体验。一般来说这效果都是用JS来完成的，但如果不牵扯动态页面的话用CSS去实现它会更容易。
首先看这个导航条的核心XHTML代码：
<body id="index-page">
<ul id="menu">
<li><a href="index.html" id="index">首页</a></li>
<li><a href="blog.html" id="blog">博客</a></li>
<li><a href="bbs.html" id="bbs">论坛</a></li>
<li><a href="guest.html" id="guest">留言</a></li>
<li><a href="links.html" id="links">链接</a></li>
</ul>
</body>
请注意红色标注部分：为了达到效果，我们建立了五个页面(index,blog,bbs,guest,linsk)，而且第个页面的body都有一个唯一的ID属性。
当我们写好样式后来实现标识效果只需要给五个不同ID选择器加上一个鼠标移动到上面去的样式：
body#index-page #index { background: …… }
body#blog-page #blog { background: ……}
body#bbs-page #bbs { background: …… }
body#guest-page #guest { background: …… }
body#links-page #links { background: …… }
其实这个效果挺简单的，有兴趣的同学可以去试试。
