您的位置:新文秘網(wǎng)>>>>正文

網(wǎng)頁(yè)設(shè)計(jì)制作規(guī)范

發(fā)表時(shí)間:2006/2/19 11:59:52


  總論
  本規(guī)范既是一個(gè)開(kāi)發(fā)規(guī)范,也是一個(gè)腳本語(yǔ)言參考,本規(guī)范并不是一個(gè)一成不變的必須嚴(yán)格遵守的條文,特殊情況下要靈活運(yùn)用,做一定的變通。但是,請(qǐng)大家千萬(wàn)不要隨意更改規(guī)范。如果有任何問(wèn)題,請(qǐng)及時(shí)與我聯(lián)系,我會(huì)及時(shí)更改本規(guī)范的相關(guān)代碼樣例和文檔。
  基本要求
  在網(wǎng)站根目錄中開(kāi)設(shè)三個(gè)子目錄,根據(jù)需要再開(kāi)設(shè)子目錄,目錄中放不同欄目的頁(yè)面都要用到的公共圖片,例如公司的標(biāo)志、條、菜單、按鈕等等;子目錄中放、、、等公共文件;子目錄放客戶提供的各種文字圖片等等原始資料;子目錄中放等多媒體文件。
  在根目錄中原則上應(yīng)該按照首頁(yè)的欄目結(jié)構(gòu),給每一個(gè)欄目開(kāi)設(shè)一個(gè)目錄,根據(jù)需要在每一個(gè)欄目的目錄中開(kāi)設(shè)一個(gè)和的子目錄用以放置此欄目專有的圖片和多媒體文件,如果這個(gè)欄目的內(nèi)容特別多,又分出很多下級(jí)欄目,可以相應(yīng)的再開(kāi)設(shè)其他目錄。
  目錄中的文件往
……(新文秘網(wǎng)http://m.120pk.cn省略599字,正式會(huì)員可完整閱讀)…… 
  這里尤其要注意的是的排列順序一定要嚴(yán)格照上面的樣例代碼,否則或多或少會(huì)出問(wèn)題。另外我們規(guī)定重定義的最先,偽類其次,自定義最后,便于自己和他人閱讀!
  為了保證不同瀏覽器上字號(hào)保持一致,字號(hào)建議用點(diǎn)數(shù)和像素來(lái)定義,一般使用中文的和,一般使用中文和這是經(jīng)過(guò)優(yōu)化的字號(hào),字或者字加粗時(shí),一般選用和的字號(hào)比較合適。
  在寫互相嵌套時(shí),嚴(yán)格按照的規(guī)范,對(duì)于單獨(dú)的一個(gè)來(lái)說(shuō),對(duì)齊,縮進(jìn)兩個(gè)半角空格,中如果還有嵌套的表格,也縮進(jìn)兩個(gè)半角空格,如果中沒(méi)有任何嵌套的表格,結(jié)束標(biāo)記應(yīng)該與處于同一行,不要換行,
  如我們注意在源代碼中不應(yīng)有這樣的代碼:
  ””
  而應(yīng)該是這樣的:
  ””
  這是因?yàn)闉g覽器認(rèn)為換行相當(dāng)于一個(gè)半角空格,以上不規(guī)范的寫法相當(dāng)于無(wú)意中增加一個(gè)半角空格,如果確實(shí)有必要增加一個(gè)半角空格,也應(yīng)該這樣寫:
  ””
  屬于同一個(gè)級(jí)別的一定是左首對(duì)齊的,另外不允許沒(méi)有任何內(nèi)容的空的單元格存在,高度大于等于的單元格應(yīng)該在和之間寫一個(gè)如果高度小于則應(yīng)該在和之間插入一個(gè)大小的透明的圖片,這是因?yàn)槟承g覽器認(rèn)為空單元格非法而不會(huì)予以解釋。如果代碼順序較亂,在中可以通過(guò)進(jìn)行重新整理!
  和的寫法也有統(tǒng)一的規(guī)范,一般情況下只有一列的表格,寫在的標(biāo)簽內(nèi),只有一行的表格,寫在的標(biāo)簽內(nèi),多行多列的表格,和寫在第一行或者第一列的標(biāo)簽內(nèi)。總之遵循一條原則:不出現(xiàn)多于一個(gè)的控制同一個(gè)單元格大小的和保證任何一個(gè)和都是有效的,也就是你改動(dòng)代碼中任何一個(gè)和的數(shù)值,都應(yīng)該在瀏覽器中看到變化。做到這一條不容易,需要較長(zhǎng)時(shí)間的練習(xí)和思考。
  一般原則
  在排布表格之前,請(qǐng)大家一定要好好思考一個(gè)最佳的方案,表格的嵌套盡量控制在三層以內(nèi),并且應(yīng)該盡量避免兩個(gè)標(biāo)記,經(jīng)驗(yàn)表明,這兩個(gè)標(biāo)記會(huì)帶來(lái)許多麻煩。
  一個(gè)網(wǎng)頁(yè)要盡量避免用整個(gè)一張大表格,所有的內(nèi)容都嵌套在這個(gè)大表格之內(nèi),因?yàn)闉g覽器在解釋頁(yè)面的元素時(shí),是以表格為單位逐一顯示,如果一張網(wǎng)頁(yè)是嵌套在一個(gè)大表格之內(nèi),那么很可能造成的后果就是,當(dāng)瀏覽者敲入網(wǎng)址,他要先面對(duì)一片空白很長(zhǎng)時(shí)間,然后所有的網(wǎng)頁(yè)內(nèi)容同時(shí)出現(xiàn)。如果必須這樣做,請(qǐng)使用標(biāo)記,以便能夠使這個(gè)大表格分塊顯示。
  排版中我們經(jīng)常會(huì)遇到需要進(jìn)行首行縮進(jìn)的處理,不要使用或者全角空格來(lái)達(dá)到效果,規(guī)范的做法是在樣式表中定義然后給每一段加上標(biāo)記,注意,一般情況下,請(qǐng)不要省略結(jié)束標(biāo)記。
  原則上,我們禁止用來(lái)人為干預(yù)圖片顯示的尺寸,而且建議標(biāo)簽中不要帶上和兩個(gè)屬性,這是因?yàn)橹谱鬟^(guò)程中,圖片往往需要反復(fù)的修改,這樣可以避免人為干預(yù)圖片顯示的尺寸,盡可能的發(fā)揮瀏覽器自身的功能;但是這樣的一個(gè)副作用是當(dāng)網(wǎng)頁(yè)還未加載圖片時(shí),不會(huì)留出圖片的站位大小,可能會(huì)造成網(wǎng)頁(yè)在加載過(guò)程中抖動(dòng)(如果圖片是插在一個(gè)固定大小的表格里的,不會(huì)有這個(gè)現(xiàn)象),尤其是當(dāng)圖片的尺寸較大時(shí),這種現(xiàn)象會(huì)很明顯,所以當(dāng)預(yù)料到這種會(huì)明顯導(dǎo)致網(wǎng)頁(yè)抖動(dòng)的情況會(huì)發(fā)生時(shí),請(qǐng)大家務(wù)必在最后給附上和屬性。
  為了最大程度的發(fā)揮瀏覽器自動(dòng)排版的功能,在一段完整的文字中請(qǐng)盡量不要使用來(lái)人工干預(yù)分段。
   ……(未完,全文共3327字,當(dāng)前僅顯示1680字,請(qǐng)閱讀下面提示信息。收藏《網(wǎng)頁(yè)設(shè)計(jì)制作規(guī)范》