PS網頁制作中切片應用

11.大致的結構切分完成后，我們再來對文字信息進行細致的切分，我們選擇【切片選擇】工具，選擇【最新推薦】這一欄中的切片，然后選擇選項欄中的【劃分按鈕】，如圖12-3-68所示。這時會彈出劃分選項對話框，我們可以在這里對劃分的屬性進行設置，我們選擇【水平劃分】，在第一欄中我們輸入數值13，如圖12-3-69所示。

圖12-3-68圖12-3-69

12.單擊【確定】，這樣【最新推薦】這欄的內容就被我們平均劃分了，如圖12-3-70所示。

圖12-3-70

13.用同樣的方法，我們接著對【名人坊】以及【導航】等內容進行劃分，有時我們的劃分不一定特別的精確，我們可以放大圖像對切片進行一下調節，劃分后效果如圖12-3-71所示。

圖12-3-71

14.我們接著打開第一張圖像，對其也進行一下切片的劃分，如圖12-3-72所示。

圖12-3-72

15.我們將圖像全部切分完以后，就可以對圖像添加鏈接了，我們使用切片選擇工具對切片34進行雙擊，這時就彈出了切片選項的對話框，如圖12-3-73所示。

圖12-3-73

16.在URL這欄中我們可以輸入我們需要鏈接的網址，比如：。如圖12-3-74所示。那么用同樣的方法，我們對其他的切片也可以這樣添加鏈接。

圖12-3-74

17.單擊【確定】，鏈接添加完以后，我們就可以對圖像進行導出，我們選擇【文件】，【存儲為web和設備所用格式】，彈出的對話框，如圖12-3-75所示。

圖12-3-75

18.單擊【存儲】，在此對話框中我們輸入文件保存的名稱，保存類型我們設置為HTML，如圖12-3-76所示。然后單擊【保存】。

圖12-3-76

19我們再次打開第一張圖像對其也添加鏈接，鏈接的URL設置為我們第二個網頁。然后進行輸出，方法同上。這樣我們的網頁就制作完成了。

最終效果:

第一張網頁的預覽效果，如圖12-3-77所示。

圖12-3-77

我們用鼠標單擊【Enter】按鈕，這樣我們就鏈接到了第二個頁面，如圖12-3-78所示。

圖12-3-78

我們再次單擊我們在首頁添加的鏈接，就會鏈接到其他的網站頁面，如圖12-3-79所示。

圖12-3-79