想知道如何快速簡單的建立一個網(wǎng)頁，小編今天為大家?guī)淼氖侨绾问褂胮s和DW輕松制作網(wǎng)頁，或許當我們看到一些導航網(wǎng)站時候，可能覺得制作一個網(wǎng)頁一定不簡單，那怎么讓制作網(wǎng)頁變得簡單起來呢?一起來看看吧!

軟件名稱：Adobe Photoshop 8.0 中文完整綠色特別版軟件大小：150.1MB更新時間：2015-11-04

軟件名稱：dreamweaver8 中文綠色版(無需安裝)軟件大小：59.6MB更新時間：2012-03-09

軟件名稱：Adobe dreamweavercs5 (免激活)簡體中文破解綠色免費版軟件大小：87.67MB更新時間：2016-09-14

　　只需要兩個軟件：ps和Dreamweaver!

　　效果圖：

　　我們需要先制作背景圖片。也就是網(wǎng)頁背景那塊藍色的部分。我們需要單獨做出來。

　　新建一個1920px*400px的文件

　　我們拉一個一個藍色(#506dbb)到白色的一個漸變

　　效果圖

　　然后我們保存這張圖片為gif格式

　　這時候我們新建一個

　　1000*800的文件

　　我們把網(wǎng)頁效果圖制作出來。這里都是用到ps制作的。沒有寫任何代碼。這個過程我就不講了

　　大家制作好網(wǎng)頁效果圖完成的時候一定要注意把網(wǎng)頁背景圖層刪掉，保持透明

　　下一步我們使用切片工具。把頁面進行切片。如下圖所示

　　注意每一個鏈接都要切片一下。切片工具和矩形選區(qū)工具一樣，拉一下就是一個切片

　　為了區(qū)分我這里加了背景。我們一會一定要記得去掉

　　我們再使用切片選擇工具選擇單個切片。然后右鍵

　　我們再逐個為切片添加鏈接

　　注意我們上面的加的黑色背景一定要記得去掉

　　我們現(xiàn)在保存為web所用格式

　　我們把這里選擇jpg—8

　　保存

　　以上就是小編為大家?guī)淼娜筷P于如何使用PS和DW制作網(wǎng)頁方法的全部內(nèi)容了，希望可以幫助到大家！