web界面設(shè)計規(guī)范-資料下載頁
2025-01-12 00:13本頁面
【正文】 File No. HTFSS20220502 文檔名稱 File Name 中文 Local Web 界面設(shè)計規(guī)范 版本 Version V 英文 English Design Specification for Web UI 密級 Secret Level 內(nèi)部 (INSIDE) 存放位置 Locate 作者 Author Ben 宏圖財務(wù) HFS 第 9 頁 共 10 頁 Print Date:20220208 七、其他規(guī)范 網(wǎng)站目錄結(jié)構(gòu) 1. 在網(wǎng)站根目錄中開設(shè) images mon temp 三個子目錄，根據(jù)需要再開設(shè) media 子目錄，images 目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標(biāo)志、 banner 條、菜單、按鈕等等； mon 子目錄中放 css、 js,、 php、 include 等公共文件； temp 子目錄放客戶提供的各種文字圖片等等原始資料； media 子目錄中放 flash, avi, quick time 等多媒體文件 。 2. 在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設(shè)一個目錄，根據(jù)需要在每一個欄目的目錄中開設(shè)一個 images 和 media 的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應(yīng)的再開設(shè)其他目錄。 3. temp 目錄中的文件往往會比較多，建議以時間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。 4. 除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢 字、空格和特殊字符； 排版規(guī)范 1. 排版中我們經(jīng)常會遇到需要進行首行縮進的處理，不要使用 “ ” 或者全角空格來達到效果，規(guī)范的做法是在樣式表中定義 p { textindent: 2em。 } 然后給每一段加上 p 標(biāo)記，注意，一般情況下，請不要省略 /p 結(jié)束標(biāo)記 。 2. 原則上，我們禁止用 img width=? height=? 來人為干預(yù)圖片顯示的尺寸，而且建議 img 標(biāo)簽中不要帶上 width 和 height 兩個屬性，這是因為制作過程中，圖片往往需要反復(fù)的修改，這樣可以避免 人為干預(yù)圖片顯示的尺寸，盡可能的發(fā)揮瀏覽器自身的功能；但是這樣的一個副作用是當(dāng)網(wǎng)頁還未加載圖片時，不會留出圖片的站位大小，可能會造成網(wǎng)頁在加載過程中抖動（如果圖片是插在一個固定大小的表格里的，不會有這個現(xiàn)象），尤其是當(dāng)圖片的尺寸較大時，這種現(xiàn)象會很明顯，所以當(dāng)預(yù)料到這種會明顯導(dǎo)致網(wǎng)頁抖動的情況會發(fā)生時，請大家務(wù)必在最后給 img附上 width 和 height 屬性。 3. 為了最大程度的發(fā)揮瀏覽器自動排版的功能，在一段完整的文字中請盡量不要使用 br 來人工干預(yù)分段 。 4. 不同語種的文字之間應(yīng)該有一個半角空 格，但避頭的符號之前和避尾的符號之后除外漢字之間的標(biāo)點要用全角標(biāo)點，英文字母和數(shù)字周圍的括號應(yīng)該使用半角括號。 5. 所有的字號都應(yīng)該用樣式表來實現(xiàn)，禁止在頁面中出現(xiàn) font size=? 標(biāo)記。 6. 請不要在網(wǎng)頁中連續(xù)出現(xiàn)多于一個的 “ ” 也盡量少使用全角空格（英文字符集下，項目名稱 文檔編號 File No. HTFSS20220502 文檔名稱 File Name 中文 Local Web 界面設(shè)計規(guī)范 版本 Version V 英文 English Design Specification for Web UI 密級 Secret Level 內(nèi)部 (INSIDE) 存放位置 Locate 作者 Author Ben 宏圖財務(wù) HFS 第 10 頁 共 10 頁 Print Date:20220208 全角空格會變成亂碼），空白應(yīng)該盡量使用 textindent, padding, margin, hspace, vspace 以及透明的 gif 圖片來實現(xiàn)。 7. 行距建議用百分比來定義，常用的兩個行距的值是 lineheight:120%/150%. 8. 網(wǎng)站中的路徑全部采用相對路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名，如我們不必這樣： a href=” aboutus/” 而應(yīng)該這樣： a href=” aboutus/” 客戶端腳本 客戶端腳本一律采用 JavaScript 語言，編碼規(guī)測基本類似 C規(guī)范。 狀態(tài)管理 為了避免頁面過大，在所有不需要 PostBack 之后獲取對象值的控件一律關(guān)閉 ViewState。如有可能關(guān)閉整個頁面的 ViewState。 例如一些僅作單向顯示之用的，無須 回傳數(shù)據(jù)的控件 (例如 Label)?？梢躁P(guān)閉。 另外所有靜態(tài)文本全部直接使用 HTML 標(biāo)記而不要使用服務(wù)端控件。 回目錄
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1