詳解制作模板的步驟

　　很多朋友在QQ、論壇和我站上問我是如何制作模板，考慮一下，寫一個(gè)教程統(tǒng)一說一下吧，不會(huì)寫教程，寫的不好，但盡量使大家都能看的明白。
　　以下是以我制做“動(dòng)易V4.03”核心模板的過程，當(dāng)然遵循這個(gè)思路，同樣適用用其他網(wǎng)站核心的模板制做和自己建設(shè)網(wǎng)站。
1、 首先確定制做站點(diǎn)的類型（廢話～），然后根據(jù)制做站點(diǎn)的類型進(jìn)行選用素材和配色的思考。
2、 在制做站點(diǎn)前需要對(duì)這個(gè)核心相對(duì)要了解一些，比如“動(dòng)易V4.03”核心的函數(shù)排列的行距是24px（象素）；JS調(diào)用的行距有兩個(gè)尺寸（1）普通列表式的行距19px（2）表格式的行距是24px。個(gè)人認(rèn)為：在制做模板前這些都是需要知道和了解的，原因繼續(xù)向下看…………….
3、 在了解了核心的結(jié)構(gòu)以后，需要你對(duì)站點(diǎn)的安排了。比如：首頁(yè)是否需要公告、需要安排多少個(gè)頻道，而且每一個(gè)頻道需要調(diào)用幾個(gè)標(biāo)題，在首頁(yè)需要調(diào)用哪些頻道的內(nèi)容出來，這些都是需要一個(gè)良好的思路。假如記不住的話，拿筆把它寫下來吧。
4、 預(yù)備的工作都做完了嗎？呵呵，我們現(xiàn)在進(jìn)入下一步，這一步也是最重要的一步了―――――制圖。制圖的工具有很多，比如“Fireworks”、“Photoshop”、“Illustrator”，在這里需要講一下的是“Illustrator”，這個(gè)工具是“Adobo”公司出品的矢量工具，主要是為了處理網(wǎng)站Banner和Icon用的（我只是使用這個(gè)工具修改，不會(huì)手繪（汗～～）―――群眾大呼“砍死…”），但最多使用的是“Photoshop”工具。好啦，開始制圖吧。根據(jù)你需要的調(diào)用和安排繪制網(wǎng)站的頁(yè)面。當(dāng)然，很重要的一點(diǎn)，制圖的時(shí)候所有的尺寸都是經(jīng)過計(jì)算的（見第二步）。
比如：會(huì)員登陸需要高150PX左右，那么加上頂部標(biāo)簽就要180px
最新文章頻道假如調(diào)用6個(gè)組新標(biāo)題的話，那么就是24*6＝144px，做150PX高 肯定夠。
同時(shí)您還需要一些html的知識(shí)，知道在那里需要做表格的拆分，這樣才能按照您設(shè)計(jì)的模板達(dá)到最快的訪問效果。
下面以“模板263”第五版為例：
這個(gè)頁(yè)面采用的是左右兩列式的排列，拆分的位置如下：
在會(huì)員登陸做一個(gè)拆分；
然后下一個(gè)本站資源再做一個(gè)拆分；
然后是成功案例一個(gè)；
推薦文章、站內(nèi)統(tǒng)計(jì)友情連接是一個(gè)拆分；
網(wǎng)站聯(lián)盟是一個(gè)拆分；
頁(yè)腳一個(gè)拆分；這些所有的拆分都是橫向的拆分。


5、 效果圖畫好以后，預(yù)備開始排版。有一些朋友喜歡在做網(wǎng)站之前，就把效果圖做切圖，然后排版，我個(gè)人的方法是根據(jù)需要，一塊一塊的裁。無論那種方法，適合自己就可以了�，F(xiàn)在我們進(jìn)入Dreamweaver進(jìn)行排版。
比如：banner位置的左右是采用圖片的形式，而banner背景的藍(lán)色采用背景顏色。該采用背景的位置就采用背景，該使用圖片的位置就使用圖片。然后在你調(diào)用的位置填入調(diào)用的函數(shù)或代碼就可以了。
6、 其他的就都是一些表格的排版了，這里就不再多說了。大家可以去看一些Dreamweaver表格應(yīng)用的書籍和帖子。但記住一點(diǎn)的是，表格盡量嵌套要少，表格嵌套多的網(wǎng)頁(yè)打開速度同樣是慢的。