網站設計技術規范(二)
??5JS調用規范
" 所有的javascript腳本盡量采取外部調用
<SCRIPT LANGUAGE="JavaScript" SRC="script/xxxxx.js"></SCRIPT>
CSS書寫規范
" 所有的CSS的盡量采用外部調用
<LINK href="style/style.css" rel="stylesheet" type="text/css">
" 書寫時重定義的最先,偽類其次,自定義最后(其中a:link a:visited a:hover a:actived 要按照順序寫)便于自己和他人閱讀。
" 為了保證不同瀏覽器上字號保持一致,字號建議用點數pt和像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經過優化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px 的字號比較合適。
" CSS推薦模板。
CSS代碼:
-
<style type="text/css">
-
<!-
-
p {text-indent: 2em; }
-
body {font-family: "宋體"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
-
table {font-family: "宋體"; font-size: 9pt; line-height: 20px; color: #000000}
-
a:link {font-size: 9pt; color: #0000FF; text-decoration: none}
-
a:visited {font-size: 9pt; color: #990099; text-decoration: none}
-
a:hover {font-size: 9pt; color: #FF9900; text-decoration: none}
-
a:active {font-size: 9pt; color: #FF9900; text-decoration: none}
-
a.1:link {font-size: 9pt; color: #3366cc; text-decoration: none}
-
a.1:visited {font-size: 9pt; color: #3366cc; text-decoration: none}
-
a.1:hover {font-size: 9pt; color: #FF9900; text-decoration: none}
-
a.1:active {font-size: 9pt; color: #FF9900; text-decoration: none}
-
.blue { font-family: "宋體"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-
-->
-
</style>
body標識
" 為了保證瀏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF">
5 形象設計規范
網站的CI整體形象包括下面幾個要素
標志(logo)
" 網站必須有獨立的標志
" 標志可以以網站中英文名稱設計,也可以采用特別的圖案。原則是簡單易記。
" 標志必須可以用黑白和彩色分別清晰表現
" 標志圖片的名稱為"logo_域名.gif",例如:logo_sina.gif
" 盡量提供標志的矢量圖片
" 請盡可能在每個頁面上都使用標志
標準色
" 網站應該有自己的標準色(主體色)
" 標準色原則上不超過兩種,如果有兩種,其中一種為標準色,另一種為標準輔助色
" 標準色應盡量采用216種web安全色之內的色彩
" 必須提供標準色確切的RGB和CYMK數值
" 請盡可能使用標準色
標準字體
" 網站應該定義一種標準字體(指logo上,圖片上使用的字體)
" 標準字體原則上定義兩種,一種中文字體,一種英文字體 (不包括文本內容字體)
" 必須提供標準字體的名稱和字庫
" 請盡可能使用標準字體
6 內容編輯規范
內容
" 必須遵守我國《計算機信息網絡國際 聯網安全保護管理辦法》的規定
任何單位和個人不得利用國際聯網制作、復制、查閱和傳播下列信息:
(一)煽動抗拒、破壞憲法和法律、行政法規實施的;
(二)煽動顛覆國家政權,推翻社會主義制度的;
(三)煽動分裂國家、破壞國家統一的;
(四)煽動民族仇恨、民族歧視,破壞民族團結的;
(五)捏造或者歪曲事實,散布謠言,擾亂社會秩序的;
(六)宣揚封建迷信、淫穢、色情、賭博、暴力、兇殺、 恐怖,教唆犯罪的;
(七)公然侮辱他人或者捏造事實誹謗他人的;
(八)損害國家機關信譽的;
(九)其他違反憲法和法律、行政法規的。
" 轉載必須找到原出處,經聯系后使用
標題
" 力求簡短、醒目、新穎、吸引人。
正文
" 文章的段首空兩格,與傳統格式保持一致
" 段與段之間空一行可以使文章更清晰易看
" 杜絕錯字、別字和自造字
" 簡體版中不得夾雜繁體字
" 譯名要按我國規范。例如:singapore統一翻譯"新加坡"不能用"星加坡"
" 全角數字符號(不含標點)應改為半角
7 新技術使用規范
使用新技術原則是:兼容瀏覽器,保證下載速度,照顧最多數的用戶。
" cookie用于識別、跟蹤和支持訪問者,通過cookie你可以了解用戶的訪問路徑,收集和存儲用戶的喜好,但要考慮到用戶關閉cookie的情況處理,非要用cookie,應提供全面的解決辦法。
" Java是一種跨平臺的面向對象的編程語言,它在Web中的應用主要是Java Applet,但是Java Applet的下載速度較慢,謹慎使用。
" 在服務器端,最好打開SSI解析,但不要使用過多的SSI嵌套。不能使用SSI時,可以用include Library(包含庫文件)代替,效果要差一些
" Flash已經是較普遍的技術,推薦使用。
" 新網頁制作建議采用XHTML規范,便于未來和XML接軌。
" XML系列技術可以在服務器端使用,客戶端暫時不推薦使用
" 非特殊要求,不推薦在網頁上提供需要下載額外插件的多媒體技術
" 程序語言推薦使用PHP,JSP,Java等跨平臺語言,不推薦CGI,ASP技術
8 導航規范
" 導航要簡單、清晰,建議不超過3層的鏈接
" 用于導航的文字要簡明扼要,字數限制在一行以內
" 首頁,各欄目一級頁面之間互鏈,各欄目一級和本欄目二級頁面之間互鏈
" 超過三級頁面,在頁面頂部設置導航條,標明位置
" 突出最近更新的信息,可以加上更新時間或New標識
" 連續性頁面應加入上一頁,下一頁按鈕
" 超過一屏的內容,在底部應有go top按鈕
" 超過三屏的內容,應在頭部設提綱,直接鏈接到文內錨點
9 數據庫使用規范
" 服務器上有關數據庫的一切操作只能由服務器管理人員進行。
" 程序中訪問數據庫時使用統一的用戶、統一的連接文件訪問數據庫。
" 原則上每一個欄目只能建一個庫,庫名與各欄目的英文名稱相一致,庫中再包含若干表。比較大的、重點的欄目可以考慮單獨建庫,庫名與欄目的英文名稱相一致。
" 數據庫、表、字段、索引、視圖等一系列與數據庫相關的名稱必須全部使用與內容相關的英文單詞命名,對于一個單詞難以表達的,可以考慮用多個單詞加下劃線(_)連接(不能超過四個單詞)命名。 (參見命名規范)
" 不再使用的數據庫、表應刪除,在刪除之前必須備份(包括結構和內容)。