這些都達到要求后，下面你就開始了解一些最基本的網頁設計知識比如一般的網頁寬度960像素，字體大小是12號宋體等等這些內容接下來就找幾個別人設計的網頁效果圖來臨摹下，自己在PS里邊臨摹邊想，看看別人是怎么一步步從。

但是現在當然是在PS里做效果圖啦，不過網頁設計沒那么復雜，不用PS導出切片照樣可以做的很好，現在做CSS還是可以的，加上PS，應該還是可以，但是現在單單會一樣顯然是不行的，得追隨潮流，要學習新的事物，很多公司都是要求。

1先用Photoshop做一個網頁圖片2Ctrl+R調出標尺，在圖片上繪制表格，框選出要做鏈接的部分3使用切片工具，按照繪制的表格劃分切片 4以上步驟完成后，進行操作“文件”“儲存為Web和設備所用格式”，在打開的窗口。

設計網頁的網格方法 第一種方法使用GuideGuide？卡梅倫McEfee建立垂直列這Photoshop插件被認為是處于測試階段，但是從我與它的經驗的一切工作得很好，甚至有談GuideGuide 2的發布，其中將包括更多的功能GuideGuide頁面上可以找到。

制作這些東西你也許要用到做圖片的Photoshop做gif動畫的GALE制作image map的工具Map This中文字庫也應該拿出來 3制作網頁 當然要制作網頁了！于是你把網頁制作好了！以后再講 4測試網站 網頁做好了，鏈接做好。

你想在dreamweaver制作二級頁面，就在dw中新建一個頁面制作具體步驟是dw菜單中的文件，新建，頁面類型選html，點擊創建按鈕就創建了一個空白頁面在這個空白頁面上做你要得二級頁面效果給你舉個例子一級頁面是網站首頁。

1將網頁需要展示的圖片在Photoshop里面排版好2將排版好的頁面進行切片，并將文件保存為web所用格式文件3這樣文件就保存為了一個HTML文件和一個images文件夾，可以看到我們剛排版的圖片已經被切成一張張的圖片保存在 4接。