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

這里就簡單介紹一下制作模板的時候需要做的一些準備工作。

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一樣。