網(wǎng)頁設(shè)計(jì)公司網(wǎng)站

一般價(jià)格也就幾千，畢竟不是商城網(wǎng)站，站內(nèi)的系統(tǒng)并不多，做起來不難的，如果你想做的好一點(diǎn)的，價(jià)格一般在萬把塊左右，做之前你自己考慮看看

　　(1)主頁：公司的產(chǎn)品/LOGO標(biāo)志/工作環(huán)境以及企業(yè)意向?yàn)樵O(shè)計(jì)主題，構(gòu)思出一個(gè)突出貴公司形象且具有企業(yè)風(fēng)格的多媒體動(dòng)畫網(wǎng)上封面包裝。　　(2)公司簡(jiǎn)介：介紹的性質(zhì)/工作環(huán)境/公司員工/等內(nèi)容。其插圖一般以工廠面貌/工作環(huán)境/生產(chǎn)設(shè)備/公司獎(jiǎng)項(xiàng)/名人合影或題字/代表性產(chǎn)品圖等。　　(3)產(chǎn)品介紹：此頁主要介紹產(chǎn)品的用途、性能、顏色、結(jié)構(gòu)、技術(shù)參數(shù)等內(nèi)容,這是網(wǎng)頁多少的決定項(xiàng)目。產(chǎn)品網(wǎng)頁的策劃一般按其不同的類型劃分各網(wǎng)頁。　　(4)最新消息(最新動(dòng)態(tài))：主要介紹最新消息向全球發(fā)布。　　(5)客戶反饋：此功能可分為三種方式設(shè)計(jì)：　　a、訪客留言后不留在網(wǎng)頁上，直接發(fā)送到貴公司指定的電子郵箱;　　b、訪客留言后留在網(wǎng)頁上，讓之后造訪的人可以在網(wǎng)上看到之前的留言信息(數(shù)據(jù)用 FTP管理);　　c、訪客留言后留在網(wǎng)頁上，讓之后造訪的人可以在網(wǎng)頁上看到之前的留言(數(shù)據(jù)存在 數(shù)據(jù)庫，可查詢和總結(jié)報(bào)告)。　　(6)網(wǎng)上訂單：按網(wǎng)上表格形式填寫后發(fā)送到電子郵箱或數(shù)據(jù)庫中。　　(7)聯(lián)系我們：集合貴公司所有隸屬機(jī)構(gòu)的聯(lián)系地址、電話傳真、網(wǎng)址、電子郵箱、聯(lián)系人和公司所在地圖等等。　　功能：抓客功能，留言功能，預(yù)訂單功能，流量統(tǒng)計(jì)功能，分享功能，友情鏈接功能，有獎(jiǎng)?wù){(diào)查等功能

企業(yè)網(wǎng)站建設(shè)需要那些步驟?第一步：客戶提出網(wǎng)站建設(shè)申請(qǐng) 1、 客戶根據(jù)自身情況提出網(wǎng)站建設(shè)基本要求 2、 提供相關(guān)文本及圖片資料 a. 公司文字資料、公司圖片資料； b. 網(wǎng)站實(shí)現(xiàn)功能需求； c. 網(wǎng)站基本設(shè)計(jì)要求； 第二步：制定網(wǎng)站建設(shè)方案 1、 雙方就網(wǎng)站建設(shè)內(nèi)容進(jìn)行協(xié)商，修改、補(bǔ)充，并達(dá)成共識(shí)； 2、 為客戶制定《網(wǎng)站建設(shè)方案》； 3、 雙方確定網(wǎng)站建設(shè)方案的具體細(xì)節(jié)及價(jià)格； 第三步：簽署協(xié)議，支付預(yù)付款 1、 雙方簽訂《網(wǎng)站建設(shè)協(xié)議》； 2、 客戶提供更為詳盡的圖片資料（如需拍照，我方可免費(fèi)上門進(jìn)行數(shù)碼拍攝）； 第四步：客戶審核初稿，經(jīng)確認(rèn)后定稿 1、 根據(jù)《網(wǎng)站建設(shè)方案》完成初稿設(shè)計(jì)； a. 首頁風(fēng)格設(shè)計(jì)； b. 功能欄目設(shè)定； c. 網(wǎng)站架構(gòu)圖； 2、 客戶審核確認(rèn)初稿設(shè)計(jì)； 3、 我方完成整體網(wǎng)站制作； 第五步：網(wǎng)站測(cè)試、客戶網(wǎng)上瀏覽、驗(yàn)收、支付余款 1、 客戶根據(jù)協(xié)議及內(nèi)容進(jìn)行驗(yàn)收工作； 2、 驗(yàn)收合格，由客戶簽發(fā)“網(wǎng)站建設(shè)驗(yàn)收合格確認(rèn)書”； 3、 客戶支付余款； 4、 我方為客戶開通協(xié)議內(nèi)容服務(wù)； 第六步：網(wǎng)站后期維護(hù)工作 1、 向客戶提供《網(wǎng)站維護(hù)說明書》 2、 我方根據(jù)《網(wǎng)站建設(shè)協(xié)議》及《網(wǎng)站維護(hù)說明書》相關(guān)條款對(duì)客戶網(wǎng)站進(jìn)行維護(hù)和更新。 1、域名申請(qǐng) 通過注冊(cè)域名，使企業(yè)在全球Internet上有唯一標(biāo)識(shí)，也是社會(huì)各用戶瀏覽該企業(yè)網(wǎng)站的門牌號(hào)和進(jìn)入標(biāo)識(shí)。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)那樣，在互聯(lián)網(wǎng)上廣為流傳，好的域名有助于你將來塑造自己在網(wǎng)上的國(guó)際形象。而同時(shí)域名在全世界具有唯一性，域名的資源又比較有限，誰先注冊(cè)，誰就有權(quán)使用，所以你現(xiàn)在就應(yīng)該考慮，是否要保護(hù)你在Internet上的無形資產(chǎn)。 常見的.com為國(guó)際域名，而.com.cn則為國(guó)內(nèi)域名。定義域名除了要考慮公司的性質(zhì)以及信息內(nèi)容的特征外，還應(yīng)該使這個(gè)名字簡(jiǎn)潔、易記、具有沖擊力。 2、網(wǎng)絡(luò)平臺(tái)的建立 有了自己的域名這個(gè)門牌號(hào)碼后，您就需要一個(gè)空間蓋房子建立自己的公司，而這個(gè)空間在Internet上就是服務(wù)器。通常情況下，有以下幾種方式可供企業(yè)選擇。 虛擬主機(jī)方式：所謂虛擬主機(jī)是使用特殊的軟硬件技術(shù)，把每臺(tái)計(jì)算機(jī) 主分成一臺(tái)"虛擬"的主機(jī)，在外界看來，虛擬主機(jī)與真正的主機(jī)沒有任何區(qū)別，我們建議企業(yè)上網(wǎng)采用虛擬主機(jī)方式。一般虛擬主機(jī)提供商都能向用戶提供10兆、30兆、50兆直到一臺(tái)服務(wù)器的虛擬主機(jī)空間。用戶可視網(wǎng)站的內(nèi)容設(shè)置及其發(fā)展前景來選擇。一頁網(wǎng)頁所占的磁盤空間大約20 - 50千字節(jié)，10兆大約可以放置200 - 500頁，但如果你對(duì)網(wǎng)站有特殊的要求，如圖片較多、動(dòng)畫較多、需要文件下載或有數(shù)據(jù)庫等，就需要多一些空間（大家可以到『 免費(fèi)資源 』去看一下，那里有很多免費(fèi)空間）。 獨(dú)立的服務(wù)器：對(duì)于經(jīng)濟(jì)實(shí)力雄厚且業(yè)務(wù)量較大的企業(yè)，也可以購置自己獨(dú)立的服務(wù)器，但這需要很高的費(fèi)用及大量的人力、物力投入，合計(jì)很高的費(fèi)用及大量的人力、物力投入，合計(jì)起來是虛擬主機(jī)的數(shù)十倍之多。 3、網(wǎng)頁設(shè)計(jì)及維護(hù) 您可以自己設(shè)計(jì)網(wǎng)頁也可以通過專業(yè)網(wǎng)頁設(shè)計(jì)人才來制作。首先要確定整個(gè)網(wǎng)頁系統(tǒng)的整體規(guī)劃，所要介紹的內(nèi)容范圍和目的，之后要收集所有需要放在網(wǎng)站上的文本資料、圖片等，將收集的材料提供給我們，剩下的交給我們的設(shè)計(jì)人員吧。根據(jù)公司業(yè)務(wù)范圍確定是否采用中英兩種版本，網(wǎng)頁設(shè)計(jì)完成后下步最重要的工作就是及時(shí)更新網(wǎng)頁內(nèi)容，不能長(zhǎng)時(shí)間不更換網(wǎng)頁，造成“曬網(wǎng)”現(xiàn)象將影響網(wǎng)站的訪問量。 4、網(wǎng)站宣傳與推廣 首先企業(yè)自身要有推廣網(wǎng)站的意識(shí)：在任何出現(xiàn)公司信息的地方都加上公司的網(wǎng)址，如名片、辦公用品、宣傳材料、媒體廣告等。此外網(wǎng)絡(luò)廣告和搜索引擎登記是目前網(wǎng)站主要的推廣方式。您可以登陸我們韶關(guān)信息港或其它門戶站點(diǎn)的黃金廣告位，可以通過注冊(cè)搜索引擎將你的站點(diǎn)登記到全球知名的服務(wù)站中去。這樣一來，不但你的網(wǎng)站能夠很容易地被人找到，而且訪問者的數(shù)量也會(huì)激增。 通過一些網(wǎng)站做友情鏈接等辦法，可以顯著地提高企業(yè)網(wǎng)站的知名度和訪問量

如果你在正規(guī)的公司就明白區(qū)別了。一個(gè)原創(chuàng)網(wǎng)站的開發(fā)需要經(jīng)過可行性調(diào)研-策劃-原創(chuàng)設(shè)計(jì)-切圖-程序、JS等開發(fā)嵌套-調(diào)試等多個(gè)步驟。設(shè)計(jì)師的工作主要是負(fù)責(zé)策劃和設(shè)計(jì),其中策劃包括需要哪些欄目,布局排版還有各個(gè)模塊表現(xiàn)形式,（比如新聞是圖片配文字的模式還是列表模式等等）然后就是各個(gè)頁面之間的關(guān)聯(lián)邏輯性。設(shè)計(jì)就是把這些東西設(shè)計(jì)出來,需要flash還需要制作一下對(duì)應(yīng)的flash。美工帶一個(gè)美字可不表示他的美術(shù)功底很深,對(duì)于要求比較低的網(wǎng)站設(shè)計(jì)美工可以應(yīng)付,比如素材拼湊和psd模板修改等等,但是美工還需要懂一些js嵌套和豐富的切圖知識(shí)。正規(guī)的開發(fā)公司都是設(shè)計(jì)師做好設(shè)計(jì)圖后交給美工轉(zhuǎn)化成html頁面然后再發(fā)給程序員。只不過國(guó)內(nèi)絕大多數(shù)網(wǎng)站開發(fā)公司都是半吊子胡鬧美工和設(shè)計(jì)師根本區(qū)分不了。簡(jiǎn)單的說如果開發(fā)一個(gè)專業(yè)的原創(chuàng)網(wǎng)站,必須用設(shè)計(jì)師,如果只是一般應(yīng)付的網(wǎng)站美工就可以應(yīng)付了

網(wǎng)頁設(shè)計(jì)包括網(wǎng)頁美工網(wǎng)頁設(shè)計(jì)(如果不包括后端技術(shù)) 在工作職位中包括: web前端設(shè)計(jì), UI設(shè)計(jì)(網(wǎng)頁美工)網(wǎng)頁美工 在工作中叫"UI設(shè)計(jì)工程師",用制圖工具設(shè)計(jì)(像PS,AI等)出網(wǎng)頁效果圖,web前端設(shè)計(jì) 用web前端技術(shù)(ps,html/css,html5,css3,jquery,ajax等)實(shí)現(xiàn) UI工程師的網(wǎng)頁程序

　　一、網(wǎng)頁設(shè)計(jì)面試的經(jīng)典問題及答題思路：　　問題一：“請(qǐng)你自我介紹一下”　　思路：　　1、這是面試的必考題目。　　2、介紹內(nèi)容要與個(gè)人簡(jiǎn)歷相一致。　　3、表述方式上盡量口語化。　　4、要切中要害，不談無關(guān)、無用的內(nèi)容。　　5、條理要清晰，層次要分明。　　6、事先最好以文字的形式寫好背熟。　　回答要點(diǎn)：用10秒鐘簡(jiǎn)單說說個(gè)人資料即可。用一分半鐘左右時(shí)間介紹你以前從事的工作，和所獲得的經(jīng)驗(yàn)。再用一分鐘左右時(shí)間描述你以前的工作經(jīng)驗(yàn)對(duì)應(yīng)聘的這份職位來說有那些幫助。　　問題二：“談?wù)勀愕募彝デ闆r”　　思路：　　1、況對(duì)于了解應(yīng)聘者的性格、觀念、心態(tài)等有一定的作用，這是招聘單位問該問題的主要原因。　　2、簡(jiǎn)單地羅列家庭人。　　3、宜強(qiáng)調(diào)溫馨和睦的家庭氛圍。　　4、宜強(qiáng)調(diào)父母對(duì)自己教育的重視。　　5、宜強(qiáng)調(diào)各位家庭成員的良好狀況。　　6、宜強(qiáng)調(diào)家庭成員對(duì)自己工作的支持。　　7、宜強(qiáng)調(diào)自己對(duì)家庭的責(zé)任感。　　問題三：“你有什么業(yè)余愛好？”　　思路：　　1、業(yè)余愛好能在一定程度上反映應(yīng)聘者的性格、觀念、心態(tài)，這是招聘單位問該問題的主要原因。　　2、最好不要說自己沒有業(yè)余愛好。　　3、不要說自己有那些庸俗的、令人感覺不好的愛好。　　4、最好不要說自己僅限于讀書、聽音樂、上網(wǎng)，否則可能令面試官懷疑應(yīng)聘者性格孤僻。　　5、最好能有一些戶外的業(yè)余愛好來“點(diǎn)綴”你的形象。　　問題四：“你最崇拜誰？”　　思路：　　1、最崇拜的人能在一定程度上反映應(yīng)聘者的性格、觀念、心態(tài)，這是面試官問該問題的主要原因。　　2、不宜說自己誰都不崇拜。　　3、不宜說崇拜自己。　　4、不宜說崇拜一個(gè)虛幻的、或是不知名的人。　　5、不宜說崇拜一個(gè)明顯具有負(fù)面形象的人。　　6、所崇拜的人人最好與自己所應(yīng)聘的工作能“搭”上關(guān)系。　　7、最好說出自己所崇拜的人的哪些品質(zhì)、哪些思想感染著自己、鼓舞著自己。　　問題五：“你的座右銘是什么？”　　思路：　　1、座右銘能在一定程度上反映應(yīng)聘者的性格、觀念、心態(tài)，這是面試官問這個(gè)問題的主要原因。　　2、不宜說那些醫(yī)引起不好聯(lián)想的座右銘。　　3、不宜說那些太抽象的座右銘。　　4、不宜說太長(zhǎng)的座右銘。　　5、座右銘最好能反映出自己某種優(yōu)秀品質(zhì)。　　6、參考答案——“只為成功找方法，不為失敗找借口”　　二、面試的注意事項(xiàng)：　　(1)一旦和用人單位約好面試時(shí)間后，一定要提前5-10分鐘到達(dá)面試地點(diǎn)，以表示求職者的誠(chéng)意，給對(duì)方以信任 感，同時(shí)也可調(diào)整自己的心態(tài)，作一些簡(jiǎn)單的儀表準(zhǔn)備，以免倉促上陣，手忙腳亂。為了做到這一點(diǎn)，一定要牢 記面試的時(shí)間地點(diǎn)，有條件的同學(xué)最好能提前去一趟，以免因一時(shí)找不到地方或途中延誤而遲到。如果遲到了， 肯定會(huì)給招聘者留下不好的印象，甚至?xí)适嬖嚨臋C(jī)會(huì)。　　(2) 進(jìn)入面試場(chǎng)合時(shí)不要緊張。　如門關(guān)著，應(yīng)先敲門，得到允許后再進(jìn)去。開關(guān)門動(dòng)作要輕，以從容、自然為 好。見面時(shí)要向招聘者主動(dòng)打招呼問好致意，稱呼應(yīng)當(dāng)?shù)皿w。在用人單位沒有請(qǐng)你坐下時(shí)，切勿急于落座。用人 單位請(qǐng)你坐下時(shí)，應(yīng)道聲“謝謝”。坐下后保持良好體態(tài)，切忌大大咧咧，左顧右盼，滿不在乎，以免引起反感 。離去時(shí)應(yīng)詢問“還有什么要問的嗎”，得到允許后應(yīng)微笑起立，道謝并說“再見”。　　(3) 對(duì)用人單位的 問題要逐一回答。　對(duì)方給你介紹情況時(shí)，要認(rèn)真聆聽。為了表示你已聽懂并感興趣，可以在適當(dāng)?shù)臅r(shí)候點(diǎn)頭或 適當(dāng)提問、答話。回答主試者的問題，口齒要清晰，聲音要適度，答話要簡(jiǎn)練、完整。一般情況下不要打斷用人 單位的問話或搶問搶答，否則會(huì)給人急躁、魯莽、不禮貌的印象。問話完畢，聽不懂時(shí)可要求重復(fù)。當(dāng)不能回答 某一問題時(shí)，應(yīng)如實(shí)告訴用人單位，含糊其辭和胡吹亂侃會(huì)導(dǎo)致面試失敗。對(duì)重復(fù)的問題也要有耐心，不要表現(xiàn) 出不耐煩。　　(4) 在整個(gè)面試過程中，在保持舉止文雅大方，談吐謙虛謹(jǐn)慎，態(tài)度積極熱情。　如果用人單位有兩位以上主試 人時(shí)，回答誰的問題，你的目光就應(yīng)注視誰，并應(yīng)適時(shí)地環(huán)顧其他主試人以表示你對(duì)他們的尊重。談話時(shí)，眼睛 要適時(shí)地注意對(duì)方，不要東張西望，顯得漫不經(jīng)心，也不要眼皮低望，顯得缺乏自信，激動(dòng)地與用人單位爭(zhēng)辯某 個(gè)問題也是不明智的舉動(dòng)，冷靜地保持不卑不亢的風(fēng)度是有益的。有的用人單位專門提一些無理的問題試探你的 反應(yīng)，如果處理不好，容易亂了分寸，面試的效果顯然不會(huì)理想。

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月的市場(chǎng)占有率依次是 微軟 的 Internet Explorer 、 Mozilla 的 Firefox 、 Google 的 Google Chrome 、 蘋果公司 的 Safari 和 Opera軟件公司 的 Opera 。瀏覽器是最經(jīng)常使用到的 客戶端程序 。Web開發(fā)人員應(yīng)該確保其程序在各個(gè)主流瀏覽器中都能正常工作。C — CSS層疊樣式表， 又稱： 串樣式列表 ，英文： Cascading Style Sheets ，簡(jiǎn)寫為 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，簡(jiǎn)稱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 用簡(jiǎn)化的 SGML （標(biāo)準(zhǔn)通用置標(biāo)語言）語法進(jìn)行進(jìn)一步發(fā)展的HTML，后來成為國(guó)際標(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 ，簡(jiǎn)稱 Internet Explorer ，縮寫 IE ），是 微軟公司 推出的一款 網(wǎng)頁瀏覽器 。截至2010年9月止，統(tǒng)計(jì)的數(shù)據(jù)顯示Internet Explorer的 市場(chǎng)占有率 高達(dá)59.65%。雖然它依然是使用最廣泛的網(wǎng)頁瀏覽器，但與 2003年 最高峰時(shí)相比，市場(chǎng)占有率相差超過30%。Internet Explorer對(duì)一些標(biāo)準(zhǔn)化技術(shù)都有一定程度上的支持，但亦有很多運(yùn)行上的差距和兼容性的故障 ，這導(dǎo)致技術(shù)開發(fā)者的批評(píng)日益增加。批評(píng)增加的情況，在很大程度上是歸因于Internet Explorer的競(jìng)爭(zhēng)對(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測(cè)試中獲得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國(guó)際 以JavaScript為基礎(chǔ)制定了 ECMAScript 標(biāo)準(zhǔn)。JavaScript也可以用于其他場(chǎng)合，如服務(wù)器端編程。完整的JavaScript實(shí)現(xiàn)包含三個(gè)部分： ECMAScript ， 文檔對(duì)象模型 ， 字節(jié)順序記號(hào) 。Netscape公司在最初將其腳本語言命名為L(zhǎng)iveScript來Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受 Java 啟發(fā)而開始設(shè)計(jì)的，目的之一就是“看上去像Java”，因此語法上有類似之處，一些名稱和命名規(guī)范也借自Java。但JavaScript的主要設(shè)計(jì)原則源自 Self 和 Scheme .JavaScript與Java名稱上的近似，是當(dāng)時(shí)網(wǎng)景為了營(yíng)銷考慮與Sun公司達(dá)成協(xié)議的結(jié)果。為了取得技術(shù)優(yōu)勢(shì)， 微軟 推出了 JScript 來迎戰(zhàn)JavaScript的 腳本語言 。為了互用性， Ecma國(guó)際 （前身為 歐洲計(jì)算機(jī)制造商協(xié)會(huì) ）創(chuàng)建了ECMA-262標(biāo)準(zhǔn)（ECMAScript）。現(xiàn)在兩者都屬于 ECMAScript 的實(shí)現(xiàn)。盡管JavaScript作為給非程序人員的 腳本語言 ，而非作為給程序人員的 編程語言 來推廣和宣傳，但是JavaScript具有非常豐富的特性。K — Keyword Optimization關(guān)鍵詞優(yōu)化 ，也叫 搜索引擎優(yōu)化 （ Search Engine Optimization ，簡(jiǎn)稱 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ò)展簡(jiǎn)化，并且使程序某一部分的重復(fù)利用成為可能。除此之外，此模式通過對(duì)復(fù)雜度的簡(jiǎn)化，使程序結(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不僅僅簡(jiǎn)單的使用了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)的 程序 。在最簡(jiǎn)單的情況下， 軟件設(shè)計(jì)師 可以自己保留一個(gè)程式的許多不同版本，并且為它們做適當(dāng)?shù)木幪?hào)。這種簡(jiǎn)單的方法已被用在很多大型的軟件專案中。這是一個(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測(cè)試驅(qū)動(dòng)開發(fā) （Test-driven development）是現(xiàn)代計(jì)算機(jī) 軟件開發(fā) 方法的一種。利用 測(cè)試 來驅(qū)動(dòng) 軟件 程序的設(shè)計(jì)和實(shí)現(xiàn)。測(cè)試驅(qū)動(dòng)開始流行于20世紀(jì)90年代。測(cè)試驅(qū)動(dòng)開發(fā)是 極限編程 中倡導(dǎo)的程序開發(fā)方法，方法主要是先寫測(cè)試程序，然后再編碼使其通過測(cè)試。測(cè)試驅(qū)動(dòng)開發(fā)的目的是取得快速反饋并使用“illustrate the main line”方法來構(gòu)建程序。測(cè)試驅(qū)動(dòng)開發(fā)的比喻。開發(fā)可以從兩個(gè)方面去看待：實(shí)現(xiàn)的功能和質(zhì)量。測(cè)試驅(qū)動(dòng)開發(fā)更像兩頂帽子思考法的開發(fā)方式，先戴上實(shí)現(xiàn)功能的帽子，在測(cè)試的輔助下，快速實(shí)現(xiàn)正確的功能；再戴上 重構(gòu) 的帽子，在測(cè)試的保護(hù)下，通過去除冗余和重復(fù)的代碼，提高代碼重用性，實(shí)現(xiàn)對(duì)質(zhì)量的改進(jìn)。可見測(cè)試在測(cè)試驅(qū)動(dòng)開發(fā)中確實(shí)屬于核心地位，貫穿了開發(fā)的始終。U — Unit Testing單元測(cè)試 （又稱為 模塊測(cè)試 ）是針對(duì) 程序模塊 ( 軟件設(shè)計(jì) 的最小單位)來進(jìn)行正確性檢驗(yàn)的測(cè)試工作。程序單元是應(yīng)用的最小可測(cè)試部件。在 過程化編程 中，一個(gè)單元就是單個(gè)程序、函數(shù)、過程等；對(duì)于面向?qū)ο缶幊蹋钚卧褪欠椒ǎɑ悾ǔ悾⒊橄箢悺⒒蛘吲缮悾ㄗ宇悾┲械姆椒āＭǔ碚f，程序員每修改一次程序就會(huì)進(jìn)行最少一次單元測(cè)試，在編寫程序的過程中前后很可能要進(jìn)行多次單元測(cè)試，以證實(shí)程序達(dá)到 軟件規(guī)格書 ( en:Specification )要求的工作目標(biāo)，沒有 臭蟲 ；雖然單元測(cè)試不是什么必須的，但也不壞，這牽涉到 項(xiàng)目管理 的政策決定。V — VIMVim 是從 vi 發(fā)展出來的一個(gè) 文本編輯器 。代碼補(bǔ)完、編譯及錯(cuò)誤跳轉(zhuǎn)等方便編程的功能特別豐富，在程序員中被廣泛使用。和 Emacs 并列成為 類Unix系統(tǒng) 用戶最喜歡的編輯器。Vim的第一個(gè)版本由 Bram Moolenaar 在1991年發(fā)布。最初的簡(jiǎn)稱是 V i IM itation，隨著功能的不斷增加，正式名稱改成了 V i IM proved。現(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官方簡(jiǎn)體中文版，另外還有包括英文在內(nèi)的多種語言可選。X — XSS跨網(wǎng)站指令碼 （ Cross-site scripting ，通常簡(jiǎn)稱為 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)。

網(wǎng)頁設(shè)計(jì)師的工作職責(zé)如下：1、負(fù)責(zé)公司網(wǎng)站的頁面設(shè)計(jì)及美觀優(yōu)化；2、負(fù)責(zé)網(wǎng)站各類專題模板的設(shè)計(jì)及制作；3、負(fù)責(zé)網(wǎng)站各類活動(dòng)的宣傳廣告、標(biāo)語的圖片設(shè)計(jì)；4、負(fù)責(zé)網(wǎng)站產(chǎn)品的美工設(shè)計(jì)，對(duì)交互體驗(yàn)有較為深入的了解；5、對(duì)頁面進(jìn)行持續(xù)的優(yōu)化，不斷提升訪問者的用戶體驗(yàn)；6、編寫可復(fù)用的用戶界面組件；7、協(xié)同其他技術(shù)部門，做前端開發(fā)技術(shù)支持。

一、網(wǎng)站首頁需要包含的內(nèi)容1.公司基本信息：公司名稱、形象logo等。2.導(dǎo)航欄：首頁、公司簡(jiǎn)介、產(chǎn)品介紹、實(shí)施方案、技術(shù)服務(wù)、聯(lián)系方式等。其中在產(chǎn)品展示頁面 “產(chǎn)品咨詢”、“價(jià)格咨詢”等鏈接點(diǎn)擊后鏈接到銷售網(wǎng)絡(luò)。要求可根據(jù)ip地址顯示用戶所在地區(qū)的業(yè)務(wù)員，經(jīng)銷商聯(lián)系資料。3.展示區(qū)：①公司形象，包括圖片、文字簡(jiǎn)介及相關(guān)主題。②產(chǎn)品展示，包括產(chǎn)品種類、名稱及簡(jiǎn)單介紹。二、首頁設(shè)計(jì)要求：1.突出主題，軟件公司;2.定位：概括整個(gè)網(wǎng)站的整體風(fēng)格，展示企業(yè)的整體形象，結(jié)合本公司實(shí)際情況，充分體現(xiàn)出公 司規(guī)模、經(jīng)營(yíng)理念、主營(yíng)業(yè)務(wù)及主打產(chǎn)品。3.欄目設(shè)置合理;4.頁面結(jié)構(gòu)設(shè)計(jì)創(chuàng)意新穎，設(shè)計(jì)精美，結(jié)構(gòu)合理，功能完備，符合SEO特性;5.色彩配置圖文符合公司UI系統(tǒng)要求;6.提供以往的作品或作品網(wǎng)址(注意，要求自己獨(dú)立原創(chuàng))。7.在版式設(shè)計(jì)上，要求把信息分門別類，讓用戶在掃描頁面時(shí)保證視覺流的流暢性， 在短時(shí)間內(nèi)(3-5秒)發(fā)現(xiàn)首頁包涵哪些區(qū)域(如菜單、廣告、注冊(cè)、個(gè)人信息、鏈接、按鈕等)，方便用戶在第一時(shí)間內(nèi)做出選擇。在設(shè)計(jì)過程中，嚴(yán)格遵循四個(gè)排版的原則，即：對(duì)比、對(duì)齊、重復(fù)和親密性。三、對(duì)網(wǎng)站首頁設(shè)計(jì)師的要求：1、精通相關(guān)網(wǎng)頁設(shè)計(jì)各種工具，精通Photoshop, Dreamweaver, Flash等設(shè)計(jì)軟件;2、有大型網(wǎng)站 設(shè)計(jì)經(jīng)驗(yàn)，精通HTML語言，CSS，Javascript，熟悉W3C網(wǎng)頁標(biāo)準(zhǔn)及基于頁面的用戶界面(UI)設(shè)計(jì)，能熟練應(yīng)用DIV+CSS，熟悉Web2.0時(shí)代互聯(lián)網(wǎng)簡(jiǎn)潔界面理念的優(yōu)先考慮。