怎樣制作網(wǎng)頁(yè)？先說(shuō)說(shuō)目前網(wǎng)頁(yè)制作流行的三類作法： 一、使用像Dreamweaver、Fontpage一樣的所見即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些，會(huì)操作Word就會(huì)使用它。專業(yè)人士一般用Dreamweaver來(lái)做網(wǎng)頁(yè)，用flash、firework等來(lái)美化網(wǎng)頁(yè)，有興趣的可以下載網(wǎng)頁(yè)三劍客Dreamweaver、flash、firework來(lái)試試。 二、使用記事本修改網(wǎng)頁(yè)Html代碼，不推薦使用Fontpage等網(wǎng)頁(yè)編輯軟件修改的原因是：很多網(wǎng)頁(yè)格式如果用網(wǎng)頁(yè)編輯軟件打開就會(huì)變形，所以直接使用記事本修改網(wǎng)頁(yè)Html代碼是最簡(jiǎn)潔有效的方法。當(dāng)然可以去下載強(qiáng)化的HTML工具更好，例如： UltraEdit。 三、其實(shí)很多現(xiàn)成網(wǎng)頁(yè)模版、網(wǎng)站系統(tǒng)已經(jīng)做好了，而我們不必再次證明“牛頓定律”浪費(fèi)我們的寶貴時(shí)間。就像PHP論壇程序現(xiàn)在別人做的挺好的（例如Discuz!，PHPwind），我們何苦再去編寫一個(gè)論壇程序呢？簡(jiǎn)直是費(fèi)力不討好，并且Bug特別多。當(dāng)然學(xué)習(xí)數(shù)據(jù)庫(kù)編程開發(fā)的人例外。 怎么做網(wǎng)站呢？首先我們需要了解一下網(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分： 首頁(yè)：網(wǎng)站的門面，如同公司的形象，特別注重設(shè)計(jì)和規(guī)劃。 次頁(yè)：網(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁(yè)面，講究風(fēng)格的一致性，并于首頁(yè)呼應(yīng)。 普通頁(yè)：網(wǎng)站主要的承載信息的頁(yè)面，設(shè)計(jì)要求不高，但要求鏈接準(zhǔn)確、文字無(wú)誤、圖文并茂，并沿襲網(wǎng)頁(yè)的風(fēng)格。 彈出頁(yè)：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。 通過(guò)上面的分析，我們可以看出： 從功能上來(lái)看，首頁(yè)主要承擔(dān)著樹立企業(yè)形象（當(dāng)然不僅僅是首頁(yè)）的作用，次頁(yè)在導(dǎo)航方面起著重要的作用，比如各欄目?jī)?nèi)部主要內(nèi)容的介紹，都可以在次頁(yè)中體現(xiàn)再進(jìn)入普通頁(yè)，讓瀏覽者能夠迅速了解網(wǎng)站各欄目的主要內(nèi)容，擇其需要而瀏覽，而普通頁(yè)則是主要的信息頁(yè)面，也是網(wǎng)站的最終頁(yè)面，對(duì)于大型網(wǎng)站，這種結(jié)構(gòu)非常重要，而對(duì)于中小型企業(yè)，網(wǎng)站規(guī)模較小、頁(yè)面數(shù)量不多，有時(shí)次頁(yè)就起著普通頁(yè)的作用，至于彈出頁(yè)，建議您不是必要，最好不要用。下面詳細(xì)介紹各頁(yè)面的設(shè)計(jì)技巧： 一、首頁(yè)設(shè)計(jì)技巧 網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門面，在此，提醒上網(wǎng)的企業(yè)注意自己門面的設(shè)計(jì)，決不能敷衍了事、馬馬虎虎。我們會(huì)經(jīng)?？吹接∷⒕赖漠a(chǎn)品目錄或廣告，當(dāng)您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候，相信您或多或少會(huì)對(duì)有關(guān)的產(chǎn)品形成一種好感，即使您不會(huì)購(gòu)買，也必然對(duì)這些產(chǎn)品形成一定程度的認(rèn)同。而對(duì)于設(shè)計(jì)毛糙的宣傳品，您肯定會(huì)懷疑其內(nèi)容的真實(shí)性，從而對(duì)其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好，現(xiàn)在說(shuō)說(shuō)網(wǎng)站的設(shè)計(jì)，相信您會(huì)同意這種說(shuō)法：網(wǎng)站的頁(yè)面就好比是“無(wú)紙的印刷品”。既然如此，我們會(huì)因此而得出一個(gè)結(jié)論：精良和專業(yè)網(wǎng)站的設(shè)計(jì)，如同制作精美的印刷品，會(huì)大大刺激消費(fèi)者（訪問(wèn)者）的購(gòu)買欲望，反之，您公司所提供的產(chǎn)品或服務(wù)將不會(huì)給消費(fèi)者（訪問(wèn)者）留下較好的印象。值得一提的是，除非您的企業(yè)有專業(yè)的網(wǎng)站規(guī)劃、設(shè)計(jì)人員，否則您最好找專業(yè)公司或?qū)I(yè)人員為您設(shè)計(jì)制作，一個(gè)優(yōu)秀的專業(yè)設(shè)計(jì)人員會(huì)很快明白您的意圖，并根據(jù)您的建站目的提出建設(shè)性的意見。 一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫面，向?yàn)g覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類型的首頁(yè)在設(shè)計(jì)過(guò)程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過(guò)色彩、布局給訪問(wèn)者留下深刻的印象，當(dāng)然，我們不能為了設(shè)計(jì)而設(shè)計(jì)，我們的目的是營(yíng)銷，在設(shè)計(jì)過(guò)程中一定要牢記這一點(diǎn)！ 另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等，這種風(fēng)格比較適合網(wǎng)站信息量大，內(nèi)容豐富的網(wǎng)站，因?yàn)槭且哉故拘畔橹鳎@是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象，建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的CI手冊(cè)，熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn)，在網(wǎng)站的局部體現(xiàn)出來(lái)，往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過(guò)程中要注意使用這些語(yǔ)言符號(hào)來(lái)表達(dá)一種獨(dú)特的企業(yè)信息。 網(wǎng)頁(yè)設(shè)計(jì)時(shí)注意事項(xiàng)： 1.不要花里胡哨。 2.要有風(fēng)格，要突出行業(yè)的特點(diǎn)。比如娛樂(lè)業(yè)熱烈活潑些，政府網(wǎng)站則要莊重些；收藏書畫業(yè)要古樸典雅，策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁(yè)一般兩屏到三屏就可以了，不要太長(zhǎng)，會(huì)影響你的網(wǎng)頁(yè)打開的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分作幾個(gè)頁(yè)面，或者分為幾個(gè)二級(jí)欄目。 對(duì)初次建站的用戶來(lái)說(shuō)，制作網(wǎng)頁(yè)是件頭疼的事情；對(duì)于由別人幫助建站的用戶來(lái)說(shuō)，網(wǎng)站的后期更新維護(hù)可能更令人頭疼。缺乏專業(yè)人才及專業(yè)知識(shí)，讓大家對(duì)建站望而生畏。推薦您選購(gòu)『自助建站專賣店』自助網(wǎng)站系統(tǒng)，由于不需要專業(yè)人員制作網(wǎng)站程序，且SOHO個(gè)人工作室不像公司那樣牽扯分享利益的人多而成本高，我們所提供的網(wǎng)站建設(shè)價(jià)格在市場(chǎng)上具有很強(qiáng)的競(jìng)爭(zhēng)力。我們更懂得每一個(gè)網(wǎng)站的制作質(zhì)量都是下一個(gè)網(wǎng)站的廣告。三大承諾，放心選擇：“免費(fèi)試用滿意后再付款”“主機(jī)空間正式付款7天內(nèi)無(wú)條件退款承諾”“100%網(wǎng)站及域名所有權(quán)”。為進(jìn)一步免除您的后顧之憂，近期還計(jì)劃安裝支付寶等第三方網(wǎng)上支付手段，讓大家放心購(gòu)買。用戶進(jìn)入網(wǎng)站后臺(tái)后，自己就可以在現(xiàn)有模板上對(duì)網(wǎng)站內(nèi)容進(jìn)行更新，不用再為如何制作網(wǎng)頁(yè)擔(dān)心，『自助建站專賣店』銷售數(shù)十種正版品牌建站軟件，享受自動(dòng)升級(jí)服務(wù)和相關(guān)的技術(shù)服務(wù)(定制模版+內(nèi)容更新)。

　　網(wǎng)頁(yè)模板就是已經(jīng)做好的網(wǎng)頁(yè)框架，使用網(wǎng)頁(yè)編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站。每個(gè)網(wǎng)頁(yè)模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網(wǎng)頁(yè)模板添加內(nèi)容?！　?chuàng)建和設(shè)置　　1)模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時(shí)，可以說(shuō)明哪些網(wǎng)頁(yè)元素不可編輯，哪些元素可以編輯。其擴(kuò)展名為.dwt?！　?)模板的作用：有利于保持網(wǎng)頁(yè)風(fēng)格的一致;提高工作效率?！　?.創(chuàng)建模板　　1)創(chuàng)建一個(gè)全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕　　模板面板的打開：Window菜單--Templates　　2)創(chuàng)建基于文檔的模板：File菜單-Save As Template　　2.設(shè)置模板頁(yè)面屬性　　1)用模板創(chuàng)建的文檔繼承模板的頁(yè)面屬性，頁(yè)標(biāo)題除外?！　?)設(shè)置：Modify菜單-Page Properties　　3.定義模板的可編輯區(qū)　　1)定義模板的可編輯區(qū)　　在模板文檔中選定對(duì)象、Modify菜單、Templates、New Editable Region　　2)取消可編輯區(qū)標(biāo)記　　Modify菜單-Templates-Remove Editable Region　　應(yīng)用和更新　　1.應(yīng)用模板創(chuàng)建文檔　　1)應(yīng)用模板創(chuàng)建文檔　　使用模板創(chuàng)建新文檔：File菜單-New From Template　　或：File菜單-New-從模板面板中拖一個(gè)模板到文檔　　對(duì)現(xiàn)有文檔應(yīng)用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select　　或：從模板面板中拖一個(gè)模板到文檔中　　或：從模板面板中選定一個(gè)模板，單擊Apply　　2)可編輯區(qū)和鎖定區(qū)　　在應(yīng)用了模板的文檔中，只有可編輯區(qū)的內(nèi)容才可以修改?！　?)把頁(yè)面從模板中分離出來(lái)　　如果要對(duì)應(yīng)用了模板的頁(yè)面的鎖定區(qū)進(jìn)行修改，必須先把頁(yè)面從模板中分離出來(lái)?！　【唧w操作：Modify菜單-Templates-Detach From Template　　2.修改模板　　在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存　　3.更新站點(diǎn)中使用模板的所有文件　　Modify菜單-Templates-Update Pages

　　一、使用像Dreamweaver、Fontpage一樣的所見即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些，會(huì)操作Word就會(huì)使用它。專業(yè)人士一般用Dreamweaver來(lái)做網(wǎng)頁(yè)，用flash、firework等來(lái)美化網(wǎng)頁(yè)，可以下載網(wǎng)頁(yè)三劍客Dreamweaver、flash、firework去做。　　二、使用記事本修改網(wǎng)頁(yè)Html代碼，不推薦使用Fontpage等網(wǎng)頁(yè)編輯軟件修改的原因是：很多網(wǎng)頁(yè)格式如果用網(wǎng)頁(yè)編輯軟件打開就會(huì)變形，所以直接使用記事本修改網(wǎng)頁(yè)Html代碼是最簡(jiǎn)潔有效的方法?？梢匀ハ螺d強(qiáng)化的HTML工具更好，例如： UltraEdit?！　∈紫刃枰私庖幌戮W(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分：　　首頁(yè)：網(wǎng)站的門面，如同公司的形象，特別注重設(shè)計(jì)和規(guī)劃。　　次頁(yè)：網(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁(yè)面，講究風(fēng)格的一致性，并于首頁(yè)呼應(yīng)?！　∑胀?yè)：網(wǎng)站主要的承載信息的頁(yè)面，設(shè)計(jì)要求不高，但要求鏈接準(zhǔn)確、文字無(wú)誤、圖文并茂，并沿襲網(wǎng)頁(yè)的風(fēng)格?！　棾鲰?yè)：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。　　各頁(yè)面的設(shè)計(jì)技巧：　　一、首頁(yè)設(shè)計(jì)技巧　　網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門面。一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫面，向?yàn)g覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類型的首頁(yè)在設(shè)計(jì)過(guò)程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過(guò)色彩、布局給訪問(wèn)者留下深刻的印象。另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等，這種風(fēng)格比較適合網(wǎng)站信息量大，內(nèi)容豐富的網(wǎng)站，因?yàn)槭且哉故拘畔橹鳎@是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象，建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的CI手冊(cè)，熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn)，在網(wǎng)站的局部體現(xiàn)出來(lái)，往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過(guò)程中要注意使用這些語(yǔ)言符號(hào)來(lái)表達(dá)一種獨(dú)特的企業(yè)信息?！　【W(wǎng)頁(yè)設(shè)計(jì)時(shí)注意事項(xiàng)： 1.不要花哨。 2.要有風(fēng)格，要突出行業(yè)的特點(diǎn)。比如娛樂(lè)業(yè)熱烈活潑些，政府網(wǎng)站則要莊重些；收藏書畫業(yè)要古樸典雅，策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁(yè)一般兩屏到三屏就可以，不要太長(zhǎng)，會(huì)影響網(wǎng)頁(yè)打開的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分作幾個(gè)頁(yè)面，或者分為幾個(gè)二級(jí)欄目。

要領(lǐng)一：確定網(wǎng)站主題 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問(wèn)題，即確定網(wǎng)站的主題。美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出了99年度排名前100位的全美知名網(wǎng)站的十類題材：第1類：網(wǎng)上求職；第2類：網(wǎng)上聊天/即時(shí)信息/ICQ；第3類：網(wǎng)上社區(qū)/討論/郵件列表；第4類：計(jì)算機(jī)技術(shù)；第5類：網(wǎng)頁(yè)/網(wǎng)站開發(fā)；第6類：娛樂(lè)網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。 對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬(wàn)象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來(lái)高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來(lái)困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒(méi)有第二！ 要領(lǐng)二：選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將全部落空。 目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁(yè)的傳輸速度。所以，就我個(gè)人觀點(diǎn)來(lái)說(shuō)，首先花點(diǎn)錢去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡(jiǎn)單、易記。 要領(lǐng)三：掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作Web頁(yè)面的工具軟件也越來(lái)越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動(dòng)網(wǎng)頁(yè)制作工具，各種各樣的Web頁(yè)面制作工具，下面是幾款具有代表性的網(wǎng)頁(yè)制作器： （1）HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁(yè)面效果，仍受高級(jí)網(wǎng)頁(yè)制作人員的青睞。就目前來(lái)說(shuō)，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁(yè)面創(chuàng)建及高級(jí)HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 （2）所見即所得的網(wǎng)頁(yè)編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁(yè)。而且，F(xiàn)rontpage還能解析網(wǎng)頁(yè)的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級(jí)網(wǎng)頁(yè)制作人員使用的工具軟件。 （3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動(dòng)網(wǎng)頁(yè)制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁(yè)制作工具。能夠輕松輸出各種各樣的動(dòng)畫網(wǎng)頁(yè)，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動(dòng)畫效果、互動(dòng)效果、多媒體效果十分出色。而且還可以在Flash動(dòng)畫中封裝Mp3音樂(lè)、填寫表單等；并且由于Flash編制的網(wǎng)頁(yè)文件比普通網(wǎng)頁(yè)文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動(dòng)態(tài)Web制作的工具。 另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javascript、VBScript的基本知識(shí)。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。 當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫(kù)。編制網(wǎng)頁(yè)需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁(yè)素材。 要領(lǐng)四：確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn)： ①欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定題材后立刻開始制作，沒(méi)有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好欄目和板塊的編排問(wèn)題。 網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是： ●盡可能刪除那些與主題無(wú)關(guān)的欄目； ●盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上； ●盡可能從訪問(wèn)者角度來(lái)編排欄目以方便訪問(wèn)者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。 另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動(dòng)力（www.enet.com.cn）的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來(lái)說(shuō)，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意： ●各板塊要有相對(duì)獨(dú)立性； ●各板塊要有相互關(guān)聯(lián)； ●各板塊的內(nèi)容要圍繞站點(diǎn)主題； ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如： ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。 ●按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡(jiǎn)介、站長(zhǎng)情況等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內(nèi)容也最好放在一個(gè)目錄下，便于維護(hù)管理。 ●在每個(gè)主目錄下都建立獨(dú)立的Images目錄。一般來(lái)說(shuō)，一個(gè)站點(diǎn)根目錄下都有一個(gè)默認(rèn)地Images目錄。將所有圖片都存放在這個(gè)目錄里很是不方便，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的Images目錄是方便管理的。原因很簡(jiǎn)單，就是方便維護(hù)與管理。 其它需要注意的還有：目錄的層次不要太深，不要超過(guò)3層；不要使用中文目錄，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難；不要使用過(guò)長(zhǎng)的目錄，太長(zhǎng)的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。 網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說(shuō)：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式： ●樹狀鏈接結(jié)構(gòu)（一對(duì)一），這類似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出，條理比較清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須回到首頁(yè)再進(jìn)行。 ●星狀鏈接結(jié)構(gòu)（一對(duì)多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁(yè)面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 ③進(jìn)行形象設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā)： ●設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來(lái)自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 ●設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。 ●設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說(shuō)明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒(méi)有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。 ●設(shè)計(jì)網(wǎng)站宣傳語(yǔ)。也可以說(shuō)是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來(lái)高度概括。用富有氣勢(shì)的話或詞語(yǔ)來(lái)概括網(wǎng)站，進(jìn)行對(duì)外宣傳，可以收到比較好的結(jié)果。 要領(lǐng)五：確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 風(fēng)格是有人性的，通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來(lái)描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳。總之，風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。 要領(lǐng)六：有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁(yè)設(shè)計(jì)制作者，最苦惱的就是沒(méi)有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來(lái)自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無(wú)意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng)意。另外，主頁(yè)內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁(yè)面制作地再怎樣精美，仍然不會(huì)有多少用戶。從根本上說(shuō)，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個(gè)人網(wǎng)站成功的關(guān)鍵。 要領(lǐng)七：推廣自己的網(wǎng)站 網(wǎng)站的營(yíng)銷推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請(qǐng)確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來(lái)說(shuō)，網(wǎng)站的推廣有以下幾種方式： （1）搜索引擎注冊(cè)與搜索目錄登錄技巧 注冊(cè)著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊(cè)搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁(yè)面，大部分搜索引擎不識(shí)別Frame，所以一定要提交有內(nèi)容的Main頁(yè)面。 而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn)（靠Spider自動(dòng)搜索的）更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對(duì)較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊(cè)站點(diǎn)描述不超過(guò)25個(gè)單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬(wàn)不要有虛假、夸張的成分。 （2）廣告交換技巧 很多個(gè)人站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問(wèn)量相當(dāng)；第二，首頁(yè)交換。顯而易見，這種做法是為了充分利用廣告交換。以很多個(gè)人網(wǎng)站的經(jīng)驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)，對(duì)方把網(wǎng)站的LOGO放到了友情連接一頁(yè)，而不是首頁(yè)時(shí)，很少有訪客會(huì)來(lái)自那里。通常在首頁(yè)，廣告交換才會(huì)有很好的效果。 （3）目標(biāo)電子郵件推廣 使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來(lái)進(jìn)行，只要你申請(qǐng)了免費(fèi)郵件列表服務(wù)，你就可以利用郵件列表來(lái)推廣你的網(wǎng)站；可以通過(guò)收集的特定郵件地址，來(lái)發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送HTML格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會(huì)被被當(dāng)作垃圾信件馬上刪掉，人們至少會(huì)留意一下發(fā)送者的地址。不過(guò)，在進(jìn)行郵件推廣的時(shí)候要注意網(wǎng)絡(luò)道德。 要領(lǐng)八：支撐網(wǎng)站日常運(yùn)行 當(dāng)個(gè)人網(wǎng)站做到某一程度，就必須把賺錢提到議事日程上來(lái)，通常來(lái)說(shuō)，個(gè)人網(wǎng)站獲取資金通常有以下兩個(gè)渠道： （1）銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位，一般來(lái)說(shuō)，每日的流量少于1萬(wàn)人次的網(wǎng)站在目前是不會(huì)吸引廣告主的。網(wǎng)站的專業(yè)性及商用性，以往的廣告經(jīng)驗(yàn)，技術(shù)以及設(shè)計(jì)要求等也會(huì)影響到廣告的銷售。 一般來(lái)說(shuō)，WEB廣告的收費(fèi)有三種方式： ①CPM (Cost Per Million/Thousand) 放一個(gè)廣告，它按每1,000人次來(lái)訪問(wèn)站點(diǎn)收費(fèi)。這方法對(duì)網(wǎng)站經(jīng)營(yíng)者最為合適，只要有人瀏覽該網(wǎng)頁(yè)，就得錢，不管訪問(wèn)者對(duì)廣告有無(wú)反應(yīng)——是否會(huì)看或點(diǎn)擊該廣告。 ②點(diǎn)透（Click-through） 通過(guò)Banner廣告點(diǎn)到了廣告商的站點(diǎn)，這才算數(shù)，廣告商青睞這個(gè)，他只為對(duì)自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營(yíng)者就不合適了，據(jù)一些調(diào)查資料表明，只有3%的訪問(wèn)者會(huì)去“CLICK”廣告。 ③提成 (Commission) 根據(jù)訪問(wèn)者點(diǎn)擊位于你站點(diǎn)上廣告所帶來(lái)的銷售收入，從中跟做廣告的廠商分成，這種方法對(duì)于網(wǎng)站的經(jīng)營(yíng)者來(lái)說(shuō)，比上面兩個(gè)都更加冒險(xiǎn)。 通常的，個(gè)人網(wǎng)站的廣告收費(fèi)方法往往是第一、第二種方法的結(jié)合，站點(diǎn)和廣告商都可少冒點(diǎn)險(xiǎn)。 （2）與大型網(wǎng)站合作 另外，通過(guò)與大型網(wǎng)站合作，獲取經(jīng)費(fèi)，也可以維持個(gè)人網(wǎng)站的日常運(yùn)行。不過(guò)，個(gè)人網(wǎng)站很容易會(huì)成為商業(yè)網(wǎng)站的附屬品。 有時(shí)間和充沛的體力，再加上對(duì)新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上建一個(gè)家了 參考資料： http://zhidao.baidu.com/question/6583649.html?fr=qrl3

嚴(yán)格說(shuō)，大中型公司會(huì)把網(wǎng)頁(yè)制作團(tuán)隊(duì)分為：網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)（美工）、前端交互設(shè)計(jì)（前端）、軟件程序開發(fā)（程序）。單說(shuō)前端，你可以百度一下“前端設(shè)計(jì)”，了解一下這個(gè)職位是干嘛的。下面引用一小段：【前端設(shè)計(jì)師是一個(gè)很新的職業(yè)，在國(guó)內(nèi)乃至國(guó)際上真正開始受到重視的時(shí)間不超過(guò)5年。但是，隨著Web2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長(zhǎng)。XHTML+CSS布局、DHTML和Ajax像一陣旋風(fēng)，鋪天蓋地地席卷而來(lái)，包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)?！恳虼?，從技術(shù)上說(shuō)，前端設(shè)計(jì)師要至少掌握html極其相關(guān)平臺(tái)屬性、css極其相關(guān)兼容語(yǔ)法、javascript極其相關(guān)框架、ajax極其相關(guān)語(yǔ)言（php或asp或json等）——如果是Flash，你還要懂得ActionScript。你要用html寫頁(yè)面，用css做樣式，用javascript做交互，用ajax優(yōu)化交互——一切的一切，提供符合標(biāo)準(zhǔn)的html頁(yè)面（兼容性好、標(biāo)簽/命名語(yǔ)義化、符合W3C規(guī)范、符合SEO規(guī)范、符合或遵循網(wǎng)頁(yè)柵格系統(tǒng)），鏈接美工和程序。從軟件上說(shuō)，你至少要懂得一款作圖工具（切圖、優(yōu)化壓縮圖片、校正圖片）、一款編碼工具（組織代站點(diǎn)結(jié)構(gòu)、書寫管理代碼、或者使用SVN類似的版本控制協(xié)作）、一寫前端效率插件工具（壓縮css或js、調(diào)整json數(shù)據(jù)、調(diào)整優(yōu)化正則表達(dá)式、制作地址欄圖標(biāo)、制作APP圖標(biāo)、制作視網(wǎng)膜圖像等）——一切的一切，效率工作，嚴(yán)謹(jǐn)風(fēng)格。從個(gè)人職業(yè)修養(yǎng)上說(shuō)，你需要建立良好的工作習(xí)慣和技能提升方法——一切的一切，好好學(xué)習(xí)，天天向上。前端設(shè)計(jì)師，說(shuō)起來(lái)，是一個(gè)技能綜合度比較高的職業(yè)，首先說(shuō)，你應(yīng)該懂?dāng)?shù)學(xué)，一些最基本的交互和計(jì)算都是離不開數(shù)學(xué)的，比較炫酷和提升用戶體驗(yàn)的設(shè)計(jì)，通常也都和數(shù)學(xué)息息相關(guān)（圓周率、隨機(jī)數(shù)、時(shí)分秒換算等等），由數(shù)學(xué)的靈活運(yùn)用，還可以實(shí)現(xiàn)物理上的一些東西（滑動(dòng)、晃動(dòng)、彈跳、模擬重力等）。做好前端，說(shuō)的直接一點(diǎn)差不多就是【寫的一手好腳本】——作圖有美工，編程有程序——前端設(shè)計(jì)，就是把圖片轉(zhuǎn)換為可嵌套程序使用的標(biāo)準(zhǔn)HTML頁(yè)面，并站在UEDer（用戶體驗(yàn)設(shè)計(jì)師）的角度去設(shè)計(jì)和制作良好的交互方法。職業(yè)生涯是一個(gè)長(zhǎng)期的過(guò)程，所謂千里之行始于足下，實(shí)習(xí)階段，你所學(xué)習(xí)的并不是如何如何做自己的東西，而是學(xué)習(xí)團(tuán)隊(duì)協(xié)作、資源管理和學(xué)習(xí)方法。好比新兵入伍，不會(huì)讓你直接去參與大型的活動(dòng)，而是乖乖訓(xùn)練，尋找自己的優(yōu)勢(shì)，探索學(xué)習(xí)團(tuán)隊(duì)協(xié)作，找到提升自我的突破口，為以后的發(fā)展提供一個(gè)良好的工作習(xí)慣和處事方法。需要說(shuō)的一點(diǎn)是，大部分學(xué)校的教程都是較老的技術(shù)教程，在實(shí)際的工作中根本用不上?？梢哉f(shuō)，實(shí)習(xí)，差不多是帶你進(jìn)階自己的技能。當(dāng)你工作一段時(shí)間后會(huì)很明顯的發(fā)現(xiàn)，原來(lái)學(xué)些學(xué)的那些東西到了實(shí)際工作中差不多也就是剛?cè)腴T，各個(gè)公司各個(gè)團(tuán)隊(duì)都有自己的代碼管理方法和工作流程，實(shí)習(xí)中，你應(yīng)該嘗試去接受和學(xué)習(xí)，公司通常更懂得如何把你的勞動(dòng)變?yōu)榻疱X，你的價(jià)值體現(xiàn)也在于此——工資和物價(jià)無(wú)關(guān)，和你的含金量有關(guān)。經(jīng)驗(yàn)之談，聊聊而已。

第一，需要準(zhǔn)備一個(gè)域名（可以到萬(wàn)網(wǎng)進(jìn)行注冊(cè)）。第二，網(wǎng)站域名備案，一般20天左右可以備案完成，如果不備案，備查會(huì)關(guān)網(wǎng)站。第三，需要一個(gè)空間服務(wù)器，如果對(duì)于網(wǎng)速空間要求不高可以選擇阿里云的免費(fèi)空間。第四，需要制作好一個(gè)網(wǎng)站，網(wǎng)站前端和網(wǎng)站后臺(tái)準(zhǔn)備好，有程序完成，可以找網(wǎng)絡(luò)公司外包。第五，網(wǎng)站上傳到服務(wù)器相關(guān)設(shè)置綁定好。第六，進(jìn)行日常維護(hù)。

網(wǎng)頁(yè)設(shè)計(jì)人員需要對(duì)計(jì)算機(jī)硬件有一些了解,至少要懂得機(jī)器的硬件一般由哪些構(gòu)成。要對(duì)網(wǎng)頁(yè)設(shè)計(jì)常用軟件很精通,一般常用的網(wǎng)頁(yè)設(shè)計(jì)軟件包括Photoshop,fflash,dreamweaver,當(dāng)然了,還要精通HTML標(biāo)記代碼,他可是所有設(shè)計(jì)的根本。還有一些網(wǎng)頁(yè)特效的使用,所以,您還需要學(xué)習(xí)有關(guān)CSS,JSP的有關(guān)知識(shí). 有了以上這些,可以做出一個(gè)相當(dāng)不錯(cuò)的網(wǎng)頁(yè)了,但是要是做一個(gè)網(wǎng)站,或是可以進(jìn)行交互式的網(wǎng)頁(yè),還需要了解有關(guān)ASP,還有ACCESS或者是SQL數(shù)據(jù)庫(kù)方面的知識(shí)才可以 . 如果要發(fā)布到互聯(lián)網(wǎng)上,還需要了解一些關(guān)于FTP方面的知識(shí),以便于可以迅速的上傳你的網(wǎng)頁(yè). 在本機(jī)調(diào)試網(wǎng)站時(shí),我們一般會(huì)使用一些工具在本機(jī)進(jìn)行調(diào)式,還需要學(xué)習(xí)有關(guān)WEB服務(wù)器架設(shè)方面的常識(shí),常用的有MICROSOFT WINDOWS自帶的IIS或是阿帕奇等. 為了推廣網(wǎng)站,在各大搜索引擎進(jìn)行登記也是必需的,所以,還需要有一些關(guān)于互聯(lián)網(wǎng)使用方面的常識(shí). 網(wǎng)頁(yè)設(shè)計(jì)常用軟件有以下三個(gè)： 1、Dreamweaver 這個(gè)是網(wǎng)頁(yè)編輯代碼的專業(yè)軟件。也是做網(wǎng)頁(yè)設(shè)計(jì)的必須懂得操作的軟件。 2、Photoshop 這個(gè)是做圖片處理，美化網(wǎng)頁(yè)的，工作中也非常的常用。 3、flash 很多時(shí)候圖片沒(méi)有一個(gè)flash好看，就用這個(gè)制作flash動(dòng)畫，可以加到你的網(wǎng)頁(yè)中。 一個(gè)網(wǎng)頁(yè)設(shè)計(jì)人員必須要掌握文中介紹的這三個(gè)軟件，如果不會(huì)的可以先去到智通培訓(xùn)學(xué)習(xí)學(xué)習(xí)一下網(wǎng)頁(yè)設(shè)計(jì)方面的課程。學(xué)會(huì)以后就可以找一份高薪的網(wǎng)頁(yè)設(shè)計(jì)工作。

要學(xué)網(wǎng)頁(yè)設(shè)計(jì)， 就需要掌握 HTML+CSS+JavaScript/Jquery，目前做網(wǎng)頁(yè)設(shè)計(jì)就是用這三大神器語(yǔ)言進(jìn)行開發(fā)的。此外就是數(shù)據(jù)庫(kù)方面的一些知識(shí)：要想學(xué)PHP，ASP，JSP，.net 先學(xué)數(shù)據(jù)庫(kù)，原因是以上后臺(tái)語(yǔ)言都有和數(shù)據(jù)庫(kù)交互的代碼，所以要先學(xué)，為了方便。下面分別進(jìn)行說(shuō)明：首先是基礎(chǔ)HTML，他是網(wǎng)頁(yè)的框架，不可缺的。css:層疊樣式表，要想美化網(wǎng)頁(yè)就是它的強(qiáng)項(xiàng)，例如：給頁(yè)面增加一些色彩，設(shè)置字體的特殊顏色，背景色，字體的排列方式等等；js:很多動(dòng)態(tài)效果都用他來(lái)做，有時(shí)候數(shù)據(jù)判定也用他做。ajax技術(shù)是很重要也很熱門的一門技術(shù)，再配合javascript/jquery的作用，可以給頁(yè)面增加一些行為，比如你的鼠標(biāo)放在某個(gè)字體的上面的時(shí)候，字體的顏色就變了，點(diǎn)擊一個(gè)元素就消失了， 這些都是改變頁(yè)面的行為。溫馨提示：不管學(xué)什么語(yǔ)言先打好基礎(chǔ)，然后再學(xué)不然會(huì)很吃力的， 如果想往網(wǎng)頁(yè)UI發(fā)展，就只需要熟習(xí)PHP，ASP，這些后臺(tái)語(yǔ)言，而重點(diǎn)學(xué)前面的哪些語(yǔ)言，如果想要往高層發(fā)展，哪么Flash,photoshop.，AC都要學(xué)，還要有美術(shù)功底。

嚴(yán)格說(shuō)，大中型公司會(huì)把網(wǎng)頁(yè)制作團(tuán)隊(duì)分為：網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)（美工）、前端交互設(shè)計(jì)（前端）、軟件程序開發(fā)（程序）。單說(shuō)前端，你可以百度一下“前端設(shè)計(jì)”，了解一下這個(gè)職位是干嘛的。下面引用一小段：【前端設(shè)計(jì)師是一個(gè)很新的職業(yè)，在國(guó)內(nèi)乃至國(guó)際上真正開始受到重視的時(shí)間不超過(guò)5年。但是，隨著Web2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長(zhǎng)。XHTML+CSS布局、DHTML和Ajax像一陣旋風(fēng)，鋪天蓋地地席卷而來(lái)，包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)。】因此，從技術(shù)上說(shuō)，前端設(shè)計(jì)師要至少掌握html極其相關(guān)平臺(tái)屬性、css極其相關(guān)兼容語(yǔ)法、javascript極其相關(guān)框架、ajax極其相關(guān)語(yǔ)言（php或asp或json等）——如果是Flash，你還要懂得ActionScript。你要用html寫頁(yè)面，用css做樣式，用javascript做交互，用ajax優(yōu)化交互——一切的一切，提供符合標(biāo)準(zhǔn)的html頁(yè)面（兼容性好、標(biāo)簽/命名語(yǔ)義化、符合W3C規(guī)范、符合SEO規(guī)范、符合或遵循網(wǎng)頁(yè)柵格系統(tǒng)），鏈接美工和程序。從軟件上說(shuō)，你至少要懂得一款作圖工具（切圖、優(yōu)化壓縮圖片、校正圖片）、一款編碼工具（組織代站點(diǎn)結(jié)構(gòu)、書寫管理代碼、或者使用SVN類似的版本控制協(xié)作）、一寫前端效率插件工具（壓縮css或js、調(diào)整json數(shù)據(jù)、調(diào)整優(yōu)化正則表達(dá)式、制作地址欄圖標(biāo)、制作APP圖標(biāo)、制作視網(wǎng)膜圖像等）——一切的一切，效率工作，嚴(yán)謹(jǐn)風(fēng)格。從個(gè)人職業(yè)修養(yǎng)上說(shuō)，你需要建立良好的工作習(xí)慣和技能提升方法——一切的一切，好好學(xué)習(xí)，天天向上。前端設(shè)計(jì)師，說(shuō)起來(lái)，是一個(gè)技能綜合度比較高的職業(yè)，首先說(shuō)，你應(yīng)該懂?dāng)?shù)學(xué)，一些最基本的交互和計(jì)算都是離不開數(shù)學(xué)的，比較炫酷和提升用戶體驗(yàn)的設(shè)計(jì)，通常也都和數(shù)學(xué)息息相關(guān)（圓周率、隨機(jī)數(shù)、時(shí)分秒換算等等），由數(shù)學(xué)的靈活運(yùn)用，還可以實(shí)現(xiàn)物理上的一些東西（滑動(dòng)、晃動(dòng)、彈跳、模擬重力等）。做好前端，說(shuō)的直接一點(diǎn)差不多就是【寫的一手好腳本】——作圖有美工，編程有程序——前端設(shè)計(jì)，就是把圖片轉(zhuǎn)換為可嵌套程序使用的標(biāo)準(zhǔn)HTML頁(yè)面，并站在UEDer（用戶體驗(yàn)設(shè)計(jì)師）的角度去設(shè)計(jì)和制作良好的交互方法。職業(yè)生涯是一個(gè)長(zhǎng)期的過(guò)程，所謂千里之行始于足下，實(shí)習(xí)階段，你所學(xué)習(xí)的并不是如何如何做自己的東西，而是學(xué)習(xí)團(tuán)隊(duì)協(xié)作、資源管理和學(xué)習(xí)方法。好比新兵入伍，不會(huì)讓你直接去參與大型的活動(dòng)，而是乖乖訓(xùn)練，尋找自己的優(yōu)勢(shì)，探索學(xué)習(xí)團(tuán)隊(duì)協(xié)作，找到提升自我的突破口，為以后的發(fā)展提供一個(gè)良好的工作習(xí)慣和處事方法。需要說(shuō)的一點(diǎn)是，大部分學(xué)校的教程都是較老的技術(shù)教程，在實(shí)際的工作中根本用不上?？梢哉f(shuō)，實(shí)習(xí)，差不多是帶你進(jìn)階自己的技能。當(dāng)你工作一段時(shí)間后會(huì)很明顯的發(fā)現(xiàn)，原來(lái)學(xué)些學(xué)的那些東西到了實(shí)際工作中差不多也就是剛?cè)腴T，各個(gè)公司各個(gè)團(tuán)隊(duì)都有自己的代碼管理方法和工作流程，實(shí)習(xí)中，你應(yīng)該嘗試去接受和學(xué)習(xí)，公司通常更懂得如何把你的勞動(dòng)變?yōu)榻疱X，你的價(jià)值體現(xiàn)也在于此——工資和物價(jià)無(wú)關(guān)，和你的含金量有關(guān)。經(jīng)驗(yàn)之談，聊聊而已。