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