1、一般而言，設(shè)計(jì)網(wǎng)站的尺寸是1920px寬度(包含背景設(shè)計(jì)），當(dāng)然內(nèi)容顯示區(qū)是950px/980px/1000px而高度根據(jù)需求來定，分辨率為72就可以了，很多設(shè)計(jì)師為了追求細(xì)節(jié)，一般都是這個(gè)數(shù)值的2倍或者三倍　　2、圖解：整個(gè)頁面設(shè)計(jì)內(nèi)容顯示區(qū)：淘寶是950px，一般的企業(yè)網(wǎng)站是980px

1、 協(xié)助公司洽談網(wǎng)絡(luò)公司建立公司網(wǎng)站2、 負(fù)責(zé)網(wǎng)站日常維護(hù)、更新，數(shù)據(jù)錄入、修改及故障排除等日常工作，確保公司網(wǎng)絡(luò)日常的正常運(yùn)作；3、 網(wǎng)站內(nèi)容、軟件系統(tǒng)維護(hù)與管理，日志和用戶管理、統(tǒng)計(jì)分析等；4、 網(wǎng)絡(luò)、系統(tǒng)安全和設(shè)備的日常維護(hù)；5、安裝和維護(hù)公司計(jì)算機(jī)、服務(wù)器系統(tǒng)軟件和應(yīng)用軟件，同時(shí)為其他部門提供軟硬件技術(shù)支持

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ù)性、組件的易用性、分層語義模板和瀏覽器分級(jí)支持等。如何學(xué)習(xí)前端知識(shí)？我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來自于你對(duì)規(guī)則的掌握?，F(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時(shí)了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個(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í)來捆固、理解自己的知識(shí)。而學(xué)習(xí) Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么！如果你只想當(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，能夠書寫語義合理，結(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)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對(duì)數(shù)據(jù)庫有較強(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è)差不多，但是，我們無論在知識(shí)的掌握程度上，還是知識(shí)掌握的寬度上，都是不夠的。首先，我們?cè)谇岸巳狈Ψe累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時(shí)，在前端也缺乏支撐與高手，所以，走起來比較困難。同時(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ù)的研究。

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

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ù)性、組件的易用性、分層語義模板和瀏覽器分級(jí)支持等。如何學(xué)習(xí)前端知識(shí)？我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來自于你對(duì)規(guī)則的掌握。現(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時(shí)了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個(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í)來捆固、理解自己的知識(shí)。而學(xué)習(xí) Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么！如果你只想當(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，能夠書寫語義合理，結(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)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對(duì)數(shù)據(jù)庫有較強(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è)差不多，但是，我們無論在知識(shí)的掌握程度上，還是知識(shí)掌握的寬度上，都是不夠的。首先，我們?cè)谇岸巳狈Ψe累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時(shí)，在前端也缺乏支撐與高手，所以，走起來比較困難。同時(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ù)的研究。

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

Web前端:顧名思義是來做Web的前端的。這里所說的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見碰得著的東西。包括Web頁面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。Web后端：后端的是與數(shù)據(jù)庫進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。

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

web前端主要是通過div+css等技術(shù)來完成一個(gè)傳統(tǒng)pc網(wǎng)頁的靜態(tài)頁面制作，移動(dòng)web前端是通過html5+css3等技術(shù)來完成一個(gè)手機(jī)端訪問的網(wǎng)頁的制作，一個(gè)是針對(duì)pc一個(gè)是針對(duì)手機(jī)，這個(gè)就是它們最大的區(qū)別了。國內(nèi)像切圖網(wǎng)等就是專門提供這樣的服務(wù)的，只需要提供設(shè)計(jì)稿就可以了。