當前位置:才華齋>設計>網頁設計>

如何瞭解網站設計規範

網頁設計 閱讀(1.95W)

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

如何瞭解網站設計規範

主目錄下應有一個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. 網頁製作字型要求使用國家簡化字。