版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)本規(guī)范既是一個(gè)腳本與開(kāi)發(fā)的綜合體，并非是一成不變的須嚴(yán)格遵守的條文，特殊情況下要靈活運(yùn)用，做一定的變通。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子目錄放客戶(hù)提供的各種文字圖片等等原始資料；media子目錄中放flash、avi、quicktime等多媒體文件。
2.在根目錄中原則上應(yīng)該按照首頁(yè)的欄目結(jié)構(gòu)，給每一個(gè)欄目開(kāi)設(shè)一個(gè)目錄，根據(jù)需要在每一個(gè)欄目的目錄中開(kāi)設(shè)一個(gè)images和media的子目錄用以放置此欄目專(zhuān)有的圖片和多媒體文件，如果這個(gè)欄目的內(nèi)容特別多，又分出很多下級(jí)欄目，可以相應(yīng)的再開(kāi)設(shè)其他目錄。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第1頁(yè)。3.temp目錄中的文件往往會(huì)比較多，建議以時(shí)間為名稱(chēng)開(kāi)設(shè)目錄，將客戶(hù)陸續(xù)提供的資料歸類(lèi)整理。
4.除非有特殊情況，目錄、文件的名稱(chēng)全部用小寫(xiě)英文字母、數(shù)字、下劃線(xiàn)的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請(qǐng)盡量以英文為指導(dǎo)，不到萬(wàn)不得已不要以拼音作為目錄名稱(chēng)，經(jīng)驗(yàn)證明，用拼音命名的目錄往往連一個(gè)月后的自己都看不懂，
我們應(yīng)該有一個(gè)腳本整體風(fēng)格一致的概念，意思是一個(gè)月后和一個(gè)月前的你寫(xiě)的腳本風(fēng)格保持一致，以及同一個(gè)工作組中不同的開(kāi)發(fā)人員編寫(xiě)的腳本風(fēng)格保持一致，因?yàn)槲覀儾豢赡苡肋h(yuǎn)孤立的開(kāi)發(fā)，你隨時(shí)都有可能和三個(gè)月前的自己合作（你的客戶(hù)要求改版），也經(jīng)常要和工作室中不同的同事共同開(kāi)發(fā)一個(gè)項(xiàng)目，還有可能被要求修改已經(jīng)離職人員開(kāi)發(fā)的腳本，當(dāng)然你自己也有可能會(huì)扔下一個(gè)項(xiàng)目給后來(lái)的同事。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第1頁(yè)。1.html文件的通用模板：<html>
<!--
Generator:SubDesignStudio()
CreationData:2000-8-1
OriginalAuthor:eastline
-->
<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">樣式表定義網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第2頁(yè)?？蛻?hù)端javascript函數(shù)定義及初始化操作
</head>
<bodybgcolor="#ffffff">
……
</body>網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第2頁(yè)。補(bǔ)充：
為了保證網(wǎng)站能夠與下一代的web語(yǔ)言xml標(biāo)準(zhǔn)兼容，所有的HTML標(biāo)簽的屬性都要用單引號(hào)或者雙引號(hào)括起，即我們應(yīng)該寫(xiě)<ahref="url">而不是<ahref=url>.2.允許全文檢索的頁(yè)面，為了使Internet上的搜索引擎能夠有效檢索，在頻道的首頁(yè)的html的<head></head>之間應(yīng)該加入Keywords和Description元標(biāo)記，例如：<metaname=”keywords”content=”東方新干線(xiàn)，汽車(chē)，買(mǎi)車(chē)”>
<metaname=”description”content=”東方新干勁線(xiàn)，全球中文汽車(chē)信息第一站”>3.CSS文件的格式樣例代碼：網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第3頁(yè)。<styletype="text/css">
<!—
p{text-indent:2em;}
body{font-family:"宋體";font-size:9pt;color:#;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
table{font-family:"宋體";font-size:9pt;line-height:20px;color:#}
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>網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第3頁(yè)。這里尤其要注意的是a:linka:visiteda:hovera:actived的排列順序一定要嚴(yán)格照上面的樣例代碼，否則或多或少會(huì)出問(wèn)題。另外我們規(guī)定重定義的最先，偽類(lèi)其次，自定義最后，便于自己和他人閱讀！為了保證不同瀏覽器上字號(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)比較合適。在寫(xiě)<table>互相嵌套時(shí)，嚴(yán)格按照的規(guī)范，對(duì)于單獨(dú)的一個(gè)<table>來(lái)說(shuō)，<table><tr>對(duì)齊，<td>縮進(jìn)兩個(gè)半角空格，<td>中如果還有嵌套的表格?lt;table>也縮進(jìn)兩個(gè)半角空格，如果<td>中沒(méi)有任何嵌套的表格，</td>結(jié)束標(biāo)記應(yīng)該與<td>處于同一行，不要換行，如我們注意在源代碼中不應(yīng)有這樣的代碼：<td><imgsrc="../images/sample.gif">
</td>網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第4頁(yè)。而應(yīng)該是這樣的：
<td><imgsrc="../images/sample.gif"></td>網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第4頁(yè)。這是因?yàn)闉g覽器認(rèn)為換行相當(dāng)于一個(gè)半角空格，以上不規(guī)范的寫(xiě)法相當(dāng)于無(wú)意中增加一個(gè)半角空格，如果確實(shí)有必要增加一個(gè)半角空格，也應(yīng)該這樣寫(xiě)：<td><imgsrc="../images/sample.gif"></td>屬于同一個(gè)級(jí)別的<table>一定是左首對(duì)齊的，另外不允許沒(méi)有任何內(nèi)容的空的單元格存在，高度大于等于12px的單元格應(yīng)該在<td>和</td>之間寫(xiě)一個(gè)如果高度小于12px,則應(yīng)該在<td>和</td>之間插入一個(gè)1*1大小的透明的gif圖片，這是因?yàn)槟承g覽器認(rèn)為空單元格非法而不會(huì)予以解釋。如果代碼順序較亂，在DW3中可以通過(guò)command->applysouceformatting進(jìn)行重新整理！5.width和height的寫(xiě)法也有統(tǒng)一的規(guī)范，一般情況下只有一列的表格，width寫(xiě)在<table>的標(biāo)簽內(nèi)，只有一行的表格，height寫(xiě)在<table>的標(biāo)簽內(nèi)，多行多列的表格，width和height寫(xiě)在第一行或者第一列的<td>標(biāo)簽內(nèi)?？傊裱粭l原則：不出現(xiàn)多于一個(gè)的控制同一個(gè)單元格大小的height和width,保證任何一個(gè)width和height都是有效的，也就是你改動(dòng)代碼中任何一個(gè)width和height的數(shù)值，都應(yīng)該在瀏覽器中看到變化。做到這一條不容易，需要較長(zhǎng)時(shí)間的練習(xí)和思考。
/一般原則1.在排布表格之前，請(qǐng)大家一定要好好思考一個(gè)最佳的方案，表格的嵌套盡量控制在三層以?xún)?nèi)，并且應(yīng)該盡量避免<colspan><rowspan>兩個(gè)標(biāo)記，經(jīng)驗(yàn)表明，這兩個(gè)標(biāo)記會(huì)帶來(lái)許多麻煩。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第5頁(yè)。2.一個(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)使用<tbody>標(biāo)記，以便能夠使這個(gè)大表格分塊顯示。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第5頁(yè)。3.排版中我們經(jīng)常會(huì)遇到需要進(jìn)行首行縮進(jìn)的處理，不要使用或者全角空格來(lái)達(dá)到效果，規(guī)范的做法是在樣式表中定義p{text-indent:2em;}然后給每一段加上<p>標(biāo)記，注意，一般情況下，請(qǐng)不要省略</p>結(jié)束標(biāo)記。4.原則上，我們禁止用<imgwidth=?height=?>來(lái)人為干預(yù)圖片顯示的尺寸，而且建議<img>標(biāo)簽中不要帶上width和height兩個(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ù)必在最后給<img>附上width和height屬性。5.為了最大程度的發(fā)揮瀏覽器自動(dòng)排版的功能，在一段完整的文字中請(qǐng)盡量不要使用
來(lái)人工干預(yù)分段。6.不同語(yǔ)種的文字之間應(yīng)該有一個(gè)半角空格，但避頭的符號(hào)之前和避尾的符號(hào)之后除外漢字之間的標(biāo)點(diǎn)要用全角標(biāo)點(diǎn)，英文字母和數(shù)字周?chē)睦ㄌ?hào)應(yīng)該使用半角括號(hào)。7.所有的字號(hào)都應(yīng)該用樣式表來(lái)實(shí)現(xiàn)，禁止在頁(yè)面中出現(xiàn)<fontsize=?>標(biāo)記。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第6頁(yè)。8.請(qǐng)不要在網(wǎng)頁(yè)中連續(xù)出現(xiàn)多于一個(gè)的也盡量少使用全角空格（英文字符集下，全角空格會(huì)變成亂碼），空白應(yīng)該盡量使用text-indent,padding,margin,hspace,vspace以及透明的gif圖片來(lái)實(shí)現(xiàn)。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第6頁(yè)。9.中英文混排時(shí)，我們盡可能的將英文和數(shù)字定義為verdana和arial兩種字體。10.行距建議用百分比來(lái)定義，常用的兩個(gè)行距的值是line-height:120%/150%.11.網(wǎng)站中的路徑全部采用相對(duì)路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫(xiě)全名，如我們不必這樣：<ahref="aboutus/index.htm">而應(yīng)該這樣：<ahref="aboutus/">12、嵌入圖形文本的使用較大的字體，建議不要在圖形中包括文本。13、“網(wǎng)頁(yè)大小”定義為網(wǎng)頁(yè)的所有文件大小的總和，包括HTML文件和所有的嵌入的對(duì)象。用戶(hù)喜歡快的而不是新奇的站點(diǎn)。對(duì)于解調(diào)器用戶(hù)，網(wǎng)頁(yè)大小保持在34K以下為合適。
/文件命名原則1.每一個(gè)目錄中應(yīng)該包含一個(gè)缺省的html文件，文件名統(tǒng)一用index.htm2.文件名稱(chēng)統(tǒng)一用小寫(xiě)的英文字母、數(shù)字和下劃線(xiàn)的組合。3.命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們?cè)谖募A中使用“按名稱(chēng)排例”的命令時(shí)，同一種大類(lèi)的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作。網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第7頁(yè)。4.下面以“新聞”（包含“國(guó)內(nèi)新聞”和“國(guó)際新聞”）這個(gè)欄目來(lái)說(shuō)明html文件的命名原則：網(wǎng)頁(yè)設(shè)計(jì)制作標(biāo)準(zhǔn)全文共9頁(yè)，當(dāng)前為第7頁(yè)。在根目錄下開(kāi)設(shè)news目錄
第一條缺省新聞取名index.htm
所有屬于“國(guó)內(nèi)新聞”的新聞依次取名為：china_1.htm,china_2.htm,…
所有屬于“國(guó)際新聞”的新聞依次取名為：internation_1.htm,internation_2.ht
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年度個(gè)人房產(chǎn)交易稅費(fèi)收據(jù)模板制作服務(wù)協(xié)議2篇
- 教育技術(shù)在培養(yǎng)學(xué)生自主學(xué)習(xí)能力中的作用與挑戰(zhàn)
- 2025年度魚(yú)塘承包與漁業(yè)信息化管理合作協(xié)議4篇
- 未來(lái)教育的趨勢(shì)以小學(xué)科學(xué)教學(xué)中的項(xiàng)目式學(xué)習(xí)為例談科技教育的長(zhǎng)遠(yuǎn)影響
- 二零二五年度車(chē)庫(kù)房租賃與車(chē)位租賃及物業(yè)管理合同4篇
- 現(xiàn)代科技在農(nóng)村房屋墻體材料優(yōu)化中的應(yīng)用
- 2025版?zhèn)€人二手房交易合同含房屋質(zhì)量保證承諾
- 二零二五年度木工欄桿安裝工程勞務(wù)分包及綠色認(rèn)證合同4篇
- 探索星系間的聯(lián)系解開(kāi)宇宙的秘密線(xiàn)索
- 杭州浙江杭州市丁信中學(xué)編外招聘筆試歷年參考題庫(kù)附帶答案詳解
- 創(chuàng)新者的窘境讀書(shū)課件
- 綜合素質(zhì)提升培訓(xùn)全面提升個(gè)人綜合素質(zhì)
- 如何克服高中生的社交恐懼癥
- 聚焦任務(wù)的學(xué)習(xí)設(shè)計(jì)作業(yè)改革新視角
- 淋巴瘤患者的護(hù)理
- 移動(dòng)商務(wù)內(nèi)容運(yùn)營(yíng)（吳洪貴）任務(wù)三 APP的品牌建立與價(jià)值提供
- 電子競(jìng)技范文10篇
- 食堂服務(wù)質(zhì)量控制方案與保障措施
- VI設(shè)計(jì)輔助圖形設(shè)計(jì)（2022版）
- 眼科學(xué)?？己?jiǎn)答題
- 物料分類(lèi)帳的應(yīng)用
評(píng)論
0/150
提交評(píng)論