[分享]詳解制作模板的步驟_動易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)頁打開速度同樣是慢的。
自此。模板的制做過程基本完成。假如還有什么問題,請各位朋友提出來,我繼續(xù)補充。教程寫的不好,請各位朋友指正。
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導(dǎo)航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點ID標簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統(tǒng)之四----動易系統(tǒng)安裝篇
- Windows 2008安裝動易.NET系統(tǒng)之三----數(shù)據(jù)庫篇
- Windows 2008安裝動易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫修復(fù),SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動易.net程序權(quán)限配置
- 為什么提示對Windows系統(tǒng)文件夾下的Temp目錄沒有訪問權(quán)限?
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-[分享]詳解制作模板的步驟。