網站有網頁組成，要做網站就得會做網頁，那么要做一個好的網頁，怎么實現呢？要具
備哪些條件，掌握哪些知識呢？其實網頁設計不是我們想像中的那么難，不過也得知道一些知識的，不過要做一個漂亮的網站確實得花一點功夫。
我們從網站的結構來了解一下網站的組成及網頁設計的所需要的知識。 一、我們要了解最基本的知識
1、域名：什么是域名？域名有什么作用？
域名是Internet上某一臺計算機或計算機組的名稱，用于在數據傳輸時標識計算機的電子方位（有時也指地理位置）。域名是由一串用點分隔的名字組成的，通常包含組織名，而且始終包括兩到三個字母的后綴，以指明組織的類型或該域所在的國家或地區。例如
microsoft.com其中 microsoft 是組織名，com 是 commercial 的縮寫，代表商業組織。在美國使用的其它后綴包括gov（政府）、edu（教育機構）、org（組織，一般指非盈利組織）以及net（通用；有時是商用，有時不是）。在美國以外，兩個字的后綴表示該域所在的國家或地區，例如 uk（英國）、de（德國）、jp（日本），如canthing.cn為國內域名，www.canting.cn為頂級國內域名。
域名的作用簡單來說就是不用讓你記住IP地址，直接輸入域名可以進入你的網站，域名就像是你的網站的一個路標。
2、空間：什么是網站空間？什么是虛擬主機？
網站空間就是用來存放網站內容的硬盤空間，可以有獨立域名指向，獨立IP指向，能從瀏覽器訪問網站內容。利用虛擬主機技術，可以把一臺真正的主機分成許多的“虛擬”的主機，每一臺虛擬主機都具有獨立的域名和IP地址，具有完整的Internet服務器（WWW,
FTP,Email）功能。虛擬主機之間完全獨立，在外界看來，每一臺虛擬主機和一臺獨立的主機完全一樣。

二、網頁基本知識

1、網頁語言

HTML語言（HyperText Mark-up Language）超文本標記語言；HTML 不是程式語言，如 C++ 和 Java 之類，它只是標記語言，基本上只要明白了各種標記的用法就是學懂了HTML，HTML的格式非常簡單，只是由文字及標記組合而成，于編輯部方面，任何文字編輯器都可以，只要能將檔案存為文本格式即可，如果你覺得麻煩的話可以使用專門的網頁編輯工具當然更好了。

2、網頁工具

a.Macromedia Dreamweaver
Adobe公司的Macromedia公司的Dreamweaver是相當優秀的網頁制作工具，功能強大，操作方便，代碼簡潔，有強大的動態網頁設計能力，與Fireworks、Flash等軟件結合緊密，受到大多數專業網頁設計者的青睞。
b.Frontpage
Frontpage是微軟公司出品的網頁制作工具，和WORD、IE結合得非常好，簡單易用、易上手，是初學者比較好的選擇，但兼容性差一些，制作的網頁不支持Netscape等其他瀏覽器，對復雜的動態網頁的設計能力有限。

這兩個網頁設計軟件是網頁設計者的最好，也是入門都最理想的網頁設計工具。操作簡單，所見即所得的網頁制作工具，和WORD排版差不多，你只要將文本輸入到網頁中和圖形插入到網頁中，網頁會自動生成HTML代碼。

3、網頁設計軟件

a.Adobe公司的Photoshop軟件是一款網頁設計師的必備軟件，通過它可以設計非常漂亮的平面作品，對網頁設計的平面作品是必不可少的軟件。

b.Adobe公司的Firework軟件是網頁三登劍客的一款設計軟件，可以處理矢量圖，也可以處理位圖，但對大多數網頁設計師來說還是設使用Photoshop軟件的較多，使用它設計制作gif動畫很不錯的軟件。

4、網頁動畫設計軟件

常用的網頁動畫當然是數Flash動畫了，它的設計軟件當然得數Adobe公司的Flash軟件最好了，而且有非常大一部分人使用它。也有其它的Flash特效軟件，也不是錯的功能，如文字特效軟件SWFText等。

三、網頁制作的流程

一般網頁的制作流程如下：

1、軟文整理和公司的LOGO設計

知道設計的內容、設計的色系的依據，一般我們設計的顏色取決于LOGO的顏色為主

2、素材采集

設計時需要很多素材，當然，你也可以邊設計時，邊找素材也行，有素材庫當然是最好的了

3、使用Photoshop軟件設計DEMO樣圖

將你要設計的文字內容、圖片內容按照自己所想的想法排列，自己覺得好看就行了，但是一定要按照網頁的標準來設計，就是大小、尺寸等問題，顏色可以依照標準色系(可以根據LOGO顏色來設計)，加上線條、圖標、組合成一頁網頁頁面圖(DEMO圖)

4、網頁編輯

將Photoshop設計的圖，用切片工具，切割好，導出html文件和圖片(可以按Ctrl+Alt+Shift+s組合鍵實現功能);用Dreamweaver打開HTML文件，對它進行重新排版，編輯一下，將多余的圖片和表格刪除；那么恭喜你！一個網頁文件成功完了。

5、動畫制作

你的網頁做好了，為了更好看，當然得做動畫呀；常見的動畫主要有Gif動畫和Flash動畫。你可以用Firework軟件來設計Gif動畫；用Flash軟件來做Flash動畫。將做完的動畫用Dreamweaver軟件插入到網頁中，替換原來的圖片就行了。

6、在網頁中加入超鏈接

當你做了很多個頁面后，你在Dreamweaver中選擇關鍵字，插入超鏈接，鏈到相應的網頁中就可以了；那么你的一個靜態網站就做成了。

四、網頁設計的其它知識

你要成為一個能手級的網頁設計師，必須掌握不少的知識，上面所說的只是基礎級別網頁設計師的設計師，那要成為一個能手級別的網頁設計師還要掌握什么知識呢？

1、對網頁腳本的了解

2、對AS的掌握

3、對動態網站的了解

4、對數據庫的了解

分享文章：網頁設計必備知識?
本文鏈接：http://www.js-pz168.com/news30/184480.html

成都網站建設公司_創新互聯，為您提供Google、App設計、品牌網站制作、手機網站建設、微信公眾號、搜索引擎優化

廣告

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