在網頁設計的認識上，許多人似乎仍停留在網頁制作的高度上。認為只要用好了網頁制作軟件，就能搞好網頁設計了……

在網頁設計的認識上，許多人似乎仍停留在網頁制作的高度上。認為只要用好了網頁制作軟件，就能搞好網頁設計了。
　　其實網頁設計是一個感性思考與理性分析相結合的復雜的過程，它的方向取決于設計的任務，它的實現依賴于網頁的制作。正所謂“功夫在詩外”，網頁設計中最重要的東西，并非在軟件的應用上，而是在我們對網頁設計的理解以及設計制作的水平上，在于我們自身的美感以及對頁面的把握上。

首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務。設計的任務是要實現設計者的意圖，而并非創造美。

網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。

第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。

第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗制濫造的嫌疑。

第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。

當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬于設計的任務。

明確了設計的任務之后，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的制作，這一過程是在計算機上完成的。

設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這里面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一臺配置不錯的計算機外，軟件也是必需的。不能簡單地說一個軟件的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟件。當然，它應該能滿足設計者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟件。 接下來我們要做的就是通過軟件的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在制作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在制作的過程中，我們會碰到許多問題，其中最敏感的莫過于頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔。

我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。

色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。

單純的顏色并沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。

但顏色的使用并沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然后根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

在網頁設計的認識上，許多人似乎仍停留在網頁制作的高度上。認為只要用好了網頁制作軟件，就能搞好網頁設計了……

在網頁設計的認識上，許多人似乎仍停留在網頁制作的高度上。認為只要用好了網頁制作軟件，就能搞好網頁設計了。
　　其實網頁設計是一個感性思考與理性分析相結合的復雜的過程，它的方向取決于設計的任務，它的實現依賴于網頁的制作。正所謂“功夫在詩外”，網頁設計中最重要的東西，并非在軟件的應用上，而是在我們對網頁設計的理解以及設計制作的水平上，在于我們自身的美感以及對頁面的把握上。

首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務。設計的任務是要實現設計者的意圖，而并非創造美。

網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。

第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。

第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗制濫造的嫌疑。

第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。

當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬于設計的任務。

明確了設計的任務之后，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的制作，這一過程是在計算機上完成的。

設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這里面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一臺配置不錯的計算機外，軟件也是必需的。不能簡單地說一個軟件的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟件。當然，它應該能滿足設計者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟件。 接下來我們要做的就是通過軟件的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在制作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在制作的過程中，我們會碰到許多問題，其中最敏感的莫過于頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔。

我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。

色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。

單純的顏色并沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。

但顏色的使用并沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然后根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

★建設自己的網站較好的步驟☆

必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。

我覺得建站可以按照以下步驟進行：
　　1、先在本地設一個文件夾，作為網站存儲的地方。名字最好取“My Sites”。
　　2、在網站文件夾里面建立一些文件夾，包括“images”等（存儲圖片、文件等），并且按照網頁內容，再建立幾個文件夾。（也可以把存儲圖片、文件的文件夾在每個內容文件夾里面各搞一些）
　　3、打開你的網頁編輯程序（例如FP、Dreamwear等），新建網頁，保存為“index”（主頁），重復以上步驟，在網站文件夾里面建立“search”（查找）、“map”（站點地圖）、“index02”（網站簡介等）。
　　4、按照上面步驟，再在網站分類文件夾里面建立許多網頁（接著還要把內容輸入網頁）
　　5、已經做到了這么多，我們該準備內容了吧。在硬盤上面再建立一個文件夾“File”，把準備好的文檔、圖片、程式、文件和網頁特效等放進去。（可以加入一些動態網頁）
　　6、慢慢把這些文件一個不漏的放進網頁里面（要掌握技巧）
　　7、把網站充實了，就差不多了。這時應該申請一個域名（免費空間、附費都可以）。并且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
　　8、把網站上傳至空間里面，刪了準備文件，就OK了！

不過也可以這樣使用FP建站：

1、在FP里面選擇新建站點。
　　2、然后在【導航】里面設置網頁名稱以及標題。
　　3、準備好文檔、圖片、程式、文件和網頁特效等，把它們都充實進網站里面。
　　4、申請一個域名（免費空間、附費都可以）。并且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
　　5、把網站上傳至空間里面，刪了準備文件。完畢。

如果使用Dreamwear來建站，那就更加高級啦！Dreamwear的功能很強大，安裝了它的朋友們可以研究研究。

在網站設計中，純粹HTML格式的網頁通常被稱為“靜態網頁”，早期的網站一般都是由靜態網頁制作的。靜態網頁的網址形式通常為：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網頁上，也可以出現各種動態的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態效果”只是視覺上的，與下面將要介紹的動態網頁是不同的概念。

在《網絡營銷基礎與實踐》第二版第3章“網絡營銷導向的企業網站建設”中，提出了采用靜態網頁對搜索引擎的影響，書中對于靜態網頁本身的介紹比較少，尤其對于靜態網頁的特點沒有做專門的介紹。 網絡營銷教學網站(www.wm23.com)將靜態網頁的特點簡要歸納如下：

（1）靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“？”；
　　（2）網頁內容一經發布到網站服務器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的，也就是說，靜態網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件；
　　（3）靜態網頁的內容相對穩定，因此容易被搜索引擎檢索；
　　（4）靜態網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁制作方式比較困難；
　　（5）靜態網頁的交互性交叉，在功能方面有較大的限制。

網頁制作軟件的選擇

u 選擇一個適合自己的網頁編輯工具
　　了解了網頁的類型及相關技術之后，下一步，就是要選擇一個適合自己的網頁編輯工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最簡單、最容易，卻又功能強大的網頁編輯工具。采用典型的 Word 界面設計，只要你懂得使用 Word，就差不多等于已經會使用 Frontpage。就算你不懂 Word 也沒關系，"所見即所得"的操作方式會讓你很快上手，而且你無須學習 HTML 語法。

但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來的網頁，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會自動修改代碼，導致在某些情況下極為不便；再次，對DHTML的支持不好。但不管怎么說，Frontpage 的確是最好的入門級網頁編輯工具。

常見的版本為 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的產品的另一款"所見即所得"的網頁編輯工具,或稱網頁排版軟件。與 Frontpage 不同，Deamweaver 采用的是 Mac 機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發現 Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。

Dreamweaver 對于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網頁制作的選并不為過。

常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的產品，Flash 是交互式矢量圖和 Web 動畫的標準。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。相信凡是見過 Flash 技術的人，沒有一個不想掌握它的。它不但易學、易用，而且可以做出有很多動畫的網站，并且聲色結合，是一種很有前途的網頁制作技術。

firework

firework也是 Macromedia 公司的產品，是真正的網頁作圖軟件。Fireworks 與 Dreamweaver 結合很緊密，只要將 Dreamweaver 的默認圖像編輯器設為 Fireworks ，那么在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個功能是可以在同一文本框里改變單個字的顏色。當然，Fireworks 可以引用所有的 Photoshop的濾鏡，并且可以直接將 PSD 格式圖片導入。它是用來畫圖用的，它相當于結合了Photoshop ( 點陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果，也只需用鼠標點一下，不必再靠什么KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網頁16進制的色彩模式，提供安全色盤的使用和轉換，要切割圖形、做影像對應(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來都非常方便，修改圖形也是很容易的 。不需要再同時打開Photoshop和CorelDRAW...等等各類軟件，切換來切換去的了。

Dreamweaver、Flash、Firework稱為網頁制作三劍客，將三個軟件配合起來使用，會制作出非常精美的網頁

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具，它在一個軟件包中提供了頂級的功能，用于動畫 編排、編輯、特效和優化。 GIF Animator 差不多支持每個主要的文件格式，包括視頻文件，并允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當的 HTML 代碼，以便將動畫嵌入到網頁中，并且可以將動畫打包成獨立的 EXE 文件，以便通過電子郵件發布和在任何地方來查看。

u 制作主頁

制作主頁無非是添加文字、添加圖片、添加鏈接，跟用word沒什么區別，經過簡單的學習后，你就會制作主頁了！但是，要作出高水平的主頁那要學的東西就太多了，不過總結起來就是html，圖形制作，動畫制作，頁面特效制作和后臺程序制作幾個部分。

u 申請的主頁空間，把你制作的主頁傳上去

我們制作的頁面放在我們自己的計算機上，別人是不能看見的。為了讓別人看見我們制作的頁面，我們必須將他們放到一臺和internet一直連接的計算機（服務器）上。你可以到提供空間服務的站點申請主頁空間。有空間以后就可以利用響應的FTP（文件傳輸協議）工具軟件將我們制作的頁面傳上去。這樣，就可以讓大家來分享我的精彩頁面了。

常見的FTP工具軟件有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見本站想應的文章。

可能你開始的主頁只是非常簡單， 但是這是你的第一步，也是良好的開端，然后再一步步學習：如何把網頁制作漂亮一些？如何制作動畫？對于新手，千萬不要一下子就想：我看到某某某網頁這么漂亮，它是怎樣做出來的？我很想馬上做出來，于是馬上就去研究復雜的網頁，這樣你會發現網頁制作很難，學兩下就放棄了，這樣永遠學不會制作主頁。想當初，我對于我的網頁能產生鏈接也高興了半天，于是產生了更大的興趣。記住：一步一步來，不要一下子想成為高手，否則很難成為高手。

分享題目：如何進行網頁設計
文章起源：http://m.newbst.com/news/74383.html

成都網站建設公司_創新互聯，為您提供虛擬主機、網站策劃、自適應網站、商城網站、服務器托管、營銷型網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯