如何用PS製作網頁熱點鏈接?

Tags: 熱點, 網頁, 鏈接,

用Photoshop切片功能,把網頁切成不同的區塊,給每個區塊加上熱點鏈接

工具/原料

Photoshop軟件

Photoshop切片工具

Photoshop存儲為web格式

方法/步驟

第一:隨機照一張圖片

如何用PS製作網頁熱點鏈接

第二:製作幾個按鈕

如何用PS製作網頁熱點鏈接

第三:用輔助線打好切片範圍

如何用PS製作網頁熱點鏈接

第四:選擇切片工具,創建基於參考線的切片。

如何用PS製作網頁熱點鏈接

第五:用切片選擇工具,組合切片,分割導航的按鈕

如何用PS製作網頁熱點鏈接

第六:用切片選擇工具,在主頁按鈕上雙擊,設置相應的網址目標

如何用PS製作網頁熱點鏈接

第七:選擇文件---存儲為web格式

選擇HTML和圖像,所有切片

如何用PS製作網頁熱點鏈接

第八:桌面上出現,image文件夾和主頁html文件

如何用PS製作網頁熱點鏈接

第九:image文件夾裡是所有切片分割的按鈕和背景

如何用PS製作網頁熱點鏈接

第十:右鍵單擊桌面上的主頁html文件,用瀏覽器打開。

主頁按鈕製作完成,已經有熱點鏈接。

如何用PS製作網頁熱點鏈接

注意事項

上傳網頁的時候最好用Dreamweaver在校正一下

相關問題答案