PbootCMS 模板制作教程(二) – 工欲善其事 必先利其器

在做模板之前，还要做一些准备工作，毕竟吃饭之前也要记得洗手。

这里就简单介绍一下制作模板的时候需要做的一些准备工作。

1、知识储备

有很多人往往会轻视知识的储备，建议新手直接开工。这样就导致新手在制作模板的时候碰到很多的基础问题，而这些问题如果在交流群等地方直接提出的时候，大家基本上都会建议百度。因为这些问题实在太基础了，大神们已经在群里回答了 N 遍了，以至累得都懒得回答了。这时候，如果新手具备搜索获取信息的能力还好，如果新手连进行搜索获取信息的能力都不足的话，就卡死了。那么，新手在开工之前，做一些基础知识的储备，绝对是必要的。因为即便是饭来张口，衣来伸手的人，他也得有口可张，有手可伸。

模板制作的基础知识包括：HTML+CSS+JS 以及获取信息的能力。

（1）、HTML+CSS+JS 本教程也不打算展开说，因此新手们可以自行去 w3cschool 或者菜鸟教程学习。这也不是很难的事情，看文档，写实例就可以了。不要求把每个属性和值都背得滚瓜烂熟，关键是你会运用，至于属性和值，忘记的时候再翻开教程文档看就可以了。所以，学习的时候切记一定要动手多写，加深理解。仅仅把文档读背记住是没用的，就像王语嫣一样，只会说不会打，实践才能出真知。

（2）、可能会有很多人会觉得获取信息的能力很简单吧，打开百度输入要搜索的内容就好了 。如果仅仅是这样的话，怎么解释有些东西为什么别人一搜就有，你怎么搜索也找不到呢？这方面这里就不展开讲了，各位自己去百度一下“搜索技巧”这个关键词，自行学习即可。另外，技术类的问题，有条件的还是上个 VPN，找谷歌会比较好。当然，最好还得有一些常用词的英文水平。

2、工具储备

几千年前的人就知道“工欲善其事，必先利其器”了，制作模板当然也离不开各种工具了。对于工具的选择，只有一个原则：顺手就好。

以下是一些推荐的工具（排名不分先后）：

代码编辑：Visual Studio Code/Sublime Text/Notepad++/Atom/Dreamweaver 等等

图片编辑：Photoshop（想不出其他的了，AICDR 做矢量？美图秀秀？）

页面调试：Chrome/Firefox

3、审美储备

这点就有点玄幻了，因为大家都会拿哈姆雷特来当借口。这方面也不展开说了，容易口水。

只是稍微提醒一下：

（1）、10 元的设计和 10 万的设计是有根本上的区别的。

（2）、间距 10px 和 8px 也是有着根本上的区别的。

（3）、既然是制作模板，是直接面对访客视觉的，那么“美”应该是首位考虑的。

关于审美的储备方法：没有什么技巧，花时间多看一些“美”的设计，有空的话可以稍微了解一下设计基础理论。

总结：准备工作看似简单，实际上新手需要花大量的时间去熟悉和巩固。就像小朋友学拼音的时候要先熟记 a、o、e 一样。