久热爱精品视频在线,日韩一品二品三品

主頁 > 知識庫 > 網(wǎng)頁制作前先來看看這些所謂的規(guī)范

網(wǎng)頁制作前先來看看這些所謂的規(guī)范

本文整理了一些網(wǎng)頁制作前先來看看這些所謂的規(guī)范，希望對大家有幫助。本文整理了一些網(wǎng)頁制作前先來看看這些所謂的規(guī)范，希望對大家有幫助。
01文件命名規(guī)范
文件命名的原則：以最少的字母達到最容易理解的意義。
一般文件及目錄命名規(guī)范：
每一個目錄中應該包含一個缺省的html 文件，文件名統(tǒng)一用index.htm
文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合
盡量按單詞的英語翻譯為名稱。例如：feedback(信息反饋)，aboutus(關于我們)
多個同類型文件使用英文字母加數(shù)字命名，字母和數(shù)字之間用_分隔。例如：news_01.htm。注意，數(shù)字位數(shù)與文件個數(shù)成正比，不夠的用0補齊。例如共有200條新聞，其中第18條命名為news_018.htm
圖片的命名規(guī)范：
名稱分為頭尾兩兩部分，用下劃線隔開。
頭部分表示此圖片的大類性質。例如：放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們?nèi)∶篵anner ；標志性的圖片我們?nèi)∶麨椋簂ogo ；在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton ；在頁面上某一個位置連續(xù)出現(xiàn)，性質相同的鏈接欄目的圖片我們?nèi)∶簃enu ；裝飾用的照片我們?nèi)∶簆ic ；不帶鏈接表示標題的圖片我們?nèi)∶簍itle 依照此原則類推。
尾部分用來表示圖片的具體含義，用英文字母表示。例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
有onmouse效果的圖片，兩張分別在原有文件名后加"_on"和"_off"命名。
其它文件命名規(guī)范
js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js
所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi
02 目錄結構規(guī)范
目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。
目錄的命名以小寫英文字母，下劃線組成。(參照命名規(guī)范)
根目錄一般只存放index.htm以及其他必須的系統(tǒng)文件
每個主要欄目開設一個相應的獨立目錄
根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片
所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄
所有CGI程序存放在根目錄下的cgi-bin目錄
所有CSS文件存放在根目錄下style目錄
每個語言版本存放于獨立的目錄。例如：簡體中文gb
所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄
03 尺寸規(guī)范
尺寸規(guī)范請根據(jù)您的實際情況調整：
頁面標準按800*600分辨率制作，推薦尺寸為766*430px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標準頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標準尺寸
每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K
　
04 首頁代碼規(guī)范
首頁的代碼關鍵在head區(qū)，head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。
head區(qū)必須加入的標識
公司版權注釋 
網(wǎng)頁顯示字符集例如：
簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
原始制作者信息 <META name="author" content="webmaster@jb51.net">
網(wǎng)站簡介 <META NAME="DESCRIPTION" CONTENT="這里填您網(wǎng)站的簡介">
搜索關鍵字 <META NAME="keywords" CONTENT="關鍵字1,關鍵字2,關鍵字3,...">
網(wǎng)頁的css規(guī)范 <LINK href="style/style.css" rel="stylesheet" type="text/css">
網(wǎng)頁標題 <title>這里是你的網(wǎng)頁標題</title>
head區(qū)可以選擇加入的標識
設定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期，必須到服務器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
禁止瀏覽器從本地機的緩存中調閱頁面內(nèi)容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=https://www.jb51.net">
5指時間停留5秒。
網(wǎng)頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。
收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">
JS調用規(guī)范
所有的javascript腳本盡量采取外部調用
<SCRIPT LANGUAGE="JavaScript" SRC="script/xxxxx.js"></SCRIPT>
CSS書寫規(guī)范
所有的CSS的盡量采用外部調用
<LINK href="style/style.css" rel="stylesheet" type="text/css"> 書寫時重定義的最先，偽類其次，自定義最后（其中a:link a:visited a:hover a:actived 要按照順序寫）便于自己和他人閱讀。
為了保證不同瀏覽器上字號保持一致，字號建議用點數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號，黑體字或者宋體字加粗時，一般選用11pt和14.7px 的字號比較合適。
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">
05 形象設計規(guī)范
網(wǎng)站的CI整體形象包括下面幾個要素
標志(logo)
網(wǎng)站必須有獨立的標志
標志可以以網(wǎng)站中英文名稱設計，也可以采用特別的圖案。原則是簡單易記。
標志必須可以用黑白和彩色分別清晰表現(xiàn)
標志圖片的名稱為"logo_域名.gif"，例如：logo_sina.gif
盡量提供標志的矢量圖片
請盡可能在每個頁面上都使用標志
標準色
網(wǎng)站應該有自己的標準色（主體色）
標準色原則上不超過兩種，如果有兩種，其中一種為標準色，另一種為標準輔助色
標準色應盡量采用216種web安全色之內(nèi)的色彩
必須提供標準色確切的RGB和CYMK數(shù)值
請盡可能使用標準色
標準字體
網(wǎng)站應該定義一種標準字體（指logo上，圖片上使用的字體）
標準字體原則上定義兩種，一種中文字體，一種英文字體（不包括文本內(nèi)容字體）
必須提供標準字體的名稱和字庫
請盡可能使用標準字體
06 內(nèi)容編輯規(guī)范
內(nèi)容
必須遵守我國《計算機信息網(wǎng)絡國際聯(lián)網(wǎng)安全保護管理辦法》的規(guī)定
任何單位和個人不得利用國際聯(lián)網(wǎng)制作、復制、查閱和傳播下列信息：
(一)煽動抗拒、破壞憲法和法律、行政法規(guī)實施的；
(二)煽動顛覆國家政權，推翻社會主義制度的；
(三)煽動分裂國家、破壞國家統(tǒng)一的；
(四)煽動民族仇恨、民族歧視，破壞民族團結的；
(五)捏造或者歪曲事實，散布謠言，擾亂社會秩序的；
(六)宣揚封建迷信、淫穢、色情、賭博、暴力、兇殺、恐怖，教唆犯罪的；
(七)公然侮辱他人或者捏造事實誹謗他人的；
(八)損害國家機關信譽的；
(九)其他違反憲法和法律、行政法規(guī)的。
轉載必須找到原出處，經(jīng)聯(lián)系后使用
標題
力求簡短、醒目、新穎、吸引人。
正文
文章的段首空兩格，與傳統(tǒng)格式保持一致
段與段之間空一行可以使文章更清晰易看
杜絕錯字、別字和自造字
簡體版中不得夾雜繁體字
譯名要按我國規(guī)范。例如：singapore統(tǒng)一翻譯"新加坡"不能用"星加坡"
全角數(shù)字符號（不含標點）應改為半角
　
07 新技術使用規(guī)范
使用新技術原則是：兼容瀏覽器，保證下載速度，照顧最多數(shù)的用戶。
cookie用于識別、跟蹤和支持訪問者，通過cookie你可以了解用戶的訪問路徑，收集和存儲用戶的喜好，但要考慮到用戶關閉cookie的情況處理，非要用cookie，應提供全面的解決辦法。
Java是一種跨平臺的面向對象的編程語言，它在Web中的應用主要是Java Applet，但是Java Applet的下載速度較慢，謹慎使用。
在服務器端，最好打開SSI解析，但不要使用過多的SSI嵌套。不能使用SSI時，可以用include Library（包含庫文件）代替，效果要差一些
Flash已經(jīng)是較普遍的技術，推薦使用。
新網(wǎng)頁制作建議采用XHTML規(guī)范，便于未來和XML接軌。
XML系列技術可以在服務器端使用，客戶端暫時不推薦使用
非特殊要求，不推薦在網(wǎng)頁上提供需要下載額外插件的多媒體技術
程序語言推薦使用PHP，JSP，Java等跨平臺語言，不推薦CGI,ASP技術
08 導航規(guī)范
導航要簡單、清晰，建議不超過3層的鏈接
用于導航的文字要簡明扼要，字數(shù)限制在一行以內(nèi)
首頁，各欄目一級頁面之間互鏈，各欄目一級和本欄目二級頁面之間互鏈
超過三級頁面，在頁面頂部設置導航條，標明位置
突出最近更新的信息，可以加上更新時間或New標識
連續(xù)性頁面應加入上一頁，下一頁按鈕
超過一屏的內(nèi)容，在底部應有go top按鈕
超過三屏的內(nèi)容，應在頭部設提綱，直接鏈接到文內(nèi)錨點
09 數(shù)據(jù)庫使用規(guī)范
服務器上有關數(shù)據(jù)庫的一切操作只能由服務器管理人員進行。
程序中訪問數(shù)據(jù)庫時使用統(tǒng)一的用戶、統(tǒng)一的連接文件訪問數(shù)據(jù)庫。
原則上每一個欄目只能建一個庫，庫名與各欄目的英文名稱相一致，庫中再包含若干表。比較大的、重點的欄目可以考慮單獨建庫，庫名與欄目的英文名稱相一致。
數(shù)據(jù)庫、表、字段、索引、視圖等一系列與數(shù)據(jù)庫相關的名稱必須全部使用與內(nèi)容相關的英文單詞命名，對于一個單詞難以表達的，可以考慮用多個單詞加下劃線（_）連接（不能超過四個單詞）命名。 (參見命名規(guī)范)
不再使用的數(shù)據(jù)庫、表應刪除，在刪除之前必須備份（包括結構和內(nèi)容）。

標簽：延安錫林郭勒盟白銀濟南樂山貴陽四川阿拉善盟

巨人網(wǎng)絡通訊聲明：本文標題《網(wǎng)頁制作前先來看看這些所謂的規(guī)范》，本文關鍵詞網(wǎng)頁制作,前,先來,看看,；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。