網(wǎng)頁設(shè)計必備知識?

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

二、網(wǎng)頁基本知識

1、網(wǎng)頁語言

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

2、網(wǎng)頁工具

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

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

3、網(wǎng)頁設(shè)計軟件

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

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

4、網(wǎng)頁動畫設(shè)計軟件

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

三、網(wǎng)頁制作的流程

一般網(wǎng)頁的制作流程如下：

1、軟文整理和公司的LOGO設(shè)計

知道設(shè)計的內(nèi)容、設(shè)計的色系的依據(jù)，一般我們設(shè)計的顏色取決于LOGO的顏色為主

2、素材采集

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

3、使用Photoshop軟件設(shè)計DEMO樣圖

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

4、網(wǎng)頁編輯

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

5、動畫制作

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

6、在網(wǎng)頁中加入超鏈接

當你做了很多個頁面后，你在Dreamweaver中選擇關(guān)鍵字，插入超鏈接，鏈到相應的網(wǎng)頁中就可以了；那么你的一個靜態(tài)網(wǎng)站就做成了。

四、網(wǎng)頁設(shè)計的其它知識

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

1、對網(wǎng)頁腳本的了解

2、對AS的掌握

3、對動態(tài)網(wǎng)站的了解

4、對數(shù)據(jù)庫的了解

分享文章：網(wǎng)頁設(shè)計必備知識?
本文鏈接：http://www.muchs.cn/news30/184480.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、App設(shè)計、品牌網(wǎng)站制作、手機網(wǎng)站建設(shè)、微信公眾號、搜索引擎優(yōu)化

廣告

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