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


搜索引擎優化怎么營銷品牌
設計師也必須懂得文案設計
建站期間怎么打好網站優化的基礎？
新網站要怎么做SEO優化？送給剛入行的你
模板建站對于網頁頁面的設計與制作
搞一個網站大概要多少錢？
網站制作淺談網站設計的核心是什么
網站制作過程中三大容易犯錯的事項