本節簡介:使用Photoshop對店招設計稿進行切片并添加鏈接,裝修店招的過程演示。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
店招設置:1 店招尺寸950*120 。 2 切圖,編輯切片,復制熱區網址到URL。3 保存切圖和html。4 淘寶設置店招:復制html代碼到源碼,復制圖片鏈接
自定義招牌-源碼-將剛才代碼粘貼來過--圖像上傳圖片空間-按順序編輯添加圖片地址
店招圖html-右鍵-查看網頁源代碼-從table 開始到table 結束
切片選擇工具-右鍵-編輯切片選項-URL(相當于鏈接地址-)-目標(是否在新頁面打開-blank)
貼片工具-參考線,基于參考線的切片-存儲為Web所用格式
編輯鏈接后存儲為web格式,保存時選擇HTNL和圖像格式
店招里編輯其他鏈接時目標地址填_blank(新窗口打開)
使用PS為店招添加鏈接步驟:在PS打開店招,進行切片,后單擊切片選項工具,單擊右鍵選擇編輯切片,在url填寫店鋪網址(店鋪網址打開我的店鋪在鏈接中復制),粘貼地址,目標地址不用填寫
利用瀏覽器打開圖片,查看網頁源代碼從綠色什么圖片到end中間部分復制。用自定義招牌,選擇代碼,粘貼代碼,記得上傳切片圖片到圖片空間。在對模塊進行編輯,添加圖片即可。
新窗口打開(目標 _blank)不寫就是當前窗口打開。格式選擇html和圖像,所有切片,確定即可。
使用ps為店招添加鏈接。用切片將頁頭切出若干有用區域(利用基于參考線切片) 里用切片選擇工具,編輯切片選項 url添加鏈接地址 可設置本窗口打開和新窗口打開(即刷新本窗口或彈出新窗口) 存儲為web格式
切片選擇工具 點擊-右鍵-切邊選項 URL 連接 目標; _blank 在新的頁面打開
1.切割要添加的區域。 2.切片選擇工具選擇要添加鏈接的區域右擊編輯切片選區。 3.URL添加連接的地址。(目標)用來設置在新窗口或本窗口打開鏈接。如需要新窗口打開需填寫代碼(-blank)。5,存WEB格式,HTNL和圖像保存,桌面會顯示兩個文件,一個是用來保存突變,一個是用來保存鏈接。6.復制鏈接的文件里面的代碼,到裝修店招后臺,上傳裁切圖片到空間,把圖片的地址復制到相對應的模塊里面即可顯示。