如何瞭解網站設計規範

既是一個開發規範,也是一個腳本語言參考,本規範並不是一個一成不變的必須嚴格遵守的條文,特殊情況下要靈活運用,做一定的變通。但是,請大家千萬不要隨意更改規範。如果有任何問題,請及時與項目負責人溝通。

如何瞭解網站設計規範

主目錄下應有一個help目錄,存放說明文件。說明文件包括:

  目錄說明

文件列表說明:存放位置、文件名稱、功能及處理邏輯描述、所涉及的庫表、調用關係。

數據庫說明:數據庫位置、空間分配要求、表設計、關係設計、視圖設計、存儲過程設計等。

  ▲ 靜態頁面製作注意事項

  一、製作常規要求

主要頁面要寫title(主頁要寫上企業中英文名稱);

主要頁面meta字段便於搜索引擎查找;

儘量使用廣泛支持的技術。以最流行的瀏覽器的最普及版本爲標準,同時照顧低版本瀏覽器;

不使用過小的字體不使用過大的圖片、動畫、聲音.不使用過長的滾屏;

及時刪除無用文件,防止無謂的下載速度減慢;

由於server的linux系統,嚴格區分文件大小寫!所有文件全部以小寫字母命名,包括圖形文件.禁止用中文作文件名;

頁面以800X600屏幕設置營爲主(實際尺寸爲778*434px),但也應注意在1024X800 屏幕設置的瀏覽效果; 即在800X600分辯率下應在瀏覽器中不出現橫向的流動條;

通常情況下頁面應以居中爲主,如有特殊要求可以設置居頂、居左;

  二 、文件命名規則與目錄結構規則

首頁面必須以“ 、命名的文件。

HTML文件擴展文件名一律用

在根目錄中原則上應該按照首頁的欄目結構,給每一個欄目開設一個目錄,根據需要在每一個欄目的目錄中開設一個image 的子目錄用以放置此欄目專有的圖片和多媒體文件,如果這個欄目的內容特別多,又分出很多下級欄目,可以相應的再開設其他目錄。

除非有特殊情況,目錄、文件的名稱全部用小寫英文字母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字符;目錄名應以英文、拼音爲主。儘量用一些大家都能看懂的詞彙。使得你自己和工作組的每一個成員能夠方便的理解每一個文件的`意義。

網站css文件要放到根目錄image下,供其它文件調用,如子欄目較多也可分別copy到自己目錄下,使網站風格統一。

共用的模板文件應放在根目錄的Templates文件夾下(此爲dreamweaver的默認路徑,如用其它軟件開發者也需遵守此規則)。

  三、VI標準化要求

Banner

格式:GIF 尺寸:468X60 pixels 大小:<15K

Logo

格式:GIF 尺寸:88X31 大小:<7K

  四、頁面製作規則

1. 表格儘量用絕對像素,以免瀏覽器分辨率不同時表格產生變形。一個網頁要儘量避免用整個一張大表格,所有的內容都嵌套在這個大表格之內,因爲瀏覽器在解釋頁面的元素時,是以表格爲單位逐一顯示,如果一張網頁是嵌套在一個大表格之內,那麼很可能造成的後果就是,當瀏覽者敲入網址,他要先面對一片空白很長時間,然後所有的網頁內容同時出現。如果必須這樣做,請使用 標記,以便能夠使這個大表格分塊顯示。

2. CSS定義規範 及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: #FFFFFF; text-decoration: none}

a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}

a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}

a:active { font-size: 9pt; color: #FF9900; text-decoration: none}

爲了保證不同瀏覽器上字號保持一致,字號建議用點數pt和像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經過優化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px 的字號比較合適。

3. 圖片採用 gif , jpg 壓縮格式,以減小頁面下載數據量。每幅圖片要有本圖片的說明文字(alt=””),這樣如果圖片不能正常顯示,也可知道圖片處代表什麼意思。標記要增加width, height,以免圖像不能正常顯示時,出現頁面混亂現象。

4. 如頁面採用動畫活躍網頁,須避免動畫過大,儘量減少用戶瀏覽等待時間。整頁用到flash動畫,要考慮到flash與頁面的融合統一。

5. 每一相對獨立的欄目首頁一般也要求在40K容量以內,如特殊要求也不得超過60K;每個網頁(本網首頁除外)都要有返回主頁和返回上級的圖標或文字鏈接。

6. 返回連接使用相對路徑,儘量不使用絕對路徑。如:../

7. 網頁製作字體要求使用國家簡化字。