 |
| 昵稱：奈薇建站網(wǎng) |
| 論壇積分：108000 |
| 發(fā)貼等級：21 |
    
    |
| 發(fā)貼數(shù)：1156 |
| 回貼數(shù)：1282 |
被砸雞蛋： 1 |
獲贈鮮花： 182 |
|
 |
|
|
發(fā)表時間：2019/12/12 19:16:00 |
樓 主 |
|
 |
|
 |
|
網(wǎng)頁設(shè)計(jì)制作規(guī)范是指一個開發(fā)規(guī)范，也稱是一個腳本的語言參數(shù)，本規(guī)范并不是一個一成不變的必須嚴(yán)格遵守的條文，特殊情況下要靈活運(yùn)用，做一定的變通。但是，請大家千萬不要隨意更改規(guī)范。如果有任何問題，請及時與我聯(lián)系，我會及時更改本規(guī)范的相關(guān)代碼樣例和文檔。
主要包含以下步驟：
一、基本要求
1.在網(wǎng)站根目錄中開設(shè)imagescommontemp三個子目錄，根據(jù)需要再開設(shè)media子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標(biāo)志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。
2.在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設(shè)一個目錄，根據(jù)需要在每一個欄目的目錄中開設(shè)一個images和media的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應(yīng)的再開設(shè)其他目錄。
3.temp目錄中的文件往往會比較多，建議以時間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。
4.除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導(dǎo)，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗(yàn)證明，用拼音命名的目錄往往連一個月后的自己都看不懂
二、一般原則
1.在排布表格之前，請大家一定要好好思考一個最佳的方案，表格的嵌套盡量控制在三層以內(nèi)，并且應(yīng)該盡量避免<colspan><rowspan>兩個標(biāo)記，經(jīng)驗(yàn)表明，這兩個標(biāo)記會帶來許多麻煩。
2.一個網(wǎng)頁要盡量避免用整個一張大表格，所有的內(nèi)容都嵌套在這個大表格之內(nèi)，因?yàn)闉g覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi)，那么很可能造成的后果就是，當(dāng)瀏覽者敲入網(wǎng)址，他要先面對一片空白很長時間，然后所有的網(wǎng)頁內(nèi)容同時出現(xiàn)。如果必須這樣做，請使用<tbody>標(biāo)記，以便能夠使這個大表格分塊顯示。
3.排版中我們經(jīng)常會遇到需要進(jìn)行首行縮進(jìn)的處理，不要使用或者全角空格來達(dá)到效果，規(guī)范的做法是在樣式表中定義p{text-indent:2em;}然后給每一段加上<p>標(biāo)記，注意，一般情況下，請不要省略</p>結(jié)束標(biāo)記。
三、文件命名原則
1.每一個目錄中應(yīng)該包含一個缺省的html文件，文件名統(tǒng)一用index.htm
2．件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。
3.命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當(dāng)我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作。
4.下面以“新聞”（包含“國內(nèi)新聞”和“國際新聞”）這個欄目來說明html文件的命名原則
四、腳本編寫
我們應(yīng)該有一個腳本整體風(fēng)格一致的概念，意思是一個月后和一個月前的你寫的腳本風(fēng)格保持一致，以及同一個工作組中不同的開發(fā)人員編寫的腳本風(fēng)格保持一致，因?yàn)槲覀儾豢赡苡肋h(yuǎn)孤立的開發(fā)，你隨時都有可能和三個月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開發(fā)一個項(xiàng)目，還有可能被要求修改已經(jīng)離職人員開發(fā)的腳本，當(dāng)然你自己也有可能會扔下一個項(xiàng)目給后來的同事。
1.Html文件的通用模板：
<html>
<head>
<title>文檔標(biāo)題</title>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="author"content="eastline">
其他meta標(biāo)記
<linkrel="stylesheet"type="text/css"href="style/style.css">
樣式表定義
客戶端Javascript函數(shù)定義及初始化操作
</head>
<bodybgcolor="#ffffff">
……
</body>
補(bǔ)充：
為了保證網(wǎng)站能夠與下一代的web語言xml標(biāo)準(zhǔn)兼容，所有的HTML標(biāo)簽的屬性都要用單引號或者雙引號括起，即我們應(yīng)該寫<ahref=”url”>而不是<ahref=url>.
2.允許全文檢索的頁面，為了使Internet上的搜索引擎能夠有效檢索，在頻道的首頁的html的<head></head>之間應(yīng)該加入Keywords和Description元標(biāo)記，例如：
<metaname=”keywords”content=”東方新干線，汽車，買車”>
<metaname=”description”content=”東方新干勁線，全球中文汽車信息第一站”>
3.CSS文件的格式樣例代碼：
<styletype="text/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}
a.1:link{font-size:9pt;color:#3366cc;text-decoration:none}
a.1:visited{font-size:9pt;color:#3366cc;text-decoration:none}
a.1:hover{font-size:9pt;color:#FF9900;text-decoration:none}
a.1:active{font-size:9pt;color:#FF9922;text-decoration:none}
.blue{font-family:"宋體";font-size:
10.5pt;line-height:20px;color:#0099FF;letter-spacing:5em}
-->
</style>
這里尤其要注意的是a:linka:visiteda:hovera:actived的排列順序一定要嚴(yán)格照上面的樣例 |
|
 |
 |
 |
|
奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ |
|
|
|
|
|