文 件 命 名 原 則

1. 每一個目錄中應該包含一個缺省的html 文件,文件名統一用index.htm

2. 件名稱統一用小寫的英文字母、數字和下劃線的組合。

3. 命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義,二是當我們在文件夾中使用“按名稱排例”的命令時,同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計算負載量等等操作 。

4. 下面以“新聞”(包含“國內新聞”和“國際新聞”)這個欄目來說明html 文件的命名原則 :

☆ 在根目錄下開設news目 錄

☆ 第一條缺省新聞取名index.htm

☆ 所有屬於“國內新聞”的新聞依次取名爲:china_1.htm, china_2.htm, …

☆ 所有屬於“國際新聞”的新聞依次取名爲:internation_1.htm, internation _2.htm, …

☆ 如果文件的數量是兩位數,請將前九個文件命名爲:china_01.htm, china_02.htm 以保證所有的文件能夠在文件夾中正確排序。

5. 圖片的命名原則遵循以下幾條規範 :

☆ 名稱分爲頭尾兩兩部分,用下劃線隔開。

☆ 頭部分表示此圖片的大類性質,例如廣告、標誌、菜單、按鈕等等 。

☆ 一般來說:

放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名: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.

網站目錄設置規範


目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。

根目錄。
根目錄指DNS域名服務器指向的索引文件的存放目錄。
服務器的ftp上傳目錄默認爲html
 
根目錄文件
根目錄只允許存放index.html和main.html文件,以及其他必須的系統文件。
 
每個語言版本存放於獨立的目錄。已有版本語言設置爲:
簡體中文 /gb
繁體中文 /big5
英 語 /en
日 語 /jp

每個主要功能(主菜單)建立一個相應的獨立目錄。

根目錄下的images爲存放公用圖片目錄,每個目錄下私有圖片存放於各自獨立images目錄.
例如:/menu1/images
      /menu2/images

所有的js文件存放在根目錄下統一目錄/script
所有的CSS文件存放在根目錄下的style目錄
所有的CGI程序存放在根目錄並列目錄/cgi_bin目錄
head區是指首頁HTML代碼的<head>和</head>之間的內容。
必須加入的標籤

1.公司版權註釋<!--- The site is designed by Maketown,Inc 06/2000 --->

2.網頁顯示字符集
簡體中文:<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">

3.網頁製作者信息
<META name="author" content="[email protected]">

4.網站簡介
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

5.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6.網頁的css規範
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規範)

7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>

.可以選擇加入的標籤

1.設定網頁的到期時間。一旦網頁過期,必須到服務器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用來防止別人在框架裏調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指時間停留5秒。

5.網頁搜索機器人嚮導.用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

6.收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的調用盡量採取外部調用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

附<body>標籤:
<body>標籤不屬於head區,這裏強調一下,爲了保證瀏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF">
網站文件命名規範


文件命名的原則:以最少的字母達到最容易理解的意義。

索引文件統一使用index.html文件名(小寫)
index.html文件統一作爲"橋頁",不製作具體內容,僅僅作爲跳轉頁和meta標籤頁。主內容頁爲main.html

按菜單名的英語翻譯取單一單詞爲名稱。例如:
關於我們 /aboutus
信息反饋 /feedback
產    品 /product
所有單英文單詞文件名都必須爲小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
所有文件名字母間連線都爲下劃線

圖片命名原則以圖片英語字母爲名。大小原則寫同上。
例如:網站標誌的圖片爲logo.gif
鼠標感應效果圖片命名規範爲"圖片名+_+on/off"。
例如:menu1_on.gif/menu1_off.gif

五. 其它文件命名規範
1.js的命名原則以功能的英語單詞爲名。
例如:廣告條的js文件名爲:ad.js
2.所有的CGI文件後綴爲cgi
所有CGI程序的配置文件爲config.cgi

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章