網(wǎng)站制作之CSS開(kāi)發(fā)規(guī)范，下面一起學(xué)習(xí)一下： 　　基 本 要 求 　　1. 在網(wǎng)站根目錄中開(kāi)設(shè)images common temp 三個(gè)子目錄，根據(jù)需要再開(kāi)設(shè)media 子目錄，images目錄中放不同欄目的頁(yè)面都要用到的公共圖片，例如公司的標(biāo)志、banner 條、菜單、按鈕等等；common 子目錄中放css、js,、php、include 等公共文件；temp 子目錄放客戶提供的各種文字圖片等等原始資料；media 子目錄中放flash, avi, quick time 等多媒體文件 。 　　2. 在根目錄中原則上應(yīng)該按照首頁(yè)的欄目結(jié)構(gòu)，給每一個(gè)欄目開(kāi)設(shè)一個(gè)目錄，根據(jù)需要在每一個(gè)欄目的目錄中開(kāi)設(shè)一個(gè)images 和media 的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個(gè)欄目的內(nèi)容特別多，又分出很多下級(jí)欄目，可以相應(yīng)的再開(kāi)設(shè)其他目錄。 　　3. temp 目錄中的文件往往會(huì)比較多，建議以時(shí)間為名稱開(kāi)設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。 　　4. 除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請(qǐng)盡量以英文為指導(dǎo)，不到萬(wàn)不得已不要以拼音作為目錄名稱，經(jīng)驗(yàn)證明，用拼音命名的目錄往往連一個(gè)月后的自己都看不懂， 　　腳 本 編 寫 　　我們應(yīng)該有一個(gè)腳本整體風(fēng)格一致的概念，意思是一個(gè)月后和一個(gè)月前的你寫的腳本風(fēng)格保持一致，以及同一個(gè)工作組中不同的開(kāi)發(fā)人員編寫的腳本風(fēng)格保持一致，因?yàn)槲覀儾豢赡苡肋h(yuǎn)孤立的開(kāi)發(fā)，你隨時(shí)都有可能和三個(gè)月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開(kāi)發(fā)一個(gè)項(xiàng)目，還有可能被要求修改已經(jīng)離職人員開(kāi)發(fā)的腳本，當(dāng)然你自己也有可能會(huì)扔下一個(gè)項(xiàng)目給后來(lái)的同事。 　　1. Html 文件的通用模板： 　　 　　 　　 　　 文檔標(biāo)題  　　 　　 　　其他meta 標(biāo) 記 　　 　　樣式表定義 　　客戶端Javascript 函數(shù)定義及初始化操作 　　 　　 　　… … 　　 　　補(bǔ)充： 　　為了保證網(wǎng)站能夠與下一代的web 語(yǔ)言xml 標(biāo)準(zhǔn)兼容，所有的HTML 標(biāo)簽的屬性都要用單引號(hào)或者雙引號(hào)括起，即我們應(yīng)該寫  而不 是 . 　　2. 允許全文檢索的頁(yè)面，為了使Internet上的搜索引擎能夠有效檢索，在頻道的首頁(yè)的html的之間應(yīng)該加入Keywords 和Description 元標(biāo)記，例如 ： 　　 　　 　　3. CSS 文件的格式樣例代碼 ： 　　 　　 　　 　　這里尤其要注意的是a:link a:visited a:hover a:actived 的排列順序一定要嚴(yán)格照上面的樣例代碼，否則或多或少會(huì)出問(wèn)題。另外我們規(guī)定重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀！ 　　為了保證不同瀏覽器上字號(hào)保持一致，字號(hào)建議用點(diǎn)數(shù)pt和像素px來(lái)定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經(jīng)過(guò)優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px 的字號(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)容的空的單元格存在，高度大于等于12px 的單元格應(yīng)該 在  和  之間寫一個(gè) ，如果高度小于12px, 則應(yīng)該 在  和  之間插入一個(gè)1*1 大小的透明的gif 圖片，這是因?yàn)槟承g覽器認(rèn)為空單元格非法而不會(huì)予以解釋。如果代碼順序較亂，在DW3中可以通過(guò)command->apply souce formatting進(jìn)行重新整理