[分享]詳解制作模板的步驟_動易Cms教程

詳解制作模板的步驟

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


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