[分享]詳解制作模板的步驟_動易Cms教程
詳解制作模板的步驟
很多朋友在QQ、論壇和我站上問我是如何制作模板,考慮一下,寫一個教程統一說一下吧,不會寫教程,寫的不好,但盡量使大家都能看的明白。
以下是以我制做“動易V4.03”核心模板的過程,當然遵循這個思路,同樣適用用其他網站核心的模板制做和自己建設網站。
1、 首先確定制做站點的類型(廢話~),然后根據制做站點的類型進行選用素材和配色的思考。
2、 在制做站點前需要對這個核心相對要了解一些,比如“動易V4.03”核心的函數排列的行距是24px(象素);JS調用的行距有兩個尺寸(1)普通列表式的行距19px(2)表格式的行距是24px。個人認為:在制做模板前這些都是需要知道和了解的,原因繼續向下看…………….
3、 在了解了核心的結構以后,需要你對站點的安排了。比如:首頁是否需要公告、需要安排多少個頻道,而且每一個頻道需要調用幾個標題,在首頁需要調用哪些頻道的內容出來,這些都是需要一個良好的思路。假如記不住的話,拿筆把它寫下來吧。
4、 預備的工作都做完了嗎?呵呵,我們現在進入下一步,這一步也是最重要的一步了―――――制圖。制圖的工具有很多,比如“Fireworks”、“Photoshop”、“Illustrator”,在這里需要講一下的是“Illustrator”,這個工具是“Adobo”公司出品的矢量工具,主要是為了處理網站Banner和Icon用的(我只是使用這個工具修改,不會手繪(汗~~)―――群眾大呼“砍死…”),但最多使用的是“Photoshop”工具。好啦,開始制圖吧。根據你需要的調用和安排繪制網站的頁面。當然,很重要的一點,制圖的時候所有的尺寸都是經過計算的(見第二步)。
比如:會員登陸需要高150PX左右,那么加上頂部標簽就要180px
最新文章頻道假如調用6個組新標題的話,那么就是24*6=144px,做150PX高 肯定夠。
同時您還需要一些html的知識,知道在那里需要做表格的拆分,這樣才能按照您設計的模板達到最快的訪問效果。
下面以“模板263”第五版為例:
這個頁面采用的是左右兩列式的排列,拆分的位置如下:
在會員登陸做一個拆分;
然后下一個本站資源再做一個拆分;
然后是成功案例一個;
推薦文章、站內統計友情連接是一個拆分;
網站聯盟是一個拆分;
頁腳一個拆分;這些所有的拆分都是橫向的拆分。
5、 效果圖畫好以后,預備開始排版。有一些朋友喜歡在做網站之前,就把效果圖做切圖,然后排版,我個人的方法是根據需要,一塊一塊的裁。無論那種方法,適合自己就可以了。現在我們進入Dreamweaver進行排版。
比如:banner位置的左右是采用圖片的形式,而banner背景的藍色采用背景顏色。該采用背景的位置就采用背景,該使用圖片的位置就使用圖片。然后在你調用的位置填入調用的函數或代碼就可以了。
6、 其他的就都是一些表格的排版了,這里就不再多說了。大家可以去看一些Dreamweaver表格應用的書籍和帖子。但記住一點的是,表格盡量嵌套要少,表格嵌套多的網頁打開速度同樣是慢的。
自此。模板的制做過程基本完成。假如還有什么問題,請各位朋友提出來,我繼續補充。教程寫的不好,請各位朋友指正。
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節點ID標簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統之四----動易系統安裝篇
- Windows 2008安裝動易.NET系統之三----數據庫篇
- Windows 2008安裝動易.NET系統之二----IIS、目錄環境配置篇
- 數據庫修復,SQL Server 2005內部操作不一致的處理
- 如何安裝動易.net程序權限配置
- 為什么提示對Windows系統文件夾下的Temp目錄沒有訪問權限?
- 相關鏈接:
- 教程說明:
動易Cms教程-[分享]詳解制作模板的步驟
。