做这个个人主页的原因主要是为了我马上要找工作而设计的作品，刚好这一阵子比较闲就写了下了这个小主页，域名是我先前申请的shufry.com。呵呵！WPG的朋友都建议上次换成这个域名但我还是坚持了自己的看法。
分类目录归档：「 网页制作相关 」
怎样才算是一个好博客
写博客也有两年多的时间了，从PJ到WP的确是验证了一个写独立博客的真谛：生活在于折腾。不管是做网站也好，写博客也罢要想做得好就必须一无返故的坚持折腾的原则。
今天我想总结一下在我心目中一个好博客的定位，只做参考！
首先得说明一下，现在的博客各类很多，写博客的目的也不尽相同，我暂且放下这些问题。就什么样的博客才算是一个好博客这个问题论述。
精巧支付宝导航条制作教程
CSS实现视觉标识
视觉标识这个词挺新鲜的哈，其实很简单就像上图中箭头指出的一样：当你在网站的博客页面时会有一个橘色的标识。这个效果的最大优点就是提示用户以提高用户体验。一般来说这效果都是用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: …… }
其实这个效果挺简单的，有兴趣的同学可以去试试。
CSS导航菜单自动生成CSS Tab Designer
我们用CSS写网页导航菜单时不可避免得需要大量重复的写一些代码，这就影响了我们的时间是效率，那么用这个导航菜单自动生成软件可以帮助我们高效地生成各式各样的导航条而且兼容性也不错。
CSS Tab Designer操作简单，很容易上手。主界面共三列，如图：
Items列为你要添加的导航条项目。点击“+”就可以添加。
Tab Styles为导航条的样式，这个软件给我们提供了好多样式，你可以任意选择一款你喜欢的。
Preview为最终效果预览图，如果感觉不错就可以点击“Generate HTML & Images”导出html和素材文件。
OK！有了Tab Designer你就能轻松搞定一切的导航条了。
注意：如果导航条内容有中文的话请在Preview列中点右键选择网页编码为”GB2312”即可正常预览。