本節簡介:使用Photoshop對店招設計稿進行切片并添加鏈接,裝修店招的過程演示。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
使用ps為店招添加鏈接:切片工具-參考線(ctrl+r)-切片工具-基于參考線的切片-加鏈接(切片選擇工具)-右鍵(編輯切片選項)-url(鏈接地址)-目標(本窗口or新窗口_blank)-html和圖像格式-切片-所有切片-查看網頁源代碼-只需要兩個table中間的代碼-裝修頁面-自定義招牌-復制代碼-上傳切片-編輯切片
店招編輯界面選擇自定義店招,選擇<>,粘貼代碼。保存。上傳形成文件夾中的圖片到網絡,編輯店招,選擇每個切片塊編輯對應圖片地址。
用參考線將圖片切片,用切片選擇工具及右鍵中的選項編輯url和目標(目標填寫_blank是在新頁面打開,不寫是在當前頁面打開)。保存為web格式,并選擇保存圖片和html。打開html文件用右鍵查看源代碼。復制<table到</table的內容
代碼要先點擊源碼粘貼到源碼框里 形成代碼框架 把切片上傳后的網絡地址粘貼進去
收藏鏈接 導航欄上方有“收藏店鋪” 復制鏈接地址 粘貼到編輯切片后的鏈接
切片-切片選擇工具-右鍵-編輯切片 可添加切片地址
店招編輯-自定義-粘貼源代碼-圖片部分-編輯-粘貼地址
ps給店招添加鏈接:切片-選擇切片-編輯-目標(_blank)即新窗口打開-保存(圖像+html)-圖像上傳-查看源代碼
1、切片工具-拉參考線-基于參考線切片-切片選擇工具-右鍵編輯切片選項 2、如果需要新窗口打開在目標設置處:_blank 3、儲存為web,格式必須是HTML和圖像,所有切片 4、打開儲存好的HTML格式文件,右鍵查看網頁源代碼復制table始末,粘貼到店招自定義源碼區域
復制代碼 顏色變化table開始到table結束的代碼
目標 寫下劃線 _blank 表示新的指定窗口打開