?? 網站技術規范.txt
字號:
網站技術規范——大家探討一下？
命名規范
文件命名的原則：以最少的字母達到最容易理解的意義。
一般文件及目錄命名規范：每一個目錄中應該包含一個缺省的html 文件，文件名統一用index.htm文件名稱統一用小寫的英文字母、數字和下劃線的組合；
盡量按單詞的英語翻譯為名稱。例如：feedback(信息反饋)，aboutus(關于我們)；
多個同類型文件使用英文字母加數字命名，字母和數字之間用_分隔。例如：news_01.htm。注意，數字位數與文件個數成正比，不夠的用0補齊。例如共有200條新聞，其中第18條命名為news_018.htm
圖片的命名規范 ：
名稱分為頭尾兩兩部分，用下劃線隔開。
頭部分表示此圖片的大類性質。例如： 放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名：banner ；標志性的圖片我們取名為：logo ；在頁面上位置不固定并且帶有鏈接的小圖片我們取名為button ；在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名：menu ；裝飾用的照片我們取名：pic ；不帶鏈接表示標題的圖片我們取名：title 依照此原則類推。
尾部分用來表示圖片的具體含義，用英文字母表示。例如：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"命名。
其它文件命名規范
js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js；所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi。
目錄結構規范
目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。
目錄的命名以小寫英文字母，下劃線組成。(參照命名規范)；
根目錄一般只存放index.htm以及其他必須的系統文件；
每個主要欄目開設一個相應的獨立目錄；
根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片；
所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄；
所有CGI程序存放在根目錄下的cgi-bin目錄；
所有CSS文件存放在根目錄下style目錄；
每個語言版本存放于獨立的目錄。例如：簡體中文gb；
所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄。
尺寸規范
尺寸規范請根據您的實際情況調整：頁面標準按800*600分辨率制作，推薦尺寸為766*430px；
頁面長度原則上不超過3屏，寬度不超過1屏；
每個標準頁面為A4幅面大小，即8.5X11英寸；
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標準尺寸；
每個非首頁靜態頁面含圖片字節不超過60K，全尺寸banner不超過14K。
首頁代碼規范
首頁的代碼關鍵在head區，head區是指首頁HTML代碼的<head>和</head>之間的內容。 head區必須加入的標識
公司版權注釋 <!--- The site is designed by yourcompany,Inc 03/2001 --->
網頁顯示字符集 例如：
簡體中文：<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@yoursite.com">
網站簡介 <META NAME="DESCRIPTION" CONTENT="這里填您網站的簡介">
搜索關鍵字 <META NAME="keywords" CONTENT="關鍵字1,關鍵字2,關鍵字3,...">
網頁的css規范 <LINK href="style/style.css" rel="stylesheet" type="text/css">
網頁標題 <title>這里是你的網頁標題</title>
head區可以選擇加入的標識
設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指時間停留5秒。
網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">所有的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推薦模板。
<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">
形象設計規范
網站的CI整體形象包括下面幾個要素：
標志(logo)
網站必須有獨立的標志；
標志可以以網站中?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -