網頁設計規範

一. 規範有效期:從PSD源文件到HTM頁面交付給客戶為止;二. 面向的對象:所有的設計人員及編輯人員; 三. 生成HTM文件的命名1. 網站結構
生成大於兩個頁面的網站時必須有以下結構.
例: (citk.net)
index.htm 根目錄
/common 公司用件夾(swf/js/css)文件存放處
/images 網站使用圖片
/Templates DW自動生成的模版目錄
/news * 是否使用二級目錄結構 *

/service * 是否使用二級目錄結構 *

2. 模版的命名
一般情況下設計出來的網頁一般有三個兩種版式(推薦使用下面這三個文件命名)
index.dwt (可選, 一個網站只要有一個index件)
list.dwt
memo.dwt

3. 模版的可編輯區命名(待定)

4. 關於模版的套用
希望網站中(除了index外)所的網頁(HTM文件)都應該對應一個模版(dwt文件)

5. 關於鏈接
除了標注的幾個鏈接(如: http://zf.91.com)外,其他頁面禁止使用絕對鏈接(就是使用http://開頭的鏈接格式)

6. 關於CSS
生成頁面時,請重新定義 <TD> 樣式標籤
css定義(待定)

7. 網站首頁head區代碼規範_ (是否由編輯來填)

註釋 <!— 日期與設計師姓名 —> * 是否需要
<!— 日期與修改者(編輯)姓名 —> *

網站簡介 <META NAME=”DESCRIPTION” CONTENT=”網站簡介”>

搜索關鍵字 <META NAME=”keywords” CONTENT=”關鍵字1,關鍵字2,關鍵字3″>

css規範 <LINK href=”style/style.css” mce_href=”style/style.css” rel=”stylesheet” type=”text/css”>

搜索機器人<META NAME=”robots” CONTENT=”">
   CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

js規範 <script language=”JavaScript” type=”text/JavaScript” src=”menu.js” mce_src=”menu.js”></script>

其他由ps or ir 自動生成

四. 注意事項

1. 編輯大於三個頁面的網站,請使用DW站點管理器;
2. 在生成頁面時,盡量把網頁的內容模塊化;
3. 在生成頁面時,要求使用已經存在的元素(圖片,Js,樣式)
4. 頁面的頭部及底部使用(ifarme)內嵌頁面

編者註:事實上,我覺得個人網站沒有必要這樣規範,遵循一般的命名規則即可。但對於團隊協作者,規範還是非常有必要的。

(責任編輯:admin)