先做一個(gè)簡(jiǎn)單的說(shuō)明為什么選擇Photoshop軟件而沒(méi)有選擇Firework軟件。Friework Dreamweaver Flash號(hào)稱(chēng)網(wǎng)頁(yè)制作三劍客，F(xiàn)riework與Dreamwaver整合得更為緊密，在這里只所以選擇photoshop只是因?yàn)槲业钠?，況且我對(duì)firework軟件使用的次數(shù)很少，不太喜歡他提供的層面板。
在這里我們使用的PS的版本是CS3 以前的版本與此相差無(wú)幾，但注意不能使用迷你安裝版，必須是完整安裝。

再說(shuō)一下我們為什么要使用切片：
1 使用切片是最直白的網(wǎng)頁(yè)布局方法。不要再想如何去設(shè)計(jì)表格，也不要想什么DIV，你首先要想的是你的網(wǎng)頁(yè)要做成什么樣子？把你所想的畫(huà)出來(lái)就行了!! 
2 使用切片可以有效地減小頁(yè)面文件的大小，提高瀏覽者瀏覽頁(yè)面的體驗(yàn)。想想看是把一個(gè)圖片完整下載下來(lái)快，還是把一個(gè)圖片分成若干個(gè)小圖同時(shí)下載快呢？

如何切片：
一 打開(kāi)你設(shè)計(jì)好的PS圖，選擇切片工具 

 

二  按網(wǎng)頁(yè)的結(jié)構(gòu)和圖片的特點(diǎn)進(jìn)行切片
切片的大水上和位置可以通過(guò)切片選項(xiàng)來(lái)進(jìn)行調(diào)整 
 
三 選擇文件菜單 另存為WEB格式命令，保存時(shí)會(huì)生成index.html 圖片文件會(huì)存放在images文件夾中(CS3要選擇存儲(chǔ)為html和圖片) 
 
四 使用Dreamweaver軟件打開(kāi)剛剛保存生成的html文件進(jìn)行編輯，刪除不必須的圖片和進(jìn)行內(nèi)容的填充。 

 

切片原則和常見(jiàn)問(wèn)題：
 一 切片是生成表格的依據(jù)，切片的過(guò)程要先總體后局部，即先把網(wǎng)頁(yè)整體切分成幾個(gè)大部分，再細(xì)切其中的小部分。
二  對(duì)于漸變的效果或圓角等圖片特殊效果，需要在頁(yè)面中表現(xiàn)出來(lái)的，要單獨(dú)切出來(lái)
三 在DW中進(jìn)行編輯時(shí)，少用圖片，如果能用背景顏色代替的就使用背景顏色 能使用圖案的也盡可能使用圖案平鋪來(lái)形成背景
四 在DW中進(jìn)行編輯時(shí)，刪除圖片時(shí)出面表格錯(cuò)位如何辦？
    刪除圖片的時(shí)候記住圖片的長(zhǎng)寬，再插入一個(gè)相同長(zhǎng)寬的表格。
五 在DW中如何自定義表格的長(zhǎng)寬？
    使用表格長(zhǎng)寬一樣的圖片做為單元格的背景。
六 如何在圖片上輸入文字？
    把圖片設(shè)置成背景。
其實(shí)我感覺(jué)很重要的兩步如下：
第一步：

第二步：

最新評(píng)論