這些都達(dá)到要求后，下面你就開始了解一些最基本的網(wǎng)頁(yè)設(shè)計(jì)知識(shí)比如一般的網(wǎng)頁(yè)寬度960像素，字體大小是12號(hào)宋體等等這些內(nèi)容接下來就找?guī)讉€(gè)別人設(shè)計(jì)的網(wǎng)頁(yè)效果圖來臨摹下，自己在PS里邊臨摹邊想，看看別人是怎么一步步從。

但是現(xiàn)在當(dāng)然是在PS里做效果圖啦，不過網(wǎng)頁(yè)設(shè)計(jì)沒那么復(fù)雜，不用PS導(dǎo)出切片照樣可以做的很好，現(xiàn)在做CSS還是可以的，加上PS，應(yīng)該還是可以，但是現(xiàn)在單單會(huì)一樣顯然是不行的，得追隨潮流，要學(xué)習(xí)新的事物，很多公司都是要求。

1先用Photoshop做一個(gè)網(wǎng)頁(yè)圖片2Ctrl+R調(diào)出標(biāo)尺，在圖片上繪制表格，框選出要做鏈接的部分3使用切片工具，按照繪制的表格劃分切片 4以上步驟完成后，進(jìn)行操作“文件”“儲(chǔ)存為Web和設(shè)備所用格式”，在打開的窗口。

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

制作這些東西你也許要用到做圖片的Photoshop做gif動(dòng)畫的GALE制作image map的工具M(jìn)ap This中文字庫(kù)也應(yīng)該拿出來 3制作網(wǎng)頁(yè) 當(dāng)然要制作網(wǎng)頁(yè)了！于是你把網(wǎng)頁(yè)制作好了！以后再講 4測(cè)試網(wǎng)站 網(wǎng)頁(yè)做好了，鏈接做好。

你想在dreamweaver制作二級(jí)頁(yè)面，就在dw中新建一個(gè)頁(yè)面制作具體步驟是dw菜單中的文件，新建，頁(yè)面類型選html，點(diǎn)擊創(chuàng)建按鈕就創(chuàng)建了一個(gè)空白頁(yè)面在這個(gè)空白頁(yè)面上做你要得二級(jí)頁(yè)面效果給你舉個(gè)例子一級(jí)頁(yè)面是網(wǎng)站首頁(yè)。

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