查看完整版本: 做皮肤需要掌握些什么知识

做皮肤需要掌握些什么知识

这篇文章是很久以前看到karic的一求助帖《做皮肤需要掌握些什么知识》，实在忍不住了，写写这个帖子供新人参考学习。

说实话，学习PJBlog的皮肤制作真的并不难，具体需要什么样的素质才能制作的出好皮肤呢？
    首先，在心理上，不能把会制作皮肤的人看作“神”，认为他们的境界和你很遥远，其实不然，[b]“神”也是人[/b]（只是做到了“人”做不到的事情），他们和你一样，而且离你的距离并不遥远。
    扫清了心理障碍，然后让我们开始做皮肤吧，karic就把PJ的皮肤理解错了，其实[u]制作PJ皮肤根本不要一点ASP的知识[/u]，这是PJ和WordPress和其他博客系统很大的一点不同，也可以说是PJ的很大一点优势之一。打开你的博客根目录，会看到有一个文件夹名为SKINS，它的意思就是“皮肤”，它也就是放置皮肤的地方，打开后看到一个个文件夹，这其实就是一个个皮肤，PJ的每一个皮肤都是放在skins文件夹内的一个文件夹内的，打开看看，这里面主要的文件有[u][color=Red]全局样式表 global.css，层次样式表 layout.css，局部样式表 typography.css，超链接样式表 link.css，界面配置文件 skin.xml，外加一个UBB文件夹[/color][/u]。这些是不变的一些文件，而且[b]UBB文件夹内的文件一般不用修改，制作皮肤时可以直接拷贝[/b]。其他文件都是皮肤要调用到的图片文件了。这样就会很一目了然的明白了，[color=Red]PJ的皮肤其实就是由[u]CSS样式表[/u]来实现的[/color]。
    开始学习的时候，你可以参考番茄红了的教程开始，也可以在PJBBS设置的专区[color=Red]『PJ皮肤教材新区』[/color]找到最新最好的教材。教材的好坏在其次，最主要的是[color=Blue][u]认真学习[/u][/color]，而且[color=Blue][u]学不在多而在于精[/u][/color]，先把一本教材学完，再去找其他教材补补火候，[color=Blue][u]不断完善自己[/u][/color]，切忌[color=Blue][u]不要朝三暮四[/u][/color]。[color=Blue][u]持之以恒、一口作气[/u][/color]是学好PJ皮肤的重要个人素质。其实开始的时候，[u]CSS不会根本没有什么关系，CSS学起来是很快的[/u]，但是建议你手上必须有一本学CSS的经典书籍[color=Red][b]沈苏小雨的《CSS样式表2.0中文手册》[/b][/color]（下载地址：[url]http://bbs.pjhome.net/thread-30440-1-1.html[/url]），而且建议你必须要有[b]初二的英文水平和尽可能高超的记单词水平[/b]，本人今年初三，所掌握的单词已经足以应对CSS了，记忆水平好则是为了让你不用每写一段CSS就去查一下沈苏小雨的《CSS样式表2.0中文手册》。
    在学习的过程中，[color=blue][u]纸上谈兵是大忌[/u][/color]，我也没看到那个高手是光看教材看出来的，建议最好的学习方法就是在自己家电脑（操作系统XP）上安装好IIS（参考资料：），然后搭设好PJBlog，[color=blue][u]一边操作一边学[/u][/color]，这样是学的最快的方法，因为你在操作的过程中会方便你巩固记忆。
    教材学完了，学懂了，其实还不行，要趁热打铁才行，还等什么，推出你的处女作啊，[color=Red]完全脱离教材，然后自己制作[/color]。制作的时候，遇到不懂的CSS参数要尽可能的[color=Red][u]参考[/u][/color]沈苏小雨的《CSS样式表2.0中文手册》，按照上面的效果演示理解弄懂这个参数的[color=Red]具体含义和作用[/color]，而且一定要有[color=blue][u]独立思考的能力[/u][/color]，不要什么事情都来向高手请教（不是不支持向高手请教），要注意观察，我相信你完全可以通过《CSS样式表2.0中文手册》的查询功能查询到你想要的CSS参数，效果和理想往往有一些偏差，但不要紧，[u][color=blue][u]自己慢慢尝试、试验、调试[/u][/color][/u]，从多个角度去思考这个CSS代码该如何写，还可以[color=blue][b]多下载制作精良的皮肤参考参考[/b][/color]，[color=blue][u]多向别人学习学习[/u][/color]，这样我相信你的进步一定是非常大的，因为这其实也是一种非常行之有效的学习方法。推荐你在调试的时候参考参考 [color=red][b]PJ皮肤结构的2D和3D拓扑图[/b][/color]（地址：[url]http://bbs.pjhome.net/thread-30515-1-1.html[/url]），这样便于你进行尝试。最后如果实在是有问题没办法自己解决了，那就上PJBBS风格区，发个求助帖，相信很多高手都会来帮你的。按照我以上的话去学习，那相信PJ皮肤很快就会被你弄得彻彻底底、清清白白了。

[color=Green]如果想把你的皮肤制作成精美的无与伦比，那就参考参考下面我的建言吧。不论是原创皮肤还是移植皮肤，我想如果想把它做好，那就一定要学好[b]Photoshop[/b]的基本使用了，如：改图、拼图等，如果向高水平拓展则更好啦。然后还可以学习学习[b]Flash[/b]，虽然PJ的皮肤里面使用Flash的很少，但是其实Flash还是有很大的发展空间，可以让你的皮肤与众不同，效果更加出众。其实还是有很重要的一点，就是平时在浏览网页的时候要[u]多留心，多积累素材[/u]，毕竟你不能让所有你理想中的图片呼之欲来，积累素材是总没有错的。更重要的是，你必须[u]有你自己的设计理念，并且把它坚持下去[/u]，永远仿照别人是不会有好的作品的。这样，相信总有一天的你风格会做的和FatMouse的一样好。[/color]

[color=DarkOrange]如果还想提高也可以，因为PJ皮肤不仅限于两栏的皮肤，也可以是单栏的皮肤，三栏的皮肤，四栏的皮肤等。这种学习方法可以使用多下载些三栏、四栏的皮肤参考参考别人的代码的方式，至于单栏的皮肤，它的方法和去掉标题和副标题的方法一样，只不过单栏似乎不太方便，大家也可以自己去[u]思考思考、多归纳、多总结[/u]。[/color]

[color=Red][u][b]当你按照我的话成为高手的时候，不要感谢我，只要不要忘记PJBBS，每天坚持上PJBBS为和当年的你一样是新手的人解决一些力所能及的问题就足够了。[/b][/u][/color]

洋洋洒洒写了这么多。所以，我在karic的帖子上回复的应该是：[color=Blue][b]你需要掌握CSS，一些简单的英文基础，Photoshop，还需要自己独特的设计理念。[/b][/color]

[color=Magenta]这句话：
致新人：多学习，多上进，多请教，多虚心，多诚意，多思考，多实践；
致高手：多热心，多耐心，多好心，多关心，多帮助，多恒心，多细心；
看来在要加上一点了：
[b]致新人：多归纳，多总结；
致高手：多奉献，多回报；[/color][/b]

[[i] 本帖最后由 tangzhehao 于 2008-2-22 20:51 编辑 [/i]]

最重要的就是多实践操作

多多的研究，自然很简单！

回复 1# 的帖子

跟楼主一比，还真是汗颜。。
有句话说得好：活到老，学到老。不懂就学，不懂就问。这样才会更加充实自己。。

:victory: 楼上的兄弟们总结了那么多噢。。

辛苦了 这么多

学习勒！！！:call:

有空一定要来学习一下怎么做皮肤

学习学习！

太好了:)

建议楼主归纳一下,要不然一般人很难把全文都看完..

重在动手

真的不简单，我也得认真学了