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

二、網(wǎng)頁(yè)基本知識(shí)

1、網(wǎng)頁(yè)語(yǔ)言

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

2、網(wǎng)頁(yè)工具

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

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

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

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

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

4、網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)軟件

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

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

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

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

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

2、素材采集

設(shè)計(jì)時(shí)需要很多素材，當(dāng)然，你也可以邊設(shè)計(jì)時(shí)，邊找素材也行，有素材庫(kù)當(dāng)然是最好的了

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

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

4、網(wǎng)頁(yè)編輯

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

5、動(dòng)畫(huà)制作

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

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

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

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

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

1、對(duì)網(wǎng)頁(yè)腳本的了解

2、對(duì)AS的掌握

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

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

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

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

廣告

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