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

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

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

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

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

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）進行動態(tài)顯示及交互；使用 XML 和 XSLT 進行數(shù)據(jù)交換及相關(guān)操作；使用 XMLHttpRequest 對象與 Web服務(wù)器 進行異步數(shù)據(jù)交換；使用 JavaScript 將所有的東西綁定在一起。類似于 DHTML 或 LAMP ，AJAX不是指一種單一的技術(shù)，而是有機地利用了一系列相關(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 定義和維護的標準，一種用來為結(jié)構(gòu)化文檔（如 HTML 文檔或 XML 應(yīng)用）添加樣式（字體、間距和顏色等）的 計算機語言 。目前最新版本是 CSS 2.1，為W3C的候選推薦標準。下一版本CSS 3仍然在開發(fā)過程中。D — DOM文檔對象模型 （Document Object Model，簡稱DOM），是 W3C 組織推薦的處理 可擴展置標語言 的標準編程接口。Document Object Model的歷史可以追溯至1990年代后期微軟與 Netscape 的“ 瀏覽器大戰(zhàn) ”（browser wars），雙方為了在 JavaScript 與 JScript 一決生死，于是大規(guī)模的賦予瀏覽器強大的功能。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物，計有VBScript、ActiveX、以及微軟自家的D HTML 格式等，使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當時蘊釀出來的杰作。E — Events事件 是可以被控件識別的操作，如按下確定按鈕，選擇某個 單選按鈕 或者 復選框 。每一種控件有自己可以識別的事件，如 窗體 的加載、單擊、雙擊等事件，編輯框(文本框)的文本改變事，等等，現(xiàn)代的Web應(yīng)用程序很大程度上依靠事件驅(qū)動。事件有系統(tǒng)事件和用戶事件。系統(tǒng)事件由系統(tǒng)激發(fā)，如時間每隔24小時，銀行儲戶的存款日期增加一天。用戶事件由用戶激發(fā)，如用戶點擊按鈕，在文本框中顯示特定的文本。 事件驅(qū)動 控件執(zhí)行某項功能。觸發(fā)事件的對象稱為事件發(fā)送者；接收事件的對象稱為事件接收者。使用事件機制可以實現(xiàn)：當類對象的某個狀態(tài)發(fā)生變化時，系統(tǒng)將會通過某種途徑調(diào)用類中的有關(guān)處理這個事件的方法或者觸發(fā)控件事件的對象就會調(diào)用該控件所有已注冊的事件處理程序等。F — FirebugFirebug 是 網(wǎng)頁瀏覽器 Mozilla Firefox 的一個擴展，是一個除錯工具。用戶可以利用它除錯、編輯、甚至刪改任何網(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)格 ，也稱 柵格 ，不過從定義上說，柵格更為準確些。網(wǎng)上找個一個對網(wǎng)頁柵格系統(tǒng)比較恰當?shù)?定義 ：以規(guī)則的網(wǎng)格陣列來指導和規(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超文本置標語言 （ 英文 ： HyperText Markup Language ， HTML ）是為“ 網(wǎng)頁 創(chuàng)建和其它可在 網(wǎng)頁瀏覽器 中看到的信息”設(shè)計的一種 置標語言 。HTML被用來結(jié)構(gòu)化信息——例如標題、段落和列表等等，也可用來在一定程度上描述文檔的外觀和 語義 。由 蒂姆·伯納斯-李 給出原始定義，由 IETF 用簡化的 SGML （標準通用置標語言）語法進行進一步發(fā)展的HTML，后來成為國際標準，由 萬維網(wǎng)聯(lián)盟 （W3C）維護。最新版本是 HTML5 它是HTML下一個的主要修訂版本，現(xiàn)在仍處于發(fā)展階段。目標是取代1999年所定訂的 HTML 4.01和 XHTML 1.0 標準，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時候，使網(wǎng)絡(luò)標準達到符合當代的網(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的 市場占有率 高達59.65%。雖然它依然是使用最廣泛的網(wǎng)頁瀏覽器，但與 2003年 最高峰時相比，市場占有率相差超過30%。Internet Explorer對一些標準化技術(shù)都有一定程度上的支持，但亦有很多運行上的差距和兼容性的故障 ，這導致技術(shù)開發(fā)者的批評日益增加。批評增加的情況，在很大程度上是歸因于Internet Explorer的競爭對手相對地已提供完全的技術(shù)支持，標準規(guī)格（Standards-compliant）的應(yīng)用亦越來越廣泛起來。因為Internet Explorer在全球廣為應(yīng)用，網(wǎng)絡(luò)開發(fā)者們在尋求 跨平臺 的代碼時常常會發(fā)現(xiàn)Internet Explorer的漏洞、私有的功能集合和對標準支持的不完善。2011年3月14日發(fā)布的Internet Explorer 9瀏覽器大幅提高對CSS3和HTML5等W3C規(guī)范的支持程度，這個版本也是Internet Explorer瀏覽器第一個采用GPU加速的版本，正式版于Acid3測試中獲得95/100分，相比以往版本有很大進步?？梢哉J為，從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公司 的注冊商標。 Ecma國際 以JavaScript為基礎(chǔ)制定了 ECMAScript 標準。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名稱上的近似，是當時網(wǎng)景為了營銷考慮與Sun公司達成協(xié)議的結(jié)果。為了取得技術(shù)優(yōu)勢， 微軟 推出了 JScript 來迎戰(zhàn)JavaScript的 腳本語言 。為了互用性， Ecma國際 （前身為 歐洲計算機制造商協(xié)會 ）創(chuàng)建了ECMA-262標準（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)站 都希望通過各種形式來影響搜索引擎的排序。當中尤以各種依靠廣告維生的網(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)化是一個愈來愈復雜的任務(wù)。L — LessLess 最早是一個ruby的gem，讓CSS具有動態(tài)語言的特性，這些特性包括變量，操作符，嵌套規(guī)則。其實Less真正的作用是將使用高級特性的CSS轉(zhuǎ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世紀80年代為程序語言 Smalltalk 發(fā)明的一種軟件設(shè)計模式。 MVC模式 的目的是實現(xiàn)一種動態(tài)的程序設(shè)計，使后續(xù)對程序的修改和擴展簡化，并且使程序某一部分的重復利用成為可能。除此之外，此模式通過對復雜度的簡化，使程序結(jié)構(gòu)更加直觀。軟件系統(tǒng)通過對自身基本部份分離的同時也賦予了各個基本部分應(yīng)有的功能。N — Node.JSNode 是一個Javascript運行環(huán)境(runtime) ， 實際上它是對Google V8 引擎（應(yīng)用于Google Chrome瀏覽器)進行了封裝。 V8 引 擎執(zhí)行Javascript的速度非?？?，性能非常好。Node對一些特殊用例進行了優(yōu)化，提供了替代的API，使得V8在非瀏覽器環(huán)境下運行得更好。例 如，在服務(wù)器環(huán)境中，處理二進制數(shù)據(jù)通常是必不可少的，但Javascript對此支持不足，因此，V8.Node增加了Buffer類，方便并且高效地 處理二進制數(shù)據(jù)。因此，Node不僅僅簡單的使用了V8,還對其進行了優(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)中，對象具有唯一的 標識符 ，對象包括 屬性 (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的標準由PHP Group和開放源代碼社區(qū)維護。PHP以PHP License作為許可協(xié)議，不過因為這個協(xié)議限制了PHP名稱的使用，所以和開放源代碼許可協(xié)議 GPL 不兼容。PHP的應(yī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ù)的擴展系統(tǒng)交互，一個很好的例子就是SQL用來操作關(guān)系數(shù)據(jù)庫。另一種意思是，一個查詢字符串，作為URL的一部分用于Web應(yīng)用程序中傳遞數(shù)據(jù)，查詢字符串的格式一般是鍵值對形式。R — Regular Expressions正則表達式 （ 英語 ：Regular Expression、regex或regexp，縮寫為RE），也譯為 正規(guī)表示法 、 常規(guī)表示法 ，在 計算機科學 中，是指一個用來描述或者匹配一系列符合某個 句法 規(guī)則的 字符串 的單個字符串。在很多 文本編輯器 或其他工具里，正則表達式通常被用來檢索和/或替換那些符合某個模式的文本內(nèi)容。許多 程序設(shè)計語言 都支持利用正則表達式進行字符串操作。例如，在 Perl 中就內(nèi)建了一個功能強大的正則表達式引擎。正則表達式這個概念最初是由 Unix 中的工具軟件（例如 sed 和 grep ）普及開的。S — Source Control源代碼管理 ，也稱 版本控制 ，是一種 軟件工程 技巧，借此能在軟件開發(fā)的過程中，確保由不同人所編輯的同一程式檔案都得到同步。 軟件設(shè)計師 常會利用版本控制來追蹤、維護 源碼 、 文件 以及 設(shè)定檔 等等的更動，并且提供控制這些更動控制權(quán)的 程序 。在最簡單的情況下， 軟件設(shè)計師 可以自己保留一個程式的許多不同版本，并且為它們做適當?shù)木幪?。這種簡單的方法已被用在很多大型的軟件專案中。這是一個可以達到目的的方法，但不夠有效率。除了得同時維護很多幾乎一樣的 程式碼 備份外；而且極度依賴 軟件設(shè)計師 的自我修養(yǎng)與開發(fā)紀律，但這卻常是導致錯誤發(fā)生的原因。有時候，一個程式同時存有兩個以上的版本也有其必要性，例如：在一個為了部署的版本中 程式錯誤 已經(jīng)被修正、但沒有加入新功能；在另一個開發(fā)版本則有新的功能正在開發(fā)、也有新的錯誤待解決，這使得同時間需要不同的版本并修改。此外，為了找出只存在于某一特定版本中的 程式錯誤 、或找出 程式錯誤 出現(xiàn)的版本，軟件除錯者也必須借由比對不同版本的程式碼以找出問題的位置。T — TDD測試驅(qū)動開發(fā) （Test-driven development）是現(xiàn)代計算機 軟件開發(fā) 方法的一種。利用 測試 來驅(qū)動 軟件 程序的設(shè)計和實現(xiàn)。測試驅(qū)動開始流行于20世紀90年代。測試驅(qū)動開發(fā)是 極限編程 中倡導的程序開發(fā)方法，方法主要是先寫測試程序，然后再編碼使其通過測試。測試驅(qū)動開發(fā)的目的是取得快速反饋并使用“illustrate the main line”方法來構(gòu)建程序。測試驅(qū)動開發(fā)的比喻。開發(fā)可以從兩個方面去看待：實現(xiàn)的功能和質(zhì)量。測試驅(qū)動開發(fā)更像兩頂帽子思考法的開發(fā)方式，先戴上實現(xiàn)功能的帽子，在測試的輔助下，快速實現(xiàn)正確的功能；再戴上 重構(gòu) 的帽子，在測試的保護下，通過去除冗余和重復的代碼，提高代碼重用性，實現(xiàn)對質(zhì)量的改進?？梢姕y試在測試驅(qū)動開發(fā)中確實屬于核心地位，貫穿了開發(fā)的始終。U — Unit Testing單元測試 （又稱為 模塊測試 ）是針對 程序模塊 ( 軟件設(shè)計 的最小單位)來進行正確性檢驗的測試工作。程序單元是應(yīng)用的最小可測試部件。在 過程化編程 中，一個單元就是單個程序、函數(shù)、過程等；對于面向?qū)ο缶幊?，最小單元就是方法，包括基類（超類）、抽象類、或者派生類（子類）中的方法。通常來說，程序員每修改一次程序就會進行最少一次單元測試，在編寫程序的過程中前后很可能要進行多次單元測試，以證實程序達到 軟件規(guī)格書 ( en:Specification )要求的工作目標，沒有 臭蟲 ；雖然單元測試不是什么必須的，但也不壞，這牽涉到 項目管理 的政策決定。V — VIMVim 是從 vi 發(fā)展出來的一個 文本編輯器 。代碼補完、編譯及錯誤跳轉(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 當作一個 內(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ù)，則離用戶更近，為負數(shù)則表示離用戶更遠。

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