網(wǎng)頁設(shè)計(jì)在初始要界定出網(wǎng)頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設(shè)計(jì). 網(wǎng)頁的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來說,一般沒有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒有確切值。 寬度: 1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網(wǎng)頁多高都會(huì)有右側(cè)的滾動(dòng)條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率，你的網(wǎng)頁不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏 每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 標(biāo)準(zhǔn)網(wǎng)頁廣告尺寸規(guī)格 一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60，這種廣告規(guī)格主要用于做LOGO使用。 三、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。 六、392*72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。 七、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁眉或頁腳。 八、88*31，主要用于網(wǎng)頁鏈接，或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 430*50 15K 超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片，F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過300*200） 30K 播放時(shí)間 小于5秒60幀(1秒/12幀) 網(wǎng)頁中的廣告尺寸 1.首頁右上，尺寸120*60 2.首頁頂部通欄，尺寸468*60 3.首頁頂部通欄，尺寸760*60 4.首頁中部通欄，尺寸580*60 5.內(nèi)頁頂部通欄，尺寸468*60 6.內(nèi)頁頂部通欄，尺寸760*60 7.內(nèi)頁左上，尺寸150*60或300*300 8.下載地址頁面，尺寸560*60或468*60 9.內(nèi)頁底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10

網(wǎng)站設(shè)計(jì)八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。四、選擇合適的制作工具 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者 這是整體上的步驟，至每一個(gè)步驟我們還可以進(jìn)一步分。越詳細(xì)應(yīng)該是越好的。

企業(yè)網(wǎng)站建設(shè)需要那些步驟?第一步：客戶提出網(wǎng)站建設(shè)申請(qǐng) 1、 客戶根據(jù)自身情況提出網(wǎng)站建設(shè)基本要求 2、 提供相關(guān)文本及圖片資料 a. 公司文字資料、公司圖片資料； b. 網(wǎng)站實(shí)現(xiàn)功能需求； c. 網(wǎng)站基本設(shè)計(jì)要求； 第二步：制定網(wǎng)站建設(shè)方案 1、 雙方就網(wǎng)站建設(shè)內(nèi)容進(jìn)行協(xié)商，修改、補(bǔ)充，并達(dá)成共識(shí)； 2、 為客戶制定《網(wǎng)站建設(shè)方案》； 3、 雙方確定網(wǎng)站建設(shè)方案的具體細(xì)節(jié)及價(jià)格； 第三步：簽署協(xié)議，支付預(yù)付款 1、 雙方簽訂《網(wǎng)站建設(shè)協(xié)議》； 2、 客戶提供更為詳盡的圖片資料（如需拍照，我方可免費(fèi)上門進(jìn)行數(shù)碼拍攝）； 第四步：客戶審核初稿，經(jīng)確認(rèn)后定稿 1、 根據(jù)《網(wǎng)站建設(shè)方案》完成初稿設(shè)計(jì)； a. 首頁風(fēng)格設(shè)計(jì)； b. 功能欄目設(shè)定； c. 網(wǎng)站架構(gòu)圖； 2、 客戶審核確認(rèn)初稿設(shè)計(jì)； 3、 我方完成整體網(wǎng)站制作； 第五步：網(wǎng)站測試、客戶網(wǎng)上瀏覽、驗(yàn)收、支付余款 1、 客戶根據(jù)協(xié)議及內(nèi)容進(jìn)行驗(yàn)收工作； 2、 驗(yàn)收合格，由客戶簽發(fā)“網(wǎng)站建設(shè)驗(yàn)收合格確認(rèn)書”； 3、 客戶支付余款； 4、 我方為客戶開通協(xié)議內(nèi)容服務(wù)； 第六步：網(wǎng)站后期維護(hù)工作 1、 向客戶提供《網(wǎng)站維護(hù)說明書》 2、 我方根據(jù)《網(wǎng)站建設(shè)協(xié)議》及《網(wǎng)站維護(hù)說明書》相關(guān)條款對(duì)客戶網(wǎng)站進(jìn)行維護(hù)和更新。 1、域名申請(qǐng) 通過注冊(cè)域名，使企業(yè)在全球Internet上有唯一標(biāo)識(shí)，也是社會(huì)各用戶瀏覽該企業(yè)網(wǎng)站的門牌號(hào)和進(jìn)入標(biāo)識(shí)。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)那樣，在互聯(lián)網(wǎng)上廣為流傳，好的域名有助于你將來塑造自己在網(wǎng)上的國際形象。而同時(shí)域名在全世界具有唯一性，域名的資源又比較有限，誰先注冊(cè)，誰就有權(quán)使用，所以你現(xiàn)在就應(yīng)該考慮，是否要保護(hù)你在Internet上的無形資產(chǎn)。 常見的.com為國際域名，而.com.cn則為國內(nèi)域名。定義域名除了要考慮公司的性質(zhì)以及信息內(nèi)容的特征外，還應(yīng)該使這個(gè)名字簡潔、易記、具有沖擊力。 2、網(wǎng)絡(luò)平臺(tái)的建立 有了自己的域名這個(gè)門牌號(hào)碼后，您就需要一個(gè)空間蓋房子建立自己的公司，而這個(gè)空間在Internet上就是服務(wù)器。通常情況下，有以下幾種方式可供企業(yè)選擇。 虛擬主機(jī)方式：所謂虛擬主機(jī)是使用特殊的軟硬件技術(shù)，把每臺(tái)計(jì)算機(jī) 主分成一臺(tái)"虛擬"的主機(jī)，在外界看來，虛擬主機(jī)與真正的主機(jī)沒有任何區(qū)別，我們建議企業(yè)上網(wǎng)采用虛擬主機(jī)方式。一般虛擬主機(jī)提供商都能向用戶提供10兆、30兆、50兆直到一臺(tái)服務(wù)器的虛擬主機(jī)空間。用戶可視網(wǎng)站的內(nèi)容設(shè)置及其發(fā)展前景來選擇。一頁網(wǎng)頁所占的磁盤空間大約20 - 50千字節(jié)，10兆大約可以放置200 - 500頁，但如果你對(duì)網(wǎng)站有特殊的要求，如圖片較多、動(dòng)畫較多、需要文件下載或有數(shù)據(jù)庫等，就需要多一些空間（大家可以到『 免費(fèi)資源 』去看一下，那里有很多免費(fèi)空間）。 獨(dú)立的服務(wù)器：對(duì)于經(jīng)濟(jì)實(shí)力雄厚且業(yè)務(wù)量較大的企業(yè)，也可以購置自己獨(dú)立的服務(wù)器，但這需要很高的費(fèi)用及大量的人力、物力投入，合計(jì)很高的費(fèi)用及大量的人力、物力投入，合計(jì)起來是虛擬主機(jī)的數(shù)十倍之多。 3、網(wǎng)頁設(shè)計(jì)及維護(hù) 您可以自己設(shè)計(jì)網(wǎng)頁也可以通過專業(yè)網(wǎng)頁設(shè)計(jì)人才來制作。首先要確定整個(gè)網(wǎng)頁系統(tǒng)的整體規(guī)劃，所要介紹的內(nèi)容范圍和目的，之后要收集所有需要放在網(wǎng)站上的文本資料、圖片等，將收集的材料提供給我們，剩下的交給我們的設(shè)計(jì)人員吧。根據(jù)公司業(yè)務(wù)范圍確定是否采用中英兩種版本，網(wǎng)頁設(shè)計(jì)完成后下步最重要的工作就是及時(shí)更新網(wǎng)頁內(nèi)容，不能長時(shí)間不更換網(wǎng)頁，造成“曬網(wǎng)”現(xiàn)象將影響網(wǎng)站的訪問量。 4、網(wǎng)站宣傳與推廣 首先企業(yè)自身要有推廣網(wǎng)站的意識(shí)：在任何出現(xiàn)公司信息的地方都加上公司的網(wǎng)址，如名片、辦公用品、宣傳材料、媒體廣告等。此外網(wǎng)絡(luò)廣告和搜索引擎登記是目前網(wǎng)站主要的推廣方式。您可以登陸我們韶關(guān)信息港或其它門戶站點(diǎn)的黃金廣告位，可以通過注冊(cè)搜索引擎將你的站點(diǎn)登記到全球知名的服務(wù)站中去。這樣一來，不但你的網(wǎng)站能夠很容易地被人找到，而且訪問者的數(shù)量也會(huì)激增。 通過一些網(wǎng)站做友情鏈接等辦法，可以顯著地提高企業(yè)網(wǎng)站的知名度和訪問量

共八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者.

網(wǎng)頁的背景多大要看對(duì)網(wǎng)頁的要求的，網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)尺寸:1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏 每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 希望幫到你~~

網(wǎng)頁設(shè)計(jì)師的工作職責(zé)如下：1、負(fù)責(zé)公司網(wǎng)站的頁面設(shè)計(jì)及美觀優(yōu)化；2、負(fù)責(zé)網(wǎng)站各類專題模板的設(shè)計(jì)及制作；3、負(fù)責(zé)網(wǎng)站各類活動(dòng)的宣傳廣告、標(biāo)語的圖片設(shè)計(jì)；4、負(fù)責(zé)網(wǎng)站產(chǎn)品的美工設(shè)計(jì)，對(duì)交互體驗(yàn)有較為深入的了解；5、對(duì)頁面進(jìn)行持續(xù)的優(yōu)化，不斷提升訪問者的用戶體驗(yàn)；6、編寫可復(fù)用的用戶界面組件；7、協(xié)同其他技術(shù)部門，做前端開發(fā)技術(shù)支持。

　　網(wǎng)站項(xiàng)目管理規(guī)范　　一.概念　　網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開發(fā)任務(wù)?！　《?需求分析　　1.項(xiàng)目立項(xiàng)　　我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁設(shè)計(jì)，程序員，測試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制?！　?.客戶的需求說明書　　第一步是需要客戶提供一個(gè)完整的需求說明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點(diǎn)：　　1.正確性：每個(gè)功能必須清楚描寫交付的功能；　　2.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求；　　3.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時(shí)"砍"掉；　　4.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；　　5.檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。　　三.系統(tǒng)分析　　1.網(wǎng)站總體設(shè)計(jì)　　在拿到客戶的需求說明后，并不是直接開始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)，出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：　　1.網(wǎng)站需要實(shí)現(xiàn)哪些功能；　　2.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；　　3.需要多少人，多少時(shí)間；　　4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些?！　⊥瑫r(shí)需要寫一份總體規(guī)劃說明書，包括：　　1.網(wǎng)站的欄目和版塊；　　2.網(wǎng)站的功能和相應(yīng)的程序；　　3.網(wǎng)站的鏈接結(jié)構(gòu)；　　4.如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)；　　5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)。　　2.網(wǎng)站建設(shè)方案　　在總體設(shè)計(jì)出來后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案。那時(shí)的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會(huì)有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對(duì)雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分：　　1.客戶情況分析；　　2.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；　　3.網(wǎng)站形象說明；　　4.網(wǎng)站的欄目版塊和結(jié)構(gòu)；　　5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；　　6.使用軟件，硬件和技術(shù)分析說明；　　7.開發(fā)時(shí)間進(jìn)度表；　　8.宣傳推廣方案；　　9.維護(hù)方案；　　10.制作費(fèi)用；　　11.本公司簡介：成功作品，技術(shù)，人才說明等。　　當(dāng)您的方案通過客戶的認(rèn)可，您可以開始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)：　　3.網(wǎng)站詳細(xì)設(shè)計(jì)　　總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼。　　四. 項(xiàng)目實(shí)施　　1.整體形象設(shè)計(jì)　　在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁?！　≌w形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶選擇?！　∮涀。涸诳蛻舸_定首頁風(fēng)格之后，請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)?！　￠_發(fā)制作　　2.開發(fā)制作　　到這里，程序員和網(wǎng)頁設(shè)計(jì)師同時(shí)進(jìn)入全力開發(fā)階段，需要提醒的是，測試人員需要隨時(shí)測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計(jì)師的工作?！　≌{(diào)試完善　　3.調(diào)試完成　　在網(wǎng)站初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來?！　槭裁匆涗浳臋n呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來越規(guī)范，越來越工業(yè)化。進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理?！　?.宣傳推廣　　宣傳推廣的基本方法有：　　1.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；　　2.各搜索引擎登錄；　　3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表；　　4.合理使用Email郵件列表；　　5.廣告條交換；　　6.付費(fèi)廣告?！　≈链耍W(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。　　五.維護(hù)　　網(wǎng)站成功推出后，長期的維護(hù)工作才剛剛開始，需要做到的是:　　1.及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后在1-3個(gè)工作日里解決問題，再次回復(fù)；　　2.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策；　　3.盡量推廣和使用您的網(wǎng)址；　　4.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)。　　六.遵循的規(guī)范　　1.網(wǎng)站建設(shè)目錄規(guī)范　　2.網(wǎng)站文件命名規(guī)范　　3.網(wǎng)站建設(shè)尺寸規(guī)范　　4.網(wǎng)站首頁head區(qū)代碼規(guī)范　　5.網(wǎng)站連接結(jié)構(gòu)規(guī)范　　網(wǎng)站開發(fā)規(guī)范　　任何一個(gè)項(xiàng)目或者系統(tǒng)開發(fā)之前都需要定制一個(gè)開發(fā)約定和規(guī)則，這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫設(shè)計(jì)約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來開發(fā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個(gè)團(tuán)隊(duì)開發(fā)都應(yīng)有自己的一套規(guī)范，一個(gè)優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對(duì)與錯(cuò)，也許有些地方與你當(dāng)前使用的習(xí)慣相駁，很多地方都有爭議。?！　》浅Ｃ黠@在Web項(xiàng)目開發(fā)中有前后臺(tái)開發(fā)之分，前臺(tái)開發(fā)主要是指非程序編程部分，主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)等。而后臺(tái)開發(fā)主要是編程和網(wǎng)站運(yùn)行平臺(tái)搭建，其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來定制的，這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn)，本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開發(fā)規(guī)范?！　∫唬M建開發(fā)團(tuán)隊(duì)　　在接手項(xiàng)目后的第一件事是組建團(tuán)隊(duì)。根據(jù)項(xiàng)目的大小團(tuán)隊(duì)可以有幾十人，也有可以是只有幾個(gè)人的小團(tuán)隊(duì)，在團(tuán)隊(duì)劃分中應(yīng)該含有6個(gè)角色，這6個(gè)角色是必須的，分別是項(xiàng)目經(jīng)理，策劃，美工，程序員，代碼整合員，測試員。也許你的團(tuán)隊(duì)還沒有6個(gè)人，沒有關(guān)系一個(gè)人可以有多個(gè)角色，比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色，如程序員還可以含有代碼整合和測試這2個(gè)角色，如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組，每個(gè)組分工再來細(xì)分。下面簡單介紹一下這6個(gè)角色的具體職責(zé)?！　№?xiàng)目經(jīng)理，項(xiàng)目總體設(shè)計(jì)，開發(fā)進(jìn)度的定制和監(jiān)控，定制相應(yīng)的開發(fā)規(guī)范，負(fù)責(zé)各個(gè)環(huán)節(jié)的評(píng)審工作，協(xié)調(diào)各個(gè)成員(小組)之間開發(fā)。策劃，提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工，根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站AI，界面，Logo等。程序員，根據(jù)項(xiàng)目總體設(shè)計(jì)來設(shè)計(jì)數(shù)據(jù)庫和功能模塊的實(shí)現(xiàn)。代碼整合員，負(fù)責(zé)將程序員的代碼和界面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁面，測試員，負(fù)責(zé)測試程序。　　二．開發(fā)工具　　Web開發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺(tái)開發(fā)工具，第二部分是網(wǎng)站后臺(tái)開發(fā)環(huán)境，第三部分是項(xiàng)目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件?！　【W(wǎng)站前臺(tái)開發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫設(shè)計(jì)等等，主要使用的相關(guān)軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。　　網(wǎng)站后臺(tái)開發(fā)主要指網(wǎng)站動(dòng)態(tài)程序開發(fā)、數(shù)據(jù)庫建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫建模），PowerDesigner在數(shù)據(jù)庫設(shè)計(jì)方面應(yīng)用非常強(qiáng)大，用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了，設(shè)計(jì)數(shù)據(jù)庫強(qiáng)烈推薦用它。Rational Rose（程序建模），如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會(huì)節(jié)省一些時(shí)間和開發(fā)的復(fù)雜度，不過我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫畫Rose圖?！　【W(wǎng)站項(xiàng)目管理主要指對(duì)開發(fā)進(jìn)度和代碼版本的控制。開發(fā)進(jìn)度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test，它可以進(jìn)行并行、負(fù)載測試等。程序文檔編寫采用Word，用WPS也可以?！　∪?網(wǎng)站開發(fā)流程　　在項(xiàng)目開始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程，在項(xiàng)目開發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測試，而程序編寫代碼所占的時(shí)間并不多，但有的團(tuán)隊(duì)就急于開發(fā)寫代碼，先把程序?qū)懗鰜碓僬f，沒有注重評(píng)審和測試這2個(gè)環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來了不要急于開工寫代碼，應(yīng)該一步一步慢慢來，只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個(gè)環(huán)節(jié)。　　圖 1　　從圖1可以看到2條主線，這2條主線分別是前臺(tái)開發(fā)和后臺(tái)開發(fā)。前后臺(tái)開發(fā)在項(xiàng)目開發(fā)早期互相沒有交叉，當(dāng)然不是絕對(duì)沒有，Web策劃和需求分析都是互相有關(guān)系的，一個(gè)是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個(gè)是網(wǎng)站功能的策劃，它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個(gè)統(tǒng)一，也就即將發(fā)布的網(wǎng)站。　　四．?dāng)?shù)據(jù)庫開發(fā)規(guī)范　　數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫文件命名為kupage_database.mdf，有的數(shù)據(jù)庫文件有多個(gè)，比如SQL Server就有2個(gè)，一個(gè)是數(shù)據(jù)庫文件，另一個(gè)是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫。　　數(shù)據(jù)庫表命名規(guī)范，表名長度不能超過30個(gè)字符，表名中含有單詞全部采用單數(shù)形式，單詞首寫字母要大寫，多個(gè)單詞間不用任何連接符號(hào)。若庫中有多個(gè)系統(tǒng)，表名采用系統(tǒng)名稱+單詞或多個(gè)單詞，系統(tǒng)名是開發(fā)系統(tǒng)的縮寫，系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個(gè)系統(tǒng)，那么表名僅用一個(gè)單詞或多個(gè)單詞。單詞選擇能夠概括表內(nèi)容的一個(gè)或多個(gè)英文單詞，如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType?！　?shù)據(jù)庫字段命名規(guī)范，數(shù)據(jù)庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個(gè)單詞，別名就取單詞的前4 個(gè)字母；如果表名是兩個(gè)單詞，就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長的別名；如果表的名字由3 個(gè)單詞組成，你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母，結(jié)果還是組成4 字母長的別名?！　∫晥D名采用規(guī)則View_表A_表B_表C,View表示視圖。這個(gè)視圖由幾個(gè)表產(chǎn)生就用”_”連接幾個(gè)表的名，如果表過多可以將表名適當(dāng)簡化，但一定要列出所有表名。　　存儲(chǔ)過程命名規(guī)則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData?！　QL語句編寫規(guī)則，關(guān)鍵字必須大寫，其他書寫按上述命名規(guī)則，比如：　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom’　　五．文件夾文件名命名規(guī)范　　文件夾命名一般采用英文，長度一般不超過20個(gè)字符，命名采用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等?！　∥募Q統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們?cè)谖募A中使用“按名稱排例”的命令時(shí)，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 ?！　?、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等。　　放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner　　標(biāo)志性的圖片取名為： logo　　在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button　　在頁面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu　　裝飾用的照片我們?nèi)∶?pic　　不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title　　下面是幾個(gè)范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg ?！　?、動(dòng)態(tài)語言文件命名規(guī)則性質(zhì)_描述，描述可以有多個(gè)單詞，用”_”隔開，性質(zhì)一般是該頁面得概要?！　》独簉egister_form.asp，register_post.asp,topic_lock.asp　　六．程序代碼編程規(guī)范　　一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則?！　?、每個(gè)變量名必須定義，在ASP文件的最開始添加語句，強(qiáng)制定制每個(gè)變量。　　2、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：　　子類型 前綴 示例　　Boolean bln blnFound　　Byte byt bytRasterData　　Date (Time) dtm dtmStart　　Double dbl dblTolerance　　Error err errOrderNum　　Integer int intQuantity　　Long lng lngDistance　　Object obj objCurrent　　Single sng sngAverage　　String str strFirstName　　3、程序代碼需要有縮進(jìn)，縮進(jìn)采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時(shí)需要左右空一格，如下：　　4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動(dòng)作+名詞，每個(gè)函數(shù)需要給出相應(yīng)的注釋，函數(shù)功能，傳入變量，以及作者和修改相關(guān)信息。如下面函數(shù):　　<%　　'[功能] 返回一個(gè)參數(shù)的值　　'[參數(shù)] strParameterName 參數(shù)名稱　　'[作者] icefire 2002/8/20 am　　Function GetParameterValue(strParameterName)　　Dim objRS, strSQL, strParameterValue　　strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"　　.　　.　　.　　GetParameterValue = strParameterValue　　Set objRS = Nothing　　End Function　　5、ASP內(nèi)置對(duì)象區(qū)分大小寫。如下代碼片斷　　strUserName = Request.Form(“UserName”)　　Set conn = Server.CreateObject("ADODB.Connection")　　6、數(shù)據(jù)庫連接一個(gè)庫只能有一個(gè)數(shù)據(jù)庫連接文件，創(chuàng)建數(shù)據(jù)庫對(duì)象得原則是盡可能晚地打開數(shù)據(jù)庫，盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對(duì)象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下：　　Sub OpenConn(ByRef conn)　　Dim strDBPath, strDBConnection　　strDBPath = Server.MapPath("database/tax.mdb")　　strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath　　Set conn = Server.CreateObject("ADODB.Connection")　　conn.Open strDBConnnection　　End Sub　　7、當(dāng)一個(gè)對(duì)象不在使用時(shí)要釋放對(duì)象資源，比如objFSO,objRS對(duì)象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下：　　Sub CloseObj(ByRef obj)　　If IsObject(obj) Then　　obj.Close　　Set obj = nothing　　End If　　End Sub　　8、時(shí)間全部以字符串的形式保存到數(shù)據(jù)庫中，這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存，也方便數(shù)據(jù)庫地遷移。時(shí)間用14位字符串保存，日期用8位字符串保存。　　七．網(wǎng)站首頁head區(qū)代碼規(guī)范　　head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標(biāo)簽　　1.公司版權(quán)注釋　　<!--- The site is designed by Maketown,Inc 06/2004 --->　　2.網(wǎng)頁顯示字符集　　簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">　　繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">　　英 語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">　　3.網(wǎng)頁制作者信息　　<META name="author" content="webmaster@maketown.com">　　4.網(wǎng)站簡介　　<META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…">　　5.搜索關(guān)鍵字　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">　　6.網(wǎng)頁的css規(guī)范　　<LINK href="style/style.css" rel="stylesheet" type="text/css">　　(參見目錄及命名規(guī)范)　　7.網(wǎng)頁標(biāo)題　　<title>xxxxxxxxxxxxxxxxxx</title>　　8.可以選擇加入的標(biāo)簽　　1.設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">　　2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容。　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache">　　3.用來防止別人在框架里調(diào)用你的頁面?！　?lt;META HTTP-EQUIV="Window-target" CONTENT="_top">　　4.自動(dòng)跳轉(zhuǎn)。　　<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時(shí)間停留5秒。　　5.網(wǎng)頁搜索機(jī)器人向?qū)?用來告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引?！　?lt;META NAME="robots" CONTENT="none">　　CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。　　6.收藏夾圖標(biāo)　　<link rel = "Shortcut Icon" href="favicon.ico">　　所有的javascript的調(diào)用盡量采取外部調(diào)用.　　<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>　　附<body>標(biāo)簽：　　<body>標(biāo)簽不屬于head區(qū)，這里強(qiáng)調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁面背景<body bgcolor="#FFFFFF">　　八．網(wǎng)站建設(shè)尺寸規(guī)范　　1. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px　　2. 頁面長度原則上不超過3屏，寬度不超過1屏　　3. 每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸　　4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px　　5. 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸　　6. 每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

　　一、以下是網(wǎng)站專題頁制作的基本功：　　1、創(chuàng)意設(shè)計(jì) 　　說到創(chuàng)意，應(yīng)該是設(shè)計(jì)師最擅長，但肯定也是最頭疼的問題，如何評(píng)判一個(gè)創(chuàng)意的好壞，借用周董的一句話“哎呦，不錯(cuò)哦”。當(dāng)別人看到你的頁面的時(shí)候，能發(fā)出這種感慨，那基本上你的這個(gè)頁面應(yīng)該是做到位了。這里介紹5種小方法： 　　2、版式設(shè)計(jì) 　　版式設(shè)計(jì)應(yīng)該算是最基本的設(shè)計(jì)原則，這個(gè)雖然闡述起來比較簡單，如果要運(yùn)用的好還是需要多下工夫。這里通過一個(gè)簡單的例子來解釋版式設(shè)計(jì)中的幾個(gè)原則： 　　3、色彩設(shè)計(jì) 　　這里的色彩設(shè)計(jì)并不是對(duì)色彩理論的解釋，也不是對(duì)色彩感覺的解釋，因?yàn)楸救耸莻€(gè)色彩感覺一般的設(shè)計(jì)師。這里只說3個(gè)原則：色彩對(duì)比、色彩大小與形狀、彩色位置。 　　4、趣味設(shè)計(jì) 　　趣味設(shè)計(jì)的是一種親切感，并不是所有的頁面都要求有，但是偶爾為之，會(huì)讓頁面添色不少。 　　5、關(guān)于頁面加載 　　圖片設(shè)計(jì)的時(shí)候注意大小，這個(gè)是關(guān)系到頁面的加載時(shí)間。 　　二、以下是網(wǎng)站專題頁制作的整體思路： 　　1、確定產(chǎn)品專題頁面表現(xiàn)形式 　　電腦端網(wǎng)站上面目前主流的專題頁面就是是長頁面滾動(dòng)條，還是多屏滾動(dòng)切換的形式。如果是移動(dòng)端的話可以使用H5做一個(gè)多屏滾動(dòng)切換的效果來展現(xiàn);表現(xiàn)形式本身并沒有什么，個(gè)人建議是在電腦端如果是信息比較多的可以優(yōu)先考慮長頁面滾動(dòng)條的形式，如果是針對(duì)產(chǎn)品某一個(gè)點(diǎn)展開討論，內(nèi)容相對(duì)比較少，可以優(yōu)先考慮多屏滾動(dòng)切換形式。 　　2、順著用戶心思架構(gòu)樓層 　　不同的產(chǎn)品，不同的主題，不同的切入點(diǎn)，不同的人策劃出來的專題頁面布局都是不一樣的，所以無法非常固定提供給大家一個(gè)類似公式的東西去嵌套，大家要確定好思路。 　　3、別忘了你要干什么 　　產(chǎn)品專題頁面設(shè)計(jì)到最后的時(shí)候，不要忘了你的初衷：你想要通過這個(gè)專題頁實(shí)現(xiàn)什么?如用戶注冊(cè)會(huì)員，點(diǎn)擊咨詢產(chǎn)品，點(diǎn)擊下單，關(guān)注公眾號(hào)，參與活動(dòng)等等。 　　如果你前面的布局策劃的非常好，完全牽著用戶的想法在走，那么走到這一步，應(yīng)該說離你的目標(biāo)距離又近了一步，只差臨門一腳了!甭管最后能不能實(shí)現(xiàn)目標(biāo)，你要做的就是再添“一把火”，告訴用戶的緊迫性，讓用戶自己著急。

　　網(wǎng)站項(xiàng)目管理規(guī)范　　一.概念　　網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開發(fā)任務(wù)?！　《?需求分析　　1.項(xiàng)目立項(xiàng)　　我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁設(shè)計(jì)，程序員，測試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制?！　?.客戶的需求說明書　　第一步是需要客戶提供一個(gè)完整的需求說明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點(diǎn)：　　1.正確性：每個(gè)功能必須清楚描寫交付的功能；　　2.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求；　　3.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時(shí)"砍"掉；　　4.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；　　5.檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。　　三.系統(tǒng)分析　　1.網(wǎng)站總體設(shè)計(jì)　　在拿到客戶的需求說明后，并不是直接開始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)，出一份網(wǎng)站建設(shè)方案給客戶。總體設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：　　1.網(wǎng)站需要實(shí)現(xiàn)哪些功能；　　2.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；　　3.需要多少人，多少時(shí)間；　　4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些?！　⊥瑫r(shí)需要寫一份總體規(guī)劃說明書，包括：　　1.網(wǎng)站的欄目和版塊；　　2.網(wǎng)站的功能和相應(yīng)的程序；　　3.網(wǎng)站的鏈接結(jié)構(gòu)；　　4.如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)；　　5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)?！　?.網(wǎng)站建設(shè)方案　　在總體設(shè)計(jì)出來后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案。那時(shí)的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會(huì)有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對(duì)雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分：　　1.客戶情況分析；　　2.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；　　3.網(wǎng)站形象說明；　　4.網(wǎng)站的欄目版塊和結(jié)構(gòu)；　　5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；　　6.使用軟件，硬件和技術(shù)分析說明；　　7.開發(fā)時(shí)間進(jìn)度表；　　8.宣傳推廣方案；　　9.維護(hù)方案；　　10.制作費(fèi)用；　　11.本公司簡介：成功作品，技術(shù)，人才說明等?！　‘?dāng)您的方案通過客戶的認(rèn)可，您可以開始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)：　　3.網(wǎng)站詳細(xì)設(shè)計(jì)　　總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼?！　∷? 項(xiàng)目實(shí)施　　1.整體形象設(shè)計(jì)　　在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁?！　≌w形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶選擇。　　記?。涸诳蛻舸_定首頁風(fēng)格之后，請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)。　　開發(fā)制作　　2.開發(fā)制作　　到這里，程序員和網(wǎng)頁設(shè)計(jì)師同時(shí)進(jìn)入全力開發(fā)階段，需要提醒的是，測試人員需要隨時(shí)測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計(jì)師的工作。　　調(diào)試完善　　3.調(diào)試完成　　在網(wǎng)站初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來?！　槭裁匆涗浳臋n呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來越規(guī)范，越來越工業(yè)化。進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理。　　4.宣傳推廣　　宣傳推廣的基本方法有：　　1.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；　　2.各搜索引擎登錄；　　3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表；　　4.合理使用Email郵件列表；　　5.廣告條交換；　　6.付費(fèi)廣告?！　≈链耍W(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。　　五.維護(hù)　　網(wǎng)站成功推出后，長期的維護(hù)工作才剛剛開始，需要做到的是:　　1.及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后在1-3個(gè)工作日里解決問題，再次回復(fù)；　　2.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策；　　3.盡量推廣和使用您的網(wǎng)址；　　4.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)?！　×?遵循的規(guī)范　　1.網(wǎng)站建設(shè)目錄規(guī)范　　2.網(wǎng)站文件命名規(guī)范　　3.網(wǎng)站建設(shè)尺寸規(guī)范　　4.網(wǎng)站首頁head區(qū)代碼規(guī)范　　5.網(wǎng)站連接結(jié)構(gòu)規(guī)范　　網(wǎng)站開發(fā)規(guī)范　　任何一個(gè)項(xiàng)目或者系統(tǒng)開發(fā)之前都需要定制一個(gè)開發(fā)約定和規(guī)則，這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫設(shè)計(jì)約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來開發(fā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個(gè)團(tuán)隊(duì)開發(fā)都應(yīng)有自己的一套規(guī)范，一個(gè)優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對(duì)與錯(cuò)，也許有些地方與你當(dāng)前使用的習(xí)慣相駁，很多地方都有爭議。?！　》浅Ｃ黠@在Web項(xiàng)目開發(fā)中有前后臺(tái)開發(fā)之分，前臺(tái)開發(fā)主要是指非程序編程部分，主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)等。而后臺(tái)開發(fā)主要是編程和網(wǎng)站運(yùn)行平臺(tái)搭建，其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來定制的，這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn)，本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開發(fā)規(guī)范。　　一．組建開發(fā)團(tuán)隊(duì)　　在接手項(xiàng)目后的第一件事是組建團(tuán)隊(duì)。根據(jù)項(xiàng)目的大小團(tuán)隊(duì)可以有幾十人，也有可以是只有幾個(gè)人的小團(tuán)隊(duì)，在團(tuán)隊(duì)劃分中應(yīng)該含有6個(gè)角色，這6個(gè)角色是必須的，分別是項(xiàng)目經(jīng)理，策劃，美工，程序員，代碼整合員，測試員。也許你的團(tuán)隊(duì)還沒有6個(gè)人，沒有關(guān)系一個(gè)人可以有多個(gè)角色，比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色，如程序員還可以含有代碼整合和測試這2個(gè)角色，如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組，每個(gè)組分工再來細(xì)分。下面簡單介紹一下這6個(gè)角色的具體職責(zé)?！　№?xiàng)目經(jīng)理，項(xiàng)目總體設(shè)計(jì)，開發(fā)進(jìn)度的定制和監(jiān)控，定制相應(yīng)的開發(fā)規(guī)范，負(fù)責(zé)各個(gè)環(huán)節(jié)的評(píng)審工作，協(xié)調(diào)各個(gè)成員(小組)之間開發(fā)。策劃，提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工，根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站AI，界面，Logo等。程序員，根據(jù)項(xiàng)目總體設(shè)計(jì)來設(shè)計(jì)數(shù)據(jù)庫和功能模塊的實(shí)現(xiàn)。代碼整合員，負(fù)責(zé)將程序員的代碼和界面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁面，測試員，負(fù)責(zé)測試程序?！　《_發(fā)工具　　Web開發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺(tái)開發(fā)工具，第二部分是網(wǎng)站后臺(tái)開發(fā)環(huán)境，第三部分是項(xiàng)目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件?！　【W(wǎng)站前臺(tái)開發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫設(shè)計(jì)等等，主要使用的相關(guān)軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。　　網(wǎng)站后臺(tái)開發(fā)主要指網(wǎng)站動(dòng)態(tài)程序開發(fā)、數(shù)據(jù)庫建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫建模），PowerDesigner在數(shù)據(jù)庫設(shè)計(jì)方面應(yīng)用非常強(qiáng)大，用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了，設(shè)計(jì)數(shù)據(jù)庫強(qiáng)烈推薦用它。Rational Rose（程序建模），如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會(huì)節(jié)省一些時(shí)間和開發(fā)的復(fù)雜度，不過我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫畫Rose圖。　　網(wǎng)站項(xiàng)目管理主要指對(duì)開發(fā)進(jìn)度和代碼版本的控制。開發(fā)進(jìn)度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test，它可以進(jìn)行并行、負(fù)載測試等。程序文檔編寫采用Word，用WPS也可以。　　三.網(wǎng)站開發(fā)流程　　在項(xiàng)目開始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程，在項(xiàng)目開發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測試，而程序編寫代碼所占的時(shí)間并不多，但有的團(tuán)隊(duì)就急于開發(fā)寫代碼，先把程序?qū)懗鰜碓僬f，沒有注重評(píng)審和測試這2個(gè)環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來了不要急于開工寫代碼，應(yīng)該一步一步慢慢來，只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個(gè)環(huán)節(jié)。　　圖 1　　從圖1可以看到2條主線，這2條主線分別是前臺(tái)開發(fā)和后臺(tái)開發(fā)。前后臺(tái)開發(fā)在項(xiàng)目開發(fā)早期互相沒有交叉，當(dāng)然不是絕對(duì)沒有，Web策劃和需求分析都是互相有關(guān)系的，一個(gè)是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個(gè)是網(wǎng)站功能的策劃，它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個(gè)統(tǒng)一，也就即將發(fā)布的網(wǎng)站。　　四．?dāng)?shù)據(jù)庫開發(fā)規(guī)范　　數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫文件命名為kupage_database.mdf，有的數(shù)據(jù)庫文件有多個(gè)，比如SQL Server就有2個(gè)，一個(gè)是數(shù)據(jù)庫文件，另一個(gè)是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫?！　?shù)據(jù)庫表命名規(guī)范，表名長度不能超過30個(gè)字符，表名中含有單詞全部采用單數(shù)形式，單詞首寫字母要大寫，多個(gè)單詞間不用任何連接符號(hào)。若庫中有多個(gè)系統(tǒng)，表名采用系統(tǒng)名稱+單詞或多個(gè)單詞，系統(tǒng)名是開發(fā)系統(tǒng)的縮寫，系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個(gè)系統(tǒng)，那么表名僅用一個(gè)單詞或多個(gè)單詞。單詞選擇能夠概括表內(nèi)容的一個(gè)或多個(gè)英文單詞，如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType?！　?shù)據(jù)庫字段命名規(guī)范，數(shù)據(jù)庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個(gè)單詞，別名就取單詞的前4 個(gè)字母；如果表名是兩個(gè)單詞，就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長的別名；如果表的名字由3 個(gè)單詞組成，你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母，結(jié)果還是組成4 字母長的別名。　　視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個(gè)視圖由幾個(gè)表產(chǎn)生就用”_”連接幾個(gè)表的名，如果表過多可以將表名適當(dāng)簡化，但一定要列出所有表名?！　〈鎯?chǔ)過程命名規(guī)則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData?！　QL語句編寫規(guī)則，關(guān)鍵字必須大寫，其他書寫按上述命名規(guī)則，比如：　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom’　　五．文件夾文件名命名規(guī)范　　文件夾命名一般采用英文，長度一般不超過20個(gè)字符，命名采用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等?！　∥募Q統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們?cè)谖募A中使用“按名稱排例”的命令時(shí)，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 。　　1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等?！　》胖迷陧撁骓敳康膹V告、裝飾圖案等長方形的圖片取名： banner　　標(biāo)志性的圖片取名為： logo　　在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button　　在頁面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu　　裝飾用的照片我們?nèi)∶?pic　　不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title　　下面是幾個(gè)范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。　　2、動(dòng)態(tài)語言文件命名規(guī)則性質(zhì)_描述，描述可以有多個(gè)單詞，用”_”隔開，性質(zhì)一般是該頁面得概要。　　范例：register_form.asp，register_post.asp,topic_lock.asp　　六．程序代碼編程規(guī)范　　一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則。　　1、每個(gè)變量名必須定義，在ASP文件的最開始添加語句，強(qiáng)制定制每個(gè)變量?！　?、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：　　子類型 前綴 示例　　Boolean bln blnFound　　Byte byt bytRasterData　　Date (Time) dtm dtmStart　　Double dbl dblTolerance　　Error err errOrderNum　　Integer int intQuantity　　Long lng lngDistance　　Object obj objCurrent　　Single sng sngAverage　　String str strFirstName　　3、程序代碼需要有縮進(jìn)，縮進(jìn)采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時(shí)需要左右空一格，如下：　　4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動(dòng)作+名詞，每個(gè)函數(shù)需要給出相應(yīng)的注釋，函數(shù)功能，傳入變量，以及作者和修改相關(guān)信息。如下面函數(shù):　　<%　　'[功能] 返回一個(gè)參數(shù)的值　　'[參數(shù)] strParameterName 參數(shù)名稱　　'[作者] icefire 2002/8/20 am　　Function GetParameterValue(strParameterName)　　Dim objRS, strSQL, strParameterValue　　strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"　　.　　.　　.　　GetParameterValue = strParameterValue　　Set objRS = Nothing　　End Function　　5、ASP內(nèi)置對(duì)象區(qū)分大小寫。如下代碼片斷　　strUserName = Request.Form(“UserName”)　　Set conn = Server.CreateObject("ADODB.Connection")　　6、數(shù)據(jù)庫連接一個(gè)庫只能有一個(gè)數(shù)據(jù)庫連接文件，創(chuàng)建數(shù)據(jù)庫對(duì)象得原則是盡可能晚地打開數(shù)據(jù)庫，盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對(duì)象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下：　　Sub OpenConn(ByRef conn)　　Dim strDBPath, strDBConnection　　strDBPath = Server.MapPath("database/tax.mdb")　　strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath　　Set conn = Server.CreateObject("ADODB.Connection")　　conn.Open strDBConnnection　　End Sub　　7、當(dāng)一個(gè)對(duì)象不在使用時(shí)要釋放對(duì)象資源，比如objFSO,objRS對(duì)象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下：　　Sub CloseObj(ByRef obj)　　If IsObject(obj) Then　　obj.Close　　Set obj = nothing　　End If　　End Sub　　8、時(shí)間全部以字符串的形式保存到數(shù)據(jù)庫中，這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存，也方便數(shù)據(jù)庫地遷移。時(shí)間用14位字符串保存，日期用8位字符串保存?！　∑撸W(wǎng)站首頁head區(qū)代碼規(guī)范　　head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標(biāo)簽　　1.公司版權(quán)注釋　　<!--- The site is designed by Maketown,Inc 06/2004 --->　　2.網(wǎng)頁顯示字符集　　簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">　　繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">　　英 語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">　　3.網(wǎng)頁制作者信息　　<META name="author" content="webmaster@maketown.com">　　4.網(wǎng)站簡介　　<META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…">　　5.搜索關(guān)鍵字　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">　　6.網(wǎng)頁的css規(guī)范　　<LINK href="style/style.css" rel="stylesheet" type="text/css">　　(參見目錄及命名規(guī)范)　　7.網(wǎng)頁標(biāo)題　　<title>xxxxxxxxxxxxxxxxxx</title>　　8.可以選擇加入的標(biāo)簽　　1.設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">　　2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容?！　?lt;META HTTP-EQUIV="Pragma" CONTENT="no-cache">　　3.用來防止別人在框架里調(diào)用你的頁面。　　<META HTTP-EQUIV="Window-target" CONTENT="_top">　　4.自動(dòng)跳轉(zhuǎn)。　　<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時(shí)間停留5秒。　　5.網(wǎng)頁搜索機(jī)器人向?qū)?用來告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引?！　?lt;META NAME="robots" CONTENT="none">　　CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all?！　?.收藏夾圖標(biāo)　　<link rel = "Shortcut Icon" href="favicon.ico">　　所有的javascript的調(diào)用盡量采取外部調(diào)用.　　<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>　　附<body>標(biāo)簽：　　<body>標(biāo)簽不屬于head區(qū)，這里強(qiáng)調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁面背景<body bgcolor="#FFFFFF">　　八．網(wǎng)站建設(shè)尺寸規(guī)范　　1. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px　　2. 頁面長度原則上不超過3屏，寬度不超過1屏　　3. 每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸　　4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px　　5. 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸　　6. 每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K