在網(wǎng)頁(yè)效果圖的設(shè)計(jì)階段，應(yīng)按照繪制結(jié)構(gòu)草圖，在Fireworks中繪制輔助線、繪制結(jié)構(gòu)底圖、添加內(nèi)容、對(duì)效果圖進(jìn)行切片、對(duì)切片進(jìn)行優(yōu)化、輸出切片刀Dreamweaver的順序來(lái)依次進(jìn)行。下面將會(huì)介紹網(wǎng)頁(yè)效果圖設(shè)計(jì)中各個(gè)流程的作用?！　≡趫D像軟件中設(shè)計(jì)網(wǎng)頁(yè)效果圖，總體可以分為7個(gè)步驟：（1）、創(chuàng)建畫(huà)布，添加輔助線來(lái)布局；（2）、繪制結(jié)構(gòu)底圖；（3）、添加內(nèi)容，包括圖像和文字；（4）、切片；（5）、優(yōu)化；（6）、導(dǎo)出；（7）、布局。　　　　1、創(chuàng)建輔助線　　在具體設(shè)計(jì)前，應(yīng)當(dāng)考慮到網(wǎng)頁(yè)的布局形式，可以根據(jù)策劃階段確定下來(lái)的網(wǎng)頁(yè)布局草圖，在Fireworks的畫(huà)布中添加輔助線，這樣做的目的是為了明確頁(yè)面布局形式和面積?！　⌒枰⒁獾氖?，對(duì)于布局結(jié)構(gòu)比較復(fù)雜的頁(yè)面，輔助線不是一次就能夠全部創(chuàng)建好的，而是一部分內(nèi)容創(chuàng)建一部分否則輔助線過(guò)多會(huì)使頁(yè)面混亂?！　?、繪制結(jié)構(gòu)底圖　　根據(jù)創(chuàng)建好的輔助線，使用Fireworks的工具或者是矩形選取框工具，把網(wǎng)頁(yè)效果圖中帶有底色的“矩形塊”依次繪制出來(lái)，形成一個(gè)整體的布局效果?！　∵@里的“矩形塊‘只是一個(gè)統(tǒng)稱(chēng)，可以使任意的形狀。除了得到形狀以外，還可以直接對(duì)這些”矩形塊“配色，或添加紋理、濾鏡，從而在整體上對(duì)頁(yè)面的配色方案進(jìn)行控制?！　　　?、添加內(nèi)容　　結(jié)構(gòu)底圖繪制完畢后，就可以開(kāi)始在網(wǎng)頁(yè)效果圖中添加實(shí)際的內(nèi)容了，包括文字和圖像，從而完成最終的效果圖方案?！　√砑訄D像的時(shí)候，如何選擇最合適的圖像素材，如何對(duì)圖像素材進(jìn)行處理是非常重要的，可以說(shuō)網(wǎng)頁(yè)中圖像設(shè)計(jì)的好壞，直接影響到整體的頁(yè)面效果?！　　　?、切片　　效果圖制作完畢后，首先需要進(jìn)行切片。把網(wǎng)頁(yè)比喻成一幅圖，而切片工具就像是剪刀，使用切片工具可以把一張大圖像裁剪成很多小圖像。這樣做目的之一是為了加快下載速度。因?yàn)镮E瀏覽器是多線程的，同一時(shí)間可以下載3幅圖像?！　∏衅牧硗庖粋€(gè)目的，也是最主要的目的是為了布局的需要。很多人不知道該如何對(duì)效果圖進(jìn)行切片，這是因?yàn)閷?duì)布局技術(shù)不了解。同一個(gè)網(wǎng)頁(yè)效果圖，按不同的方式布局就會(huì)得到不同的切片，并沒(méi)有說(shuō)哪一個(gè)才是”標(biāo)準(zhǔn)”的，所以要想靈活運(yùn)用切片，必須熟悉流行的布局技術(shù)。

第一，需要準(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è)？先說(shuō)說(shuō)目前網(wǎng)頁(yè)制作流行的三類(lèi)作法： 一、使用像Dreamweaver、Fontpage一樣的所見(jiàn)即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些，會(huì)操作Word就會(huì)使用它。專(zhuān)業(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è)編輯軟件打開(kāi)就會(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），我們何苦再去編寫(xiě)一個(gè)論壇程序呢？簡(jiǎn)直是費(fèi)力不討好，并且Bug特別多。當(dāng)然學(xué)習(xí)數(shù)據(jù)庫(kù)編程開(kāi)發(fā)的人例外。 怎么做網(wǎng)站呢？首先我們需要了解一下網(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分： 首頁(yè)：網(wǎng)站的門(mén)面，如同公司的形象，特別注重設(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)著樹(shù)立企業(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)上的虛擬門(mén)面，在此，提醒上網(wǎng)的企業(yè)注意自己門(mén)面的設(shè)計(jì)，決不能敷衍了事、馬馬虎虎。我們會(huì)經(jīng)?？吹接∷⒕赖漠a(chǎn)品目錄或廣告，當(dāng)您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候，相信您或多或少會(huì)對(duì)有關(guān)的產(chǎn)品形成一種好感，即使您不會(huì)購(gòu)買(mǎi)，也必然對(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é)論：精良和專(zhuān)業(yè)網(wǎng)站的設(shè)計(jì)，如同制作精美的印刷品，會(huì)大大刺激消費(fèi)者（訪問(wèn)者）的購(gòu)買(mǎi)欲望，反之，您公司所提供的產(chǎn)品或服務(wù)將不會(huì)給消費(fèi)者（訪問(wèn)者）留下較好的印象。值得一提的是，除非您的企業(yè)有專(zhuān)業(yè)的網(wǎng)站規(guī)劃、設(shè)計(jì)人員，否則您最好找專(zhuān)業(yè)公司或?qū)I(yè)人員為您設(shè)計(jì)制作，一個(gè)優(yōu)秀的專(zhuān)業(yè)設(shè)計(jì)人員會(huì)很快明白您的意圖，并根據(jù)您的建站目的提出建設(shè)性的意見(jiàn)。 一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類(lèi)型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫(huà)面，向?yàn)g覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類(lèi)型的首頁(yè)在設(shè)計(jì)過(guò)程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過(guò)色彩、布局給訪問(wèn)者留下深刻的印象，當(dāng)然，我們不能為了設(shè)計(jì)而設(shè)計(jì)，我們的目的是營(yíng)銷(xiāo)，在設(shè)計(jì)過(guò)程中一定要牢記這一點(diǎn)！ 另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門(mén)戶網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內(nèi)容分類(lè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)站則要莊重些；收藏書(shū)畫(huà)業(yè)要古樸典雅，策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁(yè)一般兩屏到三屏就可以了，不要太長(zhǎng)，會(huì)影響你的網(wǎng)頁(yè)打開(kāi)的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分作幾個(gè)頁(yè)面，或者分為幾個(gè)二級(jí)欄目。 對(duì)初次建站的用戶來(lái)說(shuō)，制作網(wǎng)頁(yè)是件頭疼的事情；對(duì)于由別人幫助建站的用戶來(lái)說(shuō)，網(wǎng)站的后期更新維護(hù)可能更令人頭疼。缺乏專(zhuān)業(yè)人才及專(zhuān)業(yè)知識(shí)，讓大家對(duì)建站望而生畏。推薦您選購(gòu)『自助建站專(zhuān)賣(mài)店』自助網(wǎng)站系統(tǒng)，由于不需要專(zhuān)業(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)買(mǎi)。用戶進(jìn)入網(wǎng)站后臺(tái)后，自己就可以在現(xiàn)有模板上對(duì)網(wǎng)站內(nèi)容進(jìn)行更新，不用再為如何制作網(wǎng)頁(yè)擔(dān)心，『自助建站專(zhuān)賣(mài)店』銷(xiāo)售數(shù)十種正版品牌建站軟件，享受自動(dòng)升級(jí)服務(wù)和相關(guān)的技術(shù)服務(wù)(定制模版+內(nèi)容更新)。

一、從事網(wǎng)頁(yè)設(shè)計(jì)師行業(yè)可能有些人天生就不喜歡編程，喜歡設(shè)計(jì)，他們認(rèn)為設(shè)計(jì)是個(gè)人能力的一種展現(xiàn)的形式。而這類(lèi)人可以從事網(wǎng)頁(yè)設(shè)計(jì)師相關(guān)的工作?？赡芤髸?huì)PhotoShop、Illustrator等一些軟件。（具體看公司的要求，現(xiàn)在一般小公司都是美工加前端頁(yè)面制作的。因?yàn)椴皇菑氖逻@個(gè)行業(yè)，具體待情況而定。）二、從事WEB前端攻城獅行業(yè)如果對(duì)于編程喜歡的話，可以走web前端攻城獅這個(gè)位置。走這條路的話，可能要求比較多，主要難點(diǎn)在于javascript這塊。javascript可大致分為：1.核心（ECMAScript）：描述了JS的語(yǔ)法和基本對(duì)象。2.文檔對(duì)象模型（DOM）：處理網(wǎng)頁(yè)內(nèi)容的方法和接口3.瀏覽器對(duì)象模型（BOM）：與瀏覽器交互的方法和接口然后學(xué)會(huì)javascript的面向?qū)ο缶幊涕_(kāi)發(fā)、模塊化組件開(kāi)發(fā)。當(dāng)然還要熟悉一些一些框架1.一般前端框架jqueryUI easyui bootstrap(目前比較火)... 2.當(dāng)然jquery是必須的3.javascript框架：AngularJS 甚至Node.js （是一個(gè)基于Chrome JavaScript 運(yùn)行時(shí)建立的一個(gè)平臺(tái)）具體沒(méi)去研究..4.熟悉一門(mén)后臺(tái)編程語(yǔ)言最好（php,java）當(dāng)然除了JS這塊，當(dāng)然還有目前最火的"html5+css3"移動(dòng)端的開(kāi)發(fā)。

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

　　一、使用像Dreamweaver、Fontpage一樣的所見(jiàn)即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些，會(huì)操作Word就會(huì)使用它。專(zhuān)業(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è)編輯軟件打開(kāi)就會(huì)變形，所以直接使用記事本修改網(wǎng)頁(yè)Html代碼是最簡(jiǎn)潔有效的方法?？梢匀ハ螺d強(qiáng)化的HTML工具更好，例如： UltraEdit?！　∈紫刃枰私庖幌戮W(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分：　　首頁(yè)：網(wǎng)站的門(mén)面，如同公司的形象，特別注重設(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)上的虛擬門(mén)面。一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類(lèi)型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫(huà)面，向?yàn)g覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力，能夠努力挖掘企業(yè)深層的內(nèi)涵，展示企業(yè)文化。這種類(lèi)型的首頁(yè)在設(shè)計(jì)過(guò)程中一定要明確要以設(shè)計(jì)為主導(dǎo)，通過(guò)色彩、布局給訪問(wèn)者留下深刻的印象。另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門(mén)戶網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內(nèi)容分類(lè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)站則要莊重些；收藏書(shū)畫(huà)業(yè)要古樸典雅，策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁(yè)一般兩屏到三屏就可以，不要太長(zhǎng)，會(huì)影響網(wǎng)頁(yè)打開(kāi)的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分作幾個(gè)頁(yè)面，或者分為幾個(gè)二級(jí)欄目。

首先，可以告訴想學(xué)網(wǎng)頁(yè)制作的朋友。學(xué)習(xí)制作網(wǎng)頁(yè)和學(xué)習(xí)其它知識(shí)一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來(lái)會(huì)比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來(lái)做什么。 建議你要具備的條件：對(duì)電腦熟練操作，使用電腦最好在一年以上，對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的。下面介紹一下網(wǎng)頁(yè)制作學(xué)習(xí)過(guò)程。 第一階段：首先你不要一開(kāi)始就做網(wǎng)頁(yè)，要知道和了解網(wǎng)頁(yè)的一些網(wǎng)頁(yè)基本知識(shí)和原理，這一點(diǎn)很重要，那樣你會(huì)避免在制作網(wǎng)頁(yè)的過(guò)程中的很多誤區(qū)。比如什么是超鏈接，絕對(duì)鏈鏈接與相對(duì)鏈接的區(qū)別;什么是動(dòng)態(tài)網(wǎng)頁(yè)，什么是靜態(tài)網(wǎng)頁(yè)；還有IP與域名的關(guān)系等等。原理了解之后，就開(kāi)始學(xué)些網(wǎng)頁(yè)編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁(yè)制作與運(yùn)營(yíng)的原理。最好使拿書(shū)本教程來(lái)學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。在學(xué)習(xí)編輯軟件的過(guò)程中，你就要逐步接觸html語(yǔ)言，然后是css，最后子解一下javascript，在這一學(xué)習(xí)過(guò)程你最好靜下心來(lái)學(xué)，不要到網(wǎng)上或論壇上問(wèn)這問(wèn)那，那只是浪費(fèi)時(shí)間，因?yàn)槟氵€不懂。。會(huì)用網(wǎng)頁(yè)制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但是要知道你目前學(xué)習(xí)的還僅僅是靜態(tài)的網(wǎng)頁(yè)，當(dāng)你能夠做出一個(gè)靜態(tài)網(wǎng)站，并會(huì)將其發(fā)布到網(wǎng)上與網(wǎng)友們分享的時(shí)候，你的第一個(gè)過(guò)程就算完成了第二階段：好了，靜態(tài)的網(wǎng)頁(yè)制作差不多的時(shí)候，你可以去網(wǎng)上與網(wǎng)友交流交流了，那時(shí)你會(huì)發(fā)現(xiàn)自己的水平還很有限?，F(xiàn)在你需要由靜態(tài)向動(dòng)態(tài)過(guò)渡了，主流的動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言有三種asp或asp.net、php、jsp.每種都有各自的特點(diǎn)，看你喜歡那種，要三種都精通那是比較不實(shí)際的吧，也是沒(méi)有必要的。這一個(gè)過(guò)程也是個(gè)很關(guān)鍵的過(guò)程，你要系統(tǒng)得學(xué)習(xí)一種語(yǔ)言，還要學(xué)會(huì)動(dòng)態(tài)網(wǎng)頁(yè)動(dòng)行環(huán)境的搭建，還有數(shù)據(jù)庫(kù)方面知識(shí)。記住要根據(jù)你自己的實(shí)踐情況慎重地選擇一種，不要學(xué)了一種又學(xué)那一種，結(jié)果一樣也沒(méi)有學(xué)會(huì)。我有切身體會(huì)，但是每一樣稍作了解是必要的，要不你怎么先擇啊，是吧？第三階段:結(jié)合你自己已掌握地知識(shí)來(lái)開(kāi)發(fā)網(wǎng)站，可以開(kāi)發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開(kāi)發(fā)者了。這時(shí)你可以加入一個(gè)團(tuán)隊(duì)了，接下來(lái)的知識(shí)的學(xué)習(xí)是靠實(shí)踐和交流了，你可以上論壇去，有些知識(shí)書(shū)本上是學(xué)不到的。這一個(gè)階段你可能是漫長(zhǎng)的，你只能不斷得充實(shí)自己。 怎樣制作網(wǎng)頁(yè)，不是說(shuō)一兩篇文章能夠說(shuō)清楚的。以上介紹的是制作網(wǎng)頁(yè)的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁(yè)的朋友一個(gè)參考。滿意請(qǐng)采納

一、菜鳥(niǎo)級(jí)網(wǎng)頁(yè)制作軟件 如果你是一個(gè)網(wǎng)頁(yè)制作初學(xué)者，那么讓下面幾種軟件帶你走進(jìn)那絢麗多彩的網(wǎng)頁(yè)制作世界吧！ ①M(fèi)icrosoft FrontPage 如果你曾對(duì)Word很熟悉，那么相信你用FrontPage進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)一定會(huì)非常順手。使用FrontPage制作網(wǎng)頁(yè)，你能真正體會(huì)到“功能強(qiáng)大，簡(jiǎn)單易用”的含義。頁(yè)面制作由FrontPage中的Editor完成，其工作窗口由3個(gè)標(biāo)簽頁(yè)組成，分別是“所見(jiàn)即所得”的編輯頁(yè)，HTML代碼編輯頁(yè)和預(yù)覽頁(yè)。FrontPage帶有圖形和GIF動(dòng)畫(huà)編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁(yè)時(shí)感到更加方便。 FrontPage最強(qiáng)大之處是其站點(diǎn)管理功能。在更新服務(wù)器上的站點(diǎn)時(shí)，不需要?jiǎng)?chuàng)建更改文件的目錄。FrontPage會(huì)為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁(yè)制作軟件中惟一既能在本地計(jì)算機(jī)上工作，又能通過(guò)Internet直接對(duì)遠(yuǎn)程服務(wù)器上的文件進(jìn)行工作的軟件。 ②Netscape編輯器 Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁(yè)編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡(jiǎn)單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁(yè)時(shí)，單擊編輯按鈕，Netscape就會(huì)把網(wǎng)頁(yè)存儲(chǔ)在硬盤(pán)中，然后就可以開(kāi)始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁(yè)作者、標(biāo)題、背景顏色或圖像，定義描點(diǎn)，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對(duì)復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。 Netscape編輯器是網(wǎng)頁(yè)制作初學(xué)者很好的入門(mén)工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語(yǔ)言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來(lái)編寫(xiě)少量的HTML語(yǔ)句，也可以彌補(bǔ)Netscape編輯器的一些不足。 ③Adobe Pagemill Pagemill功能不算強(qiáng)大，但使用起來(lái)很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁(yè)。如果你的主頁(yè)需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個(gè)剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時(shí)再打開(kāi)，很方便。 ④Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。這是因?yàn)樗幸粋€(gè)很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費(fèi)太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫(kù)，增強(qiáng)的站點(diǎn)管理特性還允許你檢測(cè)頁(yè)面的合法連接。不過(guò)界面設(shè)計(jì)過(guò)于粗糙，對(duì)Image Map圖像的處理也不完全。 二、中級(jí)網(wǎng)頁(yè)制作軟件 如果你對(duì)網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)有了一定的基礎(chǔ)，對(duì)HTML語(yǔ)言又有一定的了解，那么你可以選擇下面的幾種軟件來(lái)設(shè)計(jì)你的網(wǎng)頁(yè)，他們一定會(huì)為你的網(wǎng)頁(yè)添色不少。 ①DreamWeaver 自制動(dòng)態(tài)HTML動(dòng)畫(huà)的網(wǎng)頁(yè) DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。 ②Fireworks 第一款徹底為Web制作者們?cè)O(shè)計(jì)的軟件 Fireworks的來(lái)頭實(shí)在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專(zhuān)為網(wǎng)絡(luò)圖像設(shè)計(jì)而開(kāi)發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動(dòng)切圖、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的javascript。而且Fireworks具有十分強(qiáng)大的動(dòng)畫(huà)功能和一個(gè)幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁(yè)及圖片！ ③Flash 讓你的網(wǎng)頁(yè)動(dòng)起來(lái) Flash是用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。#{6FLASH6}#可以用其生成動(dòng)畫(huà)，還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門(mén)語(yǔ)言一樣進(jìn)行編程，但用其內(nèi)置的語(yǔ)句并結(jié)合JavaScripe，您也可做出互動(dòng)性很強(qiáng)的主頁(yè)來(lái)。有人曾經(jīng)說(shuō)過(guò)：下個(gè)世紀(jì)的網(wǎng)絡(luò)設(shè)計(jì)人不會(huì)用FLASH，必將被淘汰出局！我相信這句話沒(méi)錯(cuò)！ ④HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁(yè) HotDog是較早基于代碼的網(wǎng)頁(yè)設(shè)計(jì)工具，其最具特色的是提供了許多向?qū)Чぞ撸軒椭O(shè)計(jì)者制作頁(yè)面中的復(fù)雜部分。HotDog的高級(jí)HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得，因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對(duì)plug-in的支持也遠(yuǎn)遠(yuǎn)超過(guò)其他產(chǎn)品，它提供的對(duì)話框允許你以手動(dòng)方式為不同格式的文件選擇不同的選項(xiàng)。但對(duì)中文的處理不很方便。 HotDog是個(gè)功能強(qiáng)大的軟件，對(duì)于那些希望在網(wǎng)頁(yè)中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級(jí)設(shè)計(jì)者，是個(gè)很好的選擇。 ⑤HomeSite 制作可完全控制頁(yè)面進(jìn)程的網(wǎng)頁(yè) Allaire的HomeSite是一個(gè)小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡(jiǎn)由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡(jiǎn)單的編輯窗口，也可以在復(fù)雜的界面下工作。 HomeSite更適合那些比較復(fù)雜和精彩頁(yè)面的設(shè)計(jì)。如果你希望能完全控制你制作的頁(yè)面的進(jìn)程，HomeSite是你最佳選擇。不過(guò)對(duì)于生手過(guò)于復(fù)雜。 ⑥HotMetal Pro 制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁(yè) HotMetal既提供“所見(jiàn)即所得”圖形制作方式，又提供代碼編輯方式，是個(gè)令各層次設(shè)計(jì)者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個(gè)軟件。HotMetal具有強(qiáng)大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來(lái)，放入頁(yè)面中。而且HotMetal能夠把它們自動(dòng)轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過(guò)程中把這些文檔里的圖片自動(dòng)轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹(shù)狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。 三、高級(jí)網(wǎng)頁(yè)制作軟件 ①M(fèi)icrosoft Visual Studio 該系列的版本有：2003、2005、2008和未來(lái)的版本； 適合開(kāi)發(fā)動(dòng)態(tài)的aspx網(wǎng)頁(yè)，同時(shí)，還能制作無(wú)刷新網(wǎng)站、webservice功能等，僅適合高級(jí)用戶。 ②Jbuilder 不論是各種版本，均適合使用其開(kāi)發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶。 ③記事本 別以為記事本功能非常少，軟件很簡(jiǎn)單；但是，如何想使用它來(lái)制作網(wǎng)頁(yè)，也僅適合高級(jí)用戶；因?yàn)樵谄鋬?nèi)容，沒(méi)有任何可視化的操作可直接制作網(wǎng)頁(yè)，而只能編寫(xiě)各種HTML代碼、CSS代碼、JS代碼和各種動(dòng)態(tài)腳本，方能制作出網(wǎng)頁(yè)來(lái)。

兩種選擇：一種是找建站公司，全包了大概幾千元能搞定，當(dāng)然要看網(wǎng)站內(nèi)容多少、需要什么功能等而定了。另一種是自助建站，利用現(xiàn)成的模板，只要自己編輯添加自己需要的內(nèi)容就可以了。其一、然后通過(guò)網(wǎng)站的優(yōu)化提升排名導(dǎo)入網(wǎng)站的精準(zhǔn)客戶群。其二、通過(guò)所屬行業(yè)的網(wǎng)站經(jīng)行推廣。其三、通過(guò)搜索引擎推廣。其四、通過(guò)各方面的論壇、博客、網(wǎng)絡(luò)店鋪進(jìn)行推廣。