模板自助建站或者代寫源碼建站有點區(qū)別，根據(jù)需求選擇：自助建站是在一個基礎(chǔ)平臺上，以固有的模板配置，來進(jìn)行選擇，是選擇固有的模式。而網(wǎng)站公司手工做的網(wǎng)站，是可以有私人訂制的部分，無論哪里或有什么功能都可以先行協(xié)商，落實后進(jìn)行。綜合來講，各有優(yōu)勢，在基本企業(yè)網(wǎng)站的基礎(chǔ)上，自助建站也是非常不錯的。現(xiàn)在的自助建站系統(tǒng)，好的模式更加強(qiáng)大，包含PC電腦站+手機(jī)站+APP端+微信公眾平臺整合，完整的各方位包含，而這些所有功能，在一個后臺統(tǒng)一管理，非常方便。

制作個人網(wǎng)站的流程如下：寫網(wǎng)站模版，首頁，內(nèi)容頁，列表頁等等的模版寫好。根據(jù)不同的CMS系統(tǒng)（網(wǎng)站后臺）在模版中調(diào)用數(shù)據(jù)。在服務(wù)器中測試各種瀏覽器的兼容性。購買域名和服務(wù)器。上線運營。

網(wǎng)站制作軟件包括： 一、菜鳥級網(wǎng)頁制作軟件 如果你是一個網(wǎng)頁制作初學(xué)者，那么讓FrontPage帶你走進(jìn)那絢麗多彩的網(wǎng)頁制作世界吧！ ①Microsoft FrontPage 如果你曾對Word很熟悉，那么相信你用FrontPage進(jìn)行網(wǎng)頁設(shè)計一定會非常順手。使用FrontPage制作網(wǎng)頁，你能真正體會到“功能強(qiáng)大，簡單易用”的含義。頁面制作由FrontPage中的Editor完成，其工作窗口由3個標(biāo)簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁和預(yù)覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁時感到更加方便。 二、中級網(wǎng)頁制作軟件 如果你對網(wǎng)頁設(shè)計已經(jīng)有了一定的基礎(chǔ)，對HTML腳本語言又有一定的了解，那么DreamWeaver是你不二的選擇。 ①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代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習(xí)慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴(kuò)展它的功能。 ②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具有十分強(qiáng)大的動畫功能和一個幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁及圖片！ ③Flash，讓你的網(wǎng)頁動起來 Flash是用在互聯(lián)網(wǎng)上動態(tài)的、可互動的shockwave。它的優(yōu)點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待?？梢杂闷渖蓜赢嫞€可在網(wǎng)頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進(jìn)行編程，但用其內(nèi)置的語句并結(jié)合 JavaScripe，您也可做出互動性很強(qiáng)的主頁來。有人曾經(jīng)說過：下個世紀(jì)的網(wǎng)絡(luò)設(shè)計人不會用FLASH，必將被淘汰出局！這句話在2012年之前應(yīng)該說是對的，不過隨著html5和css3技術(shù)的發(fā)展，加上智能手機(jī)基本都不支持flash了，所以Flash的光彩已經(jīng)不如當(dāng)年了，但是這不妨礙我們學(xué)習(xí)了解它。 三、高級網(wǎng)頁制作軟件如果你要成為一個專業(yè)網(wǎng)站制作人員，那么有必須會一門網(wǎng)站開發(fā)語言，為什么呢？？我們發(fā)現(xiàn)沒有，很多網(wǎng)站有留言功能，有會員注冊，登陸等功能，這些功能可以保存用戶的數(shù)據(jù)，資料，這就是通過編程技術(shù)實現(xiàn)的。網(wǎng)站主流編程語言有asp、php和asp.net,其中asp微軟停止更新支持了，不建議學(xué)，php或asp.net是現(xiàn)在主流的編程語言，小編我學(xué)的是asp.net，當(dāng)然php也很流行，大家可以自己百度了解一下這兩個語言區(qū)別，挑一個來學(xué)習(xí)就可以了，不用兩個都學(xué)，學(xué)好一個就夠了。為什么還要要有一個高級網(wǎng)頁制作軟件呢？比如我們開發(fā)asp.net，高手一般都是用計事本來編寫，然后保存為aspx頁面，但是對于新手來說，建議用一個編程軟件，這些軟件可以有很強(qiáng)的提示功能，比如你語法寫錯，會提示你，這樣可以更好學(xué)習(xí)和提高，下面介紹開發(fā)asp.net軟件。 ①Microsoft Visual Studio 該系列的版本有：2003、2005、2008和未來的版本；是美國微軟公司的開發(fā)工具包系列產(chǎn)品。 這款軟件主要用來進(jìn)行asp.net編程，就是制作aspx動態(tài)頁面，可以讓你在編寫asp.net代碼時候提高效率。如果你要從事網(wǎng)站制作這個行業(yè)，上面說到的幾款軟件和腳本（html,css，javascript)，編程知識(php或asp.net)都必須去學(xué)習(xí)，尤其是腳本和編程必須學(xué)精。

　　對于網(wǎng)站制作者來說，了解常用的網(wǎng)頁制作軟件及功能是必備之基礎(chǔ)，但是對于初學(xué)者來說，往往顯得還不明確，下面就為大家介紹幾款常用的網(wǎng)頁制作軟件，通過分析其優(yōu)缺點，以便方便大家根據(jù)需要來選擇?！　》椒?步驟:　　1、最簡單的網(wǎng)頁制作軟件：其實我們完全可以利用辦公軟件來設(shè)計網(wǎng)頁，只要網(wǎng)頁內(nèi)容不太復(fù)雜或只涉及靜態(tài)網(wǎng)頁部分時，我們只需要利用辦公軟件即可快速生成網(wǎng)頁。具體做法，首先設(shè)計好頁面，然后另存為網(wǎng)頁格式即可。　　2、Microsoft FrontPage,是一款輕量級靜態(tài)網(wǎng)頁制作軟件，特別適合新手開發(fā)靜態(tài)網(wǎng)站的需要，目前該應(yīng)用很少用于制作網(wǎng)頁?！　?、Dreamweaver網(wǎng)頁制作軟件，該軟件已成為專業(yè)級網(wǎng)頁制作程序，支持HTML、CSS、PHP、JSP以及ASP等眾多腳本語言的語法著色顯示，同時提供了模板套用功能，支持一鍵式生成網(wǎng)頁框架功能。是初學(xué)者或?qū)I(yè)級網(wǎng)站開發(fā)人員必備之選擇工具?！　?、CSS Design:一款適合對CSS對進(jìn)調(diào)試的專業(yè)級應(yīng)用，能夠?qū)SS語法進(jìn)行著色，同時支持即時查看樣式功能，特別方便程序的調(diào)試以及效果的比對?！　?、Flash動畫制作軟件：動畫或動態(tài)圖片是網(wǎng)頁的重要組成部分，充分合理的使用Flash程序來設(shè)計網(wǎng)頁元素，往往可達(dá)到意想不到的效果。　　6、PS（Photoshop）圖像處理軟件：用于對網(wǎng)頁圖片進(jìn)行潤色或特殊效果處理，是一款網(wǎng)頁制作必備之軟件。

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

　　首先最基本的應(yīng)該從C語言和C+開始：　　然后是網(wǎng)頁制作的一個參考：　　1.HTML、CSS 、JAVASCRIPT這3個就足夠了。html是主體結(jié)構(gòu)，css控制樣式，javascript控制動作，你學(xué)會上邊3個用DREAMWEAR做網(wǎng)頁完全沒問題?！　?.主要是ps。其實網(wǎng)頁制作用的的是Fireworks，還有flash，結(jié)合的話，DREAMWEAR本身就能做到不需要其他的。　　3.網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash這3個軟件。純靜態(tài)的網(wǎng)頁的話HTML、CSS、JAVASCRIPT這3個足夠了?！　? .HTML、CSS、JAVASCRIPT、xml然后就是動態(tài)網(wǎng)頁的部分了php、asp、jsp三選一，如果你沒學(xué)過編程的話，推薦php這個最簡單，用的最多，適合小型網(wǎng)站的建設(shè)?！　?

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

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

兩者概念上是一樣的；網(wǎng)站建設(shè)比起網(wǎng)站設(shè)計有局限性，更傾向于程序或模板的建站，而網(wǎng)站設(shè)計這么理解，它的定義更廣一些。網(wǎng)站建設(shè)是指使用標(biāo)識語言(markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片(GIF，JPEG，PNG)和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。而更復(fù)雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行，同樣地它們亦需要標(biāo)示語言移植在網(wǎng)站內(nèi)。網(wǎng)站設(shè)計要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來;而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)將其制作成網(wǎng)頁格式。