第一篇：Web產(chǎn)品開(kāi)發(fā)的注冊(cè)環(huán)節(jié)

Web產(chǎn)品開(kāi)發(fā)的注冊(cè)環(huán)節(jié)

網(wǎng)站用戶(hù)為什么注冊(cè)？這個(gè)問(wèn)題在平時(shí)我們討論的并不多。我們常常單純的在設(shè)想如何簡(jiǎn)化注冊(cè)流程，如何從細(xì)節(jié)的關(guān)懷入手避免用戶(hù)注冊(cè)時(shí)填寫(xiě)錯(cuò)誤信息造成的挫敗，精心分析哪些項(xiàng)目用戶(hù)必填，哪些選填，如何保障用戶(hù)注冊(cè)后的賬號(hào)安全性等等。我認(rèn)為，搞清楚用戶(hù)注冊(cè)的動(dòng)機(jī)與目的，進(jìn)行有效引導(dǎo)，再在注冊(cè)頁(yè)面上以這些注冊(cè)的動(dòng)機(jī)與目的進(jìn)行優(yōu)化，與產(chǎn)品核心功能契合，才是一個(gè)與好產(chǎn)品所相符的注冊(cè)體系。哪些功能，用戶(hù)注冊(cè)心甘情愿？ 社交網(wǎng)絡(luò)：和周?chē)呐笥言诰€聯(lián)系

Facebook奇跡般的獲取了全球5億多用戶(hù)的真實(shí)資料注冊(cè)。作為全球最成功的社交產(chǎn)品，秘訣其實(shí)很簡(jiǎn)單，將用戶(hù)的關(guān)系定位于真實(shí)關(guān)系的在線拓展，通過(guò)facebook聯(lián)系已成為中國(guó)大陸以外很多地區(qū)的常態(tài)。你希望你關(guān)注的人了解真實(shí)的你，你也希望了解你關(guān)注的人真實(shí)的一面。這種通過(guò)個(gè)人動(dòng)態(tài)信息以及個(gè)人信息頁(yè)面一目了然的直接展示，省去了“你最近在干嘛？”“你最近在看什么電影？”“有什么好聽(tīng)的專(zhuān)輯最近？”“你有男朋友嗎？”等等常規(guī)問(wèn)題。這種快捷增進(jìn)朋友、戀人彼此了解的產(chǎn)品特性，用戶(hù)當(dāng)然愿意毫無(wú)保留的貢獻(xiàn)一切。而twitter這樣的微博產(chǎn)品，和facebook在注冊(cè)上也有類(lèi)似的特點(diǎn)，雖然不需要真實(shí)的個(gè)人資料，但基于信息快速分享的社交，快速知道周?chē)笥寻l(fā)生的一切，用戶(hù)注冊(cè)自然毫不猶豫。豆瓣：物以類(lèi)聚，人以群分

豆瓣同樣作為優(yōu)秀的社區(qū)交友產(chǎn)品，其產(chǎn)品定位很明確，那就是在上面找到志趣相投的人。早期豆瓣在《看電影》等平面媒體上宣傳時(shí)，采用的便是精準(zhǔn)細(xì)分用戶(hù)趣味，這正中了無(wú)數(shù)無(wú)法在現(xiàn)實(shí)生活中找到趣味相投的“文藝青年”下懷，用戶(hù)數(shù)量劇增，成為國(guó)內(nèi)首屈一指的“小清新”集散地。雖然豆瓣創(chuàng)始人阿北對(duì)豆瓣的最初定位，是關(guān)于書(shū)籍的閱讀分享，但后來(lái)發(fā)現(xiàn)喜歡看電影、聽(tīng)音樂(lè)的用戶(hù)明顯多于閱讀，于是產(chǎn)品也在不斷在音樂(lè)和電影上作出優(yōu)化。一本書(shū)，一張專(zhuān)輯，一部電影往往會(huì)衍生出更多具備共同用戶(hù)屬性的用戶(hù)相互認(rèn)識(shí)。這樣依靠志趣相投相互認(rèn)識(shí)的機(jī)制，往往比現(xiàn)實(shí)中互相噓寒問(wèn)暖來(lái)的靠譜，用戶(hù)通過(guò)注冊(cè)不僅可以找到更多自己喜歡的文化產(chǎn)品，同樣能交到更多志趣相投的朋友，何樂(lè)而不為？新聞門(mén)戶(hù)：需求還是利誘？

對(duì)于網(wǎng)易新聞這樣的門(mén)戶(hù)來(lái)說(shuō)，用戶(hù)注冊(cè)的場(chǎng)景就少了很多主動(dòng)性。所以，只有在你暢所欲言時(shí)，才可能想注冊(cè)，這樣注冊(cè)的目的很單純，只是為了發(fā)言。英國(guó)《金融時(shí)報(bào)》中文網(wǎng)是我除了網(wǎng)易新聞之外另一個(gè)比較常上的網(wǎng)站，最近我發(fā)現(xiàn)在看上面的文章時(shí)，文章正文會(huì)隨機(jī)插入如上提示，像我這樣看門(mén)戶(hù)基本不評(píng)論的用戶(hù)，看到這樣的“利誘”（盡管仔細(xì)想想也沒(méi)什么太大好處），還是毫不猶豫的注冊(cè)了。精準(zhǔn)定位，注冊(cè)要什么不要什么？ 我們粗略的分析了一下用戶(hù)注冊(cè)動(dòng)機(jī)與進(jìn)行注冊(cè)的場(chǎng)景。會(huì)發(fā)現(xiàn)同為注冊(cè)，實(shí)際上針對(duì)用戶(hù)不同產(chǎn)品的注冊(cè)需求，產(chǎn)品要獲取的信息有著明顯不同。能登錄就行？

用戶(hù)從注冊(cè)操作中能獲得的最主要目的就是能登錄。所以，所有的注冊(cè)都需要用戶(hù)名和密碼，這是最簡(jiǎn)單的注冊(cè)。但是一個(gè)賬號(hào)要考慮安全性，考慮用戶(hù)登錄的便利性，往往需要一個(gè)用戶(hù)名（或昵稱(chēng)）、一個(gè)郵箱（鑒于國(guó)內(nèi)用戶(hù)習(xí)慣，國(guó)內(nèi)產(chǎn)品可能比較傾向于手機(jī)號(hào)）和一個(gè)登錄密碼。只要用戶(hù)“能登錄就行”的注冊(cè)，用戶(hù)自然最喜歡，而僅需要用戶(hù)登錄信息就能用的產(chǎn)品（如twitter）也實(shí)現(xiàn)了用戶(hù)需要與產(chǎn)品業(yè)務(wù)需求的統(tǒng)一（用戶(hù)登錄僅僅就是為了發(fā)布信息和查看別人的信息，這也就是twitter的功能）。Twitter注冊(cè) 寬島注冊(cè) 寬島注冊(cè)也是“能登錄就行”的典型，作為“輕博客”，本質(zhì)功能和twitter類(lèi)似，也省略了密碼確認(rèn)。至于省略確認(rèn)密碼這一步的安全性，有統(tǒng)計(jì)已經(jīng)證明過(guò)，注冊(cè)時(shí)一次成功輸入密碼完全不是問(wèn)題。需要個(gè)人信息？

大多數(shù)web產(chǎn)品不會(huì)僅僅滿(mǎn)足于讓用戶(hù)能登錄就行。當(dāng)然，在注冊(cè)時(shí)，達(dá)到只讓用戶(hù)“能登錄就行”的目的，然后在注冊(cè)之后讓用戶(hù)完善信息不失為一種方法，但涉及到產(chǎn)品業(yè)務(wù)的核心功能的需求上，產(chǎn)品注冊(cè)流程不會(huì)為了最大程度方便用戶(hù)而妥協(xié)。用戶(hù)會(huì)不會(huì)因?yàn)樽?cè)填寫(xiě)個(gè)人信息而畏懼呢？這就回到我們起初探討的一個(gè)話(huà)題上：你有什么能耐讓用戶(hù)填這些東西。剛才談到facebook，實(shí)際上facebook能輕而易舉讓用戶(hù)心甘情愿在注冊(cè)時(shí)填寫(xiě)真實(shí)資料，其中最大的秘訣就是產(chǎn)品核心的功能定位——真實(shí)的社交網(wǎng)絡(luò)，用戶(hù)登錄facebook也是希望能真實(shí)與朋友交流，注冊(cè)的信息填寫(xiě)需求與用戶(hù)預(yù)期的產(chǎn)品需求是一致的，填寫(xiě)起來(lái)并不會(huì)因?yàn)樘顚?xiě)內(nèi)容過(guò)多或者涉及敏感個(gè)人信息（當(dāng)然需要友好的提醒消除疑慮）而放棄注冊(cè)。比較有趣的是facebook作為真實(shí)社交產(chǎn)品的鼻祖，在注冊(cè)時(shí)并不需要用戶(hù)填寫(xiě)自己的地理位置，而是在登錄后作為可選項(xiàng)自行完成，起初覺(jué)得有點(diǎn)納悶，不過(guò)想想facebook的定位，加你為好友的自然大多是你認(rèn)識(shí)的人，不填地理位置也能實(shí)現(xiàn)產(chǎn)品核心功能，這是說(shuō)的過(guò)去的。Facebook注冊(cè) 音悅臺(tái)注冊(cè) 音悅臺(tái)作為一款以MV分享與交流的視頻類(lèi)網(wǎng)站，注冊(cè)比較人性化，但還是索要了用戶(hù)性別與出生年月。不過(guò)，注冊(cè)時(shí)已經(jīng)提示了注冊(cè)目的：能夠通過(guò)填寫(xiě)自己的屬性信息獲得更多更好的MV推薦。這和用戶(hù)登錄音悅臺(tái)的目的也是一致的，所以這個(gè)也容易被接受。但是，這些資料的真實(shí)性是無(wú)法和facebook相比的，是不是能達(dá)到精準(zhǔn)定位用戶(hù)興趣的目的呢？我表示懷疑。而豆瓣的注冊(cè)基本處于“能登錄就行”的注冊(cè)機(jī)制。除了基本登錄信息，僅僅是要求用戶(hù)填寫(xiě)自己的地理位置（精確到城市）。這完全是方便用戶(hù)同城交友與參與同城活動(dòng)的需要，屬于豆瓣的核心功能范圍。和音悅臺(tái)類(lèi)似，豆瓣也是通過(guò)用戶(hù)屬性為用戶(hù)推薦內(nèi)容，為什么豆瓣不用用戶(hù)填寫(xiě)類(lèi)似于出生年月的信息呢？豆瓣的推薦完全基于你對(duì)什么東西感興趣（哪怕是對(duì)于某些用戶(hù)感興趣，共同興趣也是最為主要的途徑），所以無(wú)須考慮用戶(hù)的年齡。這一點(diǎn)音悅臺(tái)倒是可以借鑒。豆瓣注冊(cè) 注冊(cè)填寫(xiě)個(gè)人信息的極限，想必不會(huì)比《金融時(shí)報(bào)》中文網(wǎng)的要求少多少。不信可以看看：《金融時(shí)報(bào)》中文網(wǎng)注冊(cè) 這個(gè)注冊(cè)就十分具有挑戰(zhàn)性了，普通用戶(hù)要是不是對(duì)網(wǎng)站內(nèi)容十分感興趣，恐怕沒(méi)有多少人愿意注冊(cè)吧。當(dāng)然，這是網(wǎng)站自己的取舍。不幸的是，我就是那個(gè)“非典型”用戶(hù)。

小結(jié)

我簡(jiǎn)單梳理了一下我比較有印象網(wǎng)站的注冊(cè)機(jī)制與產(chǎn)品定位的關(guān)系，說(shuō)來(lái)說(shuō)去，只是想在注冊(cè)的流程與產(chǎn)品定位找到良好的契合點(diǎn)。一個(gè)網(wǎng)站的注冊(cè)好不好，并不能簡(jiǎn)單取決于注冊(cè)填寫(xiě)內(nèi)容的多少，而是產(chǎn)品本身的功能定位是不是與注冊(cè)中用戶(hù)要提供的信息相符，不要因?yàn)樽?cè)信息過(guò)少而無(wú)法實(shí)現(xiàn)產(chǎn)品的核心功能，也不要讓用戶(hù)填寫(xiě)那些可有可無(wú)甚至可以通過(guò)后臺(tái)用戶(hù)屬性統(tǒng)計(jì)得來(lái)的信息。

第二篇：Web開(kāi)發(fā)流程

Web開(kāi)發(fā)的分散性和交互性，決定了Web開(kāi)發(fā)必須遵從一定的開(kāi)發(fā)規(guī)范和技術(shù)約定，只有每個(gè)開(kāi)發(fā)人員都按照一個(gè)共同的規(guī)范去設(shè)計(jì)、溝通、開(kāi)發(fā)、測(cè)試、部署，才能保證整個(gè)開(kāi)發(fā)團(tuán)隊(duì)協(xié)調(diào)一致的工作，從而提高開(kāi)發(fā)工作效率，提升工程項(xiàng)目質(zhì)量。

一、項(xiàng)目的角色劃分

如果不包括前、后期的市場(chǎng)推廣和產(chǎn)品銷(xiāo)售人員，開(kāi)發(fā)團(tuán)隊(duì)一般可以劃分為項(xiàng)目負(fù)責(zé)人、程序員、美工三個(gè)角色。

項(xiàng)目負(fù)責(zé)人在我們中國(guó)習(xí)慣稱(chēng)為“項(xiàng)目經(jīng)理”，負(fù)責(zé)項(xiàng)目的人事協(xié)調(diào)、時(shí)間進(jìn)度等安排，以及處理一些與項(xiàng)目相關(guān)的其它事宜。程序員主要負(fù)責(zé)項(xiàng)目的需求分析、策劃、設(shè)計(jì)、代碼編寫(xiě)、網(wǎng)站整合、測(cè)試、部署等環(huán)節(jié)的工作。美工負(fù)責(zé)網(wǎng)站的界面設(shè)計(jì)、版面規(guī)劃，把握網(wǎng)站的整體風(fēng)格。如果項(xiàng)目比較大，可以按照三種角色把人員進(jìn)行分組。

角色劃分是Web項(xiàng)目技術(shù)分散性甚至地理分散性特點(diǎn)的客觀要求，分工的結(jié)果還可以明確工作責(zé)任，最終保證了項(xiàng)目的質(zhì)量。分工帶來(lái)的負(fù)效應(yīng)就是增加了團(tuán)隊(duì)溝通、協(xié)調(diào)的成本，給項(xiàng)目帶來(lái)一定的風(fēng)險(xiǎn)。所以項(xiàng)目經(jīng)理的協(xié)調(diào)能力顯得十分重要，程序開(kāi)發(fā)人員和美工在項(xiàng)目開(kāi)發(fā)的初期和后期，都必須有充分的交流，共同完成項(xiàng)目的規(guī)劃和測(cè)試、驗(yàn)收。

二、開(kāi)發(fā)工具的選取

不象C/S結(jié)構(gòu)程序開(kāi)發(fā)，可以一門(mén)語(yǔ)言從頭到尾，你用Delphi，就是Delphi程序員，你用VC++，你就是VC程序員。B/S結(jié)構(gòu)的Web開(kāi)發(fā)工作，工具的選擇是一件痛苦的事情。從Windows到Linux，從IIS到Apache，從J2EE到.NET，從COM到.NET到EJB組件……還有Asp、Asp.net、Jsp、Php、Perl、Javascript、Vbscript……

美工也輕松不了多少，什么“網(wǎng)頁(yè)三劍客”“新網(wǎng)頁(yè)三劍客”、FrontPage、Photoshop、CorelDraw……誰(shuí)都說(shuō)自己是最強(qiáng)大的！

我們的經(jīng)驗(yàn)是，選用工具時(shí)最好是統(tǒng)一的，比如美工統(tǒng)一用DreamwaverMX制作網(wǎng)頁(yè)，程序員全部用文本編輯器書(shū)寫(xiě)代碼。統(tǒng)一工具的好處是可以保持同一個(gè)項(xiàng)目文檔的一致性，便于開(kāi)發(fā)人員的交流和文檔的保存。

但是也不必刻意強(qiáng)求一致，比如美工可以使用任何自己熟悉的圖形處理軟件，只要最后能生成瀏覽器支持的圖片就可以了。正是Web開(kāi)發(fā)工具的多樣性，才成就了今天互聯(lián)網(wǎng)多姿多彩的局面。

只要程序員的純Html和Javascript代碼的功夫足夠過(guò)硬，就能勝任最后的網(wǎng)站整合工作。

三、項(xiàng)目開(kāi)發(fā)流程

如果項(xiàng)目真正談下來(lái)了，就需要正式確定前階段的需求分析，該補(bǔ)充的步驟必須補(bǔ)上。然后進(jìn)行詳細(xì)的總體設(shè)計(jì)，其實(shí)也基本是前階段工作的重復(fù)和完善。

產(chǎn)生各欄目文件夾的結(jié)構(gòu)圖（一些公共文件夾如images、scripts、styles等需要固定存放，共同調(diào)用）。

然后由美工根據(jù)內(nèi)容表現(xiàn)的需要，設(shè)計(jì)靜態(tài)網(wǎng)頁(yè)和其它動(dòng)態(tài)頁(yè)面界面框架，該切分的圖片要根據(jù)尺寸切割開(kāi)來(lái)。給需要程序動(dòng)態(tài)實(shí)現(xiàn)的頁(yè)面預(yù)留頁(yè)面空間。制定字體、字號(hào)、超級(jí)鏈接等CSS樣式等。

在美工設(shè)計(jì)頁(yè)面的同時(shí)，程序員著手開(kāi)發(fā)后臺(tái)程序代碼，做一些必要的測(cè)試。美工界面完成后，由程序員添加程序代碼，整合網(wǎng)站。

由項(xiàng)目組共同聯(lián)調(diào)測(cè)試，發(fā)現(xiàn)bug，完善一些具體的細(xì)節(jié)。

制作幫助文檔、用戶(hù)操作手冊(cè)。向用戶(hù)交付必要的產(chǎn)品設(shè)計(jì)文檔。

然后進(jìn)行網(wǎng)站部署、客戶(hù)培訓(xùn)。

最后進(jìn)入網(wǎng)站維護(hù)階段。這一階段也可以不包括在該項(xiàng)目中，而作為公司的服務(wù)內(nèi)容。以上的每一部都會(huì)產(chǎn)生一些階段性成果，項(xiàng)目經(jīng)理需要及時(shí)進(jìn)行監(jiān)督、審核，發(fā)現(xiàn)問(wèn)題及時(shí)糾正。

為了控制項(xiàng)目的進(jìn)度，應(yīng)當(dāng)實(shí)施填寫(xiě)“項(xiàng)目進(jìn)度表”制度，即每天填寫(xiě)工作日志，記錄當(dāng)天的工作細(xì)目和工作量，以及需要解決和已經(jīng)解決的問(wèn)題。

四、一些技術(shù)規(guī)則

1，數(shù)據(jù)庫(kù)命名約定(參考了“匈牙利命名法”)

數(shù)據(jù)庫(kù)(Database)：格式[db]_[desc]。

表(Table)：格式[tab]_[desc]。表名長(zhǎng)度不能超過(guò)30個(gè)字符，單詞首寫(xiě)字母大寫(xiě)，多個(gè)單詞間不用連接符號(hào)。

字段(FieldorColumn)：格式f_[type]_[desc]。f：表明這是一個(gè)字段名稱(chēng)；type：可選，表明字段類(lèi)型，字符型為c，整型為i，邏輯型為b，貨幣類(lèi)型為m,浮點(diǎn)型為f，日期型為d，時(shí)間型為t，二進(jìn)制為bl。如果類(lèi)型為字符型，可以省略。desc：對(duì)字段屬性的有意義的描述，可以用英語(yǔ)單詞、單詞縮寫(xiě)、漢語(yǔ)拼音、字段實(shí)際含義的拼音縮寫(xiě)等，單詞之間可以用單詞首字母大寫(xiě)軟分割（推薦），也可以用“_”隔開(kāi)。舉例：

f_name(姓名)

f_c_UserInfo或f_c_User_Info

f_xm(姓名)

f_grp_id(組標(biāo)識(shí))

索引(Index)：格式[idx]_[desc]。

視圖(View)：格式[View]_[表A]_[表B]_[表C]…，其中View表示“視圖”。這個(gè)視圖由幾個(gè)表產(chǎn)生就用連字符“_”連接幾個(gè)表的名，如果表過(guò)多可以將表名適當(dāng)簡(jiǎn)化。存儲(chǔ)過(guò)程：格式[sp]_[表名]_[存取過(guò)程名(縮寫(xiě))]，比如sp_User_Delete。

觸發(fā)器(Trigger)：格式[trg]_[d][i[[u]_[desc]。trg代表觸發(fā)器；d，i，u表明觸發(fā)器類(lèi)型(Delete，Insert，Update)定義，書(shū)寫(xiě)順序?yàn)閐、i、u；desc是表的名稱(chēng)，表明觸發(fā)器所在的表。

數(shù)據(jù)庫(kù)設(shè)備(DatabaseDevice)：格式[dev]_[desc]。

約束(Constraint)：格式[cns]_[desc]。

2，SQL語(yǔ)句書(shū)寫(xiě)規(guī)范

SQL語(yǔ)句中，SQL關(guān)鍵字全部大寫(xiě)，其它的遵照“數(shù)據(jù)庫(kù)命名約定”。例如：SELECT*FROMtabNewsInfoWHEREf_UserName=’’ORDERBYf_i_autoid

3，文件夾命名約定

公共文件夾：

/images公共圖片

/styles樣式表

/scripts腳本

/ftps下載

/doc網(wǎng)站相關(guān)素材、文檔

/readme.txt網(wǎng)站說(shuō)明文檔

/helps.htm網(wǎng)站幫助文檔

/mylogs.txt網(wǎng)站維護(hù)記錄

其它欄目的命名，可以用拼音首字母簡(jiǎn)稱(chēng)，也可以用英文單詞。全部文件夾的含義在readme.txt文件中說(shuō)明。

4，對(duì)象及變量命名約定

每個(gè)變量名必須先定義，再使用。在ASP文件的最開(kāi)頭添加語(yǔ)句<%OptionExplicit%>可以強(qiáng)制變量定義。代碼塊必須采用縮進(jìn)格式。每個(gè)函數(shù)前必須標(biāo)明函數(shù)的功能、輸入?yún)?shù)、返回值的相關(guān)信息。

變量類(lèi)型縮寫(xiě)前綴

Stringstr或s

IntegerInt

DateDt

Objectobj或o

Booleanbol或b

ByteByt

DoubleDbl

ErrorErr

LongLng

SingleSng

5，圖形對(duì)象約定

圖片的格式：最后生成jpg，gif，png，swf格式的圖形文件

圖片的字節(jié)大小：最大不能超過(guò)30k

圖片的尺寸：根據(jù)需要確定，最好使用小圖片，大的圖片必須切割成小圖片使用。圖片的留白：圖片的邊界不能留白，圖片只包含有效的色彩元素

6，媒體對(duì)象約定

流媒體的格式：asf，wmv，wma，rm，不建議使用avi格式的動(dòng)畫(huà)文件

7,頁(yè)面布局的基本約定

中文段落必須有2個(gè)漢字的縮進(jìn)。字間距采用默認(rèn)大小。行間距為16pt~20pt。文字布局必須留有“天”“地”“左”“右”，不能把版面占滿(mǎn)。

頁(yè)面布局必須保持色彩平衡。注意上下、左右的呼應(yīng)。注意頁(yè)面的整體協(xié)調(diào)。提倡畫(huà)面和文字的融合，而不是畫(huà)面和文字的明顯分離。

要按照設(shè)計(jì)廣告的要求來(lái)設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面-特別是一些產(chǎn)品展示性的頁(yè)面。

五、一些經(jīng)驗(yàn)和教訓(xùn)

1，能用靜態(tài)網(wǎng)頁(yè)表現(xiàn)的內(nèi)容，盡量不用程序代碼動(dòng)態(tài)實(shí)現(xiàn)。

2，設(shè)計(jì)階段，必須和用戶(hù)進(jìn)行充分的交流，完全、準(zhǔn)確的了解用戶(hù)的需求。既不能歪曲用戶(hù)的意思，也不能一味迎合用戶(hù)的非正當(dāng)需求，也不能對(duì)自己沒(méi)有把握的技術(shù)甚至不可能實(shí)現(xiàn)的技術(shù)夸下?？凇Ｐ枨蠓治鍪且粋€(gè)溝通、交流、引導(dǎo)、教育、斗爭(zhēng)、妥協(xié)的過(guò)程。需求分析結(jié)果要有文字資料存檔。

3，技術(shù)參數(shù)必須了解準(zhǔn)確。比如用戶(hù)的軟件平臺(tái)是linux系列，那你的系統(tǒng)就要考慮用Java或者Php加MySQL開(kāi)發(fā)了，這時(shí)候你的ASP.NET技術(shù)就用不上了。

4，最好讓用戶(hù)對(duì)已經(jīng)確定的需求內(nèi)容簽字，蓋章。

5，任何交流，必須有書(shū)面記錄。對(duì)一些喜歡“健忘”-實(shí)際上是懶惰的開(kāi)發(fā)人員，要求他必須每天花10分鐘寫(xiě)工作日志。

6，每個(gè)項(xiàng)目的有關(guān)文檔，全部、統(tǒng)一集中歸檔。

第三篇：WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)

ASP.NET前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)

通過(guò)此次大作業(yè)的設(shè)計(jì)到完成，我負(fù)責(zé)的是web前端的開(kāi)發(fā)，經(jīng)過(guò)此次作業(yè)和結(jié)合W3C上的自學(xué)，我漸漸有了一些對(duì)前端開(kāi)發(fā)的小小經(jīng)驗(yàn)（僅為個(gè)人意見(jiàn)）。WEB標(biāo)準(zhǔn)是什么？

說(shuō)是WEB標(biāo)準(zhǔn)，不過(guò)我這里主要是對(duì)HTML5 和 CSS3.0的一些經(jīng)驗(yàn)總結(jié)。因?yàn)閃EB含蓋的內(nèi)容實(shí)在是太多了，“WEB標(biāo)準(zhǔn)”是一系列標(biāo)準(zhǔn)的總稱(chēng)，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來(lái)一下，WEB標(biāo)準(zhǔn)不是我們所說(shuō)的DIV+CSS。剛剛上面提到了――DIV+CSS，這里要說(shuō)明下，這樣說(shuō)其實(shí)是不正確的。DIV+CSS準(zhǔn)確的說(shuō)法（個(gè)人的理解）應(yīng)該是：采用W3C推薦的WEB標(biāo)準(zhǔn)中的HTML5結(jié)合CSS3.0樣式表制作頁(yè)面的方法，DIV應(yīng)該指的是HTML標(biāo)簽，而CSS顯示是指的CSS樣式表了。

采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)的好處

那么W3C為什么會(huì)推薦這樣的頁(yè)面制作方法呢？下面我們就簡(jiǎn)單的看看采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)（個(gè)人理解的）相對(duì)以前TABLE布局的優(yōu)勢(shì)有哪些？

1、節(jié)約運(yùn)營(yíng)成本

看看我們的WEB標(biāo)準(zhǔn)制作方法是如何做到的？

采用WEB標(biāo)準(zhǔn)制作，我們可以做到表現(xiàn)很形式的分離，我們用XHTML來(lái)表現(xiàn)（數(shù)據(jù)），用CSS來(lái)控制（頁(yè)面元素呈現(xiàn)的）形式。寫(xiě)的好的頁(yè)面，XHTML代碼中基本上都是用戶(hù)要看的數(shù)據(jù)，還其他修飾性的東西，全部由我們的CSS來(lái)控制。這樣一來(lái)我們的（XHTML）頁(yè)面的體積就大大減小了，這樣你在帶寬上的費(fèi)用就會(huì)大家降低了，這個(gè)怎么降低的，你可以想象一下，YAHOO的首頁(yè)小1K，100W個(gè)人一起訪問(wèn)，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。

而我們的CSS控制了，所有的頁(yè)面元素的樣式，現(xiàn)在想改網(wǎng)站的整體風(fēng)格，你只需要花幾分鐘修改一下一個(gè)CSS文件，就可以輕松搞定了。維護(hù)的成本也下來(lái)了，省了不少錢(qián)了吧？還有，你開(kāi)這個(gè)頁(yè)面的速度會(huì)快很多啊，一個(gè)讓你等半分鐘的頁(yè)面，除非里面的信息對(duì)你很有用，不然我們大家基本都沒(méi)有太多的時(shí)間去用來(lái)等待的。

2、對(duì)用戶(hù)友好更友好，且有機(jī)會(huì)獲得更多的用戶(hù) 現(xiàn)在來(lái)說(shuō)說(shuō)用戶(hù)友好。首先我想把我們的用戶(hù)來(lái)分下類(lèi)。第一類(lèi)：普通用戶(hù)（每個(gè)訪問(wèn)我們網(wǎng)站的人）； 第二類(lèi)：搜索引擎；

采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)的頁(yè)面，結(jié)構(gòu)清晰，頁(yè)面體積小，瀏覽器兼容性好。普通用戶(hù)訪問(wèn)的時(shí)候，頁(yè)面打開(kāi)速度快，而且不管用戶(hù)使用那種瀏覽器，都能夠正常訪問(wèn)（顯示）頁(yè)面，且頁(yè)面的結(jié)構(gòu)清晰，要找的數(shù)據(jù)可以很方便的瀏覽到。

而對(duì)搜索引擎來(lái)說(shuō)，一個(gè)好的采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)的頁(yè)面，都是做過(guò)SEO優(yōu)化的，它訪問(wèn)起來(lái)很友好，很容易理解你的頁(yè)面中哪里是標(biāo)題（H1~H6標(biāo)簽），哪里是段落（p標(biāo)簽），哪里是段落里要強(qiáng)調(diào)的內(nèi)容（strong標(biāo)簽）等，它可以很容易的分析出來(lái)。而一個(gè)SEO好的站點(diǎn)，大家都知道，被搜索引擎收錄的機(jī)會(huì)更多，這個(gè)也意味著您的網(wǎng)站會(huì)被更多的普通用戶(hù)訪問(wèn)到，給你的站點(diǎn)帶來(lái)更多的用戶(hù)。

一個(gè)能幫我們省下大筆費(fèi)用，提高工作效率。同時(shí)又能夠提高頁(yè)面瀏覽速度，對(duì)用戶(hù)友好，甚至能夠不花錢(qián)宣傳，就能給你帶來(lái)更多用戶(hù)的技術(shù)。你說(shuō)你會(huì)不會(huì)去使用它？這個(gè)也正式我們的W3C推薦使用WEB標(biāo)準(zhǔn)開(kāi)放網(wǎng)站的原因啊。而這個(gè)技術(shù)也得到了我們廣大用戶(hù)的認(rèn)可，所以現(xiàn)在需要學(xué)習(xí)WEB標(biāo)準(zhǔn)啊。合理的布局

前面我提到了一些知識(shí)點(diǎn)――“結(jié)構(gòu)清晰、SEO優(yōu)化、頁(yè)面體積小、HTML代碼中基本上都是用戶(hù)要看的數(shù)據(jù)”。這些東西，都是我做了合理布局的結(jié)果。而且我個(gè)人覺(jué)得，我們采用WEB標(biāo)準(zhǔn)制作的一切都是從這個(gè)知識(shí)點(diǎn)開(kāi)始的，所以我這里就先來(lái)說(shuō)這個(gè)話(huà)題。

也許有人會(huì)問(wèn)，怎樣的一個(gè)頁(yè)面，才算是合理的布局的呢？這個(gè)問(wèn)題問(wèn)題問(wèn)得好，也是我們大家剛開(kāi)始學(xué)用WEB標(biāo)準(zhǔn)的問(wèn)得最多的問(wèn)題之一，我也曾經(jīng)常被這個(gè)問(wèn)題所困擾，這里就說(shuō)說(shuō)我對(duì)合理布局的一些理解。

在開(kāi)始講合理布局的頁(yè)面要達(dá)到的要素前，我們還是用個(gè)實(shí)例來(lái)講解會(huì)更直觀些。先來(lái)看看這個(gè)圖片：

不錯(cuò)，這個(gè)是一個(gè)文章詳細(xì)頁(yè)，沒(méi)有左右兩欄布局，不過(guò)這里我重點(diǎn)要講的是合理的布局。

這是此次實(shí)驗(yàn)中customer（前端的一項(xiàng)）部分的完整代碼：

<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Customer.aspx.cs” Inherits=“Customer” %> <%@ Register Src=“Controllers/Bottom.ascx” TagName=“Bottom” TagPrefix=“uc4” %> <%@ Register Src=“Controllers/Top.ascx” TagName=“Top” TagPrefix=“uc1” %> <%@ Register Src=“Controllers/Left.ascx” TagName=“Left” TagPrefix=“uc2” %>

” name=“description”/> ” name=“keywords” />