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

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

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

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

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

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

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

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

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