要學(xué)網(wǎng)頁設(shè)計， 就需要掌握 HTML+CSS+JavaScript/Jquery，目前做網(wǎng)頁設(shè)計就是用這三大神器語言進行開發(fā)的。此外就是數(shù)據(jù)庫方面的一些知識：要想學(xué)PHP，ASP，JSP，.net 先學(xué)數(shù)據(jù)庫，原因是以上后臺語言都有和數(shù)據(jù)庫交互的代碼，所以要先學(xué)，為了方便。下面分別進行說明：首先是基礎(chǔ)HTML，他是網(wǎng)頁的框架，不可缺的。css:層疊樣式表，要想美化網(wǎng)頁就是它的強項，例如：給頁面增加一些色彩，設(shè)置字體的特殊顏色，背景色，字體的排列方式等等；js:很多動態(tài)效果都用他來做，有時候數(shù)據(jù)判定也用他做。ajax技術(shù)是很重要也很熱門的一門技術(shù)，再配合javascript/jquery的作用，可以給頁面增加一些行為，比如你的鼠標(biāo)放在某個字體的上面的時候，字體的顏色就變了，點擊一個元素就消失了， 這些都是改變頁面的行為。溫馨提示：不管學(xué)什么語言先打好基礎(chǔ)，然后再學(xué)不然會很吃力的， 如果想往網(wǎng)頁UI發(fā)展，就只需要熟習(xí)PHP，ASP，這些后臺語言，而重點學(xué)前面的哪些語言，如果想要往高層發(fā)展，哪么Flash,photoshop.，AC都要學(xué)，還要有美術(shù)功底。

其實也沒有硬性規(guī)定，但是為了兼容大多數(shù)瀏覽器一般是設(shè)置960px，隨著現(xiàn)在瀏覽器分辨率的變化，已開始向著1000px,1200px寬度發(fā)展，例如淘寶(1000px）京東商城（1200px）。如果需要兼容不同瀏覽器尺寸，現(xiàn)在比較流行的做法是做成響應(yīng)式的，即根據(jù)不同分辨率顯示不同的尺寸，工作量也就隨之增加了。貌似國內(nèi)的大網(wǎng)站也沒有使用。

一、菜鳥級網(wǎng)頁制作軟件 如果你是一個網(wǎng)頁制作初學(xué)者，那么讓下面幾種軟件帶你走進那絢麗多彩的網(wǎng)頁制作世界吧！ ①Microsoft FrontPage 如果你曾對Word很熟悉，那么相信你用FrontPage進行網(wǎng)頁設(shè)計一定會非常順手。使用FrontPage制作網(wǎng)頁，你能真正體會到“功能強大，簡單易用”的含義。頁面制作由FrontPage中的Editor完成，其工作窗口由3個標(biāo)簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁和預(yù)覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁時感到更加方便。 FrontPage最強大之處是其站點管理功能。在更新服務(wù)器上的站點時，不需要創(chuàng)建更改文件的目錄。FrontPage會為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁制作軟件中惟一既能在本地計算機上工作，又能通過Internet直接對遠程服務(wù)器上的文件進行工作的軟件。 ②Netscape編輯器 Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁時，單擊編輯按鈕，Netscape就會把網(wǎng)頁存儲在硬盤中，然后就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標(biāo)題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復(fù)雜的網(wǎng)頁設(shè)計就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。 Netscape編輯器是網(wǎng)頁制作初學(xué)者很好的入門工具。如果你的網(wǎng)頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。 ③Adobe Pagemill Pagemill功能不算強大，但使用起來很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時再打開，很方便。 ④Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個動態(tài)網(wǎng)頁。這是因為它有一個很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設(shè)計過于粗糙，對Image Map圖像的處理也不完全。 二、中級網(wǎng)頁制作軟件 如果你對網(wǎng)頁設(shè)計已經(jīng)有了一定的基礎(chǔ)，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設(shè)計你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。 ①DreamWeaver 自制動態(tài)HTML動畫的網(wǎng)頁 DreamWeaver是一個很酷的網(wǎng)頁設(shè)計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設(shè)計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習(xí)慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴展它的功能。 ②Fireworks 第一款徹底為Web制作者們設(shè)計的軟件 Fireworks的來頭實在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專為網(wǎng)絡(luò)圖像設(shè)計而開發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動切圖、生成鼠標(biāo)動態(tài)感應(yīng)的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁及圖片！ ③Flash 讓你的網(wǎng)頁動起來 Flash是用在互聯(lián)網(wǎng)上動態(tài)的、可互動的shockwave。它的優(yōu)點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫，還可在網(wǎng)頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程，但用其內(nèi)置的語句并結(jié)合JavaScripe，您也可做出互動性很強的主頁來。有人曾經(jīng)說過：下個世紀的網(wǎng)絡(luò)設(shè)計人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！ ④HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁 HotDog是較早基于代碼的網(wǎng)頁設(shè)計工具，其最具特色的是提供了許多向?qū)Чぞ?，能幫助設(shè)計者制作頁面中的復(fù)雜部分。HotDog的高級HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點非常難得，因為即使首創(chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。 HotDog是個功能強大的軟件，對于那些希望在網(wǎng)頁中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級設(shè)計者，是個很好的選擇。 ⑤HomeSite 制作可完全控制頁面進程的網(wǎng)頁 Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡單的編輯窗口，也可以在復(fù)雜的界面下工作。 HomeSite更適合那些比較復(fù)雜和精彩頁面的設(shè)計。如果你希望能完全控制你制作的頁面的進程，HomeSite是你最佳選擇。不過對于生手過于復(fù)雜。 ⑥HotMetal Pro 制作具有強大數(shù)據(jù)嵌入能力的網(wǎng)頁 HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個令各層次設(shè)計者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個軟件。HotMetal具有強大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來，放入頁面中。而且HotMetal能夠把它們自動轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過程中把這些文檔里的圖片自動轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個站點文檔的鏈接狀況。 三、高級網(wǎng)頁制作軟件 ①Microsoft Visual Studio 該系列的版本有：2003、2005、2008和未來的版本； 適合開發(fā)動態(tài)的aspx網(wǎng)頁，同時，還能制作無刷新網(wǎng)站、webservice功能等，僅適合高級用戶。 ②Jbuilder 不論是各種版本，均適合使用其開發(fā)出JSP網(wǎng)頁，僅適合高級用戶。 ③記事本 別以為記事本功能非常少，軟件很簡單；但是，如何想使用它來制作網(wǎng)頁，也僅適合高級用戶；因為在其內(nèi)容，沒有任何可視化的操作可直接制作網(wǎng)頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態(tài)腳本，方能制作出網(wǎng)頁來。 參考資料： 網(wǎng)站、網(wǎng)頁制作（團）

網(wǎng)頁設(shè)計也分很多部門，你做平面的不如做網(wǎng)頁美工比較簡單，至于你想獨立完成一個網(wǎng)站的制作全過程，首先得學(xué)軟件，比如DreamWeaver，那也只能做靜態(tài)的網(wǎng)頁，動態(tài)的還需要學(xué)數(shù)據(jù)庫，如ACCESS，學(xué)網(wǎng)頁代碼制作。網(wǎng)頁要美觀，還得學(xué)FLASH等等。。。 網(wǎng)頁代碼從簡單學(xué)起，ASP應(yīng)該算是比較簡單的了，沒有條件系統(tǒng)的學(xué)的話就下載ASP代碼的網(wǎng)站，然后學(xué)習(xí)編輯修改天下文章一大抄，就算你不會編輯代碼，只要把上面說的亂七八糟的都弄的7,8不離10，你可以把下載下來的網(wǎng)站修改成任何你想要的樣式。www.chinaz.com，這個網(wǎng)站去看看

網(wǎng)頁設(shè)計，不知道你是單純的設(shè)計還是設(shè)計加制作?，F(xiàn)在來說，設(shè)計軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash?，F(xiàn)在來說，個人還是喜歡：設(shè)計類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。

網(wǎng)頁制作，分為中，如果只要平面效果圖，一般的在500左右，如果是復(fù)雜一些的，需要設(shè)計成DIV+CSS代碼的，應(yīng)該在800左右；

首先，可以告訴想學(xué)網(wǎng)頁制作的朋友。學(xué)習(xí)制作網(wǎng)頁和學(xué)習(xí)其它知識一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來做什么。 建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁設(shè)計感興趣，有較充足的學(xué)習(xí)時間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的。下面介紹一下網(wǎng)頁制作學(xué)習(xí)過程。 第一階段：首先你不要一開始就做網(wǎng)頁，要知道和了解網(wǎng)頁的一些網(wǎng)頁基本知識和原理，這一點很重要，那樣你會避免在制作網(wǎng)頁的過程中的很多誤區(qū)。比如什么是超鏈接，絕對鏈鏈接與相對鏈接的區(qū)別;什么是動態(tài)網(wǎng)頁，什么是靜態(tài)網(wǎng)頁；還有IP與域名的關(guān)系等等。原理了解之后，就開始學(xué)些網(wǎng)頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運營的原理。最好使拿書本教程來學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。在學(xué)習(xí)編輯軟件的過程中，你就要逐步接觸html語言，然后是css，最后子解一下javascript，在這一學(xué)習(xí)過程你最好靜下心來學(xué)，不要到網(wǎng)上或論壇上問這問那，那只是浪費時間，因為你還不懂。。會用網(wǎng)頁制作軟件后，已會制作一個較完整的網(wǎng)站了。但是要知道你目前學(xué)習(xí)的還僅僅是靜態(tài)的網(wǎng)頁，當(dāng)你能夠做出一個靜態(tài)網(wǎng)站，并會將其發(fā)布到網(wǎng)上與網(wǎng)友們分享的時候，你的第一個過程就算完成了第二階段：好了，靜態(tài)的網(wǎng)頁制作差不多的時候，你可以去網(wǎng)上與網(wǎng)友交流交流了，那時你會發(fā)現(xiàn)自己的水平還很有限?，F(xiàn)在你需要由靜態(tài)向動態(tài)過渡了，主流的動態(tài)網(wǎng)頁編程語言有三種asp或asp.net、php、jsp.每種都有各自的特點，看你喜歡那種，要三種都精通那是比較不實際的吧，也是沒有必要的。這一個過程也是個很關(guān)鍵的過程，你要系統(tǒng)得學(xué)習(xí)一種語言，還要學(xué)會動態(tài)網(wǎng)頁動行環(huán)境的搭建，還有數(shù)據(jù)庫方面知識。記住要根據(jù)你自己的實踐情況慎重地選擇一種，不要學(xué)了一種又學(xué)那一種，結(jié)果一樣也沒有學(xué)會。我有切身體會，但是每一樣稍作了解是必要的，要不你怎么先擇啊，是吧？第三階段:結(jié)合你自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了。這時你可以加入一個團隊了，接下來的知識的學(xué)習(xí)是靠實踐和交流了，你可以上論壇去，有些知識書本上是學(xué)不到的。這一個階段你可能是漫長的，你只能不斷得充實自己。 怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個參考。滿意請采納

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

網(wǎng)頁設(shè)計師應(yīng)該擁有的幾個證書Macromedia認證網(wǎng)頁設(shè)計師證書主辦機構(gòu)：Macromedia公司，擁有300萬開發(fā)和設(shè)計用戶，以及廣大的行業(yè)合作伙伴網(wǎng)絡(luò)，全球98%的web用戶都采用了Macromedia的軟件。培訓(xùn)內(nèi)容：目前開設(shè)MacromediaFlashMX2004、DreamweaverMX2004、FireworksMX2004三個科目，每門科目代表了不同的應(yīng)用方向。學(xué)員通過了三門科目的考試后，才能獲得Macromedia認證網(wǎng)頁設(shè)計師證書。Adobe認證網(wǎng)頁設(shè)計師證書(ACCD)主辦機構(gòu)：美國Adobe公司是全球第二大桌面軟件公司，產(chǎn)品涉及圖形設(shè)計、圖像制作、數(shù)碼視頻和網(wǎng)頁制作等領(lǐng)域。培訓(xùn)內(nèi)容：涉及PageMill3.0、ImageReady1.0、ImageStyler1.0、PhotoDeluxe3.0HE等軟件的應(yīng)用，其中，最核心部分是AdobeGoLive軟件應(yīng)用，該軟件是目前最強勢的排版設(shè)計工具和網(wǎng)站管理工具。CIW認證網(wǎng)頁設(shè)計師證書主辦機構(gòu)：CIW(CertifiedInternetWebmaster)以開發(fā)超越廠商背景的互聯(lián)網(wǎng)證書而聞名于世，在全球IT認證界具有一定的權(quán)威地位。培訓(xùn)內(nèi)容：CIW中國認證網(wǎng)頁設(shè)計師課程設(shè)置上偏重于Web設(shè)計與制作，使學(xué)員能夠應(yīng)用獨特的設(shè)計理念、豐富動態(tài)的應(yīng)用程序及互動多媒體制作方式，創(chuàng)作出最為直觀的Web作品。CIW認證分成網(wǎng)頁制作專家、Flash動畫制作專家和圖像處理專家三個方向。CEAC認證網(wǎng)頁設(shè)計師證書(CCWD)主辦機構(gòu)：由國家信息產(chǎn)業(yè)部設(shè)立，由CEAC國家信息化培訓(xùn)認證管理辦公室統(tǒng)一管理、實施，是國家級教育認證項目。培訓(xùn)內(nèi)容：主要涉及Flash2004、Photoshop8.0、Dreamweaver2004、Fireworks2004、HTML語言、CSS樣式表、ASP后臺開發(fā)、留言板建立、論壇實例整合、網(wǎng)站架構(gòu)及信息資源等，學(xué)員完成培訓(xùn)后能獨立完成網(wǎng)頁設(shè)計與網(wǎng)站建構(gòu)。哪些證書含金量較高■Macromedia證書MacromediaWeb設(shè)計師認證項目，是專為網(wǎng)頁設(shè)計制作人員、Web開發(fā)人員及Macro？鄄media產(chǎn)品愛好者度身定制的，是考核以上人員綜合應(yīng)用MacromediaFlash、Dreamweaver和Fireworks軟件進行專業(yè)、高效Web設(shè)計與制作能力的權(quán)威認證項目。該認證的針對性較強，其中的Macromedia互動媒體工程師認證偏重于多媒體應(yīng)用程序的設(shè)計制作，MacromediaWeb開發(fā)工程師認證偏重Inter？鄄net應(yīng)用程序、XML處理、Web服務(wù)等。由于Macromedia公司的軟件是網(wǎng)頁設(shè)計及多媒體制作領(lǐng)域應(yīng)用最為廣泛的軟件，因此，參加相關(guān)培訓(xùn)，不僅能掌握最流行的Macromedia軟件操作技能，而且也大大增加了就業(yè)機會。推薦指數(shù)：★★★★★■Adobe證書由于ADOBE公司在平面設(shè)計及圖片處理軟件領(lǐng)域的權(quán)威地位，Adobe證書能證明持證者在獨立設(shè)計與制作動畫、靜態(tài)和動態(tài)網(wǎng)頁方面的出色能力。隨著企業(yè)對網(wǎng)頁制作要求的不斷提高，Adobe網(wǎng)頁設(shè)計師證書將成為這一領(lǐng)域最炙手可熱的證書。推薦指數(shù)：★★★★■CIW證書自1998年創(chuàng)建以來，CIW認證以迅猛之勢遍及100多個國家，目前已成為全球發(fā)展最快的綜合型IT認證培訓(xùn)機構(gòu)。CIW證書獲得互聯(lián)網(wǎng)專家協(xié)會(AIP)、國際網(wǎng)站管理員協(xié)會(IWA)、國際互聯(lián)網(wǎng)證書機構(gòu)(ICII)、新加坡國家InfoComm資格中心等專業(yè)機構(gòu)的普遍認可。此外，由于CIW與IBM、HP、Intel等國際知名IT企業(yè)的密切合作，使CIW證書在全球IT業(yè)界具有極高的權(quán)威性。對國內(nèi)IT人士來說，擁有CIW證書，無疑將大大增加就業(yè)競爭力。推薦指數(shù)：★★★