如何了解網站設計規范

相關推薦

如何了解網站設計規范

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

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

　　目錄說明

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

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

　　▲ 靜態頁面制作注意事項

　　一、制作常規要求

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

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

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

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

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

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

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

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

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

　　首頁面必須以“index.htm 、index.asp命名的文件。

　　HTML文件擴展文件名一律用 .htm

　　在根目錄中原則上應該按照首頁的欄目結構，給每一個欄目開設一個目錄，根據需要在每一個欄目的目錄中開設一個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;每個網頁(本網首頁除外)都要有返回主頁和返回上級的圖標或文字鏈接。