如何設計開發模板

1.建立模板文件夾
建立一個新模板,需要手工建立一個新文件夾(可以任意命名),文件夾內必須包含三個html文檔和一個文件夾:
三個文檔
index.html:模板首頁文件
info. html:模板信息頁面文件(商品列表頁,商品詳細頁,新聞頁等。)
user. html:模板流程頁面文件(會員中心頁,購物車頁等)
文件夾
images:存放模板所需相關圖片、css樣式及js文件

 

2.靜態頁面嵌入mymy系統
將設計稿轉換為靜態頁面之前我們需要對設計稿進行分析為其劃分好佈局。
寫好相關的樣式並鏈接mymy專屬樣式。待頁面製作完成後,嵌入mymy相關專屬標籤。


3.使用mymy調試器預覽模板,修改完善樣式
通過mymy調試器調用出mymy標籤樣式內容,預覽模板整體效果。
mymy模板是使用“覆蓋法”來更改css的屬性,也就是將需要修改的css屬性從系統內置CSS文件中,拿到模板目錄文件夾images內的theme.css文件內,修改過後在頁面顯示時系統將優先顯示此theme.css屬性。
推薦結合使用friefox瀏覽器和firebug插件,可以快速查詢到指定位置的CSS名稱和關聯情況。


4.製作內頁
除了首頁外,其他頁面都可以用預設框架info.html。
默認框架輸出業務區,承擔所有業務流程的功能,也就是說只要一個默認框架info.html就能表示所有功能內頁,進入不同的功能內頁時,業務區輸出不同的預置內容。
info.html文件放置在模板目錄下,與index.html層級相同。


5.預覽-調試各版本各瀏覽器兼容性-完成製作-維護
調試兼容性:通過CSS調整您的模板再各瀏覽器下保持一致。

 

6.上傳模版
透過設計師管理後台,新增模板編輯模版介紹資料、上傳效果圖、定價、上傳模版文件壓縮檔,提交送出。經審核通過後,即可上架販售,設計師須提供後期維護。