PS網頁制作中切片應用
- 2022-12-24 19:35:20
- 來源/作者:互聯網/佚名
- 己被圍觀次
ps教程新春大禮包——18章巨獻 作者:薛欣姚輝 12.3.4網頁制作 下面我們來通過使用ps的切片制作一個網頁,對切片工具以及網頁格式的存儲和鏈接做一深入的學習。 1.首先我們打開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
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(www.sz-xdd.com.cn)
上一篇:PS+AI設計文字LOGO
下一篇:圖標制作,制作逼真獎牌圖標








