網頁設計需要必備哪些知識

一、網頁基本知識

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中選擇關鍵字，插入超鏈接，鏈到相應的網頁中就可以了；那么你的一個靜態網站就做成了。

標題名稱：網頁設計需要必備哪些知識
文章分享：http://m.kartarina.com/news/194908.html

成都網站建設公司_創新互聯，為您提供Google、網站排名、云服務器、網站策劃、網站建設、定制開發

廣告

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