我的網(wǎng)頁(yè)設(shè)計(jì)之路我是在北京上學(xué)的一名學(xué)生，我念的是工業(yè)設(shè)計(jì)，大三那年我們我跟學(xué)兄學(xué)姐們一起去招聘會(huì)，在會(huì)場(chǎng)里，我很無(wú)奈的看著許多用人單位，但是卻沒(méi)有任何我能做的事，也沒(méi)有任何我想做的工作。那時(shí)候，我想自己創(chuàng)業(yè)……后來(lái)我跟同學(xué)開(kāi)了個(gè)小旅館，最后失敗了，我開(kāi)始有點(diǎn)為自己的前途擔(dān)心，畢竟畢業(yè)后不能沒(méi)個(gè)工作，還得讓家里養(yǎng)就不行了。 后來(lái)我就開(kāi)始學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)了，開(kāi)始學(xué)習(xí)的時(shí)候是很痛苦的，發(fā)現(xiàn)有許多信息都不懂，從最簡(jiǎn)單的html開(kāi)始，再css,再簡(jiǎn)單asp等，我就不斷地抄啊，寫(xiě)的，其實(shí)這個(gè)階段并不是最難的，也是最有成就感的時(shí)候。 在整個(gè)過(guò)程中，我用的主要軟件是DREAMWEAVER，不管您每天在做什么，只要您打開(kāi)這個(gè)軟件就行，掛著。我是一個(gè)比較笨的人。相信您要不了幾天就能學(xué)會(huì)的。 后來(lái)我開(kāi)始免費(fèi)給人家去打工（其實(shí)是因?yàn)楸仨毷钇趯?shí)習(xí)，找不到給錢(qián)的，嘻嘻）這樣就有壓力了，我覺(jué)得把以前的都串聯(lián)上了，進(jìn)步就快了， www.tile-making-machine.cn 就是這時(shí)候做的，這個(gè)網(wǎng)站當(dāng)時(shí)是自己做得效果圖，自己一步一步切得，后來(lái)公司開(kāi)始要求做seo,我又做了一些站，如 www.papaya-puree-machine.org.cn, 這個(gè)網(wǎng)站就是網(wǎng)上找的一個(gè)很垃圾的模板，自己一塊一塊改的，其實(shí)也挺費(fèi)勁的。 www.sanitary-napkin-machine.org.cn 這個(gè)網(wǎng)站就是我把兩種不同風(fēng)格的網(wǎng)站拼到一起，以上這三個(gè)網(wǎng)站就代表三種不同的設(shè)計(jì)方式和過(guò)程，大家可以參考以下，我現(xiàn)在還沒(méi)畢業(yè)，大家可以多多跟我交流溝通，當(dāng)然在整個(gè)設(shè)計(jì)過(guò)程中，有一個(gè)重中之重就是瀏覽器的兼容問(wèn)題。這是一個(gè)讓我無(wú)休止饒頭的問(wèn)題。（MSN:clima2010@live.cn） 有電腦的話當(dāng)然就沒(méi)必要買(mǎi)書(shū)了，網(wǎng)上有很多相關(guān)的教程，還得注重實(shí)踐。 相信自己就一直走下去。

一、注冊(cè)域名。1.登陸您要注冊(cè)域名網(wǎng)站，注冊(cè)一個(gè)用戶名. 2.登陸這個(gè)用戶名 3.查詢(xún)你要注冊(cè)對(duì)域名是否被人注冊(cè)。如果被人注冊(cè)另外起一個(gè) 4.如果你想注冊(cè)域名沒(méi)有被人注冊(cè)。你就可以進(jìn)行注冊(cè)了 5.填寫(xiě)一個(gè)域名注冊(cè)表單。表單提交后你的域名還沒(méi)有生效。只是提交一個(gè)訂單.交費(fèi)后你的域名就能正式生效（不同的域名是不同的價(jià)格） 6.把你的域名解析到服務(wù)器IP上 7.在服務(wù)器上綁定你的域名 8.把你的文件上傳到服務(wù)器上 9.大功告成，一會(huì)在地址欄輸入你注冊(cè)域名就可以看到你的網(wǎng)站了。二、虛擬主機(jī)選購(gòu)。服務(wù)器的穩(wěn)定性，空間打開(kāi)的速度，也是網(wǎng)站影響用戶的一個(gè)重要指標(biāo)。也會(huì)影響搜索引擎的抓取。建議選擇服務(wù)更穩(wěn)定、速度更快的服務(wù)器或者空間。選擇有影響力的大公司。千萬(wàn)不能貪取小的便宜選擇一些質(zhì)量地低劣的空間或者一些免費(fèi)的空間，那先空間開(kāi)始今天可以正常訪問(wèn)但是后來(lái)的話幾乎是上不了的。您聯(lián)系他們那個(gè)時(shí)候已經(jīng)找不到人了。選擇有實(shí)力的正規(guī)空間商。服務(wù)器和空間的穩(wěn)定性需要一定的技術(shù)來(lái)保障。一般的企業(yè)，可能無(wú)法保障提供良好的服務(wù)。一般的空間，都會(huì)有流量和連接數(shù)以及功能上的限制。根據(jù)用戶群選擇空間商地區(qū)。比如你的大多用戶都在北京，那么最好的是將空間選擇北京地區(qū)。因?yàn)橛脩艟W(wǎng)頁(yè)打開(kāi)速度在這方面也受影響。三、網(wǎng)頁(yè)制作。如果不想寫(xiě)代碼，或者要求不高的話，就可選用自助建站系統(tǒng)來(lái)制作網(wǎng)頁(yè)，很多自助建站是可視化編輯，添加模板安裝內(nèi)容即可！像華域資源建站寶盒包含上千套精美網(wǎng)站模板，上百種網(wǎng)站功能，網(wǎng)站簡(jiǎn)體中文版、繁體中文版、英文版同時(shí)支持，帶產(chǎn)品發(fā)布系統(tǒng)、新聞系統(tǒng)、會(huì)員系統(tǒng)、投票系統(tǒng)、廣告系統(tǒng)、招聘系統(tǒng)等動(dòng)態(tài)功能模塊，頁(yè)面隨意增加使用者無(wú)需任何專(zhuān)業(yè)知識(shí)，運(yùn)用瀏覽器，輕點(diǎn)鼠標(biāo)就能立即生成精美實(shí)用、功能強(qiáng)大的網(wǎng)站，非常適合中小企業(yè)自助建站。四、網(wǎng)頁(yè)制作好之后通過(guò)ftp上傳制作好的網(wǎng)頁(yè)！介紹一下ftp使用流程五、上傳之后域名做解析，空間做綁定，然后輸入網(wǎng)址就可以打開(kāi)了！

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

由于目前所見(jiàn)即所得類(lèi)型的工具越來(lái)越多，使用也越來(lái)越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫(xiě)一行行的源代碼那樣。一般初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來(lái)之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？ 常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(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)容大而全，包羅萬(wàn)象。 搜集材料，明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。 規(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)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。 選擇合適的制作工具，網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫(huà)制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 制作網(wǎng)頁(yè)，材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 上傳測(cè)試，網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。<proinsight-br>

首先，我們要根據(jù)客戶需求進(jìn)行整理、歸類(lèi)，形成網(wǎng)站欄目的樹(shù)狀列表用以清淅表達(dá)站點(diǎn)結(jié)構(gòu)，欄目的規(guī)劃要求寫(xiě)得詳細(xì)，具體為佳。然后我們以同樣的方法，來(lái)進(jìn)行二層欄目下的子欄目，對(duì)它進(jìn)行歸類(lèi)，并逐一確定每個(gè)二級(jí)分欄目的主頁(yè)面需要放哪些具體的東西，二級(jí)欄目下面的每個(gè)小欄目需要放哪些內(nèi)容，讓客戶及網(wǎng)站開(kāi)發(fā)人員能夠很清楚的了解本欄目的每個(gè)細(xì)節(jié)和欄目模塊功能。具體有以下幾項(xiàng)： 第一，欄目概述，其中包括欄目定位，欄目目的，服務(wù)對(duì)像，子欄目設(shè)置，首頁(yè)內(nèi)容，分頁(yè)內(nèi)容！這一部分起到一個(gè)索引的作用，讓用戶看起來(lái)能對(duì)欄目有一個(gè)大概的整體把握和了解。 第二，欄目詳情，欄目詳情就是把每一個(gè)子欄目的具體情況描述一下，其中包括到各個(gè)子欄目的名稱(chēng)，欄目的目的。（要去把子欄目的目的寫(xiě)清楚，在實(shí)際開(kāi)發(fā)過(guò)程中可與美工人員或技術(shù)人員詳細(xì)溝通） 第三，相關(guān)欄目，這一項(xiàng)是用以說(shuō)明本欄目和其它欄目之間的結(jié)合，溝通，之所以要有這一項(xiàng)是想通過(guò)各個(gè)欄目之間的聯(lián)系，來(lái)加強(qiáng)網(wǎng)站的整體性。 四、實(shí)施網(wǎng)站開(kāi)發(fā)中與相關(guān)開(kāi)發(fā)人員的交流協(xié)調(diào)：在各個(gè)欄目模塊功能確定的情況下，網(wǎng)站策劃人員需要做的工作就是讓頁(yè)面設(shè)計(jì)人員（或美工人員）根據(jù)《網(wǎng)站建設(shè)方案書(shū)》中欄目的劃分來(lái)設(shè)計(jì)網(wǎng)站的頁(yè)面，在這里要注意，網(wǎng)站策劃人員應(yīng)該把需要特殊處理的地方和頁(yè)面設(shè)計(jì)人員（或美工人員）講明！在設(shè)計(jì)網(wǎng)站頁(yè)面時(shí)頁(yè)面設(shè)計(jì)人員（或美工人員）一定要根據(jù)方案書(shū)中把每個(gè)欄目的具體位置和網(wǎng)站的整體風(fēng)格確定下來(lái)，為了讓網(wǎng)站有整體感，應(yīng)該在網(wǎng)頁(yè)中放置一些貫穿性的元素，最終要拿出至少二種不風(fēng)格的方案，每種方案應(yīng)該考慮到客戶企業(yè)的整體形象，與客戶企業(yè)的精神（或VI）相結(jié)合。 網(wǎng)站頁(yè)面設(shè)計(jì)完成下一步就是實(shí)現(xiàn)，由頁(yè)面設(shè)計(jì)人員（或美工人員）負(fù)責(zé)實(shí)現(xiàn)網(wǎng)頁(yè)，并制作成模版，交由技術(shù)開(kāi)發(fā)人員進(jìn)行模塊功能的實(shí)現(xiàn)。 網(wǎng)站頁(yè)面的設(shè)計(jì)和模塊功能的開(kāi)發(fā)應(yīng)該是同時(shí)進(jìn)行的，這如何統(tǒng)籌安排就是網(wǎng)站策劃人員一個(gè)比較重要的工作任務(wù)。在上面所講述的過(guò)程進(jìn)行的同時(shí)，網(wǎng)站的技術(shù)開(kāi)發(fā)人員應(yīng)該正是處于開(kāi)發(fā)程序的階段，如果實(shí)現(xiàn)的這個(gè)過(guò)程中出現(xiàn)什么問(wèn)題技術(shù)開(kāi)發(fā)應(yīng)和頁(yè)面設(shè)計(jì)人員（或美工人員）及時(shí)結(jié)合，以免程序開(kāi)發(fā)完成后發(fā)現(xiàn)問(wèn)題要進(jìn)行大規(guī)模的反工。 五、網(wǎng)站初步完成前的整合測(cè)試：接下來(lái)，當(dāng)兩邊的工作都完成以后，就是整合。網(wǎng)站策劃人員要統(tǒng)籌協(xié)調(diào)測(cè)試人員進(jìn)行內(nèi)部測(cè)試，測(cè)試完成，沒(méi)有問(wèn)題以后就可以交付客戶啦！ 六、網(wǎng)站項(xiàng)目開(kāi)發(fā)完成后的宣傳推廣：有些客戶要去在完成網(wǎng)站項(xiàng)目建設(shè)后進(jìn)行一系列的宣傳推廣，這時(shí)網(wǎng)站策劃人員可以根據(jù)自己能力（或與市場(chǎng)策劃人員和組）制定一系列網(wǎng)站宣傳推廣工作并加以實(shí)施。

A — AJAXAJAX 全稱(chēng)為“ Asynchronous JavaScript and XML ”（異步 JavaScript 和 XML ），是一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的 網(wǎng)頁(yè)開(kāi)發(fā) 技術(shù)。根據(jù)Ajax提出者Jesse James Garrett建議，AJAX：使用 XHTML + CSS 來(lái)表示信息；使用 JavaScript 操作 DOM （Document Object Model）進(jìn)行動(dòng)態(tài)顯示及交互；使用 XML 和 XSLT 進(jìn)行數(shù)據(jù)交換及相關(guān)操作；使用 XMLHttpRequest 對(duì)象與 Web服務(wù)器 進(jìn)行異步數(shù)據(jù)交換；使用 JavaScript 將所有的東西綁定在一起。類(lèi)似于 DHTML 或 LAMP ，AJAX不是指一種單一的技術(shù)，而是有機(jī)地利用了一系列相關(guān)的技術(shù)。事實(shí)上，一些基于AJAX的“派生／合成”式（derivative/composite）的技術(shù)正在出現(xiàn)，如 AFLAX 。B — Browser網(wǎng)頁(yè)瀏覽器 是個(gè)顯示 網(wǎng)頁(yè)服務(wù)器 或文件系統(tǒng)內(nèi)的文件，并讓用戶與此些文件交互的一種 軟件 。它用來(lái)顯示在 萬(wàn)維網(wǎng) 或 局域網(wǎng) 等內(nèi)的文字、圖像及其他信息。這些文字或圖像，可以是連接其他網(wǎng)址的超連結(jié)，用戶可迅速及輕易地瀏覽各種信息。大部分網(wǎng)頁(yè)為 HTML 格式，有些網(wǎng)頁(yè)需特定瀏覽器才能正確顯示。 個(gè)人電腦 上常見(jiàn)的網(wǎng)頁(yè)瀏覽器按照2010年1月的市場(chǎng)占有率依次是 微軟 的 Internet Explorer 、 Mozilla 的 Firefox 、 Google 的 Google Chrome 、 蘋(píng)果公司 的 Safari 和 Opera軟件公司 的 Opera 。瀏覽器是最經(jīng)常使用到的 客戶端程序 。Web開(kāi)發(fā)人員應(yīng)該確保其程序在各個(gè)主流瀏覽器中都能正常工作。C — CSS層疊樣式表， 又稱(chēng)： 串樣式列表 ，英文： Cascading Style Sheets ，簡(jiǎn)寫(xiě)為 CSS ，由 W3C 定義和維護(hù)的標(biāo)準(zhǔn)，一種用來(lái)為結(jié)構(gòu)化文檔（如 HTML 文檔或 XML 應(yīng)用）添加樣式（字體、間距和顏色等）的 計(jì)算機(jī)語(yǔ)言 。目前最新版本是 CSS 2.1，為W3C的候選推薦標(biāo)準(zhǔn)。下一版本CSS 3仍然在開(kāi)發(fā)過(guò)程中。D — DOM文檔對(duì)象模型 （Document Object Model，簡(jiǎn)稱(chēng)DOM），是 W3C 組織推薦的處理 可擴(kuò)展置標(biāo)語(yǔ)言 的標(biāo)準(zhǔn)編程接口。Document Object Model的歷史可以追溯至1990年代后期微軟與 Netscape 的“ 瀏覽器大戰(zhàn) ”（browser wars），雙方為了在 JavaScript 與 JScript 一決生死，于是大規(guī)模的賦予瀏覽器強(qiáng)大的功能。微軟在網(wǎng)頁(yè)技術(shù)上加入了不少專(zhuān)屬事物，計(jì)有VBScript、ActiveX、以及微軟自家的D HTML 格式等，使不少網(wǎng)頁(yè)使用非微軟平臺(tái)及瀏覽器無(wú)法正常顯示。DOM即是當(dāng)時(shí)蘊(yùn)釀出來(lái)的杰作。E — Events事件 是可以被控件識(shí)別的操作，如按下確定按鈕，選擇某個(gè) 單選按鈕 或者 復(fù)選框 。每一種控件有自己可以識(shí)別的事件，如 窗體 的加載、單擊、雙擊等事件，編輯框(文本框)的文本改變事，等等，現(xiàn)代的Web應(yīng)用程序很大程度上依靠事件驅(qū)動(dòng)。事件有系統(tǒng)事件和用戶事件。系統(tǒng)事件由系統(tǒng)激發(fā)，如時(shí)間每隔24小時(shí)，銀行儲(chǔ)戶的存款日期增加一天。用戶事件由用戶激發(fā)，如用戶點(diǎn)擊按鈕，在文本框中顯示特定的文本。 事件驅(qū)動(dòng) 控件執(zhí)行某項(xiàng)功能。觸發(fā)事件的對(duì)象稱(chēng)為事件發(fā)送者；接收事件的對(duì)象稱(chēng)為事件接收者。使用事件機(jī)制可以實(shí)現(xiàn)：當(dāng)類(lèi)對(duì)象的某個(gè)狀態(tài)發(fā)生變化時(shí)，系統(tǒng)將會(huì)通過(guò)某種途徑調(diào)用類(lèi)中的有關(guān)處理這個(gè)事件的方法或者觸發(fā)控件事件的對(duì)象就會(huì)調(diào)用該控件所有已注冊(cè)的事件處理程序等。F — FirebugFirebug 是 網(wǎng)頁(yè)瀏覽器 Mozilla Firefox 的一個(gè)擴(kuò)展，是一個(gè)除錯(cuò)工具。用戶可以利用它除錯(cuò)、編輯、甚至刪改任何網(wǎng)站的 CSS 、 HTML 、 DOM 、與 JavaScript 代碼。Firebug 也有提供其他網(wǎng)頁(yè)開(kāi)發(fā)工具，例如 Yahoo! 的網(wǎng)頁(yè)速度優(yōu)化建議工具 YSlow 。Firebug是哈維（ Joe Hewitt ）撰寫(xiě)的。他是最初Firefox創(chuàng)始者之一。G — Grid網(wǎng)格 ，也稱(chēng) 柵格 ，不過(guò)從定義上說(shuō)，柵格更為準(zhǔn)確些。網(wǎng)上找個(gè)一個(gè)對(duì)網(wǎng)頁(yè)柵格系統(tǒng)比較恰當(dāng)?shù)?定義 ：以規(guī)則的網(wǎng)格陣列來(lái)指導(dǎo)和規(guī)范網(wǎng)頁(yè)中的版面布局以及信息分布。網(wǎng)頁(yè)柵格系統(tǒng)是從平面柵格系統(tǒng)中發(fā)展而來(lái)。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，柵格系統(tǒng)的使用，不僅可以讓網(wǎng)頁(yè)的信息呈現(xiàn)更加美觀易讀，更具可用性。而且，對(duì)于前端開(kāi)發(fā)來(lái)說(shuō)，網(wǎng)頁(yè)將更加的靈活與規(guī)范。如果有很多CSS框架支持柵格功能，可參考文章《 介紹27款經(jīng)典的CSS框架 》。H — HTML超文本置標(biāo)語(yǔ)言 （ 英文 ： HyperText Markup Language ， HTML ）是為“ 網(wǎng)頁(yè) 創(chuàng)建和其它可在 網(wǎng)頁(yè)瀏覽器 中看到的信息”設(shè)計(jì)的一種 置標(biāo)語(yǔ)言 。HTML被用來(lái)結(jié)構(gòu)化信息——例如標(biāo)題、段落和列表等等，也可用來(lái)在一定程度上描述文檔的外觀和 語(yǔ)義 。由 蒂姆·伯納斯-李 給出原始定義，由 IETF 用簡(jiǎn)化的 SGML （標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言）語(yǔ)法進(jìn)行進(jìn)一步發(fā)展的HTML，后來(lái)成為國(guó)際標(biāo)準(zhǔn)，由 萬(wàn)維網(wǎng)聯(lián)盟 （W3C）維護(hù)。最新版本是 HTML5 它是HTML下一個(gè)的主要修訂版本，現(xiàn)在仍處于發(fā)展階段。目標(biāo)是取代1999年所定訂的 HTML 4.01和 XHTML 1.0 標(biāo)準(zhǔn)，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求。廣義論及HTML5時(shí)，實(shí)際指的是包括HTML、 CSS 和 JavaScript 在內(nèi)的一套技術(shù)組合。I — IEWindows Internet Explorer （舊稱(chēng) Microsoft Internet Explorer ，簡(jiǎn)稱(chēng) Internet Explorer ，縮寫(xiě) IE ），是 微軟公司 推出的一款 網(wǎng)頁(yè)瀏覽器 。截至2010年9月止，統(tǒng)計(jì)的數(shù)據(jù)顯示Internet Explorer的 市場(chǎng)占有率 高達(dá)59.65%。雖然它依然是使用最廣泛的網(wǎng)頁(yè)瀏覽器，但與 2003年 最高峰時(shí)相比，市場(chǎng)占有率相差超過(guò)30%。Internet Explorer對(duì)一些標(biāo)準(zhǔn)化技術(shù)都有一定程度上的支持，但亦有很多運(yùn)行上的差距和兼容性的故障 ，這導(dǎo)致技術(shù)開(kāi)發(fā)者的批評(píng)日益增加。批評(píng)增加的情況，在很大程度上是歸因于Internet Explorer的競(jìng)爭(zhēng)對(duì)手相對(duì)地已提供完全的技術(shù)支持，標(biāo)準(zhǔn)規(guī)格（Standards-compliant）的應(yīng)用亦越來(lái)越廣泛起來(lái)。因?yàn)镮nternet Explorer在全球廣為應(yīng)用，網(wǎng)絡(luò)開(kāi)發(fā)者們?cè)趯で?跨平臺(tái) 的代碼時(shí)常常會(huì)發(fā)現(xiàn)Internet Explorer的漏洞、私有的功能集合和對(duì)標(biāo)準(zhǔn)支持的不完善。2011年3月14日發(fā)布的Internet Explorer 9瀏覽器大幅提高對(duì)CSS3和HTML5等W3C規(guī)范的支持程度，這個(gè)版本也是Internet Explorer瀏覽器第一個(gè)采用GPU加速的版本，正式版于Acid3測(cè)試中獲得95/100分，相比以往版本有很大進(jìn)步。可以認(rèn)為，從Internet Explorer 9開(kāi)始，Internet Explorer瀏覽器對(duì)W3C規(guī)范的支持將不再是問(wèn)題。J — JavaScriptJavaScript 是一種廣泛用于 客戶端 Web開(kāi)發(fā) 的 腳本語(yǔ)言 ，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。它最初由 網(wǎng)景公司 的 Brendan Eich 設(shè)計(jì)，是一種動(dòng)態(tài)、弱類(lèi)型、基于原型的語(yǔ)言，內(nèi)置支持類(lèi)。JavaScript是 Sun公司 的注冊(cè)商標(biāo)。 Ecma國(guó)際 以JavaScript為基礎(chǔ)制定了 ECMAScript 標(biāo)準(zhǔn)。JavaScript也可以用于其他場(chǎng)合，如服務(wù)器端編程。完整的JavaScript實(shí)現(xiàn)包含三個(gè)部分： ECMAScript ， 文檔對(duì)象模型 ， 字節(jié)順序記號(hào) 。Netscape公司在最初將其腳本語(yǔ)言命名為L(zhǎng)iveScript來(lái)Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受 Java 啟發(fā)而開(kāi)始設(shè)計(jì)的，目的之一就是“看上去像Java”，因此語(yǔ)法上有類(lèi)似之處，一些名稱(chēng)和命名規(guī)范也借自Java。但JavaScript的主要設(shè)計(jì)原則源自 Self 和 Scheme .JavaScript與Java名稱(chēng)上的近似，是當(dāng)時(shí)網(wǎng)景為了營(yíng)銷(xiāo)考慮與Sun公司達(dá)成協(xié)議的結(jié)果。為了取得技術(shù)優(yōu)勢(shì)， 微軟 推出了 JScript 來(lái)迎戰(zhàn)JavaScript的 腳本語(yǔ)言 。為了互用性， Ecma國(guó)際 （前身為 歐洲計(jì)算機(jī)制造商協(xié)會(huì) ）創(chuàng)建了ECMA-262標(biāo)準(zhǔn)（ECMAScript）?，F(xiàn)在兩者都屬于 ECMAScript 的實(shí)現(xiàn)。盡管JavaScript作為給非程序人員的 腳本語(yǔ)言 ，而非作為給程序人員的 編程語(yǔ)言 來(lái)推廣和宣傳，但是JavaScript具有非常豐富的特性。K — Keyword Optimization關(guān)鍵詞優(yōu)化 ，也叫 搜索引擎優(yōu)化 （ Search Engine Optimization ，簡(jiǎn)稱(chēng) SEO ）是一種利用 搜索引擎 的搜索規(guī)則來(lái)提高目的 網(wǎng)站 在有關(guān)搜索引擎內(nèi)的排名的方式。由于不少研究發(fā)現(xiàn)，搜索引擎的用戶往往只會(huì)留意搜索結(jié)果最前面的幾個(gè)條目，所以不少 網(wǎng)站 都希望通過(guò)各種形式來(lái)影響搜索引擎的排序。當(dāng)中尤以各種依靠廣告維生的網(wǎng)站為甚。所謂“針對(duì)搜索引擎作優(yōu)化的處理”，是指為了要讓網(wǎng)站更容易被搜索引擎接受。搜索引擎會(huì)將網(wǎng)站彼此間的內(nèi)容做一些相關(guān)性的數(shù)據(jù)比對(duì)，然后再由 瀏覽器 將這些內(nèi)容以最快速且接近最完整的方式，體現(xiàn)給搜索者。搜索引擎優(yōu)化對(duì)于任何一家網(wǎng)站來(lái)說(shuō)，要想在網(wǎng)站推廣中取得成功，搜索引擎優(yōu)化都是至為關(guān)鍵的一項(xiàng)任務(wù)。同時(shí)，隨著搜索引擎不斷變換它們的排名算法規(guī)則，每次算法上的改變都會(huì)讓一些排名很好的網(wǎng)站在一夜之間名落孫山，而失去排名的直接后果就是失去了網(wǎng)站固有的可觀訪問(wèn)量。所以每次搜索引擎算法的改變都會(huì)在網(wǎng)站之中引起不小的騷動(dòng)和焦慮?？梢哉f(shuō)，搜索引擎優(yōu)化是一個(gè)愈來(lái)愈復(fù)雜的任務(wù)。L — LessLess 最早是一個(gè)ruby的gem，讓CSS具有動(dòng)態(tài)語(yǔ)言的特性，這些特性包括變量，操作符，嵌套規(guī)則。其實(shí)Less真正的作用是將使用高級(jí)特性的CSS轉(zhuǎn)換成標(biāo)準(zhǔn)的CSS。這些都是在Web客戶端發(fā)起請(qǐng)求時(shí)通過(guò)Http Handler來(lái)完成的。也可以是編輯時(shí)就完成的。此外，Less可以配置成自動(dòng)最小化所生成的CSS文件，不僅節(jié)省了帶寬，并且使最終用戶體驗(yàn)更上一層。另外有.Net版本的 Less 。M — MVCMVC模式 （Model-View-Controller）是 軟件工程 中的一種 軟件架構(gòu) 模式，把軟件系統(tǒng)分為三個(gè)基本部分：模型（Model）、視圖（View）和控制器（Controller）。MVC模式最早由 Trygve Reenskaug 在1974年提出，是 施樂(lè)帕羅奧多研究中心 （Xerox PARC）在20世紀(jì)80年代為程序語(yǔ)言 Smalltalk 發(fā)明的一種軟件設(shè)計(jì)模式。 MVC模式 的目的是實(shí)現(xiàn)一種動(dòng)態(tài)的程序設(shè)計(jì)，使后續(xù)對(duì)程序的修改和擴(kuò)展簡(jiǎn)化，并且使程序某一部分的重復(fù)利用成為可能。除此之外，此模式通過(guò)對(duì)復(fù)雜度的簡(jiǎn)化，使程序結(jié)構(gòu)更加直觀。軟件系統(tǒng)通過(guò)對(duì)自身基本部份分離的同時(shí)也賦予了各個(gè)基本部分應(yīng)有的功能。N — Node.JSNode 是一個(gè)Javascript運(yùn)行環(huán)境(runtime) ， 實(shí)際上它是對(duì)Google V8 引擎（應(yīng)用于Google Chrome瀏覽器)進(jìn)行了封裝。 V8 引 擎執(zhí)行Javascript的速度非常快，性能非常好。Node對(duì)一些特殊用例進(jìn)行了優(yōu)化，提供了替代的API，使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。例 如，在服務(wù)器環(huán)境中，處理二進(jìn)制數(shù)據(jù)通常是必不可少的，但Javascript對(duì)此支持不足，因此，V8.Node增加了Buffer類(lèi)，方便并且高效地 處理二進(jìn)制數(shù)據(jù)。因此，Node不僅僅簡(jiǎn)單的使用了V8,還對(duì)其進(jìn)行了優(yōu)化，使其在各環(huán)境下更加給力。 Node.js 包羅萬(wàn)象，但最主要的一點(diǎn)是，它提供了一種在Web瀏覽器之外運(yùn)行Javascript的途徑。Javascript廣泛應(yīng)用于網(wǎng)站的前端開(kāi)發(fā)。Node使得這種流行的編程語(yǔ)言能夠在環(huán)境下運(yùn)行，甚至是網(wǎng)站的服務(wù)器端。O — Object對(duì)象 （object），是 面向?qū)ο?(Object Oriented) 中的術(shù)語(yǔ)，既表示客觀世界 問(wèn)題空間 (Namespace)中的某個(gè)具體的事物，又表示軟件系統(tǒng) 解空間 中的基本元素。在軟件系統(tǒng)中，對(duì)象具有唯一的 標(biāo)識(shí)符 ，對(duì)象包括 屬性 (Properties)和 方法 (Methods)，屬性就是需要記憶的信息，方法就是對(duì)象能夠提供的服務(wù)。在面向?qū)ο?Object Oriented) 的軟件中，對(duì)象(Object)是某一個(gè) 類(lèi) (Class)的 實(shí)例 (Instance)。P — PHPPHP （ H ypertext P reprocessor ）是一種在電腦上運(yùn)行的 腳本語(yǔ)言 ，主要用途是在于處理 動(dòng)態(tài)網(wǎng)頁(yè) ，也包含了 命令行 運(yùn)行接口（command line interface），或者產(chǎn)生 圖形用戶界面 （GUI）程序。PHP最早由 Rasmus Lerdorf 在1995年發(fā)明，而現(xiàn)在PHP的標(biāo)準(zhǔn)由PHP Group和開(kāi)放源代碼社區(qū)維護(hù)。PHP以PHP License作為許可協(xié)議，不過(guò)因?yàn)檫@個(gè)協(xié)議限制了PHP名稱(chēng)的使用，所以和開(kāi)放源代碼許可協(xié)議 GPL 不兼容。PHP的應(yīng)用范圍相當(dāng)廣泛，尤其是在網(wǎng)頁(yè)程序的開(kāi)發(fā)上。一般來(lái)說(shuō)PHP大多運(yùn)行在網(wǎng)頁(yè)服務(wù)器上，通過(guò)運(yùn)行PHP代碼來(lái)產(chǎn)生用戶瀏覽的網(wǎng)頁(yè)。PHP可以在多數(shù)的服務(wù)器和操作系統(tǒng)上運(yùn)行，而且使用PHP完全是免費(fèi)的。根據(jù)2007年4月的統(tǒng)計(jì)數(shù)據(jù)，PHP已經(jīng)被安裝在超過(guò)2000萬(wàn)個(gè)網(wǎng)站和100萬(wàn)臺(tái)服務(wù)器上。Q — Query查詢(xún) ，有很多種意思。例如查詢(xún)語(yǔ)言用來(lái)和存儲(chǔ)數(shù)據(jù)的擴(kuò)展系統(tǒng)交互，一個(gè)很好的例子就是SQL用來(lái)操作關(guān)系數(shù)據(jù)庫(kù)。另一種意思是，一個(gè)查詢(xún)字符串，作為URL的一部分用于Web應(yīng)用程序中傳遞數(shù)據(jù)，查詢(xún)字符串的格式一般是鍵值對(duì)形式。R — Regular Expressions正則表達(dá)式 （ 英語(yǔ) ：Regular Expression、regex或regexp，縮寫(xiě)為RE），也譯為 正規(guī)表示法 、 常規(guī)表示法 ，在 計(jì)算機(jī)科學(xué) 中，是指一個(gè)用來(lái)描述或者匹配一系列符合某個(gè) 句法 規(guī)則的 字符串 的單個(gè)字符串。在很多 文本編輯器 或其他工具里，正則表達(dá)式通常被用來(lái)檢索和/或替換那些符合某個(gè)模式的文本內(nèi)容。許多 程序設(shè)計(jì)語(yǔ)言 都支持利用正則表達(dá)式進(jìn)行字符串操作。例如，在 Perl 中就內(nèi)建了一個(gè)功能強(qiáng)大的正則表達(dá)式引擎。正則表達(dá)式這個(gè)概念最初是由 Unix 中的工具軟件（例如 sed 和 grep ）普及開(kāi)的。S — Source Control源代碼管理 ，也稱(chēng) 版本控制 ，是一種 軟件工程 技巧，借此能在軟件開(kāi)發(fā)的過(guò)程中，確保由不同人所編輯的同一程式檔案都得到同步。 軟件設(shè)計(jì)師 常會(huì)利用版本控制來(lái)追蹤、維護(hù) 源碼 、 文件 以及 設(shè)定檔 等等的更動(dòng)，并且提供控制這些更動(dòng)控制權(quán)的 程序 。在最簡(jiǎn)單的情況下， 軟件設(shè)計(jì)師 可以自己保留一個(gè)程式的許多不同版本，并且為它們做適當(dāng)?shù)木幪?hào)。這種簡(jiǎn)單的方法已被用在很多大型的軟件專(zhuān)案中。這是一個(gè)可以達(dá)到目的的方法，但不夠有效率。除了得同時(shí)維護(hù)很多幾乎一樣的 程式碼 備份外；而且極度依賴(lài) 軟件設(shè)計(jì)師 的自我修養(yǎng)與開(kāi)發(fā)紀(jì)律，但這卻常是導(dǎo)致錯(cuò)誤發(fā)生的原因。有時(shí)候，一個(gè)程式同時(shí)存有兩個(gè)以上的版本也有其必要性，例如：在一個(gè)為了部署的版本中 程式錯(cuò)誤 已經(jīng)被修正、但沒(méi)有加入新功能；在另一個(gè)開(kāi)發(fā)版本則有新的功能正在開(kāi)發(fā)、也有新的錯(cuò)誤待解決，這使得同時(shí)間需要不同的版本并修改。此外，為了找出只存在于某一特定版本中的 程式錯(cuò)誤 、或找出 程式錯(cuò)誤 出現(xiàn)的版本，軟件除錯(cuò)者也必須借由比對(duì)不同版本的程式碼以找出問(wèn)題的位置。T — TDD測(cè)試驅(qū)動(dòng)開(kāi)發(fā) （Test-driven development）是現(xiàn)代計(jì)算機(jī) 軟件開(kāi)發(fā) 方法的一種。利用 測(cè)試 來(lái)驅(qū)動(dòng) 軟件 程序的設(shè)計(jì)和實(shí)現(xiàn)。測(cè)試驅(qū)動(dòng)開(kāi)始流行于20世紀(jì)90年代。測(cè)試驅(qū)動(dòng)開(kāi)發(fā)是 極限編程 中倡導(dǎo)的程序開(kāi)發(fā)方法，方法主要是先寫(xiě)測(cè)試程序，然后再編碼使其通過(guò)測(cè)試。測(cè)試驅(qū)動(dòng)開(kāi)發(fā)的目的是取得快速反饋并使用“illustrate the main line”方法來(lái)構(gòu)建程序。測(cè)試驅(qū)動(dòng)開(kāi)發(fā)的比喻。開(kāi)發(fā)可以從兩個(gè)方面去看待：實(shí)現(xiàn)的功能和質(zhì)量。測(cè)試驅(qū)動(dòng)開(kāi)發(fā)更像兩頂帽子思考法的開(kāi)發(fā)方式，先戴上實(shí)現(xiàn)功能的帽子，在測(cè)試的輔助下，快速實(shí)現(xiàn)正確的功能；再戴上 重構(gòu) 的帽子，在測(cè)試的保護(hù)下，通過(guò)去除冗余和重復(fù)的代碼，提高代碼重用性，實(shí)現(xiàn)對(duì)質(zhì)量的改進(jìn)。可見(jiàn)測(cè)試在測(cè)試驅(qū)動(dòng)開(kāi)發(fā)中確實(shí)屬于核心地位，貫穿了開(kāi)發(fā)的始終。U — Unit Testing單元測(cè)試 （又稱(chēng)為 模塊測(cè)試 ）是針對(duì) 程序模塊 ( 軟件設(shè)計(jì) 的最小單位)來(lái)進(jìn)行正確性檢驗(yàn)的測(cè)試工作。程序單元是應(yīng)用的最小可測(cè)試部件。在 過(guò)程化編程 中，一個(gè)單元就是單個(gè)程序、函數(shù)、過(guò)程等；對(duì)于面向?qū)ο缶幊?，最小單元就是方法，包括基?lèi)（超類(lèi)）、抽象類(lèi)、或者派生類(lèi)（子類(lèi)）中的方法。通常來(lái)說(shuō)，程序員每修改一次程序就會(huì)進(jìn)行最少一次單元測(cè)試，在編寫(xiě)程序的過(guò)程中前后很可能要進(jìn)行多次單元測(cè)試，以證實(shí)程序達(dá)到 軟件規(guī)格書(shū) ( en:Specification )要求的工作目標(biāo)，沒(méi)有 臭蟲(chóng) ；雖然單元測(cè)試不是什么必須的，但也不壞，這牽涉到 項(xiàng)目管理 的政策決定。V — VIMVim 是從 vi 發(fā)展出來(lái)的一個(gè) 文本編輯器 。代碼補(bǔ)完、編譯及錯(cuò)誤跳轉(zhuǎn)等方便編程的功能特別豐富，在程序員中被廣泛使用。和 Emacs 并列成為 類(lèi)Unix系統(tǒng) 用戶最喜歡的編輯器。Vim的第一個(gè)版本由 Bram Moolenaar 在1991年發(fā)布。最初的簡(jiǎn)稱(chēng)是 V i IM itation，隨著功能的不斷增加，正式名稱(chēng)改成了 V i IM proved。現(xiàn)在是在 開(kāi)放源代碼 方式下發(fā)行的 自由軟件 。W — WordPressWordPress 是一種使用 PHP 語(yǔ)言開(kāi)發(fā)的 博客 平臺(tái)，用戶可以在支持 PHP 和 MySQL 數(shù)據(jù)庫(kù) 的服務(wù)器上架設(shè)自己的網(wǎng)志。也可以把 WordPress 當(dāng)作一個(gè) 內(nèi)容管理系統(tǒng) （CMS）來(lái)使用。WordPress 是一個(gè)免費(fèi)的 開(kāi)源 項(xiàng)目，在 GNU通用公共許可證 下授權(quán)發(fā)布。目前最新版本為2011年2月24日發(fā)布的3.0.5官方簡(jiǎn)體中文版，另外還有包括英文在內(nèi)的多種語(yǔ)言可選。X — XSS跨網(wǎng)站指令碼 （ Cross-site scripting ，通常簡(jiǎn)稱(chēng)為 XSS ）是一種網(wǎng)站應(yīng)用程式的安全漏洞攻擊，允許惡意使用者將程式碼注入到網(wǎng)頁(yè)上，其他使用者在觀看網(wǎng)頁(yè)時(shí)就會(huì)受到影響。這類(lèi)攻擊通常包含了 HTML 以及使用者端 腳本語(yǔ)言 。Y — YUIYahoo! UI Library ( YUI ) 是一個(gè)開(kāi)放源代碼的 JavaScript 函數(shù)庫(kù)，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁(yè)，它采用了 AJAX ， DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。Z — Z indexZ-Index 是CSS屬性，設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。該屬性設(shè)置一個(gè)定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區(qū)的軸。如果為正數(shù)，則離用戶更近，為負(fù)數(shù)則表示離用戶更遠(yuǎn)。

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