需要使用JS代碼制作再將PS切片出來(lái)的小圖片通過(guò)代碼插入網(wǎng)頁(yè)中，并且使用測(cè)試數(shù)據(jù)填充各個(gè)小版塊，達(dá)到與效果圖一樣的效果第四最后優(yōu)化網(wǎng)頁(yè)代碼，刪除冗余的文件，整理出一個(gè)簡(jiǎn)潔的靜態(tài)網(wǎng)頁(yè)，這樣靜態(tài)網(wǎng)頁(yè)就制作好了。

繪制矩形選區(qū)，單擊按鈕創(chuàng)建“圖層15”，使用“漸變工具”填充顏色RGB為255255255到透明的漸變效果選擇“橫排文字工具”字體大小為16點(diǎn)西文字體Verdana顏色RGB為255255255輸入字體12 打開(kāi)“素材網(wǎng)。

9在DW中將代碼復(fù)制，打開(kāi)千牛后臺(tái)的店鋪裝修，點(diǎn)擊返回舊版并選擇PC端，打開(kāi)首頁(yè)點(diǎn)擊圖標(biāo)中的編輯，將代碼粘貼后點(diǎn)擊發(fā)布即可完成制作10效果圖如圖所示以上就是dreamweaver制作網(wǎng)頁(yè)的整個(gè)操作過(guò)程了，你學(xué)會(huì)了嗎總體來(lái)說(shuō)。

效果圖，圖片自己換，html代碼lt！DOCTYPE html 泰國(guó) 泰國(guó)。

制作網(wǎng)站的步驟及怎樣上傳的步驟1域名空間備案及認(rèn)證 2用ps或其他設(shè)計(jì)軟件進(jìn)行網(wǎng)頁(yè)效果設(shè)計(jì) 3用flash進(jìn)行動(dòng)畫(huà)效果的制作 4用dw進(jìn)行網(wǎng)頁(yè)效果圖轉(zhuǎn)化html，添加動(dòng)畫(huà)，添加程序等 5用ftp進(jìn)行上傳至網(wǎng)絡(luò)服務(wù)器 6。

用PS做的是效果圖，需要前端開(kāi)發(fā)人員編寫(xiě)代碼才可以在網(wǎng)站上展示出來(lái)簡(jiǎn)單來(lái)說(shuō)，在PS里做好之后，需要切圖把圖片切割成適合在網(wǎng)站上瀏覽切圖時(shí)需要把文字分離出圖片的要處理好切好圖片之后，需要用html結(jié)合JavaScript。

最終效果圖就是這樣啦 好了，這期教程到這里就結(jié)束了，敬請(qǐng)期待下期教程吧，不見(jiàn)不散！如何在電腦上制作網(wǎng)頁(yè)？ 1首先，我們要打開(kāi)DW，新建一個(gè)html文檔 2新建后會(huì)出現(xiàn)一個(gè)界面，如下圖里面的代碼都是自動(dòng)生成的 3然后在上面。

第三，要做網(wǎng)頁(yè)特效，比如輪播，需要JS代碼然后將PS切片的小圖通過(guò)代碼插入網(wǎng)頁(yè)，用測(cè)試數(shù)據(jù)填充每個(gè)小片段，達(dá)到和效果圖一樣的效果最后，優(yōu)化網(wǎng)頁(yè)代碼，刪除冗余文件，整理出一個(gè)簡(jiǎn)潔的靜態(tài)網(wǎng)頁(yè)，這樣靜態(tài)網(wǎng)頁(yè)就完成了。

1打開(kāi)軟件dreamweaver8寫(xiě)如下代碼，如圖調(diào)用CSS樣式調(diào)用JS插件代碼 lt！效果html開(kāi)始 function var aPage = $#39#main page a#39分頁(yè)按鈕 var aImg = $#39#main box img。