在做模板之前，還要做一些準(zhǔn)備工作，畢竟吃飯之前也要記得洗手。

這里就簡(jiǎn)單介紹一下制作模板的時(shí)候需要做的一些準(zhǔn)備工作。

1、知識(shí)儲(chǔ)備

有很多人往往會(huì)輕視知識(shí)的儲(chǔ)備，建議新手直接開(kāi)工。這樣就導(dǎo)致新手在制作模板的時(shí)候碰到很多的基礎(chǔ)問(wèn)題，而這些問(wèn)題如果在交流群等地方直接提出的時(shí)候，大家基本上都會(huì)建議百度。因?yàn)檫@些問(wèn)題實(shí)在太基礎(chǔ)了，大神們已經(jīng)在群里回答了N遍了，以至累得都懶得回答了。這時(shí)候，如果新手具備搜索獲取信息的能力還好，如果新手連進(jìn)行搜索獲取信息的能力都不足的話，就卡死了。那么，新手在開(kāi)工之前，做一些基礎(chǔ)知識(shí)的儲(chǔ)備，絕對(duì)是必要的。因?yàn)榧幢闶秋垇?lái)張口，衣來(lái)伸手的人，他也得有口可張，有手可伸。

模板制作的基礎(chǔ)知識(shí)包括：HTML+CSS+JS以及獲取信息的能力。

（1）、HTML+CSS+JS本教程也不打算展開(kāi)說(shuō)，因此新手們可以自行去w3cschool或者菜鳥(niǎo)教程學(xué)習(xí)。這也不是很難的事情，看文檔，寫(xiě)實(shí)例就可以了。不要求把每個(gè)屬性和值都背得滾瓜爛熟，關(guān)鍵是你會(huì)運(yùn)用，至于屬性和值，忘記的時(shí)候再翻開(kāi)教程文檔看就可以了。所以，學(xué)習(xí)的時(shí)候切記一定要?jiǎng)邮侄鄬?xiě)，加深理解。僅僅把文檔讀背記住是沒(méi)用的，就像王語(yǔ)嫣一樣，只會(huì)說(shuō)不會(huì)打，實(shí)踐才能出真知。

（2）、可能會(huì)有很多人會(huì)覺(jué)得獲取信息的能力很簡(jiǎn)單吧，打開(kāi)百度輸入要搜索的內(nèi)容就好了 。如果僅僅是這樣的話，怎么解釋有些東西為什么別人一搜就有，你怎么搜索也找不到呢？這方面這里就不展開(kāi)講了，各位自己去百度一下“搜索技巧”這個(gè)關(guān)鍵詞，自行學(xué)習(xí)即可。另外，技術(shù)類的問(wèn)題，有條件的還是上個(gè)VPN，找谷歌會(huì)比較好。當(dāng)然，最好還得有一些常用詞的英文水平。

2、工具儲(chǔ)備

幾千年前的人就知道“工欲善其事，必先利其器”了，制作模板當(dāng)然也離不開(kāi)各種工具了。對(duì)于工具的選擇，只有一個(gè)原則：順手就好。

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

代碼編輯：Visual Studio Code/Sublime Text/Notepad++/Atom/Dreamweaver等等

圖片編輯：Photoshop（想不出其他的了，AICDR做矢量？美圖秀秀？）

頁(yè)面調(diào)試：Chrome/Firefox

3、審美儲(chǔ)備

這點(diǎn)就有點(diǎn)玄幻了，因?yàn)榇蠹叶紩?huì)拿哈姆雷特來(lái)當(dāng)借口。這方面也不展開(kāi)說(shuō)了，容易口水。

只是稍微提醒一下：

（1）、10元的設(shè)計(jì)和10萬(wàn)的設(shè)計(jì)是有根本上的區(qū)別的。

（2）、間距10px和8px也是有著根本上的區(qū)別的。

（3）、既然是制作模板，是直接面對(duì)訪客視覺(jué)的，那么“美”應(yīng)該是首位考慮的。

關(guān)于審美的儲(chǔ)備方法：沒(méi)有什么技巧，花時(shí)間多看一些“美”的設(shè)計(jì)，有空的話可以稍微了解一下設(shè)計(jì)基礎(chǔ)理論。

總結(jié)：準(zhǔn)備工作看似簡(jiǎn)單，實(shí)際上新手需要花大量的時(shí)間去熟悉和鞏固。就像小朋友學(xué)拼音的時(shí)候要先熟記a、o、e一樣。