如果說(shuō)做一個(gè)網(wǎng)站的流程話：有以下幾步 第一步、進(jìn)行需求分析當(dāng)我們首先拿到一個(gè)項(xiàng)目時(shí)，必須進(jìn)行需求分析?？赡苡型瑢W(xué)會(huì)問：需求分析，分析什么呢？比如說(shuō)：客戶想要做一個(gè)什么類型的網(wǎng)站，以及這個(gè)網(wǎng)站的風(fēng)格是什么樣？以及確定網(wǎng)站的域名和空間...第二步、規(guī)劃靜態(tài)內(nèi)容（草圖）重新確定其需求分析，并根據(jù)用戶需求分析，規(guī)劃出網(wǎng)站的內(nèi)容板塊草圖。俗稱：網(wǎng)站草圖。第三步、美工設(shè)計(jì)階段 然后根據(jù)網(wǎng)站草圖，由美工制作成效果圖。就好比建房子一樣，首先畫出效果圖，然后在開始建房子，網(wǎng)站也是如此。第四步、程序開發(fā)階段根據(jù)頁(yè)面結(jié)構(gòu)和設(shè)計(jì)，前端和后臺(tái)可以同時(shí)進(jìn)行。前端：根據(jù)美工效果負(fù)責(zé)制作靜態(tài)頁(yè)面。后臺(tái)：根據(jù)其頁(yè)面結(jié)構(gòu)和設(shè)計(jì)，設(shè)計(jì)數(shù)據(jù)庫(kù)，并開發(fā)網(wǎng)站后臺(tái)。PS：后臺(tái)部分由于有些人不懂的后臺(tái)程序的開發(fā)，可以借助開源免費(fèi)的CMS系統(tǒng)（內(nèi)容管理系統(tǒng)）搭建網(wǎng)站后臺(tái)?，F(xiàn)在主流的開源CMS有：織夢(mèng)(DEDE)CMS 帝國(guó)CMS PHPCMS Wordpress(一般用于博客類型比較多)...第五步、測(cè)試和以及上線在本地搭建服務(wù)器，測(cè)試網(wǎng)站有沒有什么BUG。若無(wú)問題，可以使其將網(wǎng)站打包，使用FTP上傳至網(wǎng)站空間或者服務(wù)器。至于網(wǎng)頁(yè)制作開發(fā)的話，除了常見的DW，還有editplus,sublime text3...

如果說(shuō)做一個(gè)網(wǎng)站的流程話：有以下幾步 第一步、進(jìn)行需求分析當(dāng)我們首先拿到一個(gè)項(xiàng)目時(shí)，必須進(jìn)行需求分析?？赡苡型瑢W(xué)會(huì)問：需求分析，分析什么呢？比如說(shuō)：客戶想要做一個(gè)什么類型的網(wǎng)站，以及這個(gè)網(wǎng)站的風(fēng)格是什么樣？以及確定網(wǎng)站的域名和空間...第二步、規(guī)劃靜態(tài)內(nèi)容（草圖）重新確定其需求分析，并根據(jù)用戶需求分析，規(guī)劃出網(wǎng)站的內(nèi)容板塊草圖。俗稱：網(wǎng)站草圖。第三步、美工設(shè)計(jì)階段 然后根據(jù)網(wǎng)站草圖，由美工制作成效果圖。就好比建房子一樣，首先畫出效果圖，然后在開始建房子，網(wǎng)站也是如此。第四步、程序開發(fā)階段根據(jù)頁(yè)面結(jié)構(gòu)和設(shè)計(jì)，前端和后臺(tái)可以同時(shí)進(jìn)行。前端：根據(jù)美工效果負(fù)責(zé)制作靜態(tài)頁(yè)面。后臺(tái)：根據(jù)其頁(yè)面結(jié)構(gòu)和設(shè)計(jì)，設(shè)計(jì)數(shù)據(jù)庫(kù)，并開發(fā)網(wǎng)站后臺(tái)。PS：后臺(tái)部分由于有些人不懂的后臺(tái)程序的開發(fā)，可以借助開源免費(fèi)的CMS系統(tǒng)（內(nèi)容管理系統(tǒng)）搭建網(wǎng)站后臺(tái)?，F(xiàn)在主流的開源CMS有：織夢(mèng)(DEDE)CMS 帝國(guó)CMS PHPCMS Wordpress(一般用于博客類型比較多)...第五步、測(cè)試和以及上線在本地搭建服務(wù)器，測(cè)試網(wǎng)站有沒有什么BUG。若無(wú)問題，可以使其將網(wǎng)站打包，使用FTP上傳至網(wǎng)站空間或者服務(wù)器。至于網(wǎng)頁(yè)制作開發(fā)的話，除了常見的DW，還有editplus,sublime text3...

第一步：需要客戶提供一個(gè)完整的需求說(shuō)明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么?”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有!”。這樣的客戶就需要耐心說(shuō)明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說(shuō)明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說(shuō)明不可能有高質(zhì)量的網(wǎng)站。那么需求說(shuō)明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢?簡(jiǎn)單說(shuō)，包含下面幾點(diǎn)： 1、正確性：每個(gè)功能必須清楚描寫交付的功能;2、可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求;3、必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時(shí)"砍"掉;4、簡(jiǎn)明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語(yǔ);5、檢測(cè)性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測(cè)。第二步是做系統(tǒng)分析。網(wǎng)站總體設(shè)計(jì)：在拿到客戶的需求說(shuō)明后，并不是直接開始網(wǎng)站制作，而是需要對(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)有哪些。同時(shí)需要寫一份總體規(guī)劃說(shuō)明書，包括：1、網(wǎng)站的欄目和版塊;2、網(wǎng)站的功能和相應(yīng)的程序; 3、網(wǎng)站的鏈接結(jié)構(gòu);4、如果有數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì);5、網(wǎng)站的交互性和用戶友好設(shè)計(jì)。 網(wǎng)站建設(shè)方案 在總體設(shè)計(jì)出來(lái)后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(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)站形象說(shuō)明;4、網(wǎng)站的欄目版塊和結(jié)構(gòu);5、網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系;6、使用軟件，硬件和技術(shù)分析說(shuō)明;7、開發(fā)時(shí)間進(jìn)度表;8、宣傳推廣方案;9、維護(hù)方案;10、制作費(fèi)用;11、本公司簡(jiǎn)介：成功作品，技術(shù)，人才說(shuō)明等。當(dāng)方案通過(guò)客戶的認(rèn)可，就可以開始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)網(wǎng)站設(shè)計(jì)：總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法;詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來(lái)說(shuō)的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說(shuō)明。這種規(guī)格說(shuō)明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(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)有哪些。同時(shí)需要寫一份總體規(guī)劃說(shuō)明書，包括：1、網(wǎng)站的欄目和版塊;2、網(wǎng)站的功能和相應(yīng)的程序;3、網(wǎng)站的鏈接結(jié)構(gòu);4、如果有數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì);5、網(wǎng)站的交互性和用戶友好設(shè)計(jì)。第三步是做網(wǎng)站建設(shè)方案。在總體設(shè)計(jì)出來(lái)后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(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)站形象說(shuō)明;4、網(wǎng)站的欄目版塊和結(jié)構(gòu);5、網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系;6、使用軟件，硬件和技術(shù)分析說(shuō)明;7、開發(fā)時(shí)間進(jìn)度表;8、宣傳推廣方案;9、維護(hù)方案;10、制作費(fèi)用;11、本公司簡(jiǎn)介：成功作品，技術(shù)，人才說(shuō)明等。另：網(wǎng)頁(yè)設(shè)計(jì)注冊(cè)事項(xiàng)1、框架結(jié)構(gòu)(Frame Sets)有些搜索引擎(如FAST)是不支持框架結(jié)構(gòu)的，他們的“蜘蛛”程序無(wú)法閱讀這樣的網(wǎng)頁(yè)。2、圖象區(qū)塊(Image Maps)除AltaVista、Google和Northern Light(現(xiàn)已停止公共搜索服務(wù))明確支持圖像區(qū)塊鏈接外，其他引擎是不支持它的。當(dāng)“蜘蛛”程序遇到這種結(jié)構(gòu)時(shí)，往往會(huì)感到茫然不知所措。因此盡量不要設(shè)置Image Map鏈接。3、特效鏈接我們經(jīng)?？吹接行┚W(wǎng)站為導(dǎo)航鏈接加上了特效，如點(diǎn)擊某個(gè)項(xiàng)目會(huì)展開下層鏈接等。這些效果一般通過(guò)Java Script實(shí)現(xiàn)，視覺上非常新穎，但在“蜘蛛”程序的眼里則沒那么誘人，相反它無(wú)法解讀這種鏈接。為了讓搜索引擎順利檢索到你的網(wǎng)頁(yè)，建議還是犧牲掉一些花哨的東西。4、FLASH雖然FLASH網(wǎng)站制作的網(wǎng)頁(yè)視覺效果較好，但搜索引擎對(duì)此卻不太感冒，個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁(yè)兩種選擇，這樣即增加了網(wǎng)頁(yè)的觀賞性，又照顧到了搜索引擎的情緒。5、動(dòng)態(tài)網(wǎng)頁(yè)(Dynamic Pages)任何地址中帶“?”號(hào)、“&”號(hào)(及其他類似符號(hào))的網(wǎng)頁(yè)都會(huì)把“蜘蛛”程序擋在門外。這些網(wǎng)頁(yè)通常由CGI、PHP、ASP等程序產(chǎn)生，技術(shù)上較先進(jìn)，但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動(dòng)態(tài)網(wǎng)頁(yè)的能力，但相當(dāng)一部分?jǐn)?shù)引擎還是不支持它的。而且即使是能夠索引動(dòng)態(tài)網(wǎng)頁(yè)的Google，也在多個(gè)場(chǎng)合中明確表示不保證檢索全部的動(dòng)態(tài)網(wǎng)頁(yè)。因此，除非是超大型網(wǎng)站，為方便起見不得不采用動(dòng)態(tài)網(wǎng)頁(yè)生成技術(shù)，否則還是盡量使用靜態(tài)網(wǎng)頁(yè)為好。6、加密網(wǎng)頁(yè)除非你不希望搜索引擎檢索你的網(wǎng)頁(yè)，否則不要給你的網(wǎng)頁(yè)加密。7、網(wǎng)頁(yè)容量包括圖像在內(nèi)的網(wǎng)頁(yè)字節(jié)數(shù)最好不要超過(guò)50K。體型龐大的網(wǎng)頁(yè)下載速度慢，不僅會(huì)讓普通訪問者等得心急如焚，有時(shí)也會(huì)使“蜘蛛”程序感到不耐煩。目前搜索引擎都不愿收錄位于免費(fèi)主頁(yè)空間上的網(wǎng)站。其理由是，既然你認(rèn)為自己的網(wǎng)站如此重要，以至于需要登錄搜索引擎讓天下人都知道，那么你沒有理由還將它放在免費(fèi)服務(wù)器上。更何況免費(fèi)主頁(yè)通常速度較慢，會(huì)影響大家搜索信息的效率。

網(wǎng)頁(yè)設(shè)計(jì)一般分成美工和程序設(shè)計(jì)，網(wǎng)頁(yè)美工負(fù)責(zé)前臺(tái)頁(yè)面的搭建，如設(shè)計(jì)效果圖、前端頁(yè)面布局等；程序設(shè)計(jì)負(fù)責(zé)系統(tǒng)開發(fā)及維護(hù)。就看你指哪方面了，如果你想兩方面全部用的話，那你的能力一定比較高了，但是不能只是一點(diǎn)點(diǎn)，要精通才行。 美工一般薪資最低在2000元，但根據(jù)地方的不同，薪資是有所調(diào)整的，高的話那也沒有一個(gè)數(shù)，一般而言不會(huì)超出1W，除非你是ui設(shè)計(jì)師。 程序一般薪資最低也是在2000元，但是這個(gè)就看你精通程序了，時(shí)代在變，程序系統(tǒng)都是在更新，就看你能力而定了，最高的工資都可以突破1W以上，就看你有什么本事了。 如果你美工和程序全身的話，那你的薪資會(huì)比1W比2W，還有比這個(gè)的，因?yàn)槟氵€可以從事軟件開發(fā)這個(gè)行業(yè)，但是前提條件還是精通，非常的精確，經(jīng)驗(yàn)一定要豐富才行。

我們要先分析網(wǎng)站的功能，如果你是建企業(yè)網(wǎng)站，功能就比較簡(jiǎn)單，大部分是信息發(fā)布功能，招聘功能，產(chǎn)品發(fā)布系統(tǒng)等，時(shí)間一個(gè)月內(nèi)就好。如果你是要建電商網(wǎng)站或者是門戶型網(wǎng)站，那開發(fā)的時(shí)間就會(huì)越長(zhǎng)，通常要2-3個(gè)月時(shí)間。因?yàn)殡娚毯烷T戶型網(wǎng)站程序比較復(fù)雜，開發(fā)周期會(huì)比較長(zhǎng)。簡(jiǎn)言之：功能越復(fù)雜，開發(fā)周期就越長(zhǎng)。 第二：網(wǎng)站的設(shè)計(jì)要求。對(duì)于企業(yè)網(wǎng)站而言，最費(fèi)時(shí)的在前端設(shè)計(jì)，前端設(shè)計(jì)包括框架的設(shè)計(jì)和美工制作。因?yàn)樵O(shè)計(jì)出來(lái)的樣稿需要給客戶確認(rèn)，客戶還要提修改意見，來(lái)來(lái)回回幾次才能確認(rèn)下來(lái)，一旦企業(yè)站風(fēng)格定了下來(lái)，排版和寫程序只需要一周時(shí)間就可以完成。但是，如果你是電商網(wǎng)站或門戶型網(wǎng)站，最費(fèi)時(shí)的是程序開發(fā)，前端的美工設(shè)計(jì)相對(duì)而言，比品牌站要簡(jiǎn)單一些。 第三：網(wǎng)站的資料是否準(zhǔn)備充足。當(dāng)整個(gè)網(wǎng)站的前端和后臺(tái)都開發(fā)完了以后，我們就可以填充資料，如果網(wǎng)站的資料你還沒有準(zhǔn)備，那就需要一些時(shí)間進(jìn)行資料填充。網(wǎng)站的資料填充占到了網(wǎng)站開發(fā)的四分之一的時(shí)間。所以，在網(wǎng)站建設(shè)的過(guò)程中我們就應(yīng)該著手準(zhǔn)備網(wǎng)站的資料。 第四：客戶與設(shè)計(jì)師工作的配合程度。網(wǎng)站建設(shè)公司的設(shè)計(jì)師離不開客戶的支持，因?yàn)槟阕龀鰜?lái)的設(shè)計(jì)稿必須要得到客戶認(rèn)可，所以，設(shè)計(jì)師與客戶溝通也至關(guān)重要，需要客戶極力配合設(shè)計(jì)師的工作，及時(shí)提出修改意見，及時(shí)反饋領(lǐng)導(dǎo)的意思，讓設(shè)計(jì)師能做到及時(shí)修改，那整個(gè)項(xiàng)目進(jìn)展的就會(huì)很順利。我始終認(rèn)為：“沒有失敗的設(shè)計(jì)，只有失敗的溝通。”

Web前端開發(fā)技術(shù)主要包括三個(gè)要素：HTML、CSS和JavaScript！它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等。如何學(xué)習(xí)前端知識(shí)？我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語(yǔ)言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來(lái)自于你對(duì)規(guī)則的掌握?，F(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁(yè)制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁(yè)制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過(guò)時(shí)了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁(yè)制作這門技術(shù)，你可以來(lái)這個(gè)裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費(fèi)學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費(fèi)大家的時(shí)間 。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來(lái)捆固、理解自己的知識(shí)。而學(xué)習(xí) Javascript 首先要知道這門語(yǔ)言可以做什么，不能做什么，擅長(zhǎng)做什么，不擅長(zhǎng)做什么！如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理，機(jī)制。需要知道他們的本源，需要深刻了解Javascript 基于對(duì)象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因?yàn)闅v史原因，Javascript一直不被重視，有點(diǎn)像被收養(yǎng)的一般！ 所以他有很多缺點(diǎn)，各個(gè)宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問題、執(zhí)行效率低下等問題。作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會(huì)處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書寫語(yǔ)義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。2）精通CSS，能夠還原視覺設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery4）對(duì)常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。5）對(duì)性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項(xiàng)目中有效實(shí)施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開發(fā)，或者對(duì)相關(guān)的工具、類庫(kù)以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫(kù)系統(tǒng)，對(duì)數(shù)據(jù)庫(kù)有較強(qiáng)的設(shè)計(jì)能力3）熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮4）精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式、UML建模等5）熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力6）......從幾個(gè)公司的招聘要求可以看到，做Web開發(fā)，對(duì)前端和后端的要求是各自所不同的。而我們目前的實(shí)際情況，也和這個(gè)差不多，但是，我們無(wú)論在知識(shí)的掌握程度上，還是知識(shí)掌握的寬度上，都是不夠的。首先，我們?cè)谇岸巳狈Ψe累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時(shí)，在前端也缺乏支撐與高手，所以，走起來(lái)比較困難。同時(shí)，前端人員培養(yǎng)的較少，一個(gè)原因是對(duì)前端了解太少，另外一個(gè)原因就是對(duì)前端與后端的工作比例估計(jì)不足。所幸，我們?cè)谶@一年也在前端有了很快的進(jìn)步，培養(yǎng)了幾個(gè)優(yōu)秀的開發(fā)人員，有意識(shí)的解決了前端的用戶體驗(yàn)，這都是可喜的。今年，需要更進(jìn)一步，專業(yè)化。其次，我們?cè)诤蠖税l(fā)展的不夠?qū)?，后端的知識(shí)體系已經(jīng)比較完善，但是，很多應(yīng)用點(diǎn)都沒有涉及到。同時(shí)，對(duì)現(xiàn)有技術(shù)框架的理解都不夠深入，太浮躁。我們目前的設(shè)計(jì)團(tuán)隊(duì)在解決互聯(lián)網(wǎng)高并發(fā)、大數(shù)據(jù)量的存取上經(jīng)驗(yàn)與能力都還不足，需要正視這些問題。后端技術(shù)的發(fā)展需要更加的精進(jìn)，以解決實(shí)際存在的問題為主。最后，我們?cè)谇岸恕⒑蠖硕既狈κ炀毠?，這會(huì)影響到開發(fā)的速度，同時(shí)，也不利于后期技術(shù)的研究。

網(wǎng)頁(yè)設(shè)計(jì)分為兩大部分：一、單純的設(shè)計(jì)，也就是ps。二、就是網(wǎng)頁(yè)制作，前端開發(fā)div+css。一般來(lái)說(shuō)大公司都是分的很細(xì)的，而小公司卻讓一個(gè)人做。不管做哪部分剛?cè)肼殨r(shí)都會(huì)有一個(gè)老師帶著也就是說(shuō)給老師打下手，老師會(huì)分出來(lái)一部分內(nèi)容讓你去做。直到可以獨(dú)立完成為止。

　　網(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)過(guò)雙方不斷的接洽和了解，并通過(guò)基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁(yè)設(shè)計(jì)，程序員，測(cè)試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制?！　?.客戶的需求說(shuō)明書　　第一步是需要客戶提供一個(gè)完整的需求說(shuō)明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有！”。這樣的客戶就需要耐心說(shuō)明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說(shuō)明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說(shuō)明不可能有高質(zhì)量的網(wǎng)站。那么需求說(shuō)明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡(jiǎn)單說(shuō)，包含下面幾點(diǎn)：　　1.正確性：每個(gè)功能必須清楚描寫交付的功能；　　2.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求；　　3.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時(shí)"砍"掉；　　4.簡(jiǎn)明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語(yǔ)；　　5.檢測(cè)性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測(cè)?！　∪?系統(tǒng)分析　　1.網(wǎng)站總體設(shè)計(jì)　　在拿到客戶的需求說(shuō)明后，并不是直接開始制作，而是需要對(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)有哪些。　　同時(shí)需要寫一份總體規(guī)劃說(shuō)明書，包括：　　1.網(wǎng)站的欄目和版塊；　　2.網(wǎng)站的功能和相應(yīng)的程序；　　3.網(wǎng)站的鏈接結(jié)構(gòu)；　　4.如果有數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì)；　　5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)?！　?.網(wǎng)站建設(shè)方案　　在總體設(shè)計(jì)出來(lái)后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(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)站形象說(shuō)明；　　4.網(wǎng)站的欄目版塊和結(jié)構(gòu)；　　5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；　　6.使用軟件，硬件和技術(shù)分析說(shuō)明；　　7.開發(fā)時(shí)間進(jìn)度表；　　8.宣傳推廣方案；　　9.維護(hù)方案；　　10.制作費(fèi)用；　　11.本公司簡(jiǎn)介：成功作品，技術(shù)，人才說(shuō)明等?！　‘?dāng)您的方案通過(guò)客戶的認(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ā)部分來(lái)說(shuō)的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說(shuō)明。這種規(guī)格說(shuō)明的作用很類似于其他工程領(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)頁(yè)設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁(yè)?！　≌w形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語(yǔ)等。 首頁(yè)設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁(yè)一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶選擇?！　∮涀。涸诳蛻舸_定首頁(yè)風(fēng)格之后，請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)?！　￠_發(fā)制作　　2.開發(fā)制作　　到這里，程序員和網(wǎng)頁(yè)設(shè)計(jì)師同時(shí)進(jìn)入全力開發(fā)階段，需要提醒的是，測(cè)試人員需要隨時(shí)測(cè)試網(wǎng)頁(yè)與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測(cè)試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁(yè)設(shè)計(jì)師的工作?！　≌{(diào)試完善　　3.調(diào)試完成　　在網(wǎng)站初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測(cè)試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測(cè)試等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來(lái)?！　槭裁匆涗浳臋n呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過(guò)不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來(lái)越規(guī)范，越來(lái)越工業(yè)化。進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理?！　?.宣傳推廣　　宣傳推廣的基本方法有：　　1.網(wǎng)頁(yè)里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；　　2.各搜索引擎登錄；　　3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表；　　4.合理使用Email郵件列表；　　5.廣告條交換；　　6.付費(fèi)廣告?！　≈链?，網(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說(shuō)明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。　　五.維護(hù)　　網(wǎng)站成功推出后，長(zhǎ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)站首頁(yè)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ù)庫(kù)設(shè)計(jì)約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來(lái)開發(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í)慣相駁，很多地方都有爭(zhēng)議。?！　》浅Ｃ黠@在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ù)庫(kù)和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來(lái)定制的，這些規(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)理，策劃，美工，程序員，代碼整合員，測(cè)試員。也許你的團(tuán)隊(duì)還沒有6個(gè)人，沒有關(guān)系一個(gè)人可以有多個(gè)角色，比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色，如程序員還可以含有代碼整合和測(cè)試這2個(gè)角色，如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組，每個(gè)組分工再來(lái)細(xì)分。下面簡(jiǎn)單介紹一下這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ì)來(lái)設(shè)計(jì)數(shù)據(jù)庫(kù)和功能模塊的實(shí)現(xiàn)。代碼整合員，負(fù)責(zé)將程序員的代碼和界面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁(yè)面，測(cè)試員，負(fù)責(zé)測(cè)試程序?！　《_發(fā)工具　　Web開發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺(tái)開發(fā)工具，第二部分是網(wǎng)站后臺(tái)開發(fā)環(huán)境，第三部分是項(xiàng)目管理和輔助軟件。下面分別簡(jiǎn)單介紹這三部分需要使用的軟件?！　【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ù)庫(kù)建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫(kù)建模），PowerDesigner在數(shù)據(jù)庫(kù)設(shè)計(jì)方面應(yīng)用非常強(qiáng)大，用它可以快速創(chuàng)建數(shù)據(jù)庫(kù)概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫(kù)Report的功能太方便了，設(shè)計(jì)數(shù)據(jù)庫(kù)強(qiáng)烈推薦用它。Rational Rose（程序建模），如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會(huì)節(jié)省一些時(shí)間和開發(fā)的復(fù)雜度，不過(guò)我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫畫Rose圖。　　網(wǎng)站項(xiàng)目管理主要指對(duì)開發(fā)進(jìn)度和代碼版本的控制。開發(fā)進(jìn)度用Microsoft Project來(lái)制定，代碼版本控制采用Visual SourceSafe，當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測(cè)試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test，它可以進(jìn)行并行、負(fù)載測(cè)試等。程序文檔編寫采用Word，用WPS也可以?！　∪?網(wǎng)站開發(fā)流程　　在項(xiàng)目開始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程，在項(xiàng)目開發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測(cè)試，而程序編寫代碼所占的時(shí)間并不多，但有的團(tuán)隊(duì)就急于開發(fā)寫代碼，先把程序?qū)懗鰜?lái)再說(shuō)，沒有注重評(píng)審和測(cè)試這2個(gè)環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來(lái)了不要急于開工寫代碼，應(yīng)該一步一步慢慢來(lái)，只有走的慢才能走得穩(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é)合起來(lái)形成一個(gè)統(tǒng)一，也就即將發(fā)布的網(wǎng)站。　　四．?dāng)?shù)據(jù)庫(kù)開發(fā)規(guī)范　　數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫(kù)文件命名為kupage_database.mdf，有的數(shù)據(jù)庫(kù)文件有多個(gè)，比如SQL Server就有2個(gè)，一個(gè)是數(shù)據(jù)庫(kù)文件，另一個(gè)是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫?！　?shù)據(jù)庫(kù)表命名規(guī)范，表名長(zhǎng)度不能超過(guò)30個(gè)字符，表名中含有單詞全部采用單數(shù)形式，單詞首寫字母要大寫，多個(gè)單詞間不用任何連接符號(hào)。若庫(kù)中有多個(gè)系統(tǒng)，表名采用系統(tǒng)名稱+單詞或多個(gè)單詞，系統(tǒng)名是開發(fā)系統(tǒng)的縮寫，系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫(kù)中只含有一個(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ù)庫(kù)字段命名規(guī)范，數(shù)據(jù)庫(kù)字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個(gè)單詞，別名就取單詞的前4 個(gè)字母；如果表名是兩個(gè)單詞，就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長(zhǎng)的別名；如果表的名字由3 個(gè)單詞組成，你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母，結(jié)果還是組成4 字母長(zhǎng)的別名。　　視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個(gè)視圖由幾個(gè)表產(chǎn)生就用”_”連接幾個(gè)表的名，如果表過(guò)多可以將表名適當(dāng)簡(jiǎn)化，但一定要列出所有表名?！　〈鎯?chǔ)過(guò)程命名規(guī)則P_表名_存取過(guò)程名(縮寫)，比如P_User_Del，P_ArticleType_AddData?！　QL語(yǔ)句編寫規(guī)則，關(guān)鍵字必須大寫，其他書寫按上述命名規(guī)則，比如：　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom’　　五．文件夾文件名命名規(guī)范　　文件夾命名一般采用英文，長(zhǎng)度一般不超過(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)志、菜單、按鈕等等。　　放置在頁(yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片取名： banner　　標(biāo)志性的圖片取名為： logo　　在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button　　在頁(yè)面上某一個(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)語(yǔ)言文件命名規(guī)則性質(zhì)_描述，描述可以有多個(gè)單詞，用”_”隔開，性質(zhì)一般是該頁(yè)面得概要?！　》独簉egister_form.asp，register_post.asp,topic_lock.asp　　六．程序代碼編程規(guī)范　　一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無(wú)需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語(yǔ)言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則?！　?、每個(gè)變量名必須定義，在ASP文件的最開始添加語(yǔ)句，強(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ù)過(guò)程編寫的約定。函數(shù)或者過(guò)程命名采用動(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ù)庫(kù)連接一個(gè)庫(kù)只能有一個(gè)數(shù)據(jù)庫(kù)連接文件，創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象得原則是盡可能晚地打開數(shù)據(jù)庫(kù)，盡可能早地關(guān)閉數(shù)據(jù)庫(kù)。創(chuàng)建數(shù)據(jù)庫(kù)對(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ù)庫(kù)中，這樣做能夠是日期在不同的數(shù)據(jù)庫(kù)中都能良好地保存，也方便數(shù)據(jù)庫(kù)地遷移。時(shí)間用14位字符串保存，日期用8位字符串保存。　　七．網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范　　head區(qū)是指首頁(yè)HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標(biāo)簽　　1.公司版權(quán)注釋　　<!--- The site is designed by Maketown,Inc 06/2004 --->　　2.網(wǎng)頁(yè)顯示字符集　　簡(jiǎn)體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">　　繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">　　英 語(yǔ)：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">　　3.網(wǎng)頁(yè)制作者信息　　<META name="author" content="webmaster@maketown.com">　　4.網(wǎng)站簡(jiǎn)介　　<META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…">　　5.搜索關(guān)鍵字　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">　　6.網(wǎng)頁(yè)的css規(guī)范　　<LINK href="style/style.css" rel="stylesheet" type="text/css">　　(參見目錄及命名規(guī)范)　　7.網(wǎng)頁(yè)標(biāo)題　　<title>xxxxxxxxxxxxxxxxxx</title>　　8.可以選擇加入的標(biāo)簽　　1.設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新調(diào)閱。　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">　　2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache">　　3.用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。　　<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秒?！　?.網(wǎng)頁(yè)搜索機(jī)器人向?qū)?用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。　　<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è)置頁(yè)面背景<body bgcolor="#FFFFFF">　　八．網(wǎng)站建設(shè)尺寸規(guī)范　　1. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px　　2. 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏　　3. 每個(gè)標(biāo)準(zhǔn)頁(yè)面為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è)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K

前端開發(fā)工程師獨(dú)立出來(lái)主要就是做數(shù)據(jù)交互、后臺(tái)處理、SEO優(yōu)化等工作，要熟練各種腳本語(yǔ)言和運(yùn)行環(huán)境，熟悉XML、SQL、ORACLE等數(shù)據(jù)庫(kù)，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網(wǎng)站處理技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁(yè)面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。網(wǎng)頁(yè)設(shè)計(jì)一般分為三種大類：功能型網(wǎng)頁(yè)設(shè)計(jì)（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁(yè)設(shè)計(jì)（品牌形象站）、信息型網(wǎng)頁(yè)設(shè)計(jì)（門戶站）。設(shè)計(jì)網(wǎng)頁(yè)的目的不同，應(yīng)選擇不同的網(wǎng)頁(yè)策劃與設(shè)計(jì)方案。網(wǎng)頁(yè)設(shè)計(jì)的工作目標(biāo)，是通過(guò)使用更合理的顏色、字體、圖片、樣式進(jìn)行頁(yè)面設(shè)計(jì)美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗(yàn)。高級(jí)的網(wǎng)頁(yè)設(shè)計(jì)甚至?xí)紤]到通過(guò)聲光、交互等來(lái)實(shí)現(xiàn)更好的視聽感受。網(wǎng)頁(yè)設(shè)計(jì)主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動(dòng)畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。